/* hf.min.css — erzeugt von tools/css-bundle.mjs, NICHT von Hand ändern. Quellen: css/ui.css css/nightshift.css css/kaikante.css css/touch.css fonts/fonts.css css/interface.css css/was-ist-neu.css css/lagebild.css css/training.css css/einstieg.css css/ux3d.css css/multiplayer.css css/ux7.css css/social-profiles.css · sha256/24: 9cb761b9ca98b01d0c8bd2d2 */
:root{--ink:#0b1014;--panel:#111a1e;--line:#293238;--text:#edf0e9;--muted:#95a09e;--accent:#ff5a1f;--hud:198px;--top:56px;--mono:ui-monospace,"Cascadia Code","Consolas",monospace;--display:"Arial Narrow",Impact,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--ink);color:var(--text)}body{font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button,input,select{border-radius:0}button{border:0;background:none}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{transition:background .18s,color .18s,border-color .18s}input,select{width:100%;background:#0c1317;border:1px solid var(--line);padding:12px 14px;min-width:0}input::placeholder{color:#75827f}input:hover,select:hover{border-color:#67716c}label{display:block;color:var(--muted);font-size:12px;margin:16px 0 7px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);line-height:1;font-weight:850;letter-spacing:-.045em}kbd{font:10px var(--mono);color:#a8b4b0;border:1px solid #424a49;padding:2px 4px;white-space:nowrap}main{position:absolute;inset:var(--top) 0 0}.screen{position:absolute;inset:0;display:none;overflow:auto}.screen.on{display:block}.panel{background:#111a1eed;border:1px solid var(--line)}.shell-header{height:var(--top);display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);position:relative;z-index:10;background:var(--ink)}.identity{display:flex;align-items:center;gap:12px;font:600 12px var(--mono);letter-spacing:.08em;white-space:nowrap}.identity b{color:#75837c;font-weight:400;margin:0 8px}.identity-mark{height:12px;width:12px;background:var(--accent);display:block}.header-right{display:flex;gap:32px;align-items:center;font:10px var(--mono);letter-spacing:.05em}.build-tag{color:#84928b}.connection{display:flex;align-items:center;gap:8px}.connection i{width:5px;height:5px;background:#8a938a}.connection.connected i{background:#b1c1a6}.connection.lost i{background:var(--accent)}.eyebrow,.section-label{font:10px/1.4 var(--mono);letter-spacing:.11em;color:var(--muted);text-transform:uppercase}.eyebrow{display:flex;gap:10px;align-items:center}.eyebrow i{height:5px;width:5px;background:var(--accent)}.section-label{display:flex;align-items:center;justify-content:space-between;gap:10px}.primary{background:var(--accent);color:#150b06!important;padding:14px 20px;text-align:left;font-size:13px;font-weight:750;display:flex;justify-content:space-between;align-items:center;gap:20px}.primary:hover:not(:disabled){background:#ff7b48}.primary.large{font-size:15px;min-width:246px}.outline{padding:10px 14px;border:1px solid #39433f;font-size:12px}.outline:hover:not(:disabled){background:#29322e;border-color:#7a857b}.text-button{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #444b43;font-size:13px;text-align:left}.text-button.quiet{border:0;color:#aeb9b0}.text-button.small{font-size:11px;padding:0;border:0;white-space:nowrap}.icon-button{height:36px;width:36px;border:1px solid #404b46;font-size:22px}.field{display:flex;gap:8px;align-items:center}.field input{flex:1}.field button{white-space:nowrap}.tiny{font-size:11px;line-height:1.65;color:var(--muted)}#menu{overflow:hidden}.scene,.scene-shade{position:absolute;inset:0;pointer-events:none}.scene-harbor{background:url(/media/hafen.jpg) center 60%/cover;filter:grayscale(1) contrast(1.08);opacity:.58}.scene-shade{background:linear-gradient(90deg,#070e12b8,#070e1224 60%,#070e128c),linear-gradient(0deg,#0b1014,transparent 48%)}.menu-content{position:relative;margin:7.2vh 0 0 6vw;z-index:2}.menu-content .eyebrow{color:#c5cec4}.menu-content h1{font-family:Impact,Arial Narrow,system-ui,sans-serif;font-size:clamp(90px,11.5vw,170px);letter-spacing:-.012em;line-height:.84;margin:29px 0 24px;font-weight:900}.menu-content h1 span{color:var(--accent)}.hero-copy{font-size:15px;line-height:1.6;color:#d4dcd2}.menu-actions{margin-top:28px;display:grid;width:280px;gap:8px}.menu-map{position:absolute;right:6vw;top:13vh;width:330px;padding:19px;background:#0b1316f0}.menu-map canvas{width:100%;height:262px;display:block;margin:18px 0 20px;opacity:.95}.map-card-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 7px}.map-card-title h2{font-size:28px;letter-spacing:-.04em}.menu-map p{font-size:12px;color:#a6b2a6}.map-card-foot{border-top:1px solid var(--line);display:flex;justify-content:space-between;font:9px var(--mono);color:var(--muted);padding-top:15px;margin-top:20px}.menu-bottom{position:absolute;bottom:28px;left:6vw;right:6vw;display:flex;justify-content:space-between;gap:20px;font:10px var(--mono);color:#b1bcb1}.menu-bottom b{color:var(--accent);margin:0 12px}.menu-bottom>span:last-child{font:11px system-ui;color:#89978e}.map-list{overflow-y:auto;min-height:0}.atlas-detail>.atlas-caption{margin-top:-8px;color:#d5c6a5;font:italic 11px/1.6 var(--body)}.atlas-caption:empty{display:none}.keybindings-settings{margin-top:34px;border-top:1px solid var(--line);padding-top:24px}.keybindings-settings h2{font-size:24px;margin-bottom:10px}.keybindings-settings>p{color:var(--muted);font-size:12px;margin-bottom:14px}.keybinding-reset-all{border:1px solid var(--line);padding:8px 11px;margin-bottom:12px;font-size:11px}.keybinding-list{display:grid;gap:4px;max-height:430px;overflow:auto;padding-right:4px}.keybinding-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(72px,auto) auto auto;gap:8px;align-items:center;padding:6px 8px;border:1px solid transparent;background:#0c1317}.keybinding-row.has-conflict{border-color:#ef694a;background:#281612}.keybinding-label{font-size:11px;color:#c9d1ca}.keybinding-current{min-width:70px;text-align:center;font:11px var(--mono);color:#f1bf87}.keybinding-change,.keybinding-reset,.keybinding-confirm,.keybinding-cancel{border:1px solid #39433f;padding:6px 8px;font-size:10px}.keybinding-confirm{grid-column:1/-1;border-color:#c7794c;color:#ffd5a8}.keybinding-cancel{grid-column:1/-1}.keybinding-row button:hover{background:#29322e}@media(max-width:680px){.keybinding-row{grid-template-columns:minmax(100px,1fr) auto auto;gap:5px}.keybinding-current{min-width:52px}.keybinding-reset{grid-column:3}}.page-heading{display:flex;align-items:center;justify-content:space-between;padding:35px 3vw 28px;gap:20px}.page-heading h1{font-size:clamp(30px,3.5vw,48px);margin-top:12px;letter-spacing:-.045em}.atlas-layout{padding:0 3vw 30px;display:grid;grid-template-columns:215px minmax(300px,1fr) 265px;gap:24px;height:calc(100% - 142px);min-height:490px}.map-list{display:flex;flex-direction:column;gap:2px}.map-option{padding:19px 14px;text-align:left;border-left:2px solid transparent;border-top:1px solid var(--line);display:grid;grid-template-columns:25px 1fr;gap:8px;color:#a4b0a4}.map-option>span{font:10px var(--mono);padding-top:4px;color:#8b9991}.map-option strong{font-size:15px;letter-spacing:-.015em;font-weight:600}.map-option small{grid-column:2;color:#8b9991;font:9px var(--mono);margin-top:-1px}.map-option.active{background:#1b241f;border-left-color:var(--accent);color:#f0f4eb}.atlas-map{padding:17px;display:flex;flex-direction:column;min-height:0}.atlas-map canvas{width:100%;height:100%;min-height:300px;flex:1;object-fit:contain;min-width:0;margin:14px 0}.atlas-tools{border-top:1px solid var(--line);padding-top:13px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.atlas-tools>span{color:var(--muted);font:9px var(--mono);margin-left:auto}.chip{font-size:10px;border:1px solid #49534b;padding:7px 10px;color:#b1bcb0}.chip[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.atlas-detail{padding:16px 0}.atlas-detail h2{font-size:38px;line-height:1.05;margin:20px 0}.atlas-detail>p{font-size:13px;color:var(--muted);line-height:1.8}.map-facts{margin:28px 0}.map-facts>div{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.map-facts span{color:var(--muted);font:9px var(--mono)}.map-facts strong{font:13px var(--mono)}.legend{display:grid;gap:12px;margin-bottom:27px}.legend span{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.legend i{width:10px;height:10px;display:inline-block}.legend .water{background:#29404a}.legend .roof{background:#6b6256}.legend .bridge{background:#8c8a79}.legend .spawn{border:1px solid var(--accent)}.atlas-detail .primary{width:100%}.atlas-detail>.tiny{font-size:10px;margin-top:16px;line-height:1.6}.lobby-layout{display:grid;grid-template-columns:minmax(300px,1fr) 350px;gap:26px;max-width:1250px;margin:0 auto;padding:0 3vw 30px}.lobby-browser,.host-panel{padding:24px}.host-panel>input,.host-panel>select{font-size:13px}.host-panel>canvas{width:100%;height:165px;margin:20px 0;display:block}.host-panel>.primary{width:100%}.host-panel>.tiny{margin-top:16px}.room-list{min-height:240px}.empty-state{display:flex;min-height:315px;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#8c9c92}.empty-state .empty-symbol{font-size:48px;color:#38483e;line-height:1;margin-bottom:25px}.empty-state strong{color:#d1dbd0;font-size:20px;font-weight:550;letter-spacing:-.03em}.empty-state p{font-size:12px;margin-top:9px;max-width:250px}.room-item{display:grid;grid-template-columns:1fr auto;gap:6px;width:100%;padding:20px 4px;text-align:left;border-bottom:1px solid var(--line)}.room-item strong{font-size:18px;font-weight:600}.room-item small{color:var(--muted);font:10px var(--mono)}.room-item span{grid-area:1/2/3/3;align-self:center;color:var(--accent)}.join-row{border-top:1px solid var(--line);padding-top:8px}.join-row input{font:14px var(--mono);letter-spacing:.2em;text-transform:uppercase}.room-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:25px;padding:0 3vw 30px;max-width:1450px;margin:auto}.room-main{padding:24px}.room-map-panel{padding:20px}.room-map-panel canvas{width:100%;height:330px;display:block}.room-map-panel h2{font-size:30px;margin:22px 0 12px}.room-map-panel p{font-size:12px;line-height:1.8;color:var(--muted)}#slots{display:grid;gap:7px;margin-top:23px}.slot{display:grid;grid-template-columns:18px minmax(105px,1fr) 90px 75px 95px 44px;align-items:center;gap:9px;background:#151f20;border:1px solid var(--line);padding:12px 10px;min-height:68px}.slot select{font-size:11px;padding:7px 5px}.slot .dot{width:8px;height:8px;background:var(--slot-color)}.slot-name strong{display:block;font-size:13px;font-weight:600}.slot-name small{font:8px var(--mono);color:var(--muted);display:block;margin-top:5px}.slot-state{font:9px var(--mono);text-align:right;color:#a1b69c}.slot.empty{grid-template-columns:1fr;color:#5e7267;border-style:dashed;background:none;font-size:11px;min-height:45px}.room-controls{display:flex;align-items:center;gap:9px;margin-top:18px}.room-controls .primary{margin-left:auto}.room-readiness{font-size:11px;color:var(--muted);padding:14px 0;min-height:45px}.room-readiness.counting{color:var(--accent)}.chat-heading{border-top:1px solid var(--line);padding-top:20px;margin-bottom:10px}.chat{height:130px;overflow:auto;font-size:12px;line-height:1.8;color:#bbc7b9;overflow-wrap:anywhere}.chat .badge{font:8px var(--mono);color:#879a8c;margin-right:8px}.chat b{color:#f0f0df;margin-right:7px}.chat-empty{font-style:italic;color:#687b6e;padding:12px 0}.notice{display:flex;align-items:flex-start;gap:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:22px;color:var(--muted);font-size:11px;line-height:1.7}.notice i{height:6px;width:6px;background:var(--accent);flex-shrink:0;margin-top:6px}.help-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 3vw 40px;max-width:1350px;margin:auto}.help-layout .panel{padding:28px}.help-layout h2{font-size:30px;margin-bottom:25px}.controls{margin:0;display:grid;grid-template-columns:170px 1fr;gap:0 20px}.controls dt,.controls dd{margin:0;padding:14px 0;border-top:1px solid var(--line);font-size:12px}.controls dt{font-family:var(--mono);font-size:10px;color:#e0e7d9}.controls dd{color:var(--muted)}.help-note{font-size:12px;color:var(--muted);padding-top:24px;line-height:1.8}#game{overflow:hidden}.game-top{height:var(--top);position:absolute;inset:0 0 auto;z-index:5;background:#0c1419;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid #3b4744;gap:24px}.resource{display:grid;grid-template-columns:auto auto;column-gap:10px;align-items:center}.resource>span{font:9px var(--mono);color:#93a497;grid-column:1/-1}.resource>strong{font:21px var(--mono);line-height:1.15}.resource>small{font:9px var(--mono);color:#889c8b;white-space:nowrap}.resource.warning>strong{color:var(--accent)}.match-name{margin:auto;display:flex;flex-direction:column;gap:4px;text-align:center}.match-name>span{font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase}.match-name small{font:8px var(--mono);color:var(--muted)}.network-reading{font:10px var(--mono);color:var(--muted)}.clock{font:16px var(--mono)}.compact{padding:7px 10px;font-size:10px}.compact kbd{margin-left:8px}#world{position:absolute;left:0;top:var(--top);width:100%;height:calc(100% - var(--top) - var(--hud));display:block;touch-action:none;outline:none!important}.economy-strip{position:absolute;top:calc(var(--top) + 10px);left:18px;display:flex;align-items:center;gap:17px;z-index:2;background:#070e11e0;padding:7px 12px;border:1px solid #2b3730;font:9px var(--mono);color:#c1cec0}.economy-strip button{font:9px var(--mono);padding:0;color:#bbcab8}.economy-strip button.has-idle{color:var(--accent)}#field-notice{position:absolute;top:calc(var(--top) + 16px);right:18px;display:flex;gap:20px;pointer-events:none;font:8px var(--mono);color:#a6b2a2}#field-notice>span{background:#070e11cc;padding:4px 7px}#intent-label{position:absolute;top:calc(var(--top) + 50px);left:50%;transform:translate(-50%);font:11px var(--mono);color:#eef1e4;background:#091115e6;padding:8px 12px;pointer-events:none}#intent-label:empty{display:none}#alerts{position:absolute;left:20px;bottom:calc(var(--hud) + 42px);font:10px var(--mono);color:#e4eddd;pointer-events:none;max-width:350px}#alerts>div{padding:5px 9px;margin:3px 0;background:#050e11e6;border-left:2px solid var(--accent)}#groups{position:absolute;bottom:calc(var(--hud) + 8px);left:18px;display:flex;gap:4px}#groups button{font:10px var(--mono);min-width:33px;padding:5px 7px;border:1px solid #3a4b40;background:#0b1518;color:#9aac9c}#groups button.populated{border-color:#94aa97;color:#e7eddf}#groups small{margin-left:6px;font-size:8px;color:#8a9c8d}#hud{position:absolute;bottom:0;left:0;right:0;height:var(--hud);display:grid;grid-template-columns:188px minmax(190px,.85fr) minmax(175px,1fr) 420px;background:#0b1419;border-top:1px solid #455448;z-index:4;box-shadow:0 -4px 18px #040a0b44}.minimap-panel{padding:9px 11px;border-right:1px solid var(--line)}.mini-label{display:flex;justify-content:space-between;font:8px var(--mono);color:#b5c6b7;margin-bottom:7px}#minimap{width:164px;height:164px;display:block;image-rendering:auto;touch-action:none}.selection-main{padding:13px 17px;border-right:1px solid var(--line);overflow:hidden}.selection-main h2{font-size:23px;line-height:1.1;margin:13px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selection-main p{font-size:10px;color:var(--muted)}.hpbar{height:3px;margin-top:12px;background:#26352e}.hpbar>i{display:block;height:100%;width:0;background:#e4ebdb}.hpbar.shield{height:2px;margin-top:4px}.hpbar.shield>i{background:#90aeb0}#p-stats{font:10px var(--mono);margin-top:9px;color:#b3c1b3;display:flex;gap:13px}#queue{display:flex;gap:4px;margin-top:8px;overflow:hidden}#queue button{font:8px var(--mono);padding:4px 6px;background:#25342d;border:1px solid #4a5d50;max-width:75px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selection-group{padding:13px 16px;border-right:1px solid var(--line)}#selinfo{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,40px);gap:5px;margin-top:10px}#selinfo .unit-tile{background:#17241f;border:1px solid #475d48;position:relative;font:9px var(--mono);overflow:hidden;color:#e4e9d9;min-width:0}#selinfo .unit-tile span{display:block;padding:4px 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#selinfo .unit-tile i{height:2px;display:block;background:var(--hp-color,#cad8c0);position:absolute;left:0;bottom:1px}#selinfo .selection-hint{grid-column:1/-1;grid-row:1/-1;font-size:11px;color:#7c8f80;line-height:1.8;padding-top:16px}.command-panel{padding:13px 14px}#card{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,45px);gap:5px;margin-top:10px}#card button{background:#17221e;border:1px solid #3a4c3e;color:#dde6d8;position:relative;text-align:left;padding:7px 5px 12px;font-size:10px;line-height:1.15;overflow:hidden}#card button:hover:not(:disabled){background:#26392b;border-color:#b8c8a7}#card button:disabled{opacity:.45;background:#101b18}#card kbd{font-size:8px;padding:0;position:absolute;bottom:3px;right:4px;border:0;color:#a2b79e}#card .cost{position:absolute;bottom:3px;left:5px;font:7px var(--mono);color:#a1b493}#card .blank{border:1px solid #1d2a23;background:#0e1a17}#box{position:fixed;pointer-events:none;display:none;border:1px solid var(--accent);background:#ff5a1f16;z-index:4}#toast{position:fixed;z-index:80;left:50%;bottom:25px;transform:translate(-50%);max-width:min(90vw,650px);font-size:12px;background:#202a21;border:1px solid #60715b;border-left:3px solid var(--accent);padding:12px 20px;color:#edf1df;pointer-events:none}#toast:empty{display:none}body.playing #toast{bottom:calc(var(--hud) + 48px)}#connection-overlay,#endcard{position:absolute;inset:var(--top) 0 var(--hud);background:#071116d9;z-index:20;display:grid;place-items:center}#connection-overlay[hidden],#endcard[hidden]{display:none}#connection-overlay>.panel,#endcard>.panel{padding:35px;max-width:500px}#connection-overlay h2,#endcard h2{font-size:44px;margin:18px 0}#connection-overlay p,#endcard p{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:25px}dialog{background:#101b20;border:1px solid #596757;color:var(--text);padding:30px;width:420px}dialog::backdrop{background:#061015bc}dialog h2{font-size:46px;margin:18px 0}dialog h2 span{color:var(--accent)}dialog p{color:var(--muted);font-size:12px;line-height:1.7;margin-bottom:22px}dialog button{width:100%;margin-top:10px}dialog .dialog-help{font:11px/2 var(--mono);color:#a6b99f;margin-top:24px}.danger{color:#ffa580}button.ready{border-color:#acc39f;color:#cad8bf}@media(min-width:1650px){.menu-map{right:10vw;width:370px;top:16vh}.menu-map canvas{height:310px}.atlas-layout{grid-template-columns:245px minmax(440px,1fr) 290px;max-width:1750px;margin:auto}.atlas-detail{padding-top:35px}}@media(max-width:1190px){.menu-map{right:4vw;width:285px;top:14vh}.menu-map canvas{height:220px}.atlas-layout{grid-template-columns:175px 1fr 215px;gap:15px}.atlas-detail h2{font-size:30px}.atlas-detail .primary{font-size:11px}.atlas-tools>span{display:none}.map-option{padding:17px 8px;gap:3px}.map-option strong{font-size:13px}.atlas-detail .map-facts{margin:16px 0}.room-layout{grid-template-columns:1.7fr 1fr;gap:15px}.room-main{padding:17px}.slot{grid-template-columns:10px 1fr 80px 60px 82px 35px;gap:5px;padding:10px 6px}.room-controls{flex-wrap:wrap}.room-controls .primary{font-size:11px;padding:11px}.controls{grid-template-columns:120px 1fr;gap:0 12px}#hud{grid-template-columns:183px minmax(160px,1fr) minmax(145px,.9fr) 350px}.selection-main{padding:13px}.selection-main h2{font-size:20px}.selection-group,.command-panel{padding:13px 10px}#card button{font-size:9px}.game-top{gap:16px}.match-name small{display:none}.resource>strong{font-size:18px}.menu-bottom>span:last-child{max-width:260px;text-align:right}}@media(max-width:900px){.header-right .build-tag{display:none}.shell-header{padding:0 20px}.menu-content{margin-left:6vw;margin-top:9vh}.menu-map{width:230px;top:17vh;right:4vw}.menu-map canvas{height:170px}.menu-map .section-label{font-size:8px}.map-card-title h2{font-size:23px}.menu-content h1{font-size:110px}.hero-copy{font-size:13px}.menu-actions{width:240px}.menu-bottom{font-size:8px}.atlas-layout{grid-template-columns:150px 1fr;min-height:800px;height:auto}.atlas-detail{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.atlas-detail h2,.atlas-detail .map-facts,.atlas-detail .legend,.atlas-detail .tiny{margin:0}.atlas-map{min-height:440px}.atlas-detail>p{font-size:12px}.lobby-layout{grid-template-columns:1fr 280px;gap:14px}.lobby-browser,.host-panel{padding:18px}.room-layout{grid-template-columns:1fr}.room-map-panel{display:none}.help-layout{grid-template-columns:1fr}.game-top{gap:12px}.match-name{display:none}.network-reading{margin-left:auto}#hud{grid-template-columns:175px minmax(145px,1fr) 330px}.selection-group{display:none}#minimap{width:152px;height:152px}.selection-main h2{font-size:18px}.economy-strip{font-size:8px;gap:8px}#field-notice>span:first-child{display:none}}@media(max-width:640px){:root{--top:52px}.identity{font-size:9px;gap:8px}.header-right{font-size:8px}.menu-content{margin-top:6vh}.menu-content h1{font-size:clamp(85px,24vw,126px)}.menu-map{display:none}.menu-bottom{left:6vw;right:6vw;bottom:22px;display:block;font-size:8px}.menu-bottom>span:last-child{display:block;text-align:left;margin-top:12px;max-width:320px}.hero-copy{font-size:14px}.menu-actions{width:270px}.menu-actions .large{min-width:0}.page-heading{padding:26px 20px 22px;align-items:flex-end}.page-heading h1{font-size:29px}.page-heading .outline{font-size:10px;padding:8px}.page-heading .eyebrow{font-size:8px}.atlas-layout{padding:0 20px 30px;grid-template-columns:1fr;gap:15px}.map-list{display:grid;grid-template-columns:1fr 1fr}.map-option{padding:10px;grid-template-columns:19px 1fr}.map-option strong{font-size:12px}.map-option small{font-size:8px}.atlas-map{min-height:350px}.atlas-map canvas{min-height:270px}.atlas-detail{grid-column:1;grid-template-columns:1fr}.atlas-detail h2{font-size:32px}.atlas-detail .map-facts{display:flex;gap:15px}.map-facts>div{flex-direction:column;align-items:flex-start;gap:8px;flex:1}.legend{display:grid;grid-template-columns:1fr 1fr}.legend span{font-size:10px}.lobby-layout{grid-template-columns:1fr;padding:0 20px 30px}.host-panel canvas{height:220px}.empty-state{min-height:180px}.room-list{min-height:150px}.room-layout{padding:0 15px 30px}.room-main{padding:13px}.slot{grid-template-columns:8px minmax(62px,1fr) 68px 55px 70px 30px;font-size:10px}.slot-name strong{font-size:11px}.slot-name small{font-size:7px}.slot select{font-size:9px}.room-controls .outline{font-size:10px;padding:9px}.room-readiness{font-size:10px}.room-layout .section-label{font-size:8px}#room-title{font-size:26px}.help-layout{padding:0 15px 30px}.help-layout .panel{padding:20px}.controls{grid-template-columns:105px 1fr}.controls dt{font-size:9px}.controls dd{font-size:11px}body.playing,#game{min-width:640px}.game-top .network-reading{display:none}.game-top{padding:0 10px}.resource>strong{font-size:15px}.resource>span{font-size:7px}#worker-split{display:none}#hud{grid-template-columns:170px 1fr 310px}.clock{font-size:12px}.game-top .compact{font-size:9px}.game-top .compact kbd{display:none}}.directory-dialog{width:min(96vw,980px);max-width:980px;max-height:88vh;display:flex;flex-direction:column;padding:26px}.directory-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.directory-dialog h2{font-size:34px;margin:10px 0 0}.directory-tabs,.directory-mode{display:flex;gap:6px;margin-top:18px;flex-wrap:wrap}.directory-tabs button,.directory-mode button{font:10px var(--mono);padding:8px 14px;border:1px solid #3a4540;color:#a9b6ac}.directory-tabs button[aria-pressed=true],.directory-mode button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.directory-mode{margin-top:8px}.directory-filter{display:grid;grid-template-columns:1fr 200px;gap:14px;margin-top:6px}.directory-filter label{margin:10px 0 6px}.directory-count{font:10px var(--mono);color:var(--muted);margin-top:12px}.directory-body{display:grid;grid-template-columns:270px 1fr;gap:18px;margin-top:14px;overflow:hidden;flex:1;min-height:0}.directory-list{overflow:auto;display:flex;flex-direction:column;gap:4px;padding-right:4px}.directory-list button{display:grid;grid-template-columns:44px 1fr 14px;align-items:center;gap:10px;padding:7px 8px;border:1px solid #2b3733;text-align:left}.directory-list button[aria-pressed=true]{border-color:var(--accent)}.directory-list button canvas{width:44px;height:40px;background:#0c1417}.directory-list button strong{display:block;font-size:12px;font-weight:600}.directory-list button small{display:block;font:9px var(--mono);color:var(--muted);margin-top:2px}#directory-detail{overflow:auto;padding-right:4px;outline:none}.directory-portrait{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:14px}.directory-portrait canvas{width:100%;max-width:320px;background:#0c1417;border:1px solid var(--line)}.directory-portrait span{font:9px var(--mono);color:var(--muted)}.directory-text h3{font-size:26px;margin:6px 0 10px}.directory-text>p{font-size:13px;color:#d3dcd0;line-height:1.7;margin-bottom:16px}.directory-stats{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin-bottom:18px}.directory-stats div{padding:9px 0;border-top:1px solid var(--line)}.directory-stats dt{font:9px var(--mono);color:var(--muted);margin:0}.directory-stats dd{font:12px var(--mono);margin:4px 0 0}.directory-route{margin-bottom:16px}.directory-route h4,#directory-detail h4{font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}.directory-route p,#directory-detail>p{font-size:12px;color:#c6cfc3;line-height:1.7}.directory-warning{border-top:1px solid var(--accent);margin-top:14px;padding-top:10px}.directory-warning strong{font:10px var(--mono);color:var(--accent);text-transform:uppercase}.directory-warning p{font-size:11px;color:var(--muted);margin-top:6px}@media(max-width:760px){.directory-body,.directory-filter{grid-template-columns:1fr}.directory-list{max-height:220px}}:root{--ink:#080b0e;--panel:#0d1215;--line:rgba(192,201,204,.19);--text:#eeeae0;--muted:#a0aaa9;--accent:#ff602b;--hud:204px;--top:56px;--display:"Arial Narrow",Impact,system-ui,sans-serif;--mono:ui-monospace,"SFMono-Regular",Consolas,monospace}body{background:#080b0e;font-size:13px}button{border-radius:1px}button,input,select{transition:background .18s,border-color .18s,color .18s,opacity .18s}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ff8456;outline-offset:4px}button:hover:not(:disabled){color:#fff}input,select{background:#0a1014;border-color:var(--line)}.panel{background:#090e11e0;border-color:var(--line)}.eyebrow,.section-label{font:10px/1.7 var(--mono);letter-spacing:.13em;color:var(--muted)}.eyebrow{gap:10px}.eyebrow i{background:var(--accent);width:18px;height:2px}.primary{background:var(--accent);color:#100d09;border:1px solid var(--accent);font-size:12px;font-weight:650;letter-spacing:.025em;padding:13px 19px}.primary:hover:not(:disabled){background:#f88755;color:#100d09}.outline{background:#0a0e11bf;border:1px solid #5a6264;font-size:11px;padding:12px 17px;letter-spacing:.02em}.outline:hover:not(:disabled){border-color:#b4bab6;background:#182025}.text-button{font-size:11px}.quiet,.tiny{color:#96a09f}.tiny{line-height:1.8}.divider{height:1px;background:var(--line);margin:26px 0}.orange-tick{width:20px;height:2px;background:var(--accent)}#cinematic-backdrop{position:fixed;inset:0;pointer-events:none;overflow:hidden;background:#080b0e;z-index:0}#cinematic-backdrop>img,#cinematic-backdrop>video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:65% 50%;filter:saturate(.68) brightness(.66);transition:opacity .6s}#cinematic-backdrop>video{opacity:0}#cinematic-backdrop>video.is-playing{opacity:1}#scene-poster{animation:harbor-drift 24s ease-in-out infinite alternate}.scene-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#04080bf7,#05090ce6 25%,#05090c0d 58%,#05090c66),linear-gradient(0deg,rgba(5,9,12,.96),transparent 32%,transparent 65%,rgba(5,9,12,.6))}.rain-layer{position:absolute;inset:-100px;opacity:.15;background:repeating-linear-gradient(109deg,transparent 0,transparent 162px,#c4d8e015 163px,#c4d8e000 164px,transparent 167px);animation:rain-fall .7s linear infinite}.film-grain{position:absolute;inset:0;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h200v200H0z'/%3E%3C/svg%3E");mix-blend-mode:screen}#shell{position:relative;z-index:1;height:100%}.shell-header{background:#060a0da8;border-bottom-color:#b8c3c321;padding:0 3.5vw}.identity{font-size:10px;letter-spacing:.14em}.identity-mark{width:5px;height:15px;transform:skew(-12deg);margin-right:3px}.identity b{color:#859392}.header-right{font-size:9px;gap:22px}.build-tag{color:#a7acab;letter-spacing:.12em}.screen{background:transparent}.screen:not(#menu):not(#game){background:#060a0dd6;backdrop-filter:blur(8px)}.page-heading{padding:34px 3.5vw 24px;margin:0 auto;max-width:1600px;align-items:center}.page-heading h1{font-size:clamp(35px,4.2vw,62px);margin-top:7px;letter-spacing:-.028em}.menu-layout{position:relative;min-height:610px;height:calc(100% - 54px);max-width:1780px;margin:auto;padding:5.7vh 3.5vw 3vh;display:grid;grid-template-columns:minmax(350px,.95fr) minmax(180px,1fr) minmax(265px,.65fr);grid-template-rows:1fr 118px;column-gap:3.5vw;row-gap:22px}.home-left{grid-column:1;grid-row:1/3}.wordmark{margin:24px 0 0;width:100%;max-width:500px;font-size:1px;line-height:1}.wordmark img{display:block;width:100%;height:auto}.wordmark span{font:12px/1.3 var(--mono);letter-spacing:.27em;display:flex;justify-content:center;color:#c6cbc7;margin:13px 0 0}.home-tagline{font-size:14px;letter-spacing:.04em;color:#acb5b2;margin:27px 0 26px}.main-navigation{display:flex;flex-direction:column;gap:4px;width:100%;max-width:350px}.main-navigation button{width:100%;display:grid;grid-template-columns:32px 1fr 22px;align-items:center;text-align:left;padding:15px;min-height:49px;border:1px solid transparent;border-left:2px solid transparent;color:#bbc3c0;font:12px var(--mono);letter-spacing:.13em;background:linear-gradient(90deg,rgba(7,12,14,.1),transparent)}.nav-number{font:9px var(--mono);letter-spacing:0;color:#74827f}.nav-arrow{text-align:right;opacity:0;transform:translate(-6px);transition:all .18s}.main-navigation .nav-play{border-color:#a74021;border-left:2px solid var(--accent);background:linear-gradient(90deg,#ff602b24,#ff602b04);color:#ff784a}.main-navigation .nav-play .nav-number{color:#e36239}.main-navigation .nav-play .nav-arrow,.main-navigation button:hover .nav-arrow,.main-navigation button:focus-visible .nav-arrow{opacity:1;transform:none}.main-navigation button:hover{border-color:#5c6868;background:#182226a6}.main-navigation .nav-play:hover{border-color:var(--accent);background:#ff602b22}.control-help{font:10px var(--mono);color:#899895;margin:17px 0 0;padding:7px 15px}.control-help kbd{margin-left:35px}.home-right{grid-column:3;grid-row:1;align-self:center;max-width:330px;justify-self:end}.dossier-card{padding:23px 22px;border-top:1px solid #7a848166;border-bottom:1px solid #7a848144;background:linear-gradient(130deg,#080d10e0,#080d1080);backdrop-filter:blur(10px)}.dossier-card .kicker{font:24px/1.18 var(--display);letter-spacing:.01em;color:#eeeee4;margin:24px 0 20px}.dossier-card p:not(.kicker){font-size:12px;line-height:1.85;color:#b7c1be;margin-top:13px}.dossier-card .text-button{padding:12px 0 0;margin-top:7px;color:#dedfd7;display:flex;width:100%;justify-content:space-between}.district-mini{display:grid;grid-template-columns:94px 1fr;gap:14px;margin-top:22px;border:1px solid var(--line);padding:12px;background:#081115bb}.district-mini canvas{width:94px;height:106px;opacity:.8}.district-mini h2{font-size:19px;margin:7px 0}.district-mini p{font-size:10px;line-height:1.6;color:#9caaa8}.district-mini .section-label{font-size:8px;letter-spacing:.05em}.district-mini button{font-size:10px;padding:7px 0 0;color:#d5dad4}.home-films{grid-column:2/4;grid-row:2;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-self:end}.film-card{position:relative;height:118px;padding:0;border:1px solid #7c858244;overflow:hidden;text-align:left;background:#111b20}.film-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) brightness(.7);transition:filter .25s,transform .5s}.film-card:hover img{filter:saturate(.75) brightness(.9);transform:scale(1.035)}.film-card[aria-pressed=true]{border-color:#a94b2e}.film-card>span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#071015ef);padding:32px 13px 12px;font:11px var(--mono);letter-spacing:.08em}.film-card small{display:block;font-size:7px;letter-spacing:.15em;margin-bottom:6px;color:#b3bbb3}.film-card i{font-style:normal;float:right;color:#d1d9d2}.home-footer{height:54px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 3.5vw;border-top:1px solid #c3c7b81a;color:#7f8b89;font:8px var(--mono);letter-spacing:.13em}.home-footer button{padding:0;line-height:0;opacity:.55;transition:opacity .2s}.home-footer button:hover{opacity:.95}.home-footer img{width:108px;height:30px;object-fit:cover;mix-blend-mode:screen}.home-footer>span:last-child{text-align:right;font-size:8px}.atlas-layout{padding-left:3.5vw;padding-right:3.5vw;height:calc(100% - 168px);min-height:490px;grid-template-columns:205px minmax(340px,1fr) 265px;gap:25px;max-width:1600px;margin:auto}.atlas-map{background:#0a1218c9}.atlas-map canvas{filter:saturate(.65)}.atlas-photo{width:100%;height:110px;object-fit:cover;filter:saturate(.45) brightness(.72);border:1px solid var(--line);margin-bottom:20px}.atlas-detail{padding-top:0}.atlas-detail h2{font-size:34px}.atlas-detail>p{font-size:12px}.map-option{border-color:var(--line);background:#0d161bc9;margin-bottom:8px;padding:17px 14px}.map-option strong{font-size:15px;color:#d6ddd7}.map-option.active{border-color:#9c492f;background:#ff602b12}.map-option.active>span{color:var(--accent)}.map-facts{margin:20px 0}.map-facts strong{font-size:14px}.legend{gap:7px;margin-bottom:20px}.lobby-layout,.room-layout{max-width:1480px;padding-left:3.5vw;padding-right:3.5vw;margin:auto}.host-panel,.lobby-browser,.room-main{background:#0b1217db}.host-panel canvas{height:145px}.host-panel{padding:25px}.room-map-panel{padding:24px}.room-map-panel canvas{height:245px}.room-map-panel .notice{font-size:12px;line-height:1.8}.room-map-panel>button{width:100%;margin-top:20px}.slot{background:#141c20;border-color:#333e40}.slot.empty{color:#93a09f}.slot-name small{font-size:9px}.slot-state{color:#b1c3b0}.room-readiness{font-size:12px}.room-controls{gap:10px}.room-controls button{min-height:42px}.chat{color:#c2cac4}.room-item{background:#111a1e;border-color:#3b494a}.room-item:hover{border-color:#ba5f3a}.join-row input{font-family:var(--mono);letter-spacing:.14em}.empty-state strong{font-size:22px}.empty-symbol{color:#7c8a85}.empty-state p{font-size:13px}.help-layout .panel{background:#0b1217e8}.help-layout{max-width:1500px}.controls dd{font-size:12px}.help-note{line-height:1.8}.faction-cards{max-width:1500px;margin:5px auto 26px;padding:0 3.5vw;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.faction-card{border:1px solid var(--line);background:#0b1319df;overflow:hidden;position:relative}.faction-visual{height:195px;position:relative;overflow:hidden;background:#131b20}.faction-visual>img{width:100%;height:100%;object-fit:cover;filter:saturate(.3) brightness(.55)}.faction-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0b1319,transparent 70%)}.faction-index{position:absolute;top:16px;left:20px;font:10px var(--mono);letter-spacing:.1em;color:#e3e5df}.faction-symbol{position:absolute;bottom:16px;left:20px;width:55px;height:55px;z-index:1;color:#dce1d8}.faction-content{padding:20px 23px 27px}.faction-content h2{font-size:34px;letter-spacing:-.025em;margin:5px 0 18px}.faction-content>p{min-height:66px;font-size:12px;line-height:1.9;color:#aab6b1}.faction-tags{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.faction-tags span{border:1px solid #415152;padding:4px 8px;font:8px var(--mono);color:#c1cbc2}.unit-roster{display:flex;gap:7px;align-items:flex-start;border-top:1px solid var(--line);padding-top:17px}.roster-portrait{width:64px;text-align:center}.roster-portrait canvas{width:58px;height:58px;display:block;border:1px solid #3b484b;background:#131e24}.roster-portrait small{display:block;line-height:1.4;font:8px/1.5 var(--mono);color:#a2b0a7;margin-top:6px}.faction-bottom{margin:0 auto 40px;max-width:calc(1500px - 7vw);display:flex;justify-content:space-between;gap:28px;padding:24px}.faction-bottom p{margin-top:6px;font-size:12px;color:#aeb8b2}.faction-bottom>button{flex-shrink:0;align-self:center}.story-layout{max-width:1500px;margin:auto;padding:0 3.5vw 35px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:26px}#chapter-nav{display:flex;flex-direction:column;gap:8px}#chapter-nav button{padding:19px 17px;border:1px solid var(--line);text-align:left;background:#101920ab;display:flex;gap:18px;align-items:center}#chapter-nav button.active{border-color:#bd5735;background:#ff602b14}#chapter-nav small{font:10px var(--mono);color:var(--accent)}#chapter-nav strong{display:block;font:12px var(--mono);letter-spacing:.08em}#chapter-nav em{font:10px/1.6 var(--mono);font-style:normal;color:#8f9d97;display:block;margin-top:7px}.chapter-image{position:relative;height:clamp(190px,28vh,315px);overflow:hidden}.chapter-image>img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) brightness(.7)}.chapter-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0b1318,transparent)}.chapter-image>span{position:absolute;bottom:21px;left:30px;z-index:1;font:9px var(--mono);letter-spacing:.14em;color:#c0c9c1}.chapter-text{padding:14px 32px 30px;display:grid;grid-template-columns:1fr 230px;gap:30px}.chapter-text h2{font-size:44px;margin:4px 0 19px}.chapter-text p{font-size:13px;line-height:1.9;color:#b8c3bc;max-width:700px;margin:13px 0}.story-quote{padding:18px;border-left:2px solid var(--accent);align-self:center;font-size:15px;line-height:1.8;color:#e6e5da}.chapter-note{border-top:1px solid var(--line);padding:18px 30px;font:9px/1.8 var(--mono);color:#81948b}.film-grid{padding:0 3.5vw 40px;max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.archive-tile{background:#0b1319e8;border:1px solid var(--line);text-align:left;padding:0;overflow:hidden}.archive-tile:hover{border-color:#be5c3a}.archive-thumb{height:185px;position:relative;background:#050708}.archive-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.5) brightness(.75)}.archive-thumb.studio img{object-fit:contain;filter:brightness(.85)}.archive-thumb:after{content:"\25b6";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #ddd9;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#0006;color:#eee;font-size:12px}.archive-caption{padding:17px 20px}.archive-caption h2{font-size:21px;margin:9px 0}.archive-caption p{font:9px/1.7 var(--mono);color:#9eaaa5}.options-layout{padding:0 3.5vw 40px;max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(420px,1.4fr) 1fr;gap:25px}.settings-panel,.settings-aside{padding:30px}.settings-panel h2{font-size:27px;margin-bottom:20px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:19px 0;border-bottom:1px solid var(--line);margin:0}.setting-row strong{display:block;color:#d9dfd7;font-weight:550;font-size:13px}.setting-row small{display:block;color:#94a69a;font-size:11px;margin-top:5px}.setting-row input{appearance:none;width:33px;height:19px;padding:0;flex:0 0 33px;border:1px solid #57665f;background:#111f21;position:relative;cursor:pointer}.setting-row input:after{content:"";position:absolute;left:3px;top:3px;width:11px;height:11px;background:#7c8a83;transition:left .18s}.setting-row input:checked{border-color:#cf633e;background:#e25a2633}.setting-row input:checked:after{left:17px;background:var(--accent)}#opt-volume{accent-color:var(--accent);padding:0;height:20px;border:0}#volume-label{float:right;font:10px var(--mono);color:#cdd7cd}.settings-panel>button{margin:28px 0 16px}.settings-aside h2{font-size:43px;margin:21px 0}.settings-aside>p{font-size:13px;line-height:1.95;color:#a6b6aa}.settings-aside>button{margin-top:22px}.credits-layout{max-width:760px;margin:5px auto 40px;padding:35px}.credits-layout>img{width:210px;height:100px;object-fit:contain;mix-blend-mode:screen;opacity:.8;margin-bottom:20px}.credits-layout h2{font-size:34px;margin-bottom:23px}.credits-layout p{font-size:13px;line-height:1.85;color:#b8c3b8;margin:15px 0}.credits-layout button{margin-top:20px}body.playing #cinematic-backdrop{display:none}.game-top{background:#0a1014;border-color:#4a575766;gap:23px;height:var(--top);padding:0 20px}.resource{padding-right:19px;border-right:1px solid #3b4649}.resource>span{font-size:8px;letter-spacing:.12em;color:#a8b2ac}.resource>strong{font-size:21px;color:#eff0e4}.resource>small{color:#a8b79d}.match-name>span{color:#d1d8cc}.match-name>small{color:#7f9189}.economy-strip{background:#0a1419cf;border-color:#3c4c4c;color:#c0ccc0;font-size:9px;padding:8px 12px}.economy-strip button{color:#c0c9be}.economy-strip button.has-idle{color:#ff895a}#field-notice{color:#8b9d92;font-size:7px}#field-notice>span{background:#081319cc}#hud{height:var(--hud);grid-template-columns:202px minmax(230px,1.05fr) minmax(190px,.85fr) 400px;background:#0b1116;border-top:1px solid #69797466;box-shadow:0 -10px 32px #03090c55}.minimap-panel{padding:11px 12px;border-right-color:var(--line)}#minimap{width:178px;height:167px;border:1px solid #51646055}.mini-label{color:#a0b3a8;letter-spacing:.12em}.selection-main{display:flex;gap:15px;padding:17px 16px;background:linear-gradient(140deg,#18222988,#0d151acc);align-items:flex-start;overflow:hidden}.selection-details{min-width:0;flex:1}#selection-portrait{width:86px;height:112px;flex:0 0 86px;border:1px solid #78887950;background:radial-gradient(ellipse at 50% 60%,#253239,#10191e);margin-top:7px;display:block}.selection-main .section-label{font-size:8px;letter-spacing:.1em}.selection-main h2{font-size:22px;white-space:normal;line-height:1.12;margin:13px 0 9px}.selection-main p{font-size:10px;line-height:1.6;min-height:18px}.hpbar{background:#303e35;margin-top:11px}.hpbar>i{background:#adc8ac}.hpbar.shield>i{background:#87abbc}#p-stats{font-size:9px;color:#c1cabc;line-height:1.7;margin-top:8px}#queue{margin-top:10px;flex-wrap:wrap;gap:3px;max-height:35px}#queue button{font-size:8px;background:#192a28;border-color:#567162}#groups{bottom:calc(var(--hud) + 10px);gap:4px;left:13px}#groups button{min-width:30px;background:#0b151be6;border-color:#74877b66;color:#9eb1a4}#groups button.populated{border-color:#c1cdbf;color:#f1efdf}#groups small{color:#a4b59e}#alerts{bottom:calc(var(--hud) + 47px);font-size:10px}#alerts>div{background:#101b20ef}#funk-line{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--hud) + 40px);z-index:4;font:11px/1.5 var(--mono);letter-spacing:.03em;color:#e8e2cf;background:#0a141bea;padding:6px 14px;border-left:3px solid #8a9a92;pointer-events:none;white-space:nowrap;max-width:80%;overflow:hidden;text-overflow:ellipsis}#funk-line[data-race=hafen]{border-left-color:#4f7fb0}#funk-line[data-race=kiez]{border-left-color:#6f9a3a}#funk-line[data-race=hanse]{border-left-color:#c9a24a}.selection-group{padding:16px 13px}.selection-group .section-label,.command-panel .section-label{font-size:8px;letter-spacing:.1em}#selinfo{grid-template-rows:repeat(3,43px);gap:4px;margin-top:12px}#selinfo .unit-tile{background:linear-gradient(145deg,#20302f,#111e24);border-color:#84948055;font-size:8px}#selinfo .unit-tile i{background:#b4cba8}#selinfo .selection-hint{color:#92a99b;font-size:10px;line-height:1.8}.command-panel{padding:16px 13px}#card{grid-template-rows:repeat(3,43px);gap:4px;margin-top:12px}#card button{background:linear-gradient(145deg,#1b272b,#0e191f);border-color:#81918450;color:#d4ddd1;font-size:9px;padding:6px 5px 14px}#card button:hover:not(:disabled){background:#303228;border-color:#f27849;color:#ffae83}#card kbd{font-size:8px;color:#c0c9b9}#card .cost{font-size:7px;color:#aebfa8}#card button:disabled{background:#0a1319;color:#b6bdb1;opacity:.38}#card .blank{background:#0a141a55;border-color:#85908113}#operation-panel{position:absolute;left:20px;top:calc(var(--top) + 62px);z-index:2;width:230px;background:linear-gradient(100deg,#0a141be8,#0a141b88);border-left:2px solid #b95837;pointer-events:auto;box-shadow:0 1px 14px #0002}#operation-toggle{width:100%;text-align:left;font:9px var(--mono);letter-spacing:.12em;color:#cbd4c6;padding:12px 12px 10px;display:flex;justify-content:space-between}#operation-tasks{list-style:none;padding:0 12px;margin:0 0 10px;font-size:10px;line-height:1.7;color:#a7b6a9}#operation-tasks li{padding:4px 0 4px 16px;position:relative}#operation-tasks li:before{content:"";position:absolute;left:0;top:9px;border:1px solid #879885;width:6px;height:6px}#operation-tasks li.done{color:#7c9986}#operation-tasks li.done:before{background:#a7c095;border-color:#a7c095}#operation-summary{font:8px/1.6 var(--mono);color:#8a9e91;display:block;padding:0 12px 10px}#operation-panel.collapsed #operation-tasks,#operation-panel.collapsed #operation-summary{display:none}#intent-label{background:#08151bef;color:#e4ecd9;border-bottom:1px solid var(--accent);z-index:8;top:calc(var(--top) + 50px)}#toast{background:#17252a;border-color:#536b62;color:#e3ebdc;font-size:12px}#game-menu{background:#0d181e;border-color:#566d67}.result-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.result-facts span{font:8px/1.6 var(--mono);color:#91a89b}.result-facts strong{display:block;font:19px/1.8 var(--mono);color:#d3dfce}#endcard>.panel{max-width:550px;width:90%}dialog{background:#0b141b;border-color:#566b67}dialog::backdrop{background:#04080de8;backdrop-filter:blur(8px)}.studio-intro{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;background:#050607;padding:0;overflow:hidden}.studio-intro::backdrop{background:#000}.studio-frame{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.studio-frame video{width:min(64vw,740px);height:auto;max-height:70vh;object-fit:contain;display:block;filter:brightness(.88)}.studio-frame>span{font:10px var(--mono);letter-spacing:.5em;color:#919997;margin-top:-20px;position:relative}.studio-intro>button{position:absolute;right:3.5vw;bottom:30px;width:auto;margin:0;color:#afbbb2;border-color:#53605970;font-size:10px}.studio-intro>button kbd{margin-left:15px}.film-player{padding:18px 22px;width:min(1100px,94vw);max-width:94vw}.film-player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font:11px var(--mono);letter-spacing:.04em}.film-player-header button{width:auto;margin:0}.film-player video{width:100%;max-height:65vh;display:block;background:#020405}.film-player>p{font-size:11px;margin:15px 0 0}.briefing{width:min(720px,92vw);padding:0}.briefing>.section-label{padding:18px 25px;display:flex;justify-content:space-between;align-items:center}.briefing>.section-label button{width:auto;margin:0;padding:0;font-size:10px}.briefing>img{width:100%;height:200px;object-fit:cover;filter:saturate(.3) brightness(.65)}.briefing-copy{padding:5px 28px 26px}.briefing-copy h2{font-size:42px}.briefing-copy p{font-size:13px}.briefing-copy button{width:auto;padding:14px 22px}body[data-contrast=high] .panel,body[data-contrast=high] .dossier-card,body[data-contrast=high] #operation-panel,body[data-contrast=high] .economy-strip{background:#0d171ef5;border-color:#718575}body[data-contrast=high] #card button,body[data-contrast=high] .outline{border-color:#b3c3b1}body[data-contrast=high]{--muted:#c2d0c1}body[data-motion=reduced] *,body[data-motion=reduced] *:before,body[data-motion=reduced] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body[data-motion=reduced] .rain-layer,body[data-motion=reduced] #scene-video{display:none}@keyframes harbor-drift{0%{transform:scale(1.015) translate(-.2%)}to{transform:scale(1.045) translate(.6%)}}@keyframes rain-fall{0%{transform:translate(-8px,-40px)}to{transform:translate(8px,40px)}}@media(min-width:1600px){.menu-layout{padding-top:7vh;grid-template-rows:1fr 150px}.film-card{height:150px}.home-tagline{margin-top:32px;margin-bottom:35px}.main-navigation button{font-size:14px;padding:18px}.home-right{max-width:350px}.dossier-card{padding:27px}.dossier-card .kicker{font-size:29px}.dossier-card p:not(.kicker){font-size:13px}.district-mini{margin-top:27px}.atlas-detail{padding-top:0}.atlas-photo{height:135px}#hud{grid-template-columns:204px minmax(330px,1.1fr) minmax(260px,1fr) 480px}#selection-portrait{width:105px;flex-basis:105px;height:130px}#card button{font-size:10px}.selection-main h2{font-size:27px}}@media(max-height:820px)and (min-width:901px){.menu-layout{padding-top:3.5vh;row-gap:16px;grid-template-rows:1fr 100px;min-height:550px}.wordmark{margin-top:16px;max-width:395px}.home-tagline{margin:20px 0}.main-navigation{max-width:330px}.main-navigation button{min-height:43px;padding:12px 15px}.control-help{margin-top:10px}.home-films .film-card{height:100px}.home-right{align-self:start;margin-top:15px}.dossier-card{padding:17px 19px}.dossier-card .kicker{font-size:22px;margin:18px 0 15px}.district-mini{margin-top:15px}.page-heading{padding-top:23px;padding-bottom:20px}.page-heading h1{font-size:45px}.atlas-layout{height:calc(100% - 133px);min-height:440px}.atlas-photo{height:85px;margin-bottom:14px}.map-facts{margin:14px 0}.faction-visual{height:150px}.faction-content{padding-top:15px}.faction-content h2{font-size:29px}.faction-content>p{min-height:62px}.chapter-image{height:190px}.settings-panel,.settings-aside{padding:24px}.setting-row{padding:14px 0}}@media(max-width:1190px){.menu-layout{grid-template-columns:minmax(300px,1.05fr) minmax(50px,.4fr) minmax(248px,.8fr);gap:22px}.home-left .wordmark{max-width:430px}.home-right{width:260px}.home-films{grid-column:2/4}.film-card{height:106px}.district-mini{grid-template-columns:74px 1fr;padding:9px;gap:10px}.district-mini canvas{width:74px;height:97px}.district-mini h2{font-size:18px}.atlas-layout{grid-template-columns:180px minmax(300px,1fr) 230px;gap:17px}.atlas-detail h2{font-size:29px}.faction-cards{gap:15px}.faction-content{padding-left:19px;padding-right:19px}.faction-content h2{font-size:28px}.faction-content>p{min-height:94px}.chapter-text{grid-template-columns:1fr;gap:10px}.story-quote{font-size:13px;margin-top:2px}.story-layout{grid-template-columns:205px 1fr}.game-top{gap:15px}#hud{grid-template-columns:184px minmax(210px,1fr) minmax(150px,.8fr) 338px}#minimap{width:160px;height:167px}#selection-portrait{width:65px;height:99px;flex-basis:65px}.selection-main{gap:10px;padding:17px 12px}.selection-main h2{font-size:19px}.selection-main p{font-size:9px}.resource{padding-right:12px}.resource>strong{font-size:19px}#operation-panel{width:215px}.film-grid{gap:15px}.archive-thumb{height:160px}}@media(max-width:900px){.menu-layout{height:auto;min-height:calc(100% - 54px);grid-template-columns:1fr 1fr;grid-template-rows:auto auto;padding-top:25px;gap:25px}.home-left{grid-column:1;grid-row:1}.wordmark{max-width:400px}.home-right{grid-column:2;grid-row:1;align-self:center;width:auto;max-width:320px}.home-films{grid-column:1/-1;grid-row:2}.main-navigation button{font-size:11px;padding:12px}.main-navigation{max-width:330px}.home-tagline{font-size:12px}.home-footer{padding:0 22px}.home-footer>span:nth-child(2){display:none}.atlas-layout{height:auto;grid-template-columns:170px 1fr;min-height:0;padding-bottom:30px}.atlas-map{min-height:400px}.atlas-detail{grid-column:1/-1;display:grid;grid-template-columns:180px 1fr 1fr;gap:12px}.atlas-photo{height:150px;grid-row:1/5}.atlas-detail h2{grid-column:2}.atlas-detail>.eyebrow{grid-column:2}.atlas-detail>p{grid-column:2}.atlas-detail>.map-facts{grid-column:3;grid-row:1/4}.atlas-detail>.legend{grid-column:3}.atlas-detail .primary,.atlas-detail .tiny{grid-column:2/4}.lobby-layout{grid-template-columns:1fr 270px}.faction-cards{grid-template-columns:1fr;max-width:700px}.faction-card{display:grid;grid-template-columns:200px 1fr}.faction-visual{height:100%}.faction-content>p{min-height:0}.faction-bottom{margin-left:3.5vw;margin-right:3.5vw;max-width:none}.film-grid{grid-template-columns:repeat(2,1fr)}.options-layout{grid-template-columns:1fr;max-width:700px}.settings-aside{display:block}.story-layout{grid-template-columns:1fr}.story-layout #chapter-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}#chapter-nav button{padding:13px 10px;gap:7px}#chapter-nav strong{font-size:10px}#chapter-nav em{font-size:8px}.chapter-text{padding:14px 25px 25px}.room-map-panel{display:none}.game-top{gap:13px}.resource{padding-right:10px}.resource>strong{font-size:16px}.resource>small{font-size:8px}.match-name{margin-left:auto;margin-right:auto}.match-name span{font-size:9px}.match-name small{display:none}#hud{grid-template-columns:165px minmax(180px,1fr) 320px}.selection-group{display:none}#minimap{width:141px;height:167px}.selection-main{gap:9px}#selection-portrait{width:60px;flex-basis:60px;height:90px}#operation-panel{width:190px}#operation-tasks{font-size:9px}.network-reading{display:none}}@media(max-width:680px){.shell-header{padding:0 17px}.identity{font-size:9px}.header-right{font-size:8px}.menu-layout{display:flex;flex-direction:column;padding:23px 24px 25px;min-height:0;gap:27px}.home-left{width:100%;max-width:430px}.home-left .eyebrow{font-size:8px}.wordmark{max-width:365px;margin-top:22px}.wordmark span{font-size:10px}.home-tagline{margin:23px 0}.main-navigation{max-width:none}.main-navigation button{padding:14px 12px;font-size:11px;min-height:45px}.home-right{max-width:none;width:100%;display:none}.home-films{width:100%;gap:8px}.film-card{height:90px}.film-card>span{font-size:8px;padding:25px 8px 10px}.film-card small{font-size:6px}.home-footer{height:49px;padding:0 24px}.home-footer img{width:85px;height:26px}.home-footer>span:last-child{font-size:6px}.control-help{margin-top:10px}.page-heading{padding:24px 20px 19px;gap:12px;align-items:flex-end}.page-heading h1{font-size:33px}.page-heading .eyebrow{font-size:7px}.page-heading .outline{padding:9px;font-size:9px}.atlas-layout{display:flex;flex-direction:column;padding:0 20px 30px}.map-list{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.map-option{margin:0;padding:10px;min-height:65px}.map-option strong{font-size:12px}.map-option small{font-size:7px}.atlas-map{min-height:330px}.atlas-detail{display:block}.atlas-photo{height:145px;margin-bottom:17px}.atlas-detail h2{margin-top:13px}.atlas-detail p{margin:14px 0}.atlas-detail .map-facts{display:flex;gap:24px}.atlas-detail .primary{width:100%;margin-top:15px}.lobby-layout{display:flex;flex-direction:column-reverse;padding:0 20px 30px;gap:18px}.host-panel,.lobby-browser{padding:20px}.host-panel canvas{height:100px}.room-layout{padding:0 15px 25px;display:block}.room-main{padding:15px}.slot{grid-template-columns:8px minmax(64px,1fr) 60px 46px 62px 28px;gap:5px}.slot-name strong{font-size:11px}.slot-name small{font-size:7px}.slot select{font-size:9px}.slot-state{font-size:8px}.room-controls{gap:6px;flex-wrap:wrap}.room-controls button{padding:10px;font-size:10px}.page-heading .field{gap:6px}#room-title{font-size:27px;max-width:220px;overflow-wrap:anywhere}.faction-cards{padding:0 20px}.faction-card{grid-template-columns:1fr}.faction-visual{height:150px}.faction-content>p{min-height:0}.faction-bottom{display:block;margin-left:20px;margin-right:20px}.faction-bottom button{width:100%;margin-top:18px}.story-layout{padding:0 20px 30px}.story-layout #chapter-nav{display:flex;flex-direction:row;overflow-x:auto;gap:7px}#chapter-nav button{min-width:150px;flex-shrink:0}.chapter-image{height:180px}.chapter-text{padding:12px 20px 25px}.chapter-text h2{font-size:34px}.chapter-text p{font-size:12px}.chapter-note{padding:15px 20px;font-size:8px}.film-grid{padding:0 20px 30px;gap:12px}.archive-thumb{height:125px}.archive-caption{padding:12px}.archive-caption h2{font-size:17px}.archive-caption .eyebrow,.archive-caption p{font-size:7px}.options-layout{padding:0 20px 25px;display:block}.settings-panel,.settings-aside{padding:22px}.settings-aside{margin-top:18px}.settings-panel h2{font-size:24px}.setting-row strong{font-size:12px}.setting-row small{font-size:10px}.credits-layout{margin:0 20px 30px;padding:22px}.credits-layout h2{font-size:27px}.studio-frame video{width:94vw}.studio-frame>span{font-size:8px;letter-spacing:.3em;margin-top:0}.film-player{padding:13px}.film-player-header{font-size:9px}.film-player-header .outline{font-size:9px;padding:8px}.briefing>img{height:150px}.briefing-copy{padding:10px 20px 22px}.briefing-copy h2{font-size:34px}:root{--hud:193px}.game-top{padding:0 10px;gap:10px}.resource>strong{font-size:14px}.resource>span{font-size:6px}.resource>small{display:none}.resource{padding-right:9px;gap:3px}.match-name{max-width:90px}.match-name>span{font-size:7px}.clock{font-size:11px}.game-top .compact{font-size:8px;padding:7px}.game-top .compact kbd{display:none}.economy-strip{left:8px;right:8px;font-size:7px;gap:10px;padding:6px 8px;justify-content:space-between}.economy-strip button{font-size:7px}.economy-strip kbd{display:none}#field-notice{top:calc(var(--top) + 47px);right:8px;font-size:6px;gap:8px}#operation-panel{left:8px;top:calc(var(--top) + 47px);width:173px}#operation-toggle{font-size:8px;padding:9px}#operation-tasks{font-size:8px;padding:0 9px}#operation-summary{font-size:7px;padding:0 9px 8px}#hud{grid-template-columns:109px 1fr;grid-template-rows:1fr}.minimap-panel{padding:10px 8px}#minimap{width:91px;height:91px}.selection-main{display:none}.command-panel{padding:12px 8px}#card{grid-template-rows:repeat(3,43px);gap:3px}#card button{font-size:8px;padding:5px 3px 13px}#card kbd{font-size:7px}#card .cost{font-size:6px;left:3px}#card .blank{min-width:0}.mini-label{font-size:7px}#groups{left:8px;gap:3px}#groups button{font-size:8px;min-width:25px;padding:5px 4px}#groups small{margin-left:4px;font-size:6px}#alerts{left:9px;font-size:8px;max-width:260px}#intent-label{font-size:9px;width:max-content;max-width:90%;top:calc(var(--top) + 37px)}#connection-overlay h2,#endcard h2{font-size:32px}#connection-overlay>.panel,#endcard>.panel{padding:22px}#game-menu{max-width:90vw}.help-layout{display:block;padding:0 20px 25px}.help-layout .panel{margin-bottom:15px;padding:22px}.controls{grid-template-columns:105px 1fr;gap:0 12px}.controls dd{font-size:11px}.controls dt{font-size:9px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}.rain-layer{display:none}}.home-footer img{width:124px;height:32px;object-fit:contain}.home-footer button{background:transparent;mix-blend-mode:screen}#campaign-start[hidden],#campaign-target[hidden]{display:none!important}#campaign-start{position:absolute;z-index:43;top:64px;left:320px;width:min(440px,calc(100% - 600px));padding:12px 16px;border:1px solid #e4ab57;border-left:4px solid #e4ab57;border-radius:6px;background:#09131bf5;color:#f4eee2;box-shadow:0 8px 28px #0008}#campaign-start strong{font:700 13px var(--mono);color:#f3be72;letter-spacing:.06em}#campaign-start p{font:600 14px/1.45 var(--body);margin:7px 0 10px}#campaign-start>div{display:flex;gap:8px}#campaign-start button{min-height:44px}#campaign-start small{display:block;font:12px/1.4 var(--body);color:#c5cbd0;margin-top:8px}#campaign-target{position:absolute;z-index:39;transform:translate(-50%,-50%);padding:8px 12px;border:2px solid #f3be72;border-radius:20px;background:#09131be8;color:#ffe1af;font:700 12px var(--mono);pointer-events:none;box-shadow:0 0 0 8px #f3be7233}body.campaign-preparing #op-radio{display:none}@media(max-width:900px){#campaign-start{left:auto;right:12px;top:56px;width:min(360px,calc(100% - 294px));padding:10px}#campaign-start p{font-size:13px}}@media(max-width:600px){#campaign-start{top:56px;right:10px;width:calc(100% - 20px);box-sizing:border-box}body.campaign-preparing #op-hud{top:280px;max-height:calc(100% - var(--hud,228px) - 300px)}}:root{--hud:212px;--top:58px}#game{background:#081017}.game-top{background:#0a1319f5;border-bottom:1px solid #71847635;padding:0 24px;gap:25px}.resource>span{font-size:9px;letter-spacing:.1em;color:#a2b3af}.resource>strong{font-size:23px;font-weight:400;letter-spacing:-.025em}.resource>small{font-size:10px;color:#9bb4a5}.clock{font-size:17px}.match-name>span{font-size:11px;letter-spacing:.17em}.match-name small{font-size:9px;line-height:1.8;color:#90a49f}.economy-strip{border-color:#748b7f30;background:#0b1720cc;font-size:10px;padding:8px 12px;gap:16px;top:69px}.economy-strip button{font-size:10px}.economy-strip kbd{font-size:8px}.network-reading{font-size:9px}#field-notice{top:76px;color:#809a9b;font-size:8px;letter-spacing:.13em;opacity:.9}#operation-panel{top:121px;width:222px;background:linear-gradient(105deg,#0a171ede,#0a171e59);border-left:1px solid #b88257;box-shadow:none}#operation-toggle{font-size:10px;letter-spacing:.13em}#operation-tasks{font-size:11px;color:#b3c2b9;line-height:1.65}#operation-summary{font-size:9px;line-height:1.6;padding-bottom:12px}#hud{grid-template-columns:205px minmax(285px,1fr) minmax(245px,.9fr) 410px;background:#0d181eed;border-top:1px solid #8b9e8044;box-shadow:0 -8px 35px #03091035}.minimap-panel{padding:12px 16px;background:#09151bbb;border-right-color:#53675f44}.mini-label{font-size:9px;letter-spacing:.13em;color:#b0bfb3;align-items:center}.mini-label button{color:#b9c9bc;font-size:15px}.mini-label kbd{font-size:7px;border:none;padding:0;color:#879c98}#minimap{width:170px;height:166px;margin-top:6px;border:1px solid #71877944}.selection-main{padding:19px 16px;gap:16px;background:linear-gradient(110deg,#15242b,#0e1b21)}#selection-portrait{width:84px;height:113px;flex-basis:84px;border-color:#86978744}.selection-details{min-width:0;align-self:center}.selection-main h2{font-size:22px;font-weight:650;letter-spacing:-.04em;margin-top:12px}.selection-main p{font-size:11px;line-height:1.55;margin:9px 0 12px;color:#9db0a7}#p-stats{font-size:10px;color:#bdcdbd;line-height:1.7}#p-hp{height:3px}#p-sh{height:2px}.selection-main .section-label{font-size:8px;letter-spacing:.13em}.selection-group{padding:16px 13px;border-left-color:#64796b30;border-right-color:#64796b30}.selection-group .section-label{font-size:8px;margin-bottom:9px;letter-spacing:.11em}#selinfo{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;align-content:start}.unit-tile{padding:0;height:62px;min-width:0;background:#13232be0;border:1px solid #6d8a814d;position:relative}.unit-tile:hover{border-color:#d1dbca;background:#223a44}.unit-tile .tile-portrait{display:block;width:100%;height:56px;object-fit:cover}.unit-tile>span{display:none}.unit-tile>i{height:2px;position:absolute;bottom:1px;left:0;background:#a5cbb4}.selection-hint{grid-column:1/-1;font-size:11px;line-height:1.75;color:#9aad9f}#queue{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}#queue button{font-size:9px;border:1px solid #6d827056;background:#162c33;padding:3px 5px}.command-panel{padding:13px 12px;background:#0b171dd6}.command-panel>.section-label{font-size:9px;letter-spacing:.13em;margin-bottom:10px;color:#9cafa4}#card{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(3,53px);gap:4px}#card button{padding:5px 3px 11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:linear-gradient(135deg,#2330398a,#102129);border:1px solid #5c736146;color:#cbd8c9}#card button:hover:not(:disabled){border-color:#d0ad72;background:linear-gradient(135deg,#51442e83,#16262c);color:#f5e0bc}#card .cmd-icon{width:18px;height:18px;flex:0 0 18px;opacity:.9}#card .cmd-label{font-size:9px;line-height:1.13;max-width:100%;text-align:center}#card kbd{position:absolute;right:2px;top:2px;font-size:7px;line-height:1;border:0;color:#8caa9e}#card .cost{font-size:8px;bottom:2px;left:4px;color:#afa98b}#card button:disabled{opacity:.48;color:#a1aaa0}#card .blank{background:#0b161b3f;border-color:#7a8d6b16}#field-guide{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--hud) + 11px);z-index:3;font:10px/1.5 var(--mono);color:#9cb6b8;pointer-events:none;padding:5px 11px;background:#0a171dd1;white-space:nowrap;border-top:1px solid #698b8924}#groups{bottom:calc(var(--hud) + 12px);gap:4px}#groups button{background:#10222ace;border-color:#78908235;font-size:9px;padding:5px 6px;min-width:29px}#groups button.populated{border-color:#b1b69177;background:#20383cb5;color:#ddc295}#groups small{font-size:8px}#alerts{bottom:calc(var(--hud) + 50px);font-size:11px}#intent-label{font-size:12px;letter-spacing:.02em;padding:10px 17px;top:115px;box-shadow:0 8px 24px #0004}.publisher-credit{opacity:.58;max-width:145px}.studio-intro .studio-frame{max-width:640px}.home-footer{border-top-color:#a6b3a620}.home-footer>span{font-size:8px}.main-navigation button{letter-spacing:.12em}.dossier-card p:not(.kicker){line-height:1.85}.primary{background:#d46d37}.primary:hover:not(:disabled){background:#e1844c}@media(min-width:1700px){#hud{grid-template-columns:217px minmax(310px,1fr) minmax(270px,1fr) 455px}#card .cmd-label{font-size:10px}#selinfo{gap:7px}#minimap{width:180px}}@media(max-width:1190px){#hud{grid-template-columns:179px minmax(230px,1fr) minmax(180px,.8fr) 355px}#minimap{width:146px}.selection-main{gap:10px;padding:16px 12px}#selection-portrait{width:64px;flex-basis:64px;height:102px}.selection-main h2{font-size:19px}#card .cmd-label{font-size:8px}#selinfo{grid-template-columns:repeat(4,minmax(0,1fr))}.unit-tile{height:49px}.tile-portrait{height:44px!important}#field-guide{left:auto;right:15px;transform:none;font-size:8px}.game-top{gap:17px;padding:0 18px}.resource>strong{font-size:21px}}@media(max-width:900px){#hud{grid-template-columns:170px minmax(205px,1fr) 338px}.selection-group{display:none}#operation-panel{width:180px}#operation-tasks{font-size:10px}.game-top{gap:12px}.resource>strong{font-size:18px}.match-name small,#field-guide{display:none}}@media(max-width:680px){:root{--hud:199px;--top:52px}.game-top{gap:8px;padding:0 10px}.resource>strong{font-size:15px}.resource>span{font-size:7px}.resource>small{display:none}.match-name{max-width:70px}.match-name>span{font-size:8px}.clock{font-size:12px}.game-top .compact{font-size:9px;padding:7px}.economy-strip{top:60px;left:8px;right:8px;font-size:8px;padding:6px;gap:6px}.economy-strip button{font-size:8px}.economy-strip kbd{display:none}#field-notice{top:98px;right:9px;font-size:6px}#operation-panel{top:96px;left:9px;width:160px}#operation-toggle{font-size:8px;padding:9px}#operation-tasks{font-size:9px}#operation-summary{font-size:8px}#hud{grid-template-columns:109px minmax(0,1fr)}.selection-main{display:none}.minimap-panel{padding:10px 8px}#minimap{width:91px;height:91px}.mini-label{font-size:7px}.mini-label kbd{display:none}.command-panel{padding:11px 6px}.command-panel>.section-label{font-size:7px}#card{grid-template-rows:repeat(3,48px);gap:3px}#card .cmd-icon{width:14px;height:14px;flex-basis:14px}#card .cmd-label{font-size:7px}#card .cost,#card kbd{font-size:6px}#groups{left:8px}#groups button{min-width:25px;padding:4px;font-size:8px}#groups small{font-size:6px}#intent-label{top:93px;font-size:10px;max-width:95%}.selection-hint{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.fieldtest-link{margin-top:13px;padding:10px 0;text-align:left;display:block;color:#d2c199;font:10px/1.6 var(--mono);letter-spacing:.1em}.fieldtest-link span{display:block;letter-spacing:0;color:#94aaa6;font:11px/1.5 system-ui}.fieldtest-link:hover span{color:#d9ddcf}.scenario-row{margin:17px 0 8px;display:flex;align-items:flex-start;gap:11px;padding:13px;border:1px solid #78877342;background:#1e2b2e66}.scenario-row input{appearance:auto;width:16px;height:16px;flex:0 0 16px;accent-color:#bd9467;margin-top:3px}.scenario-row strong{font-size:12px;color:#d6d9c8;font-weight:600}.scenario-row small{display:block;font-size:11px;line-height:1.7;color:#99ada8;margin-top:3px}@media(max-width:680px){body.playing,#game{min-width:0;width:100%}.command-panel{min-width:0}#hud>*{min-width:0}#groups{max-width:calc(100vw - 16px);gap:3px}#groups button{min-width:24px;padding:4px}#groups small{margin-left:3px}.game-top{overflow:hidden}.game-top .resource{flex-shrink:0;column-gap:4px}.game-top .match-name{min-width:0}.game-top .resource>strong{font-size:15px}}:root{--accent:#f67442;--ink:#0a1014;--line:#ffffff1c;--text:#f2f2ec;--muted:#a4b3b5;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}html,body,#shell{height:100%;height:100dvh;width:100%;max-width:100%;min-width:0}body{overscroll-behavior:none}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,select,textarea{font-size:16px}button{min-height:44px}button[aria-disabled=true]{opacity:.48}button[aria-pressed=true]{color:#ffb190!important;border-color:#f67442!important;background:#3b2b23!important}button:focus-visible{outline-offset:1px}button:disabled{cursor:not-allowed}img{max-width:100%}[hidden]{display:none!important}#boot-status{position:fixed;z-index:9999;inset:0;background:#0c1319;color:#ebf0ed;display:flex;flex-direction:column;justify-content:center;padding:9vw;font:16px/1.7 system-ui}#boot-status strong{font-size:26px}#boot-status p{max-width:560px;margin:20px 0;color:#afbdc2}#boot-status small{color:#a1b1b8}.touch-only{display:none}.mobile-help-block{padding:24px;margin:0 28px 24px}.mobile-help-block h2{font-size:26px;margin-bottom:16px}.mobile-help-block p{max-width:780px;margin:10px 0;color:#b2c0c5;line-height:1.8}.shell-header{background:linear-gradient(180deg,#080e14ee,#080e1477);padding:0 32px;backdrop-filter:blur(10px)}.header-right{gap:20px}.build-tag{font-size:10px}.screen:not(#game){padding-bottom:max(22px,var(--safe-bottom));scrollbar-width:thin;scrollbar-color:#5e7079 #0a141b}.menu-layout{display:grid;grid-template-columns:minmax(320px,430px) 1fr minmax(265px,330px);grid-template-rows:auto auto;gap:28px;padding:36px 42px 24px;min-height:calc(100dvh - 130px);height:auto}.home-left{grid-column:1;align-self:start;width:auto}.home-right{grid-column:3;align-self:center;display:block}.wordmark{margin:24px 0 14px!important}.wordmark img{width:100%;max-width:400px}.wordmark>span{font:11px/1.8 var(--mono);letter-spacing:.42em;margin:12px 0}.home-tagline{font-size:23px;color:#f4f2e9;letter-spacing:-.03em;margin:0!important}.home-description{font-size:14px;color:#b5c0c4;max-width:335px;line-height:1.8;margin:13px 0 24px}.main-navigation{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-width:none;margin:0}.main-navigation button{min-height:50px;font-size:11px;padding:10px 14px;letter-spacing:.09em;display:flex;gap:12px;align-items:center;border:1px solid #ffffff16;background:#091117a8;white-space:normal}.main-navigation .nav-number{font-size:10px;color:#889aa1}.main-navigation .nav-arrow{margin-left:auto}.main-navigation .nav-play{grid-column:1/-1;min-height:74px;color:#121c20!important;background:#f67442;border:1px solid #ffa173;font-size:16px;box-shadow:0 8px 35px #0003;letter-spacing:.09em}.nav-play small{display:block;font:11px/1.6 system-ui;letter-spacing:0;color:#44261b;margin-top:3px}.main-navigation .nav-play .nav-number{color:#542e1e}.main-navigation .nav-play:hover{background:#ff935e}.main-navigation .configure-play{grid-column:1/-1;font-size:12px}.fieldtest-link{font-size:10px;margin-top:8px;opacity:.76;padding:8px 0}.fieldtest-link span{font-size:11px;line-height:1.55}.control-help{font-size:12px;min-height:44px}.home-films{grid-column:1/-1;width:min(850px,100%);justify-self:end;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-self:end}.film-card{min-height:90px;height:104px;border:1px solid #ced9d129;overflow:hidden}.film-card span{font-size:12px}.film-card small{font-size:9px}.dossier-card{padding:26px;background:#091117ca;border:1px solid #ffffff1f;backdrop-filter:blur(12px)}.dossier-card .kicker{font-family:system-ui;font-weight:500;letter-spacing:-.035em;font-size:27px;line-height:1.22;margin:22px 0}.dossier-card p:not(.kicker){font-size:13px;color:#b5c1c6;line-height:1.9}.district-mini{margin-top:12px;background:#0b1519c7;border:1px solid #ffffff1c;padding:15px;grid-template-columns:90px 1fr;gap:18px}.district-mini canvas{width:90px;height:90px}.district-mini h2{font-size:22px}.home-footer{position:relative;margin:0 42px;padding:10px 0;border-top:1px solid #ffffff19;bottom:auto;left:auto;right:auto;display:flex;justify-content:space-between;align-items:center}.home-footer>span{font-size:9px}#publisher-credit{width:122px;min-height:44px;padding:0;opacity:.65}#publisher-credit img{width:122px;object-fit:contain}.scene-vignette{background:linear-gradient(90deg,#050c15f7,#050c15a6 33%,#050c1526 58%,#050c15b8),linear-gradient(0deg,#050c14fa,transparent 50%)}.page-heading{padding:26px 32px;gap:18px}.page-heading h1{font-size:clamp(28px,4vw,52px);letter-spacing:-.035em}.page-heading .eyebrow{margin-bottom:10px;font-size:10px}.page-heading>.outline{flex-shrink:0}.lobby-layout{display:block;max-width:760px;margin:0 auto;padding:0 24px}.host-panel{padding:24px}.host-panel #host-preview{height:220px;width:100%;margin-top:15px;object-fit:contain}.host-panel #btn-create{width:100%;margin:16px 0;min-height:52px}.host-panel .tiny{font-size:12px}.room-layout{padding:0 32px;gap:22px}.room-main{padding:22px}.room-controls{flex-wrap:wrap;gap:10px}.room-controls #btn-start{min-height:52px;flex:1;justify-content:center}.slot{grid-template-columns:10px minmax(90px,1fr) minmax(82px,1fr) 82px 92px 64px}.slot select{min-height:48px;padding:6px 8px;font-size:14px}.slot-name small{font-size:10px}.slot.empty{min-height:44px;font-size:12px}.room-readiness{font-size:13px;line-height:1.7}.room-map-panel p{font-size:13px}.scenario-row{margin:18px 0;min-height:60px}.scenario-row input{width:22px;height:22px;flex-basis:22px}.scenario-row strong{font-size:14px}.scenario-row small{font-size:12px}.outline,.primary{min-height:44px}.faction-content p{font-size:14px}.faction-bottom p{font-size:13px}.chapter-text p{font-size:15px;line-height:1.85}.chapter-note{font-size:11px}.setting-row{min-height:74px}.setting-row small{font-size:12px}.setting-row input{min-width:24px;min-height:24px}#opt-volume{min-height:44px}.controls dt,.controls dd{font-size:13px}.controls dd{line-height:1.65}.controls dt{font-weight:650}.settings-panel p,.settings-aside p{font-size:13px}body.playing{min-width:0}body.playing main{inset:0}body.playing .shell-header{display:none}#game{width:100%;height:100%;min-width:0;overflow:hidden}.game-top{height:64px;gap:22px;padding:0 22px}.resource>span{font-size:10px}.resource>strong{font-size:22px}.resource>small{font-size:11px}#world{top:64px;bottom:var(--hud);height:calc(100% - 64px - var(--hud));width:100%;left:0;right:0;touch-action:none;-webkit-user-select:none;user-select:none}#minimap{touch-action:none}#hud{--hud:224px;height:224px;grid-template-columns:190px minmax(210px,1fr) minmax(150px,.85fr) minmax(360px,420px);min-width:0}body:not(.touch-layout){--hud:224px}.selection-main{display:flex!important;min-width:0;padding:16px;gap:14px}.selection-main h2{font-size:22px}.selection-main p{font-size:12px}.selection-group{min-width:0}#card .cmd-label{font-size:11px}#card .cost{font-size:10px}#card kbd{font-size:9px}#card .blank{min-height:0}#card button{min-height:48px;padding:5px 3px 12px;position:relative}#card button[aria-disabled=true]{color:#a9b5b8;border-style:dashed}#card{grid-template-rows:repeat(3,54px)}#queue button{min-height:28px;font-size:10px}.economy-strip{top:74px}#operation-panel{top:122px}#operation-toggle{min-height:44px}#operation-summary{font-size:11px}#operation-tasks{font-size:12px}#field-notice{top:79px}#groups button{min-height:36px;min-width:32px}#groups{max-width:370px;gap:3px}#field-guide{font-size:10px}#p-meta{overflow:hidden;text-overflow:ellipsis}#p-stats{font-size:11px}#game-menu,#touch-help,#touch-groups{color:#f1f2ee;background:#101b23;border:1px solid #d5e6df3b;padding:26px;width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 24px 120px #000b}dialog::backdrop{background:#03090fcc;backdrop-filter:blur(4px)}#game-menu h2,#touch-help h2,#touch-groups h2{font-size:34px;margin:16px 0}#game-menu>button,#touch-help>button,#touch-groups>button{width:100%;margin-top:12px;min-height:48px}#game-menu>p{font-size:14px;color:#b3c1c6}.dialog-help{font-size:13px!important;line-height:1.7!important;margin:20px 0}#touch-help .controls{display:block}#touch-help .controls dt{color:#eed9b8;border:0;margin:16px 0 5px}#touch-help .controls dd{margin:0;color:#b5c3c9;border:0;padding:0;font-size:14px}#touch-group-list>div{display:grid;grid-template-columns:20px 1fr 78px 96px;align-items:center;gap:8px;border-top:1px solid #fff2;padding:6px 0}#touch-group-list button{border:1px solid #ffffff25;font-size:12px;min-height:46px}.toast,#toast{font-size:14px;line-height:1.5;max-width:min(520px,calc(100vw - 28px));z-index:10000}.touch-layout{--touch-dock:calc(226px + var(--safe-bottom));--game-head:calc(64px + var(--safe-top));--hud:var(--touch-dock)}.touch-layout .touch-only{display:flex}.touch-layout .shell-header{height:calc(54px + var(--safe-top));padding:var(--safe-top) calc(16px + var(--safe-right)) 0 calc(16px + var(--safe-left))}.touch-layout main{top:calc(54px + var(--safe-top))}.touch-layout .header-right{gap:8px}.touch-layout .build-tag{display:none}.touch-layout .identity{font-size:11px;gap:8px;letter-spacing:.02em}.touch-layout .identity b{margin:0 4px}.touch-layout .connection{font-size:9px}.touch-layout .game-top{height:var(--game-head);padding:var(--safe-top) calc(12px + var(--safe-right)) 0 calc(12px + var(--safe-left));display:flex;gap:12px;overflow:visible}.touch-layout .resource{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;min-width:56px;flex:none}.touch-layout .resource>span{font-size:8px;letter-spacing:.055em;line-height:1.5}.touch-layout .resource>strong{font:600 19px/1.35 system-ui}.touch-layout .resource>small{display:none}.touch-layout .match-name,.touch-layout .network-reading,.touch-layout .game-top kbd{display:none}.touch-layout .clock{font-size:12px;margin-left:auto}.touch-layout #btn-menu{font-size:12px;min-height:44px;min-width:48px;padding:8px;border-color:#ffffff28}.touch-layout #world{top:var(--game-head);bottom:var(--touch-dock);height:calc(100% - var(--game-head) - var(--touch-dock));left:0;right:0;width:100%}.touch-layout .economy-strip,.touch-layout #field-notice,.touch-layout #operation-panel,.touch-layout #field-guide,.touch-layout #groups,.touch-layout #intent-label{display:none!important}.touch-layout #hud{position:absolute;bottom:0;left:0;right:0;width:100%;height:var(--touch-dock);padding:8px calc(10px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(10px + var(--safe-left));display:grid;grid-template-columns:1fr;grid-template-rows:65px 1fr;gap:5px;background:linear-gradient(155deg,#1a2830,#0b141c 70%);border-top:1px solid #c3d5cd39;box-shadow:0 -5px 20px #0003;z-index:6}.touch-layout #hud>.selection-main{display:flex!important;grid-row:1;gap:10px;padding:0;background:none;border:0;overflow:hidden;min-width:0;align-items:center}.touch-layout #selection-portrait{height:61px;width:51px;flex:0 0 51px;object-fit:cover;border:1px solid #ffffff23}.touch-layout .selection-details{flex:1;position:relative;min-width:0;align-self:center}.touch-layout .selection-main h2{font:600 17px/1.2 system-ui;margin:0 0 4px;letter-spacing:-.025em}.touch-layout .selection-main p{font-size:11px;line-height:1.25;margin:0 0 5px;white-space:nowrap;color:#b0bec4}.touch-layout #selection-category,.touch-layout #p-sh,.touch-layout #p-stats{display:none}.touch-layout #p-hp{width:100%;max-width:220px;margin:0;height:3px}.touch-layout #queue{position:absolute;right:0;top:2px;gap:3px;max-width:53%;overflow:auto;flex-wrap:nowrap;margin:0;background:#101b23}.touch-layout #queue:empty{display:none}.touch-layout #queue button{min-height:44px;min-width:66px;max-width:80px;font-size:10px;line-height:1.35;white-space:normal}.touch-layout .selection-group{display:none!important}.touch-layout .command-panel{grid-row:2;padding:0;border:0;background:none;overflow:hidden;min-width:0}.touch-layout .command-panel>.section-label{font-size:9px;letter-spacing:.08em;margin:0 0 5px;line-height:14px;height:14px}.touch-layout #apm-value{font-size:8px;color:#8398a2}.touch-layout #card{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,52px);gap:8px;height:112px;margin:0}.touch-layout #card button{min-width:0;min-height:48px;height:52px;padding:4px 3px;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;background:#26363f85;border:1px solid #ffffff20;box-shadow:none}.touch-layout #card .cmd-icon{width:16px;height:16px;flex:0 0 16px}.touch-layout #card .cmd-label{font:500 11px/1.15 system-ui;letter-spacing:0;max-width:100%;overflow-wrap:anywhere}.touch-layout #card .cost{font:10px/1.15 var(--mono);position:static;color:#d0b58f;max-width:100%}.touch-layout #card kbd{display:none}.touch-layout #card .blank{height:52px;pointer-events:none;border:1px solid #ffffff08;background:#0a151b50}.touch-layout #card button[aria-disabled=true]{background:#18232c;border-style:dashed}.touch-layout #touch-toolbar{position:absolute;bottom:calc(var(--touch-dock) + 10px);left:calc(10px + var(--safe-left));right:calc(10px + var(--safe-right));z-index:7;gap:5px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) 44px}.touch-layout #touch-toolbar button,.touch-layout #touch-tools button{min-height:48px;padding:6px 3px;font:550 11px/1.2 system-ui;color:#e0e7e4;background:#0c1a23ed;border:1px solid #9cb0b246;backdrop-filter:blur(8px)}.touch-layout #touch-tools{position:absolute;left:calc(10px + var(--safe-left));right:calc(10px + var(--safe-right));bottom:calc(var(--touch-dock) + 59px);gap:5px;z-index:8;display:grid;grid-template-columns:1.2fr 1.2fr 1.1fr 44px 44px}.touch-layout #touch-zoom-in,.touch-layout #touch-zoom-out{font-size:22px!important}.touch-layout #touch-hint{position:absolute;bottom:calc(var(--touch-dock) + 60px);left:18px;right:18px;justify-content:center;text-align:center;font:11px/1.4 system-ui;color:#d3e1dd;text-shadow:0 1px 3px #000;pointer-events:none;z-index:5}.touch-layout #touch-intent{position:absolute;top:calc(var(--game-head) + 12px);left:calc(10px + var(--safe-left));right:calc(10px + var(--safe-right));z-index:9;padding:10px;display:flex;align-items:center;gap:8px;background:#0b1924f7;border:1px solid #e7a97288;box-shadow:0 8px 24px #0005}.touch-layout #touch-intent-text{font-size:12px;line-height:1.4;flex:1}.touch-layout #touch-confirm{background:#e87b45;color:#171b20;min-height:44px;padding:6px 12px;font-size:12px;font-weight:650}.touch-layout #touch-cancel{border:1px solid #ffffff25;min-height:44px;padding:6px 8px;font-size:11px}.touch-layout .minimap-panel{display:none;position:fixed;z-index:8;top:calc(var(--game-head) + 12px);left:calc(10px + var(--safe-left));padding:10px;background:#0b1823f5;border:1px solid #98b3b85c;box-shadow:0 8px 25px #0008;width:174px;height:205px}.touch-layout.map-open .minimap-panel{display:block}.touch-layout #minimap{width:152px;height:152px;display:block;margin:0}.touch-layout .mini-label{height:30px;font-size:10px}.touch-layout #home-camera{min-width:44px;min-height:30px;font-size:22px}.touch-layout #home-camera kbd{display:none}.touch-layout #alerts{top:calc(var(--game-head) + 52px);bottom:auto;left:12px;font-size:12px;max-width:calc(100% - 24px);pointer-events:none;z-index:3}.touch-layout #toast{bottom:calc(var(--touch-dock) + 108px);font-size:13px;padding:12px 16px}.touch-layout #connection-overlay,.touch-layout #endcard{z-index:20}.touch-layout #connection-overlay>.panel,.touch-layout #endcard>.panel{max-width:calc(100vw - 28px);padding:24px}.touch-layout #endcard h2{font-size:38px}.touch-layout #endcard p{font-size:14px}.touch-layout .result-facts{flex-wrap:wrap;gap:15px}@media(max-width:780px){.menu-layout{display:flex;flex-direction:column;gap:22px;padding:22px 22px 20px;min-height:0}.home-left{width:100%;max-width:100%}.home-left>.eyebrow{font-size:9px;letter-spacing:.13em}.wordmark{margin:18px 0 12px!important;width:min(360px,100%)}.wordmark>span{font-size:9px;margin:8px 0;letter-spacing:.5em}.home-tagline{font-size:23px}.home-description{font-size:13px;line-height:1.6;margin:10px 0 20px;max-width:100%}.main-navigation{grid-template-columns:1fr 1fr;gap:6px}.main-navigation .nav-play{height:74px;min-height:74px;font-size:17px}.main-navigation button{font-size:10px;padding:11px;min-height:50px;letter-spacing:.055em;gap:8px}.main-navigation .nav-number{font-size:9px}.main-navigation .configure-play{height:48px;font-size:12px}.fieldtest-link{display:none}.control-help{margin:8px 0 0;width:100%;text-align:left}.home-films{order:2;width:100%;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr));min-height:0}.film-card{height:85px;min-height:85px}.film-card small{display:none}.film-card span{font-size:10px;padding:8px!important}.film-card i{display:none}.home-right{display:block;order:3;width:100%}.dossier-card{padding:22px}.dossier-card .kicker{font-size:25px;margin:20px 0 16px}.district-mini{margin-top:12px;grid-template-columns:94px 1fr}.home-footer{position:relative;margin:0 22px;gap:12px;align-items:center}.home-footer>span:nth-child(2){display:none}.home-footer>span:last-child{font-size:8px;max-width:135px;text-align:right}#publisher-credit,#publisher-credit img{width:104px}.scene-vignette{background:linear-gradient(0deg,#06101b,#07111aaa 48%,#060e1977 80%),linear-gradient(90deg,#030a1499,transparent)}#scene-poster,#scene-video{object-position:65% center!important}.page-heading{padding:22px;align-items:center}.page-heading h1{font-size:30px;margin:0;max-width:100%;overflow-wrap:anywhere}.page-heading .eyebrow{font-size:8px;max-width:215px}.page-heading button{font-size:12px;padding:8px 12px}.lobby-layout{padding:0 18px}.host-panel{padding:20px}.room-layout{display:flex;flex-direction:column;padding:0 18px;gap:16px}.room-main{padding:16px}.slot{display:grid;grid-template-columns:8px 1fr 1fr 44px;gap:8px;padding:14px 0;min-width:0}.slot>.dot{grid-column:1;grid-row:1}.slot-name{grid-column:2/4;grid-row:1}.slot-name strong{font-size:15px}.slot-state{grid-column:4;grid-row:1/3;font-size:8px;display:flex;flex-direction:column;align-items:center}.slot select[data-race]{grid-column:2;grid-row:2}.slot select[data-team]{grid-column:3;grid-row:2}.slot select[data-color]{grid-column:2/4;grid-row:3}.slot select{font-size:14px;width:100%;min-width:0}.room-controls{display:flex;gap:8px}.room-controls #btn-start{font-size:14px;min-height:52px}.room-controls #btn-ai{font-size:12px}.room-map-panel{padding:20px}.room-map-panel canvas{max-height:280px;width:100%;object-fit:contain}.scenario-row{padding:12px}.scenario-row small{line-height:1.55}.atlas-layout{display:flex;flex-direction:column;padding:0 18px;gap:14px}.map-list{display:flex;overflow-x:auto;gap:8px;padding-bottom:8px;width:100%;flex-wrap:nowrap;scroll-snap-type:x proximity}.map-option{min-width:156px;min-height:72px;padding:12px;scroll-snap-align:start;border:1px solid #ffffff20}.map-option>span{font-size:10px}.map-option strong{font-size:16px}.map-option small{font-size:9px}.atlas-map{padding:14px}.atlas-map>canvas{width:100%;height:auto;aspect-ratio:1}.atlas-tools{gap:6px;flex-wrap:wrap}.atlas-tools button{font-size:12px;padding:6px 10px;min-height:44px}.atlas-tools>span{font-size:10px}.atlas-detail{padding:16px}.atlas-detail p{font-size:14px;line-height:1.7}.atlas-photo{height:160px;width:100%;object-fit:cover}.atlas-detail .primary{width:100%;margin:20px 0 10px}.atlas-detail h2{font-size:32px;margin:18px 0}.map-facts{grid-template-columns:repeat(3,1fr);gap:8px}.map-facts strong{font-size:13px}.map-facts span{font-size:9px}.legend{font-size:12px}.faction-cards{display:flex;flex-direction:column;padding:0 18px;gap:18px}.faction-card{min-width:0}.faction-content{padding:22px}.faction-content h2{font-size:30px}.faction-content p{font-size:14px;line-height:1.75}.faction-visual{height:170px}.faction-tags{flex-wrap:wrap}.faction-tags span{font-size:10px}.unit-roster{grid-template-columns:repeat(3,1fr)}.faction-bottom{margin:16px 18px;padding:20px;display:block}.faction-bottom button{margin-top:14px}.story-layout{display:flex;flex-direction:column;padding:0 18px;gap:14px}#chapter-nav{display:flex;overflow:auto;gap:8px}#chapter-nav button{min-width:205px;min-height:75px;padding:12px}#chapter-nav strong{font-size:13px}#chapter-nav em{font-size:11px}#chapter-body{display:block}.chapter-image{height:190px}.chapter-text{display:block;padding:24px}.chapter-text h2{font-size:30px}.chapter-text p{font-size:14px;line-height:1.8}.story-quote{font-size:19px}.chapter-note{font-size:9px;line-height:1.5;padding:16px}.film-grid{display:flex;flex-direction:column;padding:0 18px;gap:16px}.archive-thumb{height:185px}.archive-caption{padding:18px}.archive-caption h2{font-size:23px}.archive-caption p{font-size:10px}.options-layout{display:flex;flex-direction:column;padding:0 18px;gap:16px}.settings-panel,.settings-aside{padding:24px!important}.settings-panel h2{font-size:25px}.settings-aside h2{font-size:31px}.credits-layout{margin:0 18px;padding:24px;max-width:none}.credits-layout img{width:min(280px,100%)}.credits-layout p{font-size:14px;line-height:1.8}.help-layout{display:flex;flex-direction:column;padding:0 18px;gap:16px}.help-layout .panel{margin:0;padding:22px}.controls{grid-template-columns:100px 1fr;gap:0 12px}.controls dd,.controls dt{font-size:12px}.mobile-help-block{margin:0 18px 16px}.help-note{font-size:12px;line-height:1.7}.settings-panel .tiny{font-size:12px}.film-player{width:calc(100vw - 20px);padding:12px}.film-player-header{gap:15px;font-size:12px}.film-player video{max-height:65dvh}.briefing-dialog{max-width:calc(100vw - 20px)}}@media(orientation:landscape)and (max-height:600px){.touch-layout{--touch-side:246px;--game-head:calc(52px + var(--safe-top));--touch-dock:0px}.touch-layout .game-top{padding-left:calc(14px + var(--safe-left));gap:18px}.touch-layout .resource{min-width:65px}.touch-layout .resource>strong{font-size:18px}.touch-layout .resource>span{font-size:8px}.touch-layout #world{top:var(--game-head);left:0;bottom:0;right:var(--touch-side);width:calc(100% - var(--touch-side));height:calc(100% - var(--game-head))}.touch-layout #hud{top:var(--game-head);bottom:0;left:auto;right:0;width:var(--touch-side);height:auto;padding:10px calc(10px + var(--safe-right)) calc(10px + var(--safe-bottom)) 10px;grid-template-rows:65px 1fr;gap:8px;border-top:0;border-left:1px solid #ffffff24;overflow-y:auto}.touch-layout .selection-main h2{font-size:15px}.touch-layout .selection-main p{font-size:10px;white-space:normal;max-height:25px}.touch-layout #selection-portrait{width:45px;flex-basis:45px;height:59px}.touch-layout #queue{max-width:57%;top:18px}.touch-layout #queue button{min-width:58px;font-size:9px}.touch-layout #card{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(48px,1fr));height:calc(100% - 18px);gap:5px;min-height:153px}.touch-layout #card button,.touch-layout #card .blank{height:auto;min-height:48px}.touch-layout #card .cmd-label{font-size:10px}.touch-layout #card .cost{font-size:9px}.touch-layout .command-panel{overflow:visible}.touch-layout #touch-toolbar{bottom:calc(10px + var(--safe-bottom));left:calc(10px + var(--safe-left));right:calc(var(--touch-side) + 10px);grid-template-columns:repeat(5,minmax(0,1fr)) 44px;gap:4px}.touch-layout #touch-toolbar button{font-size:11px}.touch-layout #touch-tools{bottom:calc(59px + var(--safe-bottom));left:calc(10px + var(--safe-left));right:calc(var(--touch-side) + 10px);grid-template-columns:1fr 1fr 1fr 44px 44px;gap:4px}.touch-layout #touch-tools button{font-size:10px}.touch-layout #touch-hint{bottom:calc(59px + var(--safe-bottom));right:calc(var(--touch-side) + 12px);font-size:10px}.touch-layout #touch-intent{right:calc(var(--touch-side) + 10px);padding:8px;gap:6px;top:calc(var(--game-head) + 8px)}.touch-layout #touch-intent-text{font-size:11px}.touch-layout #touch-confirm{font-size:11px;padding:6px 8px}.touch-layout #touch-cancel{font-size:10px}.touch-layout .minimap-panel{width:148px;height:178px;top:calc(var(--game-head) + 8px)}.touch-layout #minimap{width:126px;height:126px}.touch-layout #alerts{max-width:calc(100% - var(--touch-side) - 28px)}.touch-layout #toast{bottom:82px}.touch-layout #touch-group-list button{font-size:12px}}@media(orientation:landscape)and (max-height:420px){.touch-layout #campaign-start{box-sizing:border-box;top:calc(var(--game-head) + 4px);left:calc(8px + var(--safe-left));right:calc(var(--touch-side) + 8px);width:auto;min-height:44px;padding:4px 8px;display:flex;align-items:center;gap:8px;border-radius:3px;z-index:44}.touch-layout #campaign-start[hidden]{display:none!important}.touch-layout #campaign-start strong{flex:0 0 auto;font:700 10px/1.1 var(--mono);white-space:nowrap}.touch-layout #campaign-start p{flex:1 1 auto;min-width:0;margin:0;font:500 10px/1.15 var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.touch-layout #campaign-start>div{flex:0 0 auto;gap:4px}.touch-layout #campaign-start button{min-height:36px;padding:4px 7px;font-size:10px;white-space:nowrap}.touch-layout #campaign-start small{display:none}.touch-layout #op-hud{box-sizing:border-box;top:calc(var(--game-head) + 50px);left:calc(8px + var(--safe-left));right:auto;width:min(220px,calc(100vw - var(--touch-side) - 24px));max-height:40px;overflow:hidden;padding:0;border-radius:3px;z-index:4}.touch-layout #op-hud.collapsed{max-height:40px}.touch-layout #op-hud-toggle{min-height:38px;padding:4px 7px;font:700 9px/1.15 var(--mono);letter-spacing:.02em}.touch-layout #op-hud:not(.collapsed){max-height:calc(100vh - var(--game-head) - 60px);overflow:auto}body.touch-layout #multiplayer-first-steps:not([hidden]){left:calc(16px + var(--safe-left) + min(220px,100vw - var(--touch-side) - 24px));top:calc(var(--game-head) + 50px);right:auto;max-width:calc(100vw - var(--touch-side) - 24px - var(--safe-left) - min(220px,100vw - var(--touch-side) - 24px))}}@media(min-width:781px)and (max-width:1120px){.menu-layout{grid-template-columns:minmax(300px,380px) 1fr minmax(225px,280px);padding:26px;gap:18px}.dossier-card{padding:20px}.dossier-card .kicker{font-size:24px}.home-footer{margin:0 26px}.room-layout{grid-template-columns:1fr}.room-map-panel{max-width:760px}.atlas-layout{grid-template-columns:180px 1fr}.atlas-detail{grid-column:1/-1}.selection-group{display:none}body:not(.touch-layout) #hud{grid-template-columns:165px minmax(200px,1fr) minmax(320px,380px)}body:not(.touch-layout) #minimap{width:137px}.home-description{font-size:13px}}@media(max-width:374px){.touch-layout .game-top{gap:8px;padding-left:8px;padding-right:8px}.touch-layout .resource{min-width:52px}.touch-layout .resource>strong{font-size:17px}.touch-layout .clock{font-size:10px}.touch-layout #btn-menu{min-width:44px;font-size:11px}.touch-layout #touch-toolbar button{font-size:11px}.touch-layout #touch-intent{flex-wrap:wrap}.touch-layout #touch-intent-text{flex-basis:100%}.touch-layout #card .cmd-label{font-size:10px}.main-navigation button{padding:10px 8px;font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.touch-layout #touch-toolbar{grid-template-rows:auto 48px}.touch-layout #touch-selection{grid-column:1/-1;grid-row:1;min-width:0;overflow:hidden;padding:3px 8px;border-left:2px solid #f67442;background:#101b20;color:#f2f2ec;font:600 11px/1.25 var(--mono);text-overflow:ellipsis;white-space:nowrap}.touch-layout #touch-toolbar button{grid-row:2;min-width:0;padding-left:1px;padding-right:1px;font-size:12px;letter-spacing:0}.touch-layout #touch-command-marker{position:fixed;z-index:12;transform:translate(-50%,-100%);padding:4px 7px;border:1px solid #76e6ff;background:#071319ed;color:#76e6ff;font:700 10px/1.2 var(--mono);pointer-events:none;white-space:nowrap}.touch-layout #touch-command-marker[data-kind=attack]{border-color:#ff746b;color:#ff8e83}.touch-layout #touch-hint{bottom:calc(var(--touch-dock) + 94px)}.touch-layout .selection-main.with-queue .selection-details{padding-right:50%}.touch-layout .selection-main.with-queue #p-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.touch-layout #touch-tools:not([hidden])~#touch-hint{display:none}@media(orientation:landscape)and (max-height:600px){.touch-layout .selection-main.with-queue .selection-details{padding-right:0}.touch-layout .selection-main.with-queue #p-meta,.touch-layout .selection-main.with-queue #p-hp{display:none}.touch-layout .selection-main.with-queue #queue{position:static;max-width:100%;margin-top:4px}.touch-layout .selection-main.with-queue #p-name{font-size:12px}.touch-layout .selection-main.with-queue #queue button{min-height:32px}}.touch-layout #touch-workers small{display:block;font:9px/1.25 var(--mono);font-weight:400;color:#9eb4bd;margin-top:2px}.touch-layout #hud>.selection-main{display:grid;grid-template-columns:51px minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:center;gap:8px;min-width:0}.touch-layout #selection-portrait{grid-column:1;grid-row:1;align-self:center;max-width:100%;object-fit:cover}.touch-layout .selection-details{grid-column:2;grid-row:1;min-width:0;max-width:100%;overflow:hidden;align-self:center}.touch-layout .selection-count-row{display:flex;gap:6px;align-items:baseline;min-width:0;margin:0 0 2px;font:9px/1.2 var(--mono);color:#9eb1b7;white-space:normal}.touch-layout .selection-count-row span{min-width:0;overflow-wrap:anywhere}.touch-layout .selection-count-row span:first-child{flex:0 0 auto;color:#f3b181}.touch-layout #selection-category{display:none!important}.touch-layout .selection-main h2{max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.12;margin:0 0 3px}.touch-layout .selection-main p{max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.2;margin:0 0 3px}.touch-layout #p-meta{max-height:2.4em;overflow:hidden;text-overflow:ellipsis}@media(orientation:landscape)and (max-height:600px){.touch-layout #hud>.selection-main{grid-template-columns:45px minmax(0,1fr);gap:7px}.touch-layout .selection-count-row{font-size:8px}.touch-layout .selection-main h2{font-size:13px}}@media(min-width:950px)and (min-height:601px){.touch-layout #hud{grid-template-columns:180px minmax(190px,1fr) minmax(360px,420px);grid-template-rows:1fr;gap:18px;padding:12px 18px calc(12px + var(--safe-bottom))}.touch-layout #hud>.selection-main{grid-column:2;grid-row:1;align-self:center;overflow:visible}.touch-layout .command-panel{grid-column:3;grid-row:1;align-self:center}.touch-layout .minimap-panel{display:block;position:static;width:172px;height:194px;padding:8px;grid-column:1;grid-row:1;box-shadow:none}.touch-layout #minimap{height:150px;width:150px}.touch-layout #selection-portrait{height:93px;width:72px;flex-basis:72px}.touch-layout .selection-main h2{font-size:20px}.touch-layout .selection-main p{font-size:12px;white-space:normal}.touch-layout #selection-category{display:block;font-size:9px;margin-bottom:12px}.touch-layout #p-stats{display:block;font-size:11px;margin-top:8px}.touch-layout #touch-toolbar,.touch-layout #touch-tools{left:auto;width:420px;right:18px}.touch-layout #touch-hint{left:18px;right:auto;max-width:450px;bottom:calc(var(--touch-dock) + 24px)}.touch-layout #touch-intent{left:auto;right:18px;width:460px}.touch-layout #queue{position:static;max-width:100%;margin-top:8px}.touch-layout .selection-main.with-queue .selection-details{padding-right:0}}.touch-layout #touch-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.touch-layout #touch-tools button{font-size:12px}.touch-layout .mini-label{gap:2px}.touch-layout .mini-label>span:first-child{font-size:8px;letter-spacing:.07em}.touch-layout #mini-command-toggle{min-width:48px;min-height:36px;padding:0 2px;font:600 8px var(--mono);letter-spacing:0}.touch-layout #home-camera{min-width:32px;min-height:30px;padding:0 2px}.room-tempo-row{align-items:stretch;flex-direction:column}.room-tempo-row select{width:100%;min-height:48px}.slot-state select{min-height:40px;min-width:72px;width:72px;font-size:11px}.slot-state button{min-width:44px;min-height:44px}.room-map-facts{font-size:12px}.slot-name select[data-move]{min-height:38px;width:100%;font-size:12px}.slot.empty button{min-height:44px}.room-map-panel h2{font-size:24px}@media(max-width:780px){#lobby.screen .lobby-layout{grid-template-columns:minmax(0,1fr);padding:12px 12px 16px;gap:12px}#lobby.screen .lobby-browser,#lobby.screen .hafenfunk,#lobby.screen .lobby-layout>.host-panel{padding:14px;grid-column:1}#lobby.screen .lobby-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}#lobby.screen .lobby-filters>div:first-child{grid-column:1/-1}#lobby.screen .lobby-open-label{grid-column:1/-1}#lobby.screen .lobby-open-label input{width:24px;min-width:24px;height:24px;min-height:24px}#lobby.screen .lobby-list-detail{gap:14px}#lobby.screen .lobby-detail,#lobby.screen #lobby-detail-content{display:block}#lobby.screen #lobby-preview{height:220px}#lobby.screen #lobby-detail-settings{margin:12px 0}#lobby.screen #lobby-join{margin-top:14px}#lobby.screen #lobby-games th button{min-height:48px}#lobby.screen #lobby-games td{padding-top:15px;padding-bottom:15px}#lobby.screen .lobby-table-scroll{max-height:300px}#lobby.screen .hafenfunk-layout{grid-template-columns:minmax(0,1fr)}#lobby.screen #hafenfunk-lines{height:220px}#lobby.screen #hafenfunk-presence{max-height:200px}#lobby.screen #hafenfunk-presence button{min-width:64px;font-size:12px}#lobby.screen .join-row .field{flex-wrap:wrap}#lobby.screen .join-row input{flex-basis:150px}}.touch-layout #alerts button.alert{pointer-events:auto;min-height:44px;max-width:100%;white-space:normal;line-height:1.35;touch-action:manipulation}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-condensed-600.woff2?v=20261025-w114) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/barlow-condensed-800.woff2?v=20261025-w114) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-400.woff2?v=20261025-w114) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-400.woff2?v=20261025-w114) format("woff2")}:root{--display:"Barlow Condensed","Avenir Next Condensed","Arial Narrow",system-ui,sans-serif;--body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--ink:#080b0e;--glass:rgba(10,15,19,.86);--glass-2:rgba(14,20,25,.92);--line:rgba(255,255,255,.12);--line-2:rgba(255,255,255,.22);--text:#f2f4f5;--muted:#aeb7be;--dim:#7d8890;--accent:#ff5a1f;--ok:#7bd88f;--warn:#ff8a5b;--top:64px;--hud:200px}body{font-family:var(--body);font-size:15px;line-height:1.5;color:var(--text)}h1,h2,h3,.wordmark,.clock,.resource>strong{font-family:var(--display)}button,input,select{font-family:var(--body)}.section-label,.eyebrow,.kicker,.mini-label,kbd{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase}.section-label,.eyebrow{font-size:11px;color:var(--muted)}kbd{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:1px 5px;background:#0b1014}.panel{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.outline,.primary{font-size:14px;font-weight:600;letter-spacing:.02em;min-height:44px;padding:10px 16px;border-radius:2px}.primary{background:var(--accent);color:#1a0d07;border:1px solid #ff9a6b}.primary:hover:not(:disabled){background:#ff7a45}.outline{border:1px solid var(--line-2);background:#0b1014c0;color:var(--text)}.outline:hover:not(:disabled){border-color:var(--accent);color:#fff}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page-heading h1{font-size:clamp(34px,4vw,56px);font-weight:800;letter-spacing:.01em;text-transform:uppercase}.scenario-row strong{font-size:15px}.scenario-row small{font-size:13px;color:var(--muted)}.room-readiness,.slot select{font-size:14px}.slot-name strong{font-size:15px}.slot-name small{font-size:12px}#room-chat,.chat{font-size:14px}.tiny{font-size:13px}.income-nudge{position:fixed;z-index:30;right:18px;bottom:calc(var(--hud) + 16px);display:flex;align-items:center;gap:12px;max-width:min(560px,calc(100vw - 24px));padding:10px 12px;background:var(--glass-2);border:1px solid var(--line-2);border-left:3px solid var(--warn);box-shadow:0 8px 24px #0008;font-size:13px}.material-nudge{bottom:calc(var(--hud) + 70px)}.income-nudge.material-nudge button{min-height:44px}#material-nudge-dismiss{min-width:44px;flex:0 0 44px;padding:6px}.income-nudge[hidden]{display:none!important}.income-nudge button{min-height:38px;padding:7px 11px;font-size:12px;white-space:nowrap}.game-chat-focus-note{margin:0 0 10px;padding:7px 10px;border-left:3px solid var(--accent);background:#ff5a1f16;color:#ffe0cf;font-size:13px}#solo-local-note{margin:5px 2px 0;color:var(--muted);line-height:1.45}.solo-server-option{display:inline-flex;align-items:center;gap:8px;margin:3px 2px 0;color:var(--text);font:600 13px/1.4 var(--body);cursor:pointer}.solo-server-option input{accent-color:var(--accent);flex:0 0 20px;width:20px;height:20px;min-height:0;margin:0;padding:0}.solo-server-option span{min-width:0;overflow-wrap:anywhere}@media(max-height:760px){#solo-local-note{display:none}}#play-solo-server-row[hidden]{display:none}body:not(.touch-layout){--top:64px;--hud:200px}body:not(.touch-layout) #world{top:var(--top);height:calc(100% - var(--top) - var(--hud))}body:not(.touch-layout) .game-top{height:var(--top);padding:0 24px;gap:28px;background:linear-gradient(180deg,#0b1014f8,#0b1014e6);border-bottom:1px solid var(--line-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body:not(.touch-layout) .resource{display:flex;flex-direction:column;justify-content:center;gap:0;min-width:84px}body:not(.touch-layout) .resource>span{font:11px var(--mono);letter-spacing:.14em;color:var(--muted);order:-1}body:not(.touch-layout) .resource>strong{font:800 30px/1 var(--display);letter-spacing:.01em;color:var(--text)}body:not(.touch-layout) .resource>small{font:12px var(--body);color:var(--dim)}body:not(.touch-layout) .resource.warning>strong{color:var(--warn)}body:not(.touch-layout) .match-name>span{font:600 18px var(--display);letter-spacing:.12em;color:var(--text)}body:not(.touch-layout) .match-name small{font:12px var(--mono);letter-spacing:.06em;color:var(--dim)}body:not(.touch-layout) .clock{font:800 26px/1 var(--display);letter-spacing:.03em;min-width:64px;text-align:center}body:not(.touch-layout) .network-reading{font:12px var(--mono);color:var(--dim)}body:not(.touch-layout) .game-top .compact{font-size:13px;font-weight:600;padding:9px 14px;min-height:40px}body:not(.touch-layout) .economy-strip,body:not(.touch-layout) #field-notice{top:calc(var(--top) + 12px);font:12px var(--body);letter-spacing:0;color:var(--muted);gap:8px;background:none;border:0;padding:0}body:not(.touch-layout) .economy-strip>*,body:not(.touch-layout) #field-notice>span{background:var(--glass);border:1px solid var(--line);padding:7px 12px;border-radius:2px;font-size:12px;letter-spacing:.02em}body:not(.touch-layout) .economy-strip button{font-size:12px;font-weight:600;color:var(--text)}body:not(.touch-layout) .economy-strip button.has-idle{color:var(--accent);border-color:var(--accent)}body:not(.touch-layout) #field-notice>span:first-child{display:none}body:not(.touch-layout) #revier-line{color:var(--text);font-weight:600}#revier-line[data-state=own]{border-color:var(--ok)!important;color:var(--ok)}#revier-line[data-state=enemy]{border-color:var(--warn)!important;color:var(--warn)}body:not(.touch-layout) #operation-panel{top:calc(var(--top) + 60px);left:24px;width:250px;background:var(--glass);border:1px solid var(--line);border-left:2px solid var(--accent);padding:0 0 8px;box-shadow:none}body:not(.touch-layout) #operation-toggle{font:11px var(--mono);letter-spacing:.14em;color:var(--muted);padding:10px 14px;min-height:0;width:100%;text-align:left;display:flex;justify-content:space-between}body:not(.touch-layout) #operation-tasks{font:13px/1.6 var(--body);color:#c9d1d6;margin:0;padding:0 14px 0 30px}body:not(.touch-layout) #operation-summary{font:12px/1.5 var(--body);color:var(--dim);padding:6px 14px 0;display:block}body:not(.touch-layout) #field-guide{font:13px var(--body);letter-spacing:0;color:#c9d1d6;background:var(--glass);border:1px solid var(--line);padding:8px 16px;border-radius:2px;bottom:calc(var(--hud) + 14px)}body:not(.touch-layout) #intent-label{font:600 14px var(--body);background:var(--glass-2);border:1px solid var(--accent);padding:10px 18px;top:calc(var(--top) + 60px)}body:not(.touch-layout) #intent-label[data-tone=waiting],.touch-layout #intent-label[data-tone=waiting]{border-color:#d3aa6d;color:#f5d9a8}body:not(.touch-layout) #intent-label[data-tone=blocked],.touch-layout #intent-label[data-tone=blocked]{border-color:#da715d;color:#ffc0a9}body:not(.touch-layout) #intent-label[data-friendly-fire=true],.touch-layout #intent-label[data-friendly-fire=true]{border-color:#ffb16f;color:#ffcfaa;background:#241a1be8}body:not(.touch-layout) #funk-line{font:600 15px var(--display);letter-spacing:.06em;text-transform:uppercase}body:not(.touch-layout) #alerts{font:13px var(--body);bottom:calc(var(--hud) + 56px)}body:not(.touch-layout) #alerts>div{background:var(--glass);border:1px solid var(--line);border-left:2px solid var(--accent);padding:8px 12px;margin:6px 0}body:not(.touch-layout) #groups{bottom:calc(var(--hud) + 14px);left:24px;gap:6px}body:not(.touch-layout) #groups button{display:none;font:600 12px var(--body);min-width:40px;min-height:34px;padding:6px 10px;background:var(--glass);border:1px solid var(--line-2);color:var(--text);border-radius:2px}body:not(.touch-layout) #groups button.populated{display:inline-flex;align-items:center;gap:6px}body:not(.touch-layout) #groups small{font:11px var(--mono);color:var(--muted);margin:0}body:not(.touch-layout) #hud{--hud:200px;height:200px;grid-template-columns:216px minmax(320px,1fr) minmax(280px,.9fr) 460px;background:linear-gradient(180deg,#0b1014f2,#080b0ef8);border-top:1px solid var(--line-2);box-shadow:0 -12px 40px #0006}body:not(.touch-layout) #hud>div{border-right:1px solid var(--line);padding:14px 18px}body:not(.touch-layout) .minimap-panel{padding:12px 16px;background:none}body:not(.touch-layout) .mini-label{font-size:11px;color:var(--muted);margin-bottom:8px;align-items:center}body:not(.touch-layout) .mini-label button{font-size:16px;color:var(--text);min-height:0;padding:0 4px}body:not(.touch-layout) #minimap{width:184px;height:150px;margin:0;border:1px solid var(--line-2);border-radius:2px}body:not(.touch-layout) .selection-main{display:flex;gap:16px;background:none;padding:14px 18px}body:not(.touch-layout) #selection-portrait{width:96px;height:128px;flex:0 0 96px;border:1px solid var(--line-2);border-radius:2px;background:#0b1014}body:not(.touch-layout) .selection-main h2{font:800 30px/1 var(--display);letter-spacing:.01em;margin:6px 0 4px;text-transform:uppercase}body:not(.touch-layout) .selection-main p{font:13px/1.45 var(--body);color:var(--muted);margin:0 0 8px}body:not(.touch-layout) .selection-main .section-label{font-size:11px}body:not(.touch-layout) .hpbar{height:5px;background:#1c252b;border-radius:2px;overflow:hidden;margin-top:8px}body:not(.touch-layout) .hpbar>i{background:linear-gradient(90deg,#8fd39b,#cfe8b8)}body:not(.touch-layout) .hpbar.shield{height:5px;margin-top:4px;background:#17242a}body:not(.touch-layout) .hpbar.shield>i{background:linear-gradient(90deg,#168eb0,#8be3f4)}.hpbar.shield{height:5px;margin-top:4px;background:#17242a}.hpbar.shield>i{background:linear-gradient(90deg,#168eb0,#8be3f4)}.selection-main:not(.shielded) .hpbar.shield{display:none}body:not(.touch-layout) #p-stats{font:12px var(--mono);color:#c9d1d6;margin-top:8px;gap:14px;letter-spacing:.02em}body:not(.touch-layout) #queue button{font:12px var(--body);padding:5px 8px;background:#15202a;border:1px solid var(--line-2);border-radius:2px;max-width:110px}body:not(.touch-layout) .selection-group .section-label{font-size:11px;margin-bottom:8px}body:not(.touch-layout) #selinfo{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:0}body:not(.touch-layout) .unit-tile{height:60px;background:#0f161c;border:1px solid var(--line);border-radius:2px}body:not(.touch-layout) .unit-tile:hover{border-color:var(--accent);background:#1a2430}body:not(.touch-layout) .unit-tile>i{height:3px;background:#9fd6ab}body:not(.touch-layout) .selection-hint{font:13px/1.6 var(--body);color:var(--muted);padding-top:8px}body:not(.touch-layout) .command-panel{background:none;padding:14px 18px}body:not(.touch-layout) .command-panel>.section-label{font-size:11px;margin-bottom:8px;display:flex;justify-content:space-between;color:var(--muted)}dialog{border:1px solid var(--line-2);background:var(--glass-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}dialog h2{font:800 40px/1 var(--display);text-transform:uppercase}dialog p{font-size:14px;color:var(--muted)}.dialog-help{font-size:13px!important}#endcard h2,#connection-overlay h2{font:800 52px/1 var(--display);text-transform:uppercase}#endcard p,#connection-overlay p{font-size:15px}@media(max-width:1190px){body:not(.touch-layout) #hud{grid-template-columns:200px minmax(260px,1fr) minmax(200px,.8fr) 400px}body:not(.touch-layout) .resource>strong{font-size:26px}}@media(max-width:900px){body:not(.touch-layout) #hud{grid-template-columns:190px minmax(220px,1fr) 360px}body:not(.touch-layout) .selection-group{display:none}}.shell-header{height:56px;padding:0 24px;background:linear-gradient(180deg,#0b1014f0,#0b101488);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.identity{font:800 18px var(--display);letter-spacing:.08em;text-transform:uppercase;gap:10px}.identity b{color:var(--accent)}.build-tag,.connection{font:11px var(--mono);letter-spacing:.12em;color:var(--muted)}.home-left>.eyebrow{font-size:11px}.wordmark>span{font:600 12px var(--display);letter-spacing:.5em;color:var(--muted)}.home-tagline{font:800 34px/1.05 var(--display);letter-spacing:.01em;text-transform:uppercase;color:var(--text)}.home-description{font:15px/1.65 var(--body);color:var(--muted)}.main-navigation button{font:600 17px var(--display);letter-spacing:.08em;text-transform:uppercase;background:var(--glass);border:1px solid var(--line);border-radius:2px;color:var(--text);min-height:54px;gap:14px}.main-navigation button:hover{border-color:var(--accent);color:#fff;background:#141b21}.main-navigation .nav-number{font:11px var(--mono);letter-spacing:.12em;color:var(--dim)}.main-navigation .nav-arrow{color:var(--accent)}.main-navigation .nav-play{font:800 24px var(--display);letter-spacing:.06em;background:var(--accent);border-color:#ff9a6b;color:#1a0d07!important;min-height:80px;box-shadow:0 12px 40px #ff5a1f33}.main-navigation .nav-play small{font:13px/1.5 var(--body);letter-spacing:0;text-transform:none;color:#4a2314;font-weight:500}.main-navigation .nav-play .nav-number{color:#6b3320}.main-navigation .nav-play:hover{background:#ff7a45}#menu .main-navigation [data-go=modes]>span:nth-child(2){min-width:0}#menu .main-navigation [data-go=modes] small{display:block;margin-top:3px;font:11px/1.35 var(--body);letter-spacing:0;text-transform:none;color:var(--muted)}.fieldtest-link{font:14px var(--body);color:var(--muted);opacity:1;padding:10px 0}.fieldtest-link span{font-size:13px;color:var(--dim)}.control-help{font:600 14px var(--body)}.op-entry{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 16px;background:var(--glass);border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:2px;text-align:left;color:var(--text);min-height:60px}.op-entry-code{font:11px var(--mono);letter-spacing:.12em;color:var(--accent);white-space:nowrap}.op-entry strong{display:block;font:600 16px var(--display);letter-spacing:.06em;text-transform:uppercase}.op-entry small{display:block;font:12px var(--body);color:var(--muted);letter-spacing:0;margin-top:2px}.dossier-card{background:var(--glass);border:1px solid var(--line)}.dossier-card .kicker{font:600 24px/1.3 var(--display);letter-spacing:.01em;text-transform:none}.dossier-card p:not(.kicker){font:14px/1.7 var(--body);color:var(--muted)}.district-mini h2{font:800 22px var(--display);text-transform:uppercase}.home-footer>span{font:11px var(--mono);letter-spacing:.1em;color:var(--dim)}.film-card span{font:600 13px var(--display);letter-spacing:.06em}.film-card small{font:11px var(--mono)}.page-heading{padding:28px 32px 20px;align-items:flex-end}.page-heading h1 span{color:var(--accent)}.page-heading .eyebrow{font-size:11px;margin-bottom:8px}.page-heading .outline,.page-heading .field button{font-size:13px}label{font:11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:block;margin:12px 0 6px}input,select{font:15px var(--body);color:var(--text);background:#0b1014;border:1px solid var(--line-2);border-radius:2px;padding:10px 12px;min-height:44px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.lobby-identity p,.local-info p,.host-panel p{font:13px/1.7 var(--body);color:var(--muted)}.local-info h2{font:800 30px var(--display);text-transform:uppercase;letter-spacing:.01em}.lobby-browser .section-label,.host-panel .section-label,.room-main .section-label,.room-map-panel .section-label{font-size:11px;margin-bottom:10px}.text-button{font:600 13px var(--body);color:var(--accent)}.room-list .empty-state,.empty-state{font:14px var(--body);color:var(--dim)}.room-list button{font:15px var(--body)}.host-panel #btn-create{font:800 20px var(--display);letter-spacing:.06em;text-transform:uppercase;min-height:56px}#room-title{font-size:clamp(34px,4vw,56px)}.room-main{background:var(--glass)}.slot{border-top:1px solid var(--line);padding:12px 8px}.slot-name strong{font:600 16px var(--display);letter-spacing:.04em;text-transform:uppercase}.slot-name small{font:11px var(--mono);letter-spacing:.08em;color:var(--dim)}.slot .dot{background:var(--accent)}.slot-state{font:11px var(--mono);letter-spacing:.1em;color:var(--muted)}.scenario-row{background:#0b1014a0;border:1px solid var(--line);border-radius:2px;padding:12px 14px;margin:10px 0}.scenario-row input{accent-color:var(--accent)}.room-controls #btn-start{font:800 20px var(--display);letter-spacing:.06em;text-transform:uppercase}.room-controls #btn-ai,.room-controls #btn-ready{font-size:14px}.chat-heading{margin-top:16px}.chat .badge{font:10px var(--mono);letter-spacing:.1em;color:var(--accent);border:1px solid var(--line);padding:1px 6px;margin-right:8px}.chat b{margin-right:8px}.chat-empty{color:var(--dim);font-size:13px}#chat-form input{flex:1}.room-map-panel p{font:14px/1.7 var(--body);color:var(--muted)}.atlas-detail h2,.faction-content h2,.settings-panel h2,.settings-aside h2,.chapter-text h2,.archive-caption h2{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:.01em}.map-option strong{font:600 16px var(--display);letter-spacing:.04em;text-transform:uppercase}.map-option small,.map-option>span{font:11px var(--mono);letter-spacing:.08em}.setting-row strong{font-size:15px}.setting-row small{font-size:13px;color:var(--muted)}.touch-layout .resource>span{font:10px var(--mono);letter-spacing:.14em;color:var(--muted)}.touch-layout .resource>strong{font:800 26px/1.2 var(--display);letter-spacing:.01em}.touch-layout .clock{font:800 20px var(--display)}.touch-layout #btn-menu{font:600 15px var(--body);border:1px solid var(--line-2);background:var(--glass)}.touch-layout #touch-toolbar button,.touch-layout #touch-tools button{font:600 14px/1.25 var(--body);background:var(--glass);border:1px solid var(--line-2);border-radius:2px;color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.touch-layout #touch-toolbar button small,.touch-layout #touch-workers small{font:11px var(--mono);color:var(--muted);letter-spacing:.06em}.touch-layout #touch-hint{font:13px/1.4 var(--body);color:#dfe5e8}.touch-layout #touch-hint{background:#081117f0;border:1px solid rgba(255,255,255,.22);border-radius:3px;padding:6px 10px;text-shadow:none}.touch-layout #touch-hint.hint-weicht{visibility:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#world:focus-visible{outline:3px solid #f2f4f5!important;outline-offset:-3px;box-shadow:inset 0 0 0 6px #081117}.touch-layout #hud{background:linear-gradient(180deg,#0b1014f6,#080b0efc);border-top:1px solid var(--line-2)}.touch-layout #selection-portrait{border:1px solid var(--line-2);border-radius:2px}.touch-layout .selection-main h2,.touch-layout #p-name{font:800 26px/1 var(--display);letter-spacing:.01em;text-transform:uppercase}.touch-layout #p-meta{font:13px var(--body);color:var(--muted)}.touch-layout #p-hp{height:4px;background:#1c252b;border-radius:2px}.touch-layout #p-hp>i{background:linear-gradient(90deg,#8fd39b,#cfe8b8)}.touch-layout .command-panel>.section-label{font-size:11px;letter-spacing:.14em;color:var(--muted)}.touch-layout #apm-value{font-size:11px}.touch-layout #card button{background:#0f161c;border:1px solid var(--line-2);border-radius:2px;color:var(--text);gap:4px}.touch-layout #card button:hover:not(:disabled){border-color:var(--accent)}.touch-layout #card .cmd-label{font:600 12px/1.15 var(--body)}.touch-layout #card .cost{font:11px var(--mono);color:var(--muted)}.touch-layout #card .blank{background:#0b1014;border:1px dashed var(--line)}.touch-layout #card button[aria-disabled=true]{opacity:.4;border-style:dashed}.touch-layout #queue button{font:12px var(--body);background:#15202a;border:1px solid var(--line-2)}.touch-layout #touch-intent{background:var(--glass-2);border:1px solid var(--accent);border-radius:2px}.touch-layout #touch-intent-text{font:600 14px var(--body)}.touch-layout #touch-confirm{background:var(--accent);color:#1a0d07;font:800 14px var(--body)}.touch-layout .minimap-panel{background:var(--glass-2);border:1px solid var(--line-2)}.touch-layout #alerts>div{font:13px var(--body);background:var(--glass);border-left:2px solid var(--accent);padding:8px 12px}.local-info,.lobby-identity{padding:22px 24px;background:var(--glass);border:1px solid var(--line);margin:0 24px 16px}.lobby-identity input{width:100%}label.scenario-row{font:inherit;text-transform:none;letter-spacing:0;color:var(--text);display:flex;gap:14px;align-items:flex-start}label.scenario-row strong{font:600 16px var(--display);letter-spacing:.05em;text-transform:uppercase;display:block}label.scenario-row small{font:13px/1.5 var(--body);color:var(--muted);display:block;margin-top:3px}@media(prefers-reduced-motion:reduce){.panel,.shell-header,dialog,body:not(.touch-layout) .game-top,.touch-layout #touch-toolbar button,.touch-layout #touch-tools button{-webkit-backdrop-filter:none;backdrop-filter:none}}body[data-quality=economy] .panel,body[data-quality=economy] .game-top,body[data-quality=economy] dialog{-webkit-backdrop-filter:none;backdrop-filter:none}.touch-layout #card button{padding:6px 4px}.boot-ident{position:fixed;inset:0;z-index:9000;background:#000;display:grid;place-items:center;color:#f2f4f5;animation:boot-in .6s ease-out}.boot-ident.boot-out{animation:boot-fade .5s ease-in forwards}@keyframes boot-in{0%{opacity:0}to{opacity:1}}@keyframes boot-fade{to{opacity:0}}.boot-ident-card{display:grid;place-items:center;gap:14px;text-align:center;animation:boot-card 1.4s ease-out}@keyframes boot-card{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.boot-blob{width:min(38vh,340px);filter:drop-shadow(0 0 40px #5fd8ff33);animation:boot-breathe 4s ease-in-out infinite}@keyframes boot-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}.boot-presented{font:600 clamp(18px,2.6vw,30px)/1.15 var(--display);letter-spacing:.24em;text-transform:uppercase;margin:26px 0 0}.boot-copy{font:600 14px var(--body);letter-spacing:.06em;color:#d0d4d8;margin:0}.boot-wordmark{width:min(60vw,520px)}.boot-kicker{font:11px var(--mono);letter-spacing:.42em;color:var(--muted);margin:18px 0 0}.boot-press{font:600 15px var(--display);letter-spacing:.32em;color:var(--text);margin:34px 0 0;animation:boot-blink 1.6s ease-in-out infinite}@keyframes boot-blink{0%,to{opacity:1}50%{opacity:.35}}.boot-skip{position:absolute;right:28px;bottom:22px;font:11px var(--mono);letter-spacing:.14em;color:var(--dim)}body.booting #shell{visibility:hidden}@media(prefers-reduced-motion:reduce){.boot-blob,.boot-press,.boot-ident,.boot-ident-card{animation:none}}body:not(.touch-layout) #operation-panel{width:290px;padding:0 0 10px;border-left:2px solid var(--accent);background:linear-gradient(90deg,#0b1014f2,#0b1014cc)}body:not(.touch-layout) #operation-toggle{font:11px var(--mono);letter-spacing:.2em;color:var(--accent);padding:12px 16px 6px}body:not(.touch-layout) #operation-tasks,body:not(.touch-layout) #operation-optional{list-style:none;margin:0;padding:0 16px}body:not(.touch-layout) #operation-tasks li,body:not(.touch-layout) #operation-optional li{position:relative;padding:5px 0 5px 28px;font:13px/1.5 var(--body);color:#d6dce1}body:not(.touch-layout) #operation-tasks li:before,body:not(.touch-layout) #operation-optional li:before{content:"";position:absolute;left:2px;top:8px;width:14px;height:14px;border:1.5px solid #8a949b;border-radius:2px;background:#0b1014}body:not(.touch-layout) #operation-tasks li.done,body:not(.touch-layout) #operation-optional li.done{color:var(--muted);text-decoration:line-through;text-decoration-color:#fff5}body:not(.touch-layout) #operation-tasks li.done:before,body:not(.touch-layout) #operation-optional li.done:before{border-color:var(--accent);background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7l3 3 5-6' fill='none' stroke='%23140b06' stroke-width='2'/%3E%3C/svg%3E") center/12px no-repeat}body:not(.touch-layout) #operation-tasks li:first-child{font-weight:600;color:var(--text)}body:not(.touch-layout) .operation-optional{font-size:11px;letter-spacing:.2em;color:var(--muted);padding:10px 16px 2px;border-top:1px solid var(--line);margin-top:8px}body:not(.touch-layout) #operation-optional li{color:var(--muted)}body:not(.touch-layout) #operation-summary{display:none}body:not(.touch-layout) .game-top{gap:0;padding:0 20px}body:not(.touch-layout) .resource{position:relative;padding:0 26px 0 46px;border-right:1px solid var(--line);min-width:150px}body:not(.touch-layout) .resource:before{content:"";position:absolute;left:8px;top:50%;width:26px;height:26px;transform:translateY(-50%);opacity:.9;background:center/contain no-repeat}body:not(.touch-layout) .resource:nth-of-type(1):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='none' stroke='%23e9edf0' stroke-width='1.6'%3E%3Crect x='2.5' y='9' width='21' height='11' rx='1.5'/%3E%3Ccircle cx='13' cy='14.5' r='3'/%3E%3Cpath d='M5.5 6.5h15M8 4h10'/%3E%3C/svg%3E")}body:not(.touch-layout) .resource:nth-of-type(2):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='none' stroke='%23e9edf0' stroke-width='1.6'%3E%3Cpath d='M13 2.5l9 4v7c0 5-4 8.5-9 10-5-1.5-9-5-9-10v-7z'/%3E%3Ccircle cx='13' cy='12.5' r='3'/%3E%3C/svg%3E")}body:not(.touch-layout) .resource:nth-of-type(3):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='none' stroke='%23e9edf0' stroke-width='1.6'%3E%3Cpath d='M3 8.5l10-5 10 5v9l-10 5-10-5z'/%3E%3Cpath d='M3 8.5l10 5 10-5M13 13.5v9'/%3E%3C/svg%3E")}body:not(.touch-layout) .resource>small{color:#8fd39b}body:not(.touch-layout) .match-name{padding:0 24px}body:not(.touch-layout) .clock-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:88px;padding:0 10px}body:not(.touch-layout) .clock-hint{font:10px var(--mono);letter-spacing:.16em;color:var(--dim);margin-top:2px}body:not(.touch-layout) #btn-menu{min-width:52px;font-size:20px;padding:6px 12px}body:not(.touch-layout) .hud-marks{position:absolute;left:0;right:0;bottom:calc(var(--hud) + 6px);display:flex;justify-content:space-between;padding:0 24px;pointer-events:none;z-index:2;font:11px var(--mono);letter-spacing:.2em;color:var(--dim)}body:not(.touch-layout) .hud-mark-left{display:inline-flex;align-items:center;gap:8px;color:#c9d1d6;font-weight:600}body:not(.touch-layout) .hud-mark-left img{height:18px;width:auto}.hud-mark-left em{font-style:normal;color:var(--dim);font-weight:400}body:not(.touch-layout) .hud-mark-right{color:var(--accent)}.touch-layout .hud-marks,.touch-layout .clock-hint,.touch-layout .operation-optional,.touch-layout #operation-optional{display:none}.boot-ident{z-index:10001}body.booting #toast{display:none}.op-entry{grid-template-columns:1fr auto!important;grid-template-rows:auto auto;padding:12px 16px!important;row-gap:2px}.op-entry-code{grid-column:1/-1;font-size:10px}.op-entry>span:nth-child(2){grid-column:1;grid-row:2}.op-entry>span:nth-child(3){grid-column:2;grid-row:2;color:var(--accent)}.op-entry strong{font-size:15px}.op-entry small{white-space:normal}body:not(.touch-layout) .game-top .compact{font-size:14px;padding:8px 12px;min-height:38px}body:not(.touch-layout) #btn-menu{font-size:16px;min-width:auto}body:not(.touch-layout) #hud>div{padding:12px 16px}body:not(.touch-layout) .selection-main{gap:18px;align-items:flex-start}body:not(.touch-layout) #selection-portrait{width:92px;height:122px;flex-basis:92px;border:1px solid var(--line-2);position:relative;box-shadow:inset 0 0 0 1px #0006}body:not(.touch-layout) .selection-details{min-width:0;flex:1}body:not(.touch-layout) .selection-main h2{font-size:26px;margin:2px 0;line-height:1}body:not(.touch-layout) .p-role{font:11px var(--mono);letter-spacing:.16em;color:var(--muted);margin:0 0 4px;text-transform:uppercase}body:not(.touch-layout) .selection-main #p-meta{font-size:12px;margin:0 0 4px}body:not(.touch-layout) .p-facts{display:flex;gap:14px;margin-top:8px}body:not(.touch-layout) .fact{position:relative;padding-left:20px;font:600 12px var(--mono);color:#d6dce1;letter-spacing:.02em}body:not(.touch-layout) .fact:before{content:"";position:absolute;left:0;top:50%;width:14px;height:14px;transform:translateY(-50%);background:center/contain no-repeat;opacity:.85}body:not(.touch-layout) .fact-count:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23e9edf0' stroke-width='1.4'%3E%3Ccircle cx='7' cy='4' r='2.5'/%3E%3Cpath d='M2 13c0-3 2.2-5 5-5s5 2 5 5'/%3E%3C/svg%3E")}body:not(.touch-layout) .fact-attack:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23e9edf0' stroke-width='1.4'%3E%3Cpath d='M2 12L11 3M8 3h3v3M3 9l2 2'/%3E%3C/svg%3E")}body:not(.touch-layout) .fact-armor:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23e9edf0' stroke-width='1.4'%3E%3Cpath d='M7 1.5l5 2v4c0 3-2.5 4.8-5 5.5-2.5-.7-5-2.5-5-5.5v-4z'/%3E%3C/svg%3E")}body:not(.touch-layout) .fact-sight:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23e9edf0' stroke-width='1.4'%3E%3Cpath d='M1.5 7s2-4 5.5-4 5.5 4 5.5 4-2 4-5.5 4S1.5 7 1.5 7z'/%3E%3Ccircle cx='7' cy='7' r='1.8'/%3E%3C/svg%3E")}body:not(.touch-layout) .p-tags{display:flex;gap:0;margin-top:8px;font:11px var(--mono);letter-spacing:.04em;color:var(--dim);flex-wrap:wrap}body:not(.touch-layout) .p-tags span+span:before{content:"|";margin:0 8px;color:var(--line-2)}body:not(.touch-layout) #p-stats{margin-top:6px;font-size:11px;color:var(--muted)}body:not(.touch-layout) .mini-label{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px;align-items:center;font-size:10px;letter-spacing:.18em}body:not(.touch-layout) #mini-command-toggle{display:none}body:not(.touch-layout) #home-camera{grid-column:4}body:not(.touch-layout) #minimap{box-shadow:inset 0 0 0 1px #0008,0 0 0 1px var(--line)}body:not(.touch-layout) #game:after{content:"";position:absolute;left:0;right:0;top:var(--top);bottom:var(--hud);pointer-events:none;z-index:1;background:radial-gradient(ellipse at 50% 40%,transparent 55%,#00000066 100%),linear-gradient(180deg,#00000033,transparent 18%,transparent 82%,#00000055)}body:not(.touch-layout) #game:before{content:"";position:absolute;left:0;right:0;top:var(--top);bottom:var(--hud);pointer-events:none;z-index:1;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1.2s steps(6) infinite}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-8px,6px)}40%{transform:translate(6px,-9px)}60%{transform:translate(-4px,-4px)}80%{transform:translate(9px,5px)}to{transform:translate(0)}}body[data-motion=reduced] #game:before,body[data-quality=economy] #game:before{animation:none;opacity:.04}@media(prefers-reduced-motion:reduce){body:not(.touch-layout) #game:before{animation:none}}body:not(.touch-layout) #field-guide{z-index:3}body:not(.touch-layout) .economy-strip,body:not(.touch-layout) #field-notice,body:not(.touch-layout) #operation-panel,body:not(.touch-layout) #alerts,body:not(.touch-layout) #groups,body:not(.touch-layout) #intent-label,body:not(.touch-layout) #funk-line{z-index:3}body:not(.touch-layout) .selection-main{padding:10px 16px;gap:14px;overflow:hidden}body:not(.touch-layout) #selection-portrait{width:84px;height:112px;flex-basis:84px}body:not(.touch-layout) .selection-main h2{font-size:22px;margin:0 0 1px}body:not(.touch-layout) .selection-main .section-label{font-size:10px;margin:0}body:not(.touch-layout) .p-role{font-size:10px;margin:0 0 2px}.p-role.purpose-chip{display:inline-flex;width:max-content;max-width:100%;padding:2px 7px;border:1px solid color-mix(in srgb,var(--me) 60%,#ffffff44);border-radius:3px;background:color-mix(in srgb,var(--me) 18%,#10171c);color:#ffe0a0;font:700 10px/1.25 var(--mono);letter-spacing:.04em;white-space:normal}.p-quote[tabindex="0"]{cursor:help}body:not(.touch-layout) .selection-main #p-meta{font-size:11px;margin:0 0 2px;color:var(--dim)}body:not(.touch-layout) .hpbar{margin-top:4px;height:4px}body:not(.touch-layout) .p-facts{margin-top:5px;gap:12px}body:not(.touch-layout) .fact{font-size:11px}body:not(.touch-layout) .p-tags{margin-top:4px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-wrap:nowrap;display:block}body:not(.touch-layout) .selection-main:has(#p-facts:not([hidden])) #p-stats{display:none}body:not(.touch-layout) .selection-main.shielded #p-stats{display:block}.touch-layout .resource{position:relative;padding-left:30px}.touch-layout .resource:before{content:"";position:absolute;left:2px;top:50%;width:20px;height:20px;transform:translateY(-50%);opacity:.85;background:center/contain no-repeat}.touch-layout .resource:nth-of-type(1):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='none' stroke='%23e9edf0' stroke-width='1.8'%3E%3Crect x='2.5' y='9' width='21' height='11' rx='1.5'/%3E%3Ccircle cx='13' cy='14.5' r='3'/%3E%3C/svg%3E")}.touch-layout .resource:nth-of-type(2):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='none' stroke='%23e9edf0' stroke-width='1.8'%3E%3Cpath d='M13 2.5l9 4v7c0 5-4 8.5-9 10-5-1.5-9-5-9-10v-7z'/%3E%3C/svg%3E")}.touch-layout .resource:nth-of-type(3):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='none' stroke='%23e9edf0' stroke-width='1.8'%3E%3Cpath d='M3 8.5l10-5 10 5v9l-10 5-10-5z'/%3E%3Cpath d='M3 8.5l10 5 10-5M13 13.5v9'/%3E%3C/svg%3E")}.touch-layout .p-role{font:10px var(--mono);letter-spacing:.14em;color:var(--muted);margin:0 0 2px;text-transform:uppercase}.touch-layout .p-quote{font:italic 12px/1.25 var(--body);color:#dfe4e8;margin:0;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.touch-layout .p-facts{display:flex;gap:10px;margin-top:4px;font:600 11px var(--mono);color:#d6dce1}.touch-layout .fact{padding-left:0}.touch-layout .fact:before{display:none}.touch-layout .fact-count:after{content:" Einh.";color:var(--dim);font-weight:400}.touch-layout .fact-attack:after{content:" Angr.";color:var(--dim);font-weight:400}.touch-layout .fact-armor:after{content:" Panz.";color:var(--dim);font-weight:400}.touch-layout .fact-sight:after{content:" Sicht";color:var(--dim);font-weight:400}.touch-layout .p-tags{display:none}.touch-layout #game:before,.touch-layout #game:after{display:none}.touch-layout .mini-name{font:600 10px var(--display);letter-spacing:.14em;color:var(--text)}.touch-layout #operation-toggle{font:10px var(--mono);letter-spacing:.16em;color:var(--accent)}.screen.on{animation:screen-in .32s ease-out}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.screen.on{animation:none}}#endcard{background:radial-gradient(ellipse at 50% 30%,#1a0e0899,#000000e6 70%)}#endcard>.panel{padding:40px 44px;max-width:560px;border-top:3px solid var(--accent);background:var(--glass-2)}#endcard .eyebrow{color:var(--accent);letter-spacing:.24em}#endcard h2{font:800 56px/1 var(--display);text-transform:uppercase;letter-spacing:.01em;margin:14px 0 8px}#endcard #end-sub{font:15px/1.6 var(--body);color:var(--muted);margin-bottom:22px}.result-facts{display:flex;gap:26px;margin:0 0 24px;flex-wrap:wrap}.result-facts>div,.result-facts>span{font:11px var(--mono);letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.result-facts b,.result-facts strong{display:block;font:800 26px var(--display);color:var(--text);letter-spacing:.01em;margin-top:2px}#endcard .primary{font:800 18px var(--display);letter-spacing:.06em;text-transform:uppercase;min-height:52px}#endcard #end-back{background:transparent;color:var(--text);border:1px solid var(--line-2)}#endcard #end-back:hover{border-color:var(--accent)}#connection-overlay>.panel{border-top:3px solid var(--accent);background:var(--glass-2)}#game-menu h2,#touch-help h2,#touch-groups h2{font:800 36px/1 var(--display);text-transform:uppercase}#game-menu>button.primary{font:800 18px var(--display);letter-spacing:.06em;text-transform:uppercase}#toast{font:14px var(--body);background:var(--glass-2);border:1px solid var(--line-2);border-left:3px solid var(--accent);border-radius:2px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.touch-layout .p-role,.touch-layout .p-quote,.touch-layout .p-facts{display:none}@media(min-width:900px)and (min-height:601px){.touch-layout .p-role,.touch-layout .p-quote{display:block}.touch-layout .p-facts{display:flex}}body:not(.touch-layout) .resource>span{font-size:12px}.loading-card{position:fixed;inset:0;z-index:9000;background:#05070a;display:grid;grid-template-columns:1fr;place-items:end start;overflow:hidden;animation:boot-in .4s ease-out}.loading-card.loading-out{animation:boot-fade .5s ease-in forwards}.loading-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.25) contrast(1.08) brightness(.67)}.loading-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#05070af5,#05070a99 45%,#05070a22),linear-gradient(0deg,#05070a 0%,transparent 45%)}.loading-copy{position:relative;z-index:1;padding:0 6vw 8vh;max-width:640px}.loading-presents{position:absolute;right:clamp(16px,4vw,54px);bottom:8vh;z-index:1;display:grid;justify-items:end;text-align:right;gap:5px;font:10px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#a9b1ad;max-width:44vw}.loading-presents img{position:static;width:132px;height:36px;object-fit:cover;mix-blend-mode:screen;opacity:.85;filter:none;margin-bottom:6px}.loading-presents strong{font-weight:400;color:#e4e3d8}.loading-presents #loading-partner{color:#e9ac80;letter-spacing:.14em;text-transform:none;font-size:11px;margin-top:4px}@media(max-width:760px){.loading-presents{display:none}}.archive-link{display:block;color:inherit;text-decoration:none}.archive-thumb.partner img{object-fit:cover;filter:saturate(.75) brightness(.82)}.archive-link .archive-thumb:after{content:"\2197";font-size:15px;left:auto;right:14px;top:14px;transform:none;width:32px;height:32px}.loading-kicker{font:11px var(--mono);letter-spacing:.32em;color:var(--accent);margin-bottom:12px}.loading-copy h2{font:800 clamp(44px,7vw,92px)/.95 var(--display);letter-spacing:.01em;text-transform:uppercase;margin:0 0 10px;color:var(--text)}#loading-tag{font:600 15px var(--display);letter-spacing:.28em;color:var(--muted);text-transform:uppercase;margin:0 0 14px}#loading-desc{font:15px/1.65 var(--body);color:#c9d1d6;margin:0 0 18px}#loading-sides{font:12px var(--mono);letter-spacing:.14em;color:var(--dim);text-transform:uppercase;margin:0 0 22px}.loading-bar{width:220px;height:2px;background:#ffffff1f;overflow:hidden}.loading-bar i{display:block;height:100%;width:40%;background:var(--accent);animation:loading-run 1.6s ease-in-out infinite}@keyframes loading-run{0%{transform:translate(-100%)}to{transform:translate(260%)}}@media(prefers-reduced-motion:reduce){.loading-bar i,.loading-card{animation:none}}@media(max-width:900px){body:not(.touch-layout) #hud{grid-template-columns:170px minmax(200px,1fr) 240px}body:not(.touch-layout) .selection-group{display:none}}.boot-ident{overflow:hidden}.boot-ident-card[data-phase=ident]{--ident:min(100vw,88vh,880px);width:100%;grid-template-columns:minmax(0,1fr);gap:0;animation:none}video.boot-blob{width:var(--ident,min(72vw,760px));height:auto;aspect-ratio:1/1;background:#000;object-fit:cover;filter:none;animation:none}.boot-ident-card[data-phase=ident] .boot-presented{margin-top:calc(var(--ident) * -.2);animation:boot-text .9s ease-out 2.4s both}.boot-ident-card[data-phase=ident] .boot-copy{margin-top:10px;animation:boot-text .9s ease-out 2.8s both}@keyframes boot-text{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:680px){.boot-ident-card[data-phase=ident]{--ident:min(135vw,70vh)}}@media(prefers-reduced-motion:reduce){.boot-ident-card[data-phase=ident] .boot-presented,.boot-ident-card[data-phase=ident] .boot-copy{animation:none}}#perf-chip{font:11px var(--mono)!important;letter-spacing:.06em!important;color:#9fd6ab!important}.game-top .resource strong.warn{color:#ff9a3c;text-shadow:0 0 8px #ff5a1f88;animation:sup-warn 1.2s ease-in-out infinite}@keyframes sup-warn{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.game-top .resource strong.warn{animation:none}}:root{--ui:1;--top-raw:64px;--hud-raw:228px}body:not(.touch-layout){--top:calc(var(--top-raw) * var(--ui));--hud:calc(var(--hud-raw) * var(--ui))}body:not(.touch-layout) .game-top,body:not(.touch-layout) #hud,body:not(.touch-layout) .economy-strip,body:not(.touch-layout) #field-notice,body:not(.touch-layout) #operation-panel,body:not(.touch-layout) #intent-label,body:not(.touch-layout) #field-guide,body:not(.touch-layout) #alerts,body:not(.touch-layout) #groups,body:not(.touch-layout) .hud-marks,body:not(.touch-layout) #funk-line,body:not(.touch-layout) #toast,body:not(.touch-layout) #superweapon-hud{zoom:var(--ui)}body:not(.touch-layout) .game-top{height:var(--top-raw)}body:not(.touch-layout) #hud{height:var(--hud-raw)}body:not(.touch-layout) .economy-strip,body:not(.touch-layout) #field-notice{top:calc(var(--top-raw) + 12px)}body:not(.touch-layout) #operation-panel,body:not(.touch-layout) #intent-label{top:calc(var(--top-raw) + 60px)}body:not(.touch-layout) #field-guide,body:not(.touch-layout) #groups{bottom:calc(var(--hud-raw) + 14px)}body:not(.touch-layout) #alerts{bottom:calc(var(--hud-raw) + 56px)}body:not(.touch-layout) .hud-marks{bottom:calc(var(--hud-raw) + 6px)}@media(max-width:1190px){body:not(.touch-layout) #hud{grid-template-columns:216px minmax(320px,1fr) minmax(280px,.9fr) 460px}body:not(.touch-layout) #minimap{width:184px;height:150px}body:not(.touch-layout) #selection-portrait{width:84px;height:112px;flex-basis:84px}body:not(.touch-layout) .selection-main{gap:14px;padding:10px 16px}body:not(.touch-layout) .selection-main h2{font-size:22px}body:not(.touch-layout) .selection-group{display:block}body:not(.touch-layout) .resource>strong{font-size:30px}body:not(.touch-layout) .resource>span{font-size:12px}body:not(.touch-layout) .resource>small{display:block}body:not(.touch-layout) #operation-panel{width:290px}body:not(.touch-layout) #operation-tasks{font-size:13px}body:not(.touch-layout) .game-top{gap:0;padding:0 20px}body:not(.touch-layout) .match-name{max-width:none}}:root{--me:#4f7fb0}body:not(.touch-layout) #hud{position:absolute;background:linear-gradient(180deg,#0d1319f6,#080b0efb);border-top:1px solid #ffffff2a;box-shadow:0 -18px 48px #00000080,inset 0 1px #ffffff0a;overflow:visible}body:not(.touch-layout) #hud:before{content:"";position:absolute;left:0;right:0;top:-2px;height:2px;pointer-events:none;background:linear-gradient(90deg,var(--accent) 0,var(--accent) 200px,#ff5a1f55 420px,transparent 720px)}body:not(.touch-layout) #hud:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background:repeating-linear-gradient(180deg,transparent 0 3px,#ffffff05 3px 4px)}body:not(.touch-layout) #hud>div{position:relative;z-index:1;border-right:1px solid #ffffff10;background:linear-gradient(180deg,#ffffff05,transparent 38%)}body:not(.touch-layout) #hud>div:last-child{border-right:0}body:not(.touch-layout) #hud .section-label{font-size:11px;letter-spacing:.22em;color:var(--dim)}body:not(.touch-layout) #hud .section-label>span:first-child{color:var(--muted)}body:not(.touch-layout) .minimap-panel{display:flex;flex-direction:column;padding:10px 14px 12px;height:var(--hud-raw);overflow:hidden}body:not(.touch-layout) .mini-label{margin-bottom:6px}body:not(.touch-layout) .mini-frame{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}body:not(.touch-layout) #minimap{width:auto;height:100%;max-height:100%;aspect-ratio:1/1;max-width:100%;margin:0;border:1px solid #ffffff22;border-radius:0;box-shadow:inset 0 0 0 1px #0009,0 0 24px #0006;background:#09131b}body:not(.touch-layout) .mini-frame:before,body:not(.touch-layout) .mini-frame:after{content:"";position:absolute;width:12px;height:12px;pointer-events:none;border:2px solid var(--accent)}body:not(.touch-layout) .mini-frame:before{left:-4px;top:-4px;border-right:0;border-bottom:0}body:not(.touch-layout) .mini-frame:after{right:-4px;bottom:-4px;border-left:0;border-top:0}body:not(.touch-layout) .mini-scan{position:absolute;left:0;right:0;top:0;height:22%;pointer-events:none;background:linear-gradient(180deg,transparent,#ff5a1f0a 70%,#ff5a1f1f);animation:mini-scan 5.5s linear infinite;mix-blend-mode:screen}@keyframes mini-scan{0%{transform:translateY(-100%)}to{transform:translateY(455%)}}body[data-motion=reduced] .mini-scan,body[data-quality=economy] .mini-scan{display:none}body:not(.touch-layout) .mini-label button{color:var(--accent);font-size:15px}body:not(.touch-layout) .selection-main{gap:16px;padding:12px 18px;height:var(--hud-raw);overflow:hidden}body:not(.touch-layout) .selection-group,body:not(.touch-layout) .command-panel{height:var(--hud-raw);overflow:hidden}body:not(.touch-layout) #selection-portrait{width:92px;height:122px;flex-basis:92px;border:1px solid color-mix(in srgb,var(--me) 65%,#ffffff22);background:linear-gradient(180deg,color-mix(in srgb,var(--me) 22%,#0b1014),#0b1014 70%);box-shadow:inset 0 0 0 1px #000a,inset 0 -28px 30px -20px color-mix(in srgb,var(--me) 45%,transparent),0 0 22px color-mix(in srgb,var(--me) 22%,transparent)}body:not(.touch-layout) .selection-main .section-label{color:var(--accent);letter-spacing:.24em}body:not(.touch-layout) .selection-main h2{font-size:28px;letter-spacing:.005em;margin:1px 0 0;text-shadow:0 2px 12px #00000099}body:not(.touch-layout) .p-role{color:color-mix(in srgb,var(--me) 70%,#ffffff);letter-spacing:.18em}body:not(.touch-layout) .hpbar{height:6px;background:#141b21;box-shadow:inset 0 0 0 1px #0009;position:relative}body:not(.touch-layout) .hpbar>i{background:linear-gradient(90deg,color-mix(in srgb,var(--me) 55%,#8fd39b),#cfe8b8)}body:not(.touch-layout) .hpbar:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 10%,#0b1014aa 10% calc(10% + 1px))}body:not(.touch-layout) .fact{padding:2px 8px 2px 24px;background:#ffffff08;border:1px solid #ffffff0f;border-radius:2px}body:not(.touch-layout) .fact:before{left:6px}body:not(.touch-layout) #selinfo{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px}body:not(.touch-layout) .unit-tile{position:relative;height:64px;background:linear-gradient(180deg,#141b22,#0d1319);border:1px solid #ffffff1c;border-bottom:2px solid color-mix(in srgb,var(--me) 55%,#ffffff22);overflow:hidden;padding:0}body:not(.touch-layout) .unit-tile .tile-portrait{width:100%;height:100%;object-fit:cover}body:not(.touch-layout) #selinfo .unit-tile>span{display:none!important}body:not(.touch-layout) .unit-tile .count{position:absolute;right:3px;top:2px;font:800 13px var(--display);color:#fff;background:#0b1014d9;border:1px solid #ffffff22;padding:0 4px;line-height:16px;border-radius:2px}body:not(.touch-layout) .unit-tile>i{position:absolute;left:0;bottom:0;height:3px;background:color-mix(in srgb,var(--me) 60%,#9fd6ab)}#selinfo .unit-tile.is-working .tile-portrait{filter:brightness(.57) saturate(.8)}#selinfo .unit-tile .tile-work-fill{position:absolute;z-index:1;left:0;top:0;bottom:3px;height:auto;background:linear-gradient(90deg,#e59b4b9c,#ffd593a8);border-right:2px solid #ffecbf;box-shadow:2px 0 10px #ffcd85a8;pointer-events:none;transition:width .3s linear}body[data-motion=reduced] #selinfo .unit-tile .tile-work-fill{transition:none}@media(prefers-reduced-motion:reduce){#selinfo .unit-tile .tile-work-fill{transition:none}}#selinfo .unit-tile[data-work-kind=research] .tile-work-fill{background:linear-gradient(90deg,#338fb5a8,#91e6ffc0);border-right-color:#d0f6ff;box-shadow:2px 0 10px #75d5f8a8}#selinfo .unit-tile[data-work-kind=paused] .tile-work-fill{background:repeating-linear-gradient(90deg,#a87942a8 0 8px,#785837a8 8px 12px);border-right-color:#d5aa75;box-shadow:none;transition:none}#selinfo .unit-tile .tile-work-label{position:absolute;z-index:2;left:3px;right:3px;bottom:5px;padding:2px 3px;background:#091218e8;color:#fff0d8;font:700 10px var(--mono);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}body:not(.touch-layout) .unit-tile:hover{border-color:var(--accent);box-shadow:0 0 12px #ff5a1f44}body:not(.touch-layout) .command-panel>.section-label>span:last-child{color:var(--dim)}.touch-layout #card button[data-status]:after{content:attr(data-status);position:absolute;left:5px;right:5px;bottom:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#ffc88b;font:700 8px/1.1 var(--mono);letter-spacing:.01em;pointer-events:none}.touch-layout #card button[data-preview-locked=true]:after{color:#ffd69d}body:not(.touch-layout) .game-top{background:linear-gradient(180deg,#0c1115fa,#0a0e12ee);border-bottom:1px solid #ffffff22;box-shadow:0 10px 30px #0006}body:not(.touch-layout) .resource{margin:0 8px 0 0;border:1px solid #ffffff0f;border-right:1px solid #ffffff0f;background:linear-gradient(180deg,#ffffff07,#ffffff02);height:46px;padding:0 18px 0 48px;min-width:150px;border-radius:2px}body:not(.touch-layout) .resource:before{left:12px;width:24px;height:24px;filter:drop-shadow(0 0 6px #ffffff22)}body:not(.touch-layout) .resource>strong{font-size:28px}body:not(.touch-layout) .resource>span{font-size:10px}body:not(.touch-layout) .match-name>span{font:800 20px var(--display);letter-spacing:.16em;position:relative;padding-bottom:3px}body:not(.touch-layout) .match-name>span:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}body:not(.touch-layout) .clock{font-size:30px}body:not(.touch-layout) .game-top .compact{background:#ffffff08;border:1px solid #ffffff1a;border-radius:2px}body:not(.touch-layout) .game-top .compact:hover{border-color:var(--accent);color:#fff}body:not(.touch-layout) .economy-strip>*,body:not(.touch-layout) #field-notice>span{border-left:2px solid #ffffff22}body:not(.touch-layout) .economy-strip button.has-idle{border-left-color:var(--accent)}body:not(.touch-layout) #operation-panel{box-shadow:0 12px 30px #0006}body:not(.touch-layout) .hud-marks{bottom:calc(var(--hud-raw) + 8px)}body:not(.touch-layout) #gefluester{position:absolute;left:50%;top:calc(var(--top-raw) + 12px);transform:translate(-50%) translateY(-6px);z-index:3;max-width:min(720px,70vw);padding:7px 14px 7px 12px;font:12.5px/1.35 var(--body);color:#e6ebee;background:var(--glass);border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:2px;opacity:0;transition:opacity .35s,transform .35s;pointer-events:none;zoom:var(--ui)}body:not(.touch-layout) #gefluester:before{content:"STADTGEFL\dcSTER";font:700 9px var(--mono);letter-spacing:.22em;color:var(--accent);margin-right:10px}body:not(.touch-layout) #gefluester.in{opacity:1;transform:translate(-50%) translateY(0)}.touch-layout #gefluester{position:absolute;left:8px;right:8px;top:calc(var(--top) + 6px);z-index:3;padding:6px 10px;font:12px/1.3 var(--body);color:#e6ebee;background:var(--glass);border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:2px;opacity:0;transition:opacity .3s;pointer-events:none}.touch-layout #gefluester:before{content:"STADTGEFL\dcSTER ";font:700 9px var(--mono);letter-spacing:.18em;color:var(--accent)}.touch-layout #gefluester.in{opacity:1}#end-erfolge{margin:-8px 0 20px}#end-erfolge .end-schnack{font:italic 17px/1.4 var(--body);color:#e6ebee;margin:0 0 14px;border-left:2px solid var(--accent);padding-left:12px}#end-erfolge .eyebrow{color:var(--accent);letter-spacing:.24em;margin-bottom:6px}#end-erfolge ul.erfolge{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px}#end-erfolge ul.erfolge li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:baseline;background:#ffffff08;border:1px solid #ffffff14;border-left:2px solid var(--ok);padding:6px 10px;border-radius:2px}#end-erfolge ul.erfolge strong{font:800 15px var(--display);letter-spacing:.04em;text-transform:uppercase}#end-erfolge ul.erfolge span{font:13px var(--body);color:var(--muted)}#end-erfolge .tiny{color:var(--dim)}body.dawn #game:after{background:linear-gradient(180deg,#ff9a4a55 0%,#ffb37a22 22%,transparent 48%),radial-gradient(ellipse at 50% 40%,transparent 55%,#00000066 100%);animation:dawn-in 6s ease-out both}@keyframes dawn-in{0%{opacity:0}to{opacity:1}}body.blaulicht #game:after{background:radial-gradient(ellipse at 50% 40%,transparent 55%,#00000066 100%),linear-gradient(180deg,#1e4dff44,transparent 35%);animation:blaulicht 1.1s steps(2) infinite}@keyframes blaulicht{0%{box-shadow:inset 0 0 120px #2a5bff66}50%{box-shadow:inset 0 0 120px #ff3a3a55}to{box-shadow:inset 0 0 120px #2a5bff66}}body.dawn #endcard{background:radial-gradient(ellipse at 50% 30%,#3a1e0aaa,#000000e6 70%)}body.blaulicht #endcard{background:radial-gradient(ellipse at 50% 30%,#0a1a3acc,#000000e6 70%)}@media(prefers-reduced-motion:reduce){body.blaulicht #game:after,body.dawn #game:after{animation:none}}#actioncam-chip{color:var(--accent)!important;border-color:#ff5a1f66!important;font:700 11px var(--mono)!important;letter-spacing:.14em!important}.faction-card .faction-play{margin:12px 0 4px;width:100%;font:800 15px var(--display);letter-spacing:.06em;text-transform:uppercase;min-height:44px}@media(max-width:430px){.touch-layout .game-top{gap:4px;padding:0 6px}.touch-layout .resource{padding-left:22px;padding-right:6px;min-width:0;gap:0}.touch-layout .resource:before{width:16px;height:16px;left:2px}.touch-layout .resource>strong{font-size:18px}.touch-layout .resource>span{font-size:8px;letter-spacing:.06em}.touch-layout .clock{font-size:15px;min-width:0}.touch-layout .clock-wrap{min-width:0;padding:0 2px}.touch-layout .game-top .compact,.touch-layout #btn-menu{padding:6px 8px;font-size:13px;min-width:0}.touch-layout .match-name{display:none}}.touch-layout #card .blank{border:1px solid #ffffff08;background:none}.directory-dialog button{width:auto}.directory-dialog>header{align-items:center}.directory-dialog>header button{width:auto;min-height:40px;padding:8px 16px}.directory-dialog .directory-tabs button,.directory-dialog .directory-mode button{width:auto;font:700 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:9px 16px;border-radius:2px;background:#0f161c}.directory-dialog .directory-tabs button[aria-pressed=true],.directory-dialog .directory-mode button[aria-pressed=true]{background:#1b2430;box-shadow:0 0 12px #ff5a1f33}.directory-dialog .directory-list button{width:100%}.directory-dialog .directory-count{margin-top:10px}.directory-dialog #directory-detail{background:#0e1419;scrollbar-color:#5f6b66 #0e1419}.setting-row input[type=range]{-webkit-appearance:auto;appearance:auto;width:180px;height:auto;accent-color:var(--accent);background:none;border:0;box-shadow:none;flex:0 0 auto}body:not(.touch-layout) .lage{display:flex;flex-direction:column;gap:8px;height:100%}body:not(.touch-layout) .lage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}body:not(.touch-layout) .lage-chip{background:#ffffff06;border:1px solid #ffffff10;border-left:2px solid #ffffff22;padding:6px 10px;border-radius:2px;min-width:0}body:not(.touch-layout) .lage-chip span{display:block;font:700 10px var(--mono);letter-spacing:.16em;color:var(--dim);text-transform:uppercase}body:not(.touch-layout) .lage-chip strong{display:block;font:800 18px/1.1 var(--display);color:var(--text);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body:not(.touch-layout) .lage-chip strong em{font:12px var(--body);color:var(--muted);font-style:normal}body:not(.touch-layout) .lage-chip.wide{grid-column:1/-1}body:not(.touch-layout) .lage-chip.wide strong{font-size:16px}body:not(.touch-layout) .lage-chip.warn{border-left-color:var(--accent)}body:not(.touch-layout) .lage-chip.warn strong{color:#ff9a3c}body:not(.touch-layout) .lage-events{display:flex;flex-direction:column;gap:3px;font:12px var(--body);color:#c9d1d6;margin-top:auto}body:not(.touch-layout) .lage-events span{padding:3px 8px;background:#ffffff05;border-left:2px solid #ffffff22;border-radius:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body:not(.touch-layout) .lage-events .dim{color:var(--dim);border-left-color:transparent}.touch-layout .lage{display:none}#queue{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}#queue button{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;padding:5px 10px 7px;background:#15202a;border:1px solid var(--line-2);border-radius:2px;font:12px var(--body);color:var(--text)}#queue button>i{position:absolute;left:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--accent),#ffb37a);transition:width .4s linear}#queue button>small{font:11px var(--mono);color:var(--muted)}#queue button:hover{border-color:var(--accent)}#tip{position:fixed;z-index:10050;max-width:320px;padding:8px 12px;background:#0b1014f4;border:1px solid var(--line-2);border-left:2px solid var(--accent);border-radius:2px;box-shadow:0 12px 30px #0008;pointer-events:none;font:12.5px/1.45 var(--body);color:#dfe4e8}#tip strong{display:block;font:800 14px var(--display);letter-spacing:.02em;text-transform:uppercase;color:#fff;margin-bottom:2px}#tip span{display:block;color:var(--muted);white-space:pre-line}#tip .tip-line,#tip-sheet .tip-line{display:block;margin-top:3px;white-space:pre-line}#tip .tip-cost,#tip-sheet .tip-cost{color:#ffd58a;font:600 12px var(--mono)}#tip .tip-lock,#tip-sheet .tip-lock{color:#ffb4a0;font-weight:600}#tip .tip-need,#tip-sheet .tip-need{color:#c9d1d6}#tip .tip-key,#tip-sheet .tip-key{color:#8fb0b5;font:11px var(--mono);letter-spacing:.04em}#tip-sheet{position:fixed;z-index:10060;left:50%;transform:translate(-50%);bottom:calc(var(--touch-dock,0px) + var(--safe-bottom,0px) + 14px);width:min(460px,calc(100vw - 24px));max-height:calc(100vh - 120px);overflow:auto;padding:14px 16px 12px;background:#0b1014fa;border:1px solid var(--line-2);border-left:3px solid var(--accent);border-radius:3px;box-shadow:0 14px 40px #000b;font:14px/1.5 var(--body);color:#e4e9ec;pointer-events:auto}#tip-sheet[hidden]{display:none}#tip-sheet strong{display:block;font:800 17px var(--display);letter-spacing:.02em;text-transform:uppercase;color:#fff;margin-bottom:4px}#tip-sheet .tip-line{color:var(--muted,#aab4b9)}#tip-sheet .tip-cost{color:#ffd58a}#tip-sheet .tip-lock{color:#ffb4a0}#tip-sheet .tip-need{color:#c9d1d6}#tip-sheet .tip-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}#tip-sheet .tip-tags i{font:700 10px/1 var(--mono);font-style:normal;text-transform:uppercase;padding:4px 6px 3px;border:1px solid #ffffff2a;border-radius:2px}#tip-sheet .tip-sheet-close{display:block;margin:12px 0 0 auto;min-width:120px;min-height:44px;padding:8px 18px;background:#1c2a31;color:#fff;border:1px solid var(--line-2);border-radius:2px;font:700 14px var(--body);cursor:pointer}.touch-layout [data-tip]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#card button[data-danger],body:not(.touch-layout) #card button[data-danger]{border-color:#b5505c;color:#ffd4da}#card button[data-danger] .cmd-label,body:not(.touch-layout) #card button[data-danger] .cmd-label{color:#ffd4da}#card button[data-danger][data-armed],body:not(.touch-layout) #card button[data-danger][data-armed]{background:#4a1d27;border-color:#ff657a;box-shadow:0 0 0 2px #ff657a66}body:not(.touch-layout) #game-menu[open]{display:grid;grid-template-columns:1fr 1fr;column-gap:10px;align-content:start}body:not(.touch-layout) #game-menu[open]>*{grid-column:1/-1}body:not(.touch-layout) #game-menu[open]>button.outline{grid-column:auto}body:not(.touch-layout) #game-menu .dialog-help{display:none}body:not(.touch-layout) #selinfo .lage{grid-column:1/-1;width:100%}body:not(.touch-layout) #alerts button.alert{display:block;width:100%;text-align:left;background:var(--glass);border:1px solid var(--line);border-left:2px solid var(--accent);padding:8px 12px;margin:6px 0;font:13px var(--body);color:var(--text);cursor:pointer;border-radius:2px;pointer-events:auto}body:not(.touch-layout) #alerts button.alert:hover{border-color:var(--accent)}body:not(.touch-layout) #alerts button.alert.attack{border-left-color:#ff3a3a;animation:alert-pulse 1s ease-in-out 3}@keyframes alert-pulse{0%,to{box-shadow:none}50%{box-shadow:0 0 14px #ff3a3a88}}body:not(.touch-layout) .lage-prods{display:grid;gap:4px}body:not(.touch-layout) .lage-prod{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:baseline;width:100%;text-align:left;background:#ffffff06;border:1px solid #ffffff10;padding:5px 9px 7px;border-radius:2px;font:600 12px var(--body);color:var(--text);cursor:pointer}body:not(.touch-layout) .lage-prod em{font:11px var(--mono);color:var(--muted);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body:not(.touch-layout) .lage-prod i{position:absolute;left:0;bottom:0;height:2px;background:var(--accent);transition:width .4s linear}body:not(.touch-layout) .lage-prod:hover{border-color:var(--accent)}#menu{--px:0;--py:0;isolation:isolate}#menu .menu-fx{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}#cinematic-backdrop{transform:translate(calc(var(--px)*-14px),calc(var(--py)*-10px)) scale(1.05);transition:transform .2s linear}#menu .menu-fog{position:absolute;inset:-20% -30%;background:radial-gradient(60% 50% at 30% 70%,rgba(150,170,180,.1),transparent 70%),radial-gradient(40% 40% at 75% 35%,rgba(120,140,160,.08),transparent 70%);mix-blend-mode:screen;animation:menu-fog 38s linear infinite;transform:translate(calc(var(--px)*22px),calc(var(--py)*14px))}#menu .menu-fog-b{animation-duration:53s;animation-direction:reverse;opacity:.7;transform:translate(calc(var(--px)*34px),calc(var(--py)*20px))}@keyframes menu-fog{0%{background-position:0 0,0 0}to{background-position:12% 4%,-9% -6%}}#menu .menu-rain{position:absolute;inset:-10%;background-image:repeating-linear-gradient(112deg,transparent 0 22px,rgba(220,235,240,.07) 22px 23px,transparent 23px 40px);background-size:140px 260px;animation:menu-rain 1.1s linear infinite;opacity:.55}@keyframes menu-rain{0%{background-position:0 0}to{background-position:-60px 260px}}#menu .menu-vignette{position:absolute;inset:0;background:radial-gradient(120% 90% at 40% 45%,transparent 45%,rgba(4,8,11,.78) 100%),linear-gradient(90deg,#070c10db 0,#070c1059 42%,#070c1026 70%,#070c1099),linear-gradient(0deg,rgba(7,12,16,.95) 0,transparent 30%)}#menu .menu-bars i{position:absolute;left:0;right:0;height:0;background:#04070a;transition:height 1.6s cubic-bezier(.7,0,.2,1)}#menu .menu-bars i:first-child{top:0}#menu .menu-bars i:last-child{bottom:0}#menu.reveal .menu-bars i{height:14vh}#menu.reveal .home-left>*{animation:menu-rise .9s cubic-bezier(.2,.8,.2,1) both}#menu.reveal .home-left>*:nth-child(2){animation-delay:.12s}#menu.reveal .home-left>*:nth-child(3){animation-delay:.22s}#menu.reveal .home-left>*:nth-child(4){animation-delay:.3s}#menu.reveal .home-left>*:nth-child(5){animation-delay:.4s}@keyframes menu-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}#menu .menu-layout.menu-aaa{position:relative;z-index:2}#menu .wordmark img{filter:drop-shadow(0 0 22px rgba(255,90,31,.35)) drop-shadow(0 6px 30px rgba(0,0,0,.8))}#menu .home-tagline{font-size:clamp(34px,4.2vw,58px);line-height:.95;letter-spacing:-.01em}#menu .home-tagline em{font-style:normal;color:var(--accent)}#menu .home-description{max-width:46ch}#menu .main-navigation button{position:relative;overflow:hidden;background:linear-gradient(90deg,#0b1014d1,#0b10148c);border:1px solid rgba(255,255,255,.08);border-left:2px solid transparent;transition:border-color .18s,background .18s,transform .18s,padding-left .18s}#menu .main-navigation button:hover,#menu .main-navigation button:focus-visible{border-left-color:var(--accent);background:linear-gradient(90deg,#141b21f5,#141b2199);transform:translate(6px);outline:none}#menu .main-navigation .nav-play{background:linear-gradient(100deg,#ff5a1f,#ff7a45 60%,#ff5a1f);border-left-color:#ffd2b8}#menu .main-navigation .nav-play:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.28) 48%,transparent 62%);transform:translate(-140%);animation:menu-sheen 4.5s ease-in-out infinite}@keyframes menu-sheen{0%,60%{transform:translate(-140%)}to{transform:translate(140%)}}#menu .main-navigation .nav-play:hover{transform:translate(6px) scale(1.01)}#menu .home-links{display:flex;gap:18px;align-items:center;flex-wrap:wrap}#menu .faction-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}#menu .trio-card{position:relative;aspect-ratio:3/4;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:3px;padding:0;background:#0b1014;text-align:left;display:block;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .35s}#menu .trio-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.05);transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .4s}#menu .trio-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,10,13,.96) 0,rgba(6,10,13,.55) 42%,transparent 75%)}#menu .trio-card .trio-tag,#menu .trio-card strong,#menu .trio-card small{position:absolute;left:12px;right:10px;z-index:2}#menu .trio-card .trio-tag{top:10px;font:10px var(--mono);letter-spacing:.14em;color:#cfd6d3;text-shadow:0 1px 4px #000}#menu .trio-card strong{bottom:34px;font:800 17px/1.05 var(--display);letter-spacing:.02em;text-transform:uppercase;color:#fff;text-shadow:0 2px 10px #000}#menu .trio-card small{bottom:12px;font:11px var(--mono);letter-spacing:.1em;color:var(--accent);opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s}#menu .trio-card:hover,#menu .trio-card:focus-visible{transform:translateY(-6px) rotateX(3deg);border-color:var(--accent);box-shadow:0 18px 40px #0009,0 0 0 1px #ff5a1f59;outline:none}#menu .trio-card:hover img{transform:scale(1.06);filter:saturate(1) contrast(1.08)}#menu .trio-card:hover small,#menu .trio-card:focus-visible small{opacity:1;transform:none}#menu .trio-kiez .trio-tag{color:#e8c25a}#menu .trio-hafen .trio-tag{color:#cfe3f5}#menu .trio-hanse .trio-tag{color:#ff8ccf}#menu .district-mini{background:linear-gradient(90deg,#0b1014db,#0b101499);border:1px solid rgba(255,255,255,.08)}#menu .home-films{gap:8px}#menu .film-card{border:1px solid rgba(255,255,255,.08);background:#0b1014;transition:transform .25s,border-color .2s}#menu .film-card:hover{transform:translateY(-3px);border-color:var(--accent)}#menu .film-card[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px #ff5a1f66}#menu .film-card img{filter:grayscale(.3) contrast(1.05)}#menu .menu-ticker{position:absolute;left:0;right:0;bottom:52px;z-index:3;display:flex;align-items:center;gap:12px;padding:8px 32px;font:12px var(--mono);letter-spacing:.1em;color:#b9c3c0;background:linear-gradient(90deg,rgba(7,12,16,.85),rgba(7,12,16,.3) 60%,transparent);text-transform:uppercase;pointer-events:none}#menu .ticker-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:ticker-pulse 1.8s ease-in-out infinite}@keyframes ticker-pulse{0%,to{opacity:1}50%{opacity:.35}}#menu #menu-ticker-text{transition:opacity .26s,transform .26s}#menu #menu-ticker-text.swap{opacity:0;transform:translateY(6px)}#menu .ticker-online{margin-left:auto;color:var(--dim)}.home-partner a,.credits-partner a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:color .18s,border-color .18s}.home-partner a:hover,.credits-partner a:hover,.home-partner a:focus-visible,.credits-partner a:focus-visible{color:#fff;border-bottom-color:var(--accent)}.credits-partner a{color:#dedfd7}#menu .home-footer{z-index:3;background:linear-gradient(0deg,#05090cf2,#05090c99);border-top:1px solid rgba(255,255,255,.06)}body[data-motion=reduced] #menu .menu-rain,body[data-motion=reduced] #menu .menu-fog,body[data-motion=reduced] #menu .nav-play:after{animation:none}@media(max-width:1100px){#menu .faction-trio{grid-template-columns:repeat(3,1fr)}#menu .trio-card{aspect-ratio:2/3}#menu .trio-card strong{font-size:14px}}@media(max-width:780px){#menu .menu-ticker{bottom:44px;padding:6px 16px;font-size:10px}#menu .ticker-online{display:none}}#menu .menu-layout.menu-aaa{grid-template-columns:minmax(360px,.95fr) minmax(60px,.45fr) minmax(400px,1fr);grid-template-rows:1fr 124px;column-gap:2.5vw}#menu .menu-aaa .home-right{max-width:520px;width:auto;justify-self:end}#menu .menu-aaa .faction-trio{gap:12px}#menu .menu-aaa .trio-card{aspect-ratio:3/4;min-height:210px}#menu .menu-aaa .trio-card strong{font-size:clamp(14px,1.05vw,18px);bottom:38px;overflow-wrap:anywhere}#menu .menu-aaa .trio-card .trio-tag{font-size:9px;letter-spacing:.12em}#menu .menu-aaa .home-films{grid-column:2/4;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-self:end}#menu .menu-aaa .film-card{height:118px;width:auto}#menu .menu-aaa .film-card span{font-size:12px}#menu .menu-aaa .film-card small{font-size:10px}#menu .menu-ticker{top:64px;bottom:auto;left:auto;right:3.5vw;width:auto;max-width:56vw;padding:6px 14px;background:linear-gradient(90deg,transparent,rgba(7,12,16,.75) 30%);border-right:2px solid var(--accent)}#menu .ticker-online{margin-left:18px}#menu .op-entry{max-width:350px;margin:14px 0 0;min-height:52px;padding:10px 14px}#menu .op-entry strong{font-size:14px}#menu .op-entry small{font-size:11px}#menu .home-links{margin-top:10px}@media(min-width:1600px){#menu .menu-layout.menu-aaa{grid-template-rows:1fr 150px}#menu .menu-aaa .film-card{height:150px}#menu .menu-aaa .home-right{max-width:560px}}@media(max-width:1190px){#menu .menu-layout.menu-aaa{grid-template-columns:minmax(300px,1fr) minmax(20px,.2fr) minmax(300px,.9fr)}#menu .menu-aaa .home-right{width:auto;max-width:360px}#menu .menu-aaa .trio-card{min-height:160px}#menu .menu-aaa .home-films{grid-template-columns:repeat(5,1fr)}#menu .menu-aaa .film-card{height:92px}}@media(max-width:900px){#menu .menu-aaa .home-films{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}#menu .menu-aaa .film-card:nth-child(n+4){display:none}#menu .menu-ticker{display:none}}#menu{overflow:auto;overscroll-behavior:contain}#menu .menu-layout.menu-aaa{height:auto;min-height:calc(100% - 54px);grid-template-columns:minmax(300px,1fr) minmax(0,.35fr) minmax(280px,.95fr);grid-template-rows:auto auto;row-gap:clamp(12px,2vh,24px);padding:clamp(16px,4vh,48px) clamp(16px,3.5vw,56px) clamp(60px,8vh,80px)}#menu .menu-aaa .home-left{grid-row:1/3;min-width:0}#menu .menu-aaa .home-right{grid-column:3;grid-row:1;max-width:none;width:auto;justify-self:stretch;min-width:0}#menu .menu-aaa .home-films{grid-column:2/4;grid-row:2;align-self:end;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}#menu .menu-aaa .film-card{height:clamp(84px,11vh,150px);min-width:0}#menu .menu-aaa .faction-trio{grid-template-columns:repeat(3,minmax(0,1fr))}#menu .menu-aaa .trio-card{min-height:0;aspect-ratio:3/4}#menu .menu-aaa .trio-card strong{font-size:clamp(12px,1vw,17px)}#menu .menu-aaa .wordmark{max-width:min(500px,100%)}#menu .menu-aaa .home-tagline{font-size:clamp(26px,3.4vw,54px)}#menu .menu-aaa .main-navigation{max-width:min(640px,100%)}#menu .menu-ticker{max-width:min(56vw,900px)}#menu .home-footer{position:sticky;bottom:0}@media(max-width:1190px){#menu .menu-layout.menu-aaa{grid-template-columns:minmax(280px,1fr) minmax(0,.15fr) minmax(240px,.85fr)}#menu .menu-aaa .trio-card strong{font-size:12px}#menu .menu-aaa .trio-card small{display:none}}@media(max-width:900px){#menu .menu-layout.menu-aaa{grid-template-columns:1fr;grid-template-rows:auto auto auto}#menu .menu-aaa .home-left{grid-row:1;grid-column:1}#menu .menu-aaa .home-right{grid-column:1;grid-row:2;max-width:none}#menu .menu-aaa .home-films{grid-column:1;grid-row:3;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}#menu .menu-aaa .film-card:nth-child(n+4){display:block}#menu .menu-ticker{display:none}#menu .home-footer{position:static}}@media(max-width:680px){#menu .menu-layout.menu-aaa{display:flex;flex-direction:column;padding:20px 16px 40px}#menu .menu-aaa .faction-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}#menu .menu-aaa .trio-card{aspect-ratio:2/3}#menu .menu-aaa .trio-card strong{font-size:11px;bottom:10px}#menu .menu-aaa .home-films{grid-template-columns:repeat(3,1fr)}#menu .menu-aaa .film-card:nth-child(n+4){display:none}}@media(max-height:760px){#menu .menu-layout.menu-aaa{padding-top:12px}#menu .menu-aaa .wordmark{max-width:min(380px,100%)}#menu .menu-aaa .home-tagline{margin:14px 0}#menu .menu-aaa .home-description{display:none}#menu .main-navigation button{min-height:42px;padding:10px 14px}#menu .main-navigation .nav-play{min-height:60px}#menu .menu-aaa .film-card{height:84px}#menu .op-entry{display:none!important}}body[data-screen=menu] .scene-vignette{background:linear-gradient(90deg,#04080bba,#05090c66,#05090c14 70%,#05090c47),linear-gradient(0deg,rgba(5,9,12,.82),transparent 38%,transparent 75%,rgba(5,9,12,.3))}#menu .menu-vignette{background:radial-gradient(120% 90% at 40% 45%,transparent 50%,rgba(4,8,11,.52) 100%),linear-gradient(90deg,#070c108f 0,#070c1040 44%,#070c100d,#070c1040),linear-gradient(0deg,rgba(7,12,16,.84),transparent 34%)}#menu .wordmark img,.boot-wordmark{filter:drop-shadow(0 8px 24px rgba(0,0,0,.75))}#scene-ghost{opacity:1;pointer-events:none}#scene-ghost.scene-fade{animation:scene-crossfade .68s ease-out forwards}@keyframes scene-crossfade{0%{opacity:1}to{opacity:0}}#factions .faction-visual>img{filter:saturate(.78) brightness(.86) contrast(1.03)}#story .chapter-image>img{filter:saturate(.7) brightness(.82)}@media(min-width:901px)and (max-height:960px){#menu .menu-layout.menu-aaa{padding-top:18px;padding-bottom:22px;row-gap:8px}#menu .menu-aaa .wordmark{max-width:360px;margin-top:10px}#menu .menu-aaa .home-tagline{font-size:clamp(28px,3vw,42px);margin:8px 0}#menu .home-description{font-size:13px;line-height:1.45;margin:8px 0 10px}#menu .main-navigation{gap:2px}#menu .main-navigation button{min-height:38px;padding:7px 12px}#menu .main-navigation .nav-play{min-height:52px}#menu .home-links{margin-top:6px}#menu .menu-aaa .film-card{height:88px}#menu .home-footer{position:static}}.boot-ident[data-phase=title]{background:linear-gradient(90deg,#030b10db,#030b1057 55%,#030b10ad),linear-gradient(0deg,rgba(3,11,16,.94),transparent 45%),url(/media/menu/hero-rain-20260920.webp) center/cover no-repeat}.boot-ident[data-phase=title]:after{content:"HAFENFRONT  /  HAMBURG  /  01";position:absolute;left:clamp(20px,5vw,72px);bottom:24px;font:11px var(--mono);letter-spacing:.2em;color:#d6d2c4;border-top:1px solid #cf784e88;padding-top:10px}.boot-ident[data-phase=title] .boot-ident-card[data-phase=title]{position:relative;z-index:1;gap:clamp(12px,2vh,26px);padding:clamp(20px,4vw,54px);background:linear-gradient(120deg,#040e13bd,#040e1340);border:1px solid #ffffff24;border-top:2px solid #db865c;box-shadow:0 28px 90px #02070bb3;max-width:min(90vw,820px)}.boot-ident[data-phase=title] .boot-wordmark{width:min(66vw,590px)}.boot-ident[data-phase=title] .boot-kicker{color:#e9ac80;letter-spacing:.34em;margin:0}.boot-ident[data-phase=title] .boot-press{font-size:clamp(14px,1.6vw,20px);letter-spacing:.18em;margin:4px 0 0}.boot-ident[data-phase=title] .boot-skip{z-index:1;color:#dedcd4}#menu .home-left>.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#edb590;letter-spacing:.19em}#menu .home-left>.eyebrow:before{content:"";display:block;width:24px;height:2px;background:#e58a59}#menu .home-description{color:#d2d7d7;text-shadow:0 2px 12px #000}#menu .main-navigation .nav-play{border-left:3px solid #fff0db;box-shadow:0 14px 36px #030b0f99,0 0 0 1px #ffa47855}#menu .main-navigation .nav-play .nav-arrow{font-size:24px;color:#28140c}body:not(.touch-layout) .game-top{border-bottom:1px solid #dc86534d}body:not(.touch-layout) #hud{border-top:1px solid #dc865355}body:not(.touch-layout) #operation-panel{border-top:1px solid #dc865366;box-shadow:0 14px 32px #03090cb3}.loading-card img{filter:saturate(.68) contrast(1.08) brightness(.76)}.loading-card:after{background:linear-gradient(90deg,#031015f7,#06131bb0 43%,#06131b22),linear-gradient(0deg,#031015ed,transparent 50%)}.loading-copy{border-left:2px solid #e28a59;margin-left:clamp(16px,4vw,54px);padding:0 20px 5vh 24px;max-width:min(720px,90vw)}.loading-kicker{color:#e9ac80}.loading-copy h2{text-shadow:0 8px 32px #000}.loading-route{display:block;margin-top:12px;font:11px var(--mono);letter-spacing:.18em;color:#d6d5c9}.loading-bar{width:min(260px,60vw);height:3px;background:#ffffff35}.loading-bar i{background:linear-gradient(90deg,#b85734,#f0b789)}#endcard,body.dawn #endcard,body.blaulicht #endcard{inset:0;background:linear-gradient(90deg,#030c11e8,#030c11c2,#030c112e 72%),linear-gradient(0deg,rgba(3,12,17,.82),transparent 55%),url(/media/menu/result-dawn-20260920.webp) center/cover no-repeat;align-items:center;justify-content:flex-start;padding:clamp(18px,5vw,80px)}body.blaulicht #endcard{background-image:linear-gradient(90deg,#030c19f0,#071223d1 38%,#07122347 74%),linear-gradient(0deg,rgba(3,12,24,.86),transparent 55%),url(/media/menu/result-dawn-20260920.webp)}#endcard>.panel{width:min(100%,560px);max-height:calc(100vh - 36px);overflow:auto;padding:clamp(24px,3.4vw,46px);background:linear-gradient(145deg,#08171df5,#081219d6);border:1px solid #e3a17866;border-top:3px solid #efa779;box-shadow:0 24px 80px #01060bbf}#endcard .eyebrow{color:#f4b58b}#endcard h2{font-size:clamp(42px,5vw,68px);line-height:.95}#endcard #end-sub{color:#d3d8d6}#endcard .result-facts{border-top:1px solid #ffffff2b;border-bottom:1px solid #ffffff2b;padding:14px 0;margin-bottom:20px}#endcard .result-facts>span{color:#b9c6c6}#endcard .primary{width:100%}#endcard #end-back{margin-top:8px}@media(max-width:680px){.boot-ident[data-phase=title] .boot-ident-card[data-phase=title]{margin:16px;padding:26px 18px}.boot-ident[data-phase=title] .boot-wordmark{width:min(76vw,420px)}.boot-ident[data-phase=title]:after{bottom:16px}#menu .main-navigation .nav-play{font-size:clamp(19px,5vw,24px)}.loading-copy{margin-left:16px;padding:0 12px 8vh 18px}#endcard,body.dawn #endcard,body.blaulicht #endcard{align-items:flex-end;padding:12px;background-size:cover,cover,auto 140%;background-position:center,center,72% 85%}#endcard>.panel{max-height:min(82vh,760px);padding:24px 20px}#endcard h2{font-size:clamp(40px,11vw,58px)}#endcard .result-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#endcard .result-facts>span{font-size:10px;letter-spacing:.08em}}@media(prefers-reduced-motion:reduce){.boot-ident[data-phase=title] .boot-press,.loading-card,.loading-bar i{animation:none}}@media(max-width:680px){.story-layout #chapter-nav,body.touch-layout #chapter-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:6px}#chapter-nav button{min-width:0;padding:10px 8px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}#chapter-nav button em{display:none}#chapter-nav strong{font-size:9px;letter-spacing:.06em;white-space:normal;line-height:1.3;overflow-wrap:anywhere}#chapter-nav small{font-size:8px}}@media(max-width:680px){#lobby.screen.on{display:flex;flex-direction:column}#lobby .page-heading{order:0}#lobby .lobby-identity{order:1}#lobby .lobby-layout{order:2}#lobby .local-info{order:3}}@keyframes mo-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes mo-kenburns{0%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes mo-badge{0%{transform:translate(0)}to{transform:translate(2px,-2px)}}.loading-card img{animation:mo-kenburns 2.4s cubic-bezier(.2,.7,.2,1) both;transform-origin:55% 45%}.loading-copy>*{animation:mo-rise .55s cubic-bezier(.2,.7,.2,1) both}.loading-copy>:nth-child(1){animation-delay:.08s}.loading-copy>:nth-child(2){animation-delay:.16s}.loading-copy>:nth-child(3){animation-delay:.24s}.loading-copy>:nth-child(4){animation-delay:.32s}.loading-copy>:nth-child(5){animation-delay:.4s}.loading-copy>:nth-child(6){animation-delay:.48s}.loading-copy>:nth-child(7){animation-delay:.56s}.loading-presents>*{animation:mo-rise .6s cubic-bezier(.2,.7,.2,1) both}.loading-presents>:nth-child(1){animation-delay:.55s}.loading-presents>:nth-child(2){animation-delay:.68s}.loading-presents>:nth-child(3){animation-delay:.8s}.loading-presents>:nth-child(4){animation-delay:.95s}.loading-card.loading-out img,.loading-card.loading-out .loading-copy>*,.loading-card.loading-out .loading-presents>*{animation:none}#endcard:not([hidden])>.panel{animation:mo-rise .5s cubic-bezier(.2,.7,.2,1) both}#endcard:not([hidden]) .result-facts>*{animation:mo-rise .45s cubic-bezier(.2,.7,.2,1) both}#endcard:not([hidden]) .result-facts>:nth-child(1){animation-delay:.25s}#endcard:not([hidden]) .result-facts>:nth-child(2){animation-delay:.33s}#endcard:not([hidden]) .result-facts>:nth-child(3){animation-delay:.41s}#endcard:not([hidden]) .result-facts>:nth-child(4){animation-delay:.49s}#endcard:not([hidden]) .result-facts>:nth-child(n+5){animation-delay:.57s}#endcard:not([hidden]) .primary{animation:mo-rise .45s cubic-bezier(.2,.7,.2,1) .6s both}#endcard:not([hidden]) #end-back{animation-delay:.7s}.archive-thumb{overflow:hidden}.archive-thumb img{transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .35s}.archive-tile:hover .archive-thumb img,.archive-tile:focus-visible .archive-thumb img{transform:scale(1.035);filter:saturate(.7) brightness(.9)}.archive-thumb.partner img{transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .35s}.archive-tile:hover .archive-thumb.partner img{filter:saturate(.85) brightness(.95)}.archive-link .archive-thumb:after{transition:transform .3s,border-color .3s,background .3s}.archive-link:hover .archive-thumb:after{transform:translate(2px,-2px);border-color:var(--accent);background:#0a1014e6}.home-partner a{position:relative;border-bottom:0}.home-partner a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .28s cubic-bezier(.2,.7,.2,1)}.home-partner a:hover:after,.home-partner a:focus-visible:after{transform:scaleX(1)}@media(prefers-reduced-motion:reduce){.loading-card img,.loading-copy>*,.loading-presents>*,#endcard:not([hidden])>.panel,#endcard:not([hidden]) .result-facts>*,#endcard:not([hidden]) .primary{animation:none}.archive-thumb img,.archive-link .archive-thumb:after,.home-partner a:after{transition:none}.archive-tile:hover .archive-thumb img{transform:none}}body[data-motion=reduced] .loading-card img,body[data-motion=reduced] .loading-copy>*,body[data-motion=reduced] .loading-presents>*,body[data-motion=reduced] #endcard:not([hidden])>.panel,body[data-motion=reduced] #endcard:not([hidden]) .result-facts>*,body[data-motion=reduced] #endcard:not([hidden]) .primary{animation:none}.archive-thumb:after,.archive-link .archive-thumb:after{inset:auto 14px 14px auto;transform:none;width:34px;height:34px}.archive-link:hover .archive-thumb:after{transform:translate(2px,-2px)}.faction-visual{overflow:hidden}.faction-visual>img{transition:filter .4s,transform .6s cubic-bezier(.2,.7,.2,1)}.faction-card:hover .faction-visual>img,.faction-card:focus-within .faction-visual>img{filter:saturate(.5) brightness(.72);transform:scale(1.03)}#map-list button{transition:transform .22s cubic-bezier(.2,.7,.2,1),border-color .22s,background .22s}#map-list button:hover:not([aria-pressed=true]){transform:translate(3px)}@media(prefers-reduced-motion:reduce){.faction-visual>img,#map-list button{transition:none}.faction-card:hover .faction-visual>img{transform:none}#map-list button:hover:not([aria-pressed=true]){transform:none}}dialog:not([open]){display:none!important}body:not(.touch-layout) .economy-strip button{cursor:pointer;transition:border-color .18s,color .18s}body:not(.touch-layout) .economy-strip button:hover{border-color:#b4bab6;color:#fff}.hpbar>i{transition:width .35s cubic-bezier(.2,.7,.2,1),background .3s}.hpbar[data-state=mid]>i{background:linear-gradient(90deg,#d9a441,#f0cf7a)!important}.hpbar[data-state=low]>i{background:linear-gradient(90deg,#c9432f,#ff7a5c)!important}.touch-layout #p-hp[data-state=mid]>i{background:linear-gradient(90deg,#d9a441,#f0cf7a)}.touch-layout #p-hp[data-state=low]>i{background:linear-gradient(90deg,#c9432f,#ff7a5c)}#card button{transition:transform .08s ease-out,border-color .18s,background .18s,color .18s}#card button:active:not(:disabled):not([aria-disabled=true]){transform:scale(.965)}@media(prefers-reduced-motion:reduce){.hpbar>i,#card button{transition:none}#card button:active{transform:none}}.sound-toggle{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:4px 10px;border:1px solid #39433f;border-radius:2px;font:600 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:transparent}.sound-toggle:hover{border-color:#7a857b;color:#fff}.sound-toggle[aria-pressed=true]{color:var(--text);border-color:var(--accent)}.sound-toggle i{position:relative;display:block;width:14px;height:12px}.sound-toggle i:before{content:"";position:absolute;left:0;top:3px;width:5px;height:6px;background:currentColor;clip-path:polygon(0 0,60% 0,100% -40%,100% 140%,60% 100%,0 100%)}.sound-toggle i:after{content:"";position:absolute;left:7px;top:1px;width:6px;height:10px;border:1.5px solid currentColor;border-left:0;border-radius:0 8px 8px 0;opacity:.25;transition:opacity .2s}.sound-toggle[aria-pressed=true] i:after{opacity:1;color:var(--accent)}.sound-toggle.compact{min-height:34px;padding:4px 9px}.touch-layout #sound-toggle-game{display:none}@keyframes mo-idle{0%,to{box-shadow:0 0 #ff602b00}50%{box-shadow:0 0 0 4px #ff602b33}}body:not(.touch-layout) .economy-strip button.has-idle{animation:mo-idle 1.8s ease-in-out infinite}@media(prefers-reduced-motion:reduce){body:not(.touch-layout) .economy-strip button.has-idle{animation:none}}body[data-motion=reduced] .economy-strip button.has-idle{animation:none}#hover-card{position:fixed;z-index:12;pointer-events:auto;min-width:170px;max-width:260px;padding:8px 10px 9px;font:12px/1.35 var(--body);color:var(--text);background:var(--glass-2);border:1px solid var(--line-2);border-left:2px solid var(--accent);border-radius:2px;box-shadow:0 10px 26px #0008;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:hc-in .12s ease-out}@keyframes hc-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}#hover-card .hc-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:5px}#hover-card .hc-head strong{font:700 15px var(--display);letter-spacing:.04em;text-transform:uppercase}#hover-card .hc-owner{font:700 9px var(--mono);letter-spacing:.16em;padding:2px 5px;border-radius:2px;white-space:nowrap}#hover-card .hc-owner.you{color:#0b1014;background:var(--accent)}#hover-card .hc-owner.neutral{color:var(--muted);border:1px solid var(--line)}#hover-card .hc-owner.foe{color:#fff;background:var(--pc,#b33)}#hover-card .hc-hp{position:relative;height:9px;margin:4px 0 6px;background:#ffffff14;border:1px solid var(--line);overflow:hidden}#hover-card .hc-hp i{position:absolute;inset:0 auto 0 0;background:var(--ok,#5fc46a)}#hover-card .hc-hp[data-state=mid] i{background:#e0a531}#hover-card .hc-hp[data-state=low] i{background:#ff3a3a}#hover-card .hc-hp span{position:absolute;inset:0;font:9px var(--mono);letter-spacing:.06em;line-height:9px;text-align:center;color:#fff;text-shadow:0 0 3px #000,0 0 3px #000}#hover-card .hc-line{display:flex;gap:6px;align-items:baseline;color:var(--muted);margin-top:2px}#hover-card .hc-line b{color:var(--text);font-weight:600}#hover-card .hc-line small{color:var(--dim);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#hover-card .hc-line.dim{color:var(--dim)}#hover-card .hc-line.warn{color:#ffb14a}#hover-card .hc-prog{position:relative;margin-top:5px;padding:4px 6px 5px;background:#ffffff0d;border:1px solid var(--line);overflow:hidden}#hover-card .hc-prog em{display:block;font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text);font-style:normal;padding-right:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#hover-card .hc-prog i{position:absolute;left:0;bottom:0;height:3px;background:var(--accent);transition:width .25s linear}#hover-card .hc-prog[data-kind=research] i{background:#5fd0ff}#hover-card .hc-prog[data-kind=upgrade] i{background:#c6a86e}#hover-card .hc-prog[data-kind=build] i{background:#e0a531}#hover-card .hc-prog span{position:absolute;right:6px;top:4px;font:10px var(--mono);color:var(--muted)}#hover-card .hc-send-workers{display:block;width:100%;margin-top:6px;padding:7px 8px;border:1px solid var(--line-2);background:#18252a;color:var(--text);font:600 10px/1.3 var(--mono);text-align:left;cursor:pointer}#hover-card .hc-send-workers:hover,#hover-card .hc-send-workers:focus-visible{border-color:var(--accent);color:#fff;outline:2px solid var(--accent);outline-offset:1px}.touch-layout #hover-card{display:none}#multiplayer-first-steps{position:fixed;z-index:2;left:24px;top:calc(var(--top,58px) + 60px);width:min(290px,calc(100vw - 48px));max-height:calc(100vh - var(--top,58px) - var(--hud,200px) - 95px);overflow:auto;padding:9px 11px 10px;background:#08151bed;border:1px solid #c8d3c466;border-top:2px solid var(--accent,#caa56a);box-shadow:0 8px 24px #0008;color:var(--text,#e7e9de);font:12px/1.35 var(--body,system-ui,sans-serif);pointer-events:none}#multiplayer-first-steps.collapsed{width:max-content;max-width:calc(100vw - 48px);height:auto;max-height:none;overflow:visible;padding:2px;background:#08151bed}#multiplayer-first-steps header,#multiplayer-first-steps li{pointer-events:none}#multiplayer-first-steps header [data-expand],#multiplayer-first-steps header [data-close],#multiplayer-first-steps li>button{pointer-events:auto}body:not(.touch-layout) #multiplayer-first-steps{left:330px}#multiplayer-first-steps[hidden],#multiplayer-first-steps ol[hidden]{display:none!important}#multiplayer-first-steps header{display:flex;justify-content:space-between;align-items:center;gap:8px;letter-spacing:.08em;text-transform:uppercase;font:700 10px var(--mono,monospace)}#multiplayer-first-steps header [data-expand]{display:block;width:auto;height:30px;min-width:64px;padding:0 10px;border:0;background:transparent;box-shadow:none;font:700 10px var(--mono,monospace);letter-spacing:.06em}#multiplayer-first-steps header button{color:inherit;background:transparent;border:1px solid #ffffff30;min-width:28px;width:28px;height:28px;font-size:18px;cursor:pointer}#multiplayer-first-steps ol{display:grid;gap:6px;list-style:none;padding:0;margin:8px 0 0}#multiplayer-first-steps li{display:grid;gap:3px;padding:6px 7px;border-left:2px solid #8d9b94;background:#ffffff08}#multiplayer-first-steps li.done{border-color:#74c58b;opacity:.72}#multiplayer-first-steps li b,#multiplayer-first-steps li>button{font:650 10px/1.35 var(--mono,monospace);text-align:left;color:inherit}#multiplayer-first-steps li>button{display:block;justify-self:stretch;min-height:44px;height:auto;width:100%;max-width:100%;padding:7px 4px;border:0;background:none;cursor:pointer}#multiplayer-first-steps li>button:hover,#multiplayer-first-steps li>button:focus-visible{color:var(--accent);text-decoration:underline}#multiplayer-first-steps li small{font-size:10px;color:#aebdb5;line-height:1.35}body.touch-layout:has(#touch-intent:not([hidden])) #multiplayer-first-steps{display:none}body.touch-layout #multiplayer-first-steps{left:10px;right:auto;top:calc(var(--game-head) + 42px);bottom:auto;width:auto;max-width:calc(100vw - 20px);height:44px;max-height:none;overflow:visible;padding:0;background:transparent;border:0;box-shadow:none}body.touch-layout #multiplayer-first-steps header{justify-content:flex-start}body.touch-layout #multiplayer-first-steps header strong{display:none}body.touch-layout #multiplayer-first-steps header [data-close]{display:block;min-width:44px;min-height:44px;width:44px;height:44px;background:#08151bed}body.touch-layout #multiplayer-first-steps header [data-expand]{display:block;width:auto;height:44px;min-width:64px;padding:0 12px;border:1px solid #c8d3c466;background:#08151bed;box-shadow:0 3px 10px #0008;font:700 11px var(--mono,monospace);letter-spacing:.06em}body.touch-layout #multiplayer-first-steps.expanded{top:calc(var(--game-head) + 42px);bottom:auto;width:min(310px,calc(100vw - 20px));height:auto;max-height:35vh;overflow:auto;padding:8px 10px;background:#08151bed;border:1px solid #c8d3c466;border-top:2px solid var(--accent,#caa56a);pointer-events:none}body.touch-layout #multiplayer-first-steps.expanded header{justify-content:space-between}body.touch-layout #multiplayer-first-steps.expanded header strong,body.touch-layout #multiplayer-first-steps.expanded header [data-close]{display:block}body.touch-layout #multiplayer-first-steps.expanded header [data-expand]{width:auto;height:44px;min-width:64px;padding:0;border:0;background:transparent;box-shadow:none}body.touch-layout #multiplayer-first-steps ol{gap:4px;margin-top:5px}body.touch-layout #multiplayer-first-steps li{padding:5px 6px}body.touch-layout.campaign-preparing #multiplayer-first-steps,body.touch-layout.campaign-preparing #production-panel{display:none}body:not(.touch-layout) #production-panel{position:absolute;right:24px;top:calc(var(--top-raw) + 60px);width:270px;z-index:3;background:linear-gradient(270deg,#0b1014f2,#0b1014cc);border:1px solid var(--line);border-right:2px solid var(--accent);box-shadow:0 12px 30px #0006;padding:0 0 8px}body:not(.touch-layout) #production-panel.collapsed{padding-bottom:0}body:not(.touch-layout) #production-panel.collapsed #production-list{display:none}body:not(.touch-layout) #production-panel.empty #production-list{display:none}body:not(.touch-layout) #production-toggle{display:flex;align-items:center;gap:8px;width:100%;min-height:0;font:11px var(--mono);letter-spacing:.2em;color:var(--accent);padding:12px 14px 8px;background:none;border:0;text-align:left;cursor:pointer}body:not(.touch-layout) #production-toggle b{font-weight:700;color:var(--text);background:#ffffff14;padding:1px 6px;border-radius:2px;letter-spacing:0}body:not(.touch-layout) #production-toggle kbd{font:10px var(--mono);color:var(--dim);border:1px solid var(--line);padding:1px 4px;border-radius:2px;letter-spacing:.08em}body:not(.touch-layout) #production-toggle span{margin-left:auto;color:var(--muted);letter-spacing:0}body:not(.touch-layout) #production-list{list-style:none;margin:0;padding:0 8px;max-height:min(44vh,420px);overflow:auto;display:grid;gap:4px}body:not(.touch-layout) #production-list button{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;grid-template-areas:"what time" "where time";column-gap:8px;width:100%;min-height:0;text-align:left;padding:6px 10px 8px;background:#ffffff08;border:1px solid var(--line);border-left:2px solid var(--accent);cursor:pointer;color:var(--text)}body:not(.touch-layout) #production-list button:hover{border-color:var(--line-2);border-left-color:var(--accent);background:#ffffff12}body:not(.touch-layout) #production-list button[data-kind=research]{border-left-color:#5fd0ff}body:not(.touch-layout) #production-list button[data-kind=upgrade]{border-left-color:#c6a86e}body:not(.touch-layout) #production-list button[data-kind=build]{border-left-color:#e0a531}body:not(.touch-layout) #production-list .pp-what{grid-area:what;font:600 12.5px/1.25 var(--body);white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}body:not(.touch-layout) #production-list .pp-what b{font:700 10px var(--mono);color:#0b1014;background:var(--muted);padding:0 4px;border-radius:2px;margin-left:4px}body:not(.touch-layout) #production-list .pp-where{grid-area:where;font:10px/1.25 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}body:not(.touch-layout) #production-list .pp-time{grid-area:time;align-self:center;font:12px var(--mono);color:var(--muted)}body:not(.touch-layout) #production-list button i{position:absolute;left:0;bottom:0;height:3px;background:var(--accent);transition:width .3s linear}body:not(.touch-layout) #production-list button[data-kind=research] i{background:#5fd0ff}body:not(.touch-layout) #production-list button[data-kind=upgrade] i{background:#c6a86e}body:not(.touch-layout) #production-list button[data-kind=build] i{background:#e0a531}body:not(.touch-layout) #production-list .pp-empty{font:11.5px var(--body);color:var(--dim);padding:4px 10px 6px}.touch-layout #production-panel{display:none}body:not(.touch-layout) #production-panel.empty{width:auto;max-width:calc(100vw - 2rem);padding:0}body:not(.touch-layout) #production-panel.empty #production-toggle{min-height:40px;padding:8px 12px;letter-spacing:.08em}body:not(.touch-layout) #production-panel.empty #production-toggle b{font-size:12px}#alarm-banner{position:absolute;left:50%;top:calc(var(--top-raw) + 62px);transform:translate(-50%) translateY(-8px);z-index:6;display:flex;align-items:center;gap:12px;min-height:0;padding:9px 18px 9px 14px;background:linear-gradient(90deg,#3a0b0bf2,#1a0808f2);border:1px solid #ff3a3a99;border-left:3px solid #ff3a3a;border-radius:2px;box-shadow:0 10px 30px #000a,0 0 22px #ff3a3a55;color:#fff;cursor:pointer;opacity:0;transition:opacity .18s ease-out,transform .18s ease-out}#alarm-banner.in{opacity:1;transform:translate(-50%) translateY(0);animation:alarm-pulse 1.1s ease-in-out 3}#alarm-banner[data-kind=units]{background:linear-gradient(90deg,#3a230bf2,#1a1208f2);border-color:#ffb14a99;border-left-color:#ffb14a;box-shadow:0 10px 30px #000a,0 0 22px #ffb14a44}#alarm-banner .alarm-text{display:grid;text-align:left}#overlay-stack-top>#alarm-banner{left:auto;top:auto;transform:none!important;zoom:var(--ui);width:min(420px,calc(100vw / var(--ui) - 900px));box-sizing:border-box}#overlay-stack-top>#alarm-banner.in{transform:none!important}#alarm-banner strong{font:700 17px var(--display);letter-spacing:.12em;text-transform:uppercase;line-height:1.05}#alarm-banner small{font:11px var(--body);color:#f0d6d6;margin-top:2px}#alarm-banner .alarm-arrow{display:inline-block;width:18px;font-size:18px;line-height:1;color:#ff6a5a;font-style:normal;transform-origin:50% 50%}#alarm-banner[data-kind=units] .alarm-arrow{color:#ffb14a}@keyframes alarm-pulse{0%,to{box-shadow:0 10px 30px #000a,0 0 22px #ff3a3a55}50%{box-shadow:0 10px 30px #000a,0 0 34px #ff3a3aaa}}#alarm-vignette{position:absolute;inset:0;pointer-events:none;z-index:5;opacity:0;box-shadow:inset 0 0 0 2px #ff3a3a88,inset 0 0 120px 20px #ff1e1e55;transition:opacity .4s}body.under-attack #alarm-vignette{opacity:1;animation:alarm-vig .9s ease-in-out 4}@keyframes alarm-vig{0%,to{opacity:.55}50%{opacity:1}}@media(prefers-reduced-motion:reduce){#alarm-banner.in,body.under-attack #alarm-vignette{animation:none}}.touch-layout #alarm-banner{top:calc(var(--top) + 48px);padding:7px 12px}.touch-layout #alarm-banner strong{font-size:14px}body:not(.touch-layout) #production-list .pp-done{position:relative;display:grid;grid-template-columns:1fr;grid-template-areas:"what" "where";padding:6px 10px 7px;background:#5fc46a1f;border:1px solid #5fc46a66;border-left:2px solid #5fc46a;animation:pp-done 2.6s ease-out forwards}body:not(.touch-layout) #production-list .pp-done .pp-what{color:#bfe9c4}body:not(.touch-layout) #production-list .pp-done .pp-what b{color:#0b1014;background:#5fc46a}@keyframes pp-done{0%{background:#5fc46a66}12%{background:#5fc46a1f}80%{opacity:1}to{opacity:0}}#production-toggle.flash b{animation:pp-flash .6s ease-out 2}@keyframes pp-flash{0%,to{background:#ffffff14;color:var(--text)}50%{background:#5fc46a;color:#0b1014}}#world[data-hover=own]{cursor:pointer}#world[data-hover=foe]{cursor:crosshair}#world[data-hover=resource]{cursor:cell}#world[data-hover=look]{cursor:help}#card .cmd-icon--attack,#card .cmd-icon--defense{color:#ff7256}#card .cmd-icon--move,#card .cmd-icon--patrol,#card .cmd-icon--rally{color:#79c8e8}#card .cmd-icon--build,#card .cmd-icon--production,#card .cmd-icon--supply{color:#e0b56b}#card .cmd-icon--train,#card .cmd-icon--worker,#card .cmd-icon--infantry,#card .cmd-icon--vehicle,#card .cmd-icon--air{color:#9ecf9f}#card .cmd-icon--research,#card .cmd-icon--tech,#card .cmd-icon--ability,#card .cmd-icon--caster{color:#b9a4ef}#card button:hover .cmd-icon{filter:drop-shadow(0 0 5px currentColor)}.touch-layout #production-panel{display:block;position:absolute;right:8px;top:calc(var(--top) + 58px);width:min(252px,72vw);z-index:6;background:#0b1014f2;border:1px solid var(--line);border-right:2px solid var(--accent);box-shadow:0 10px 28px #0009;padding:0 0 6px}.touch-layout #production-panel.collapsed{width:auto;padding:0}.touch-layout #production-panel.collapsed #production-list{display:none}.touch-layout #production-toggle{display:flex;align-items:center;gap:6px;width:100%;min-height:36px;padding:7px 10px;background:#0b1014e8;color:var(--accent);font:700 10px var(--mono);letter-spacing:.12em;text-align:left}.touch-layout #production-toggle b{color:var(--text);background:#ffffff14;padding:1px 5px;border-radius:2px;letter-spacing:0}.touch-layout #production-toggle kbd{display:none}.touch-layout #production-toggle span{margin-left:auto;color:var(--muted)}.touch-layout #production-list{list-style:none;margin:0;padding:0 6px;max-height:min(34vh,260px);overflow:auto;display:grid;gap:4px}.touch-layout #production-list button{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"what time" "where time";width:100%;min-height:44px;padding:6px 9px 8px;text-align:left;color:var(--text);background:#ffffff09;border:1px solid var(--line);border-left:2px solid var(--accent);overflow:hidden}.touch-layout #production-list .pp-what{grid-area:what;font:600 11px var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.touch-layout #production-list .pp-where{grid-area:where;font:9px var(--mono);color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.touch-layout #production-list .pp-time{grid-area:time;align-self:center;font:10px var(--mono);color:var(--muted)}.touch-layout #production-list button i{position:absolute;left:0;bottom:0;height:3px;background:var(--accent)}.touch-layout #production-list .pp-empty{font:10px var(--body);color:var(--dim);padding:7px}.touch-layout #production-list .pp-done{padding:7px;background:#5fc46a1f;border-left:2px solid #5fc46a;color:#bfe9c4}.mode-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}#superweapons-toggle input{accent-color:var(--accent);width:18px;height:18px}#superweapon-hud{position:absolute;z-index:4;left:50%;top:calc(var(--top-raw) + 72px);transform:translate(-50%);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;max-width:calc(100% - 16px);padding:5px 9px;background:var(--glass);border:1px solid var(--line-2);font:10px var(--mono);letter-spacing:.04em;white-space:normal;pointer-events:auto}#superweapon-hud>strong{color:var(--accent);letter-spacing:.12em;margin-right:3px}.sw-status{display:flex;gap:5px;align-items:center;padding:3px 6px;border-left:2px solid var(--sw-color);color:var(--text)}.sw-status b{font-weight:650}.sw-status span{font-variant-numeric:tabular-nums;color:var(--muted)}#superweapon-hud button{border:1px solid #bd5969;background:#381c24;color:#ffd8de;font:700 10px var(--mono);padding:5px 8px;min-height:36px;cursor:pointer}#superweapon-hud .sw-status{max-width:100%;min-width:0;flex-wrap:wrap}@media(max-width:600px){#superweapon-hud{z-index:4;top:calc(var(--game-head, var(--top-raw)) + 48px);width:max-content;max-width:calc(100% - 16px);gap:4px;padding:4px 6px;font-size:9px}#superweapon-hud>strong{flex-basis:100%;text-align:center}#superweapon-hud .sw-status{font-size:8px;padding:3px 4px}#superweapon-hud button{min-height:44px;flex:1 1 100%;font-size:10px}}#superweapon-aim,#superweapon-marker{position:absolute;z-index:7;left:-10000px;top:-10000px;transform:translate(-50%,-50%);width:100px;height:100px;border:1px solid #ff657a;border-radius:50%;box-shadow:inset 0 0 0 1px #ff657a55,0 0 10px #ff657a44;pointer-events:none}#superweapon-aim{border-style:dashed;border-color:#ffd46b;box-shadow:0 0 12px #ffd46b66}#superweapon-marker{border-width:2px;background:#ff4c6920;animation:sw-pulse 1.5s ease-in-out infinite}#superweapon-rocket{position:absolute;z-index:9;left:-10000px;top:-10000px;width:13px;height:25px;transform:translate(-50%,-50%) rotate(-18deg);border-radius:50% 50% 35% 35%;background:linear-gradient(#fff3b1,#ff9c43 48%,#d94a37);box-shadow:0 0 8px 3px #ffd05a,0 12px 16px 3px #fa663a88;pointer-events:none}#superweapon-rocket:after{content:"";position:absolute;left:4px;top:18px;width:5px;height:24px;background:linear-gradient(#ffbd54aa,transparent);filter:blur(2px)}@keyframes sw-pulse{50%{opacity:.5;transform:translate(-50%,-50%) scale(.94)}}@media(prefers-reduced-motion:reduce){#superweapon-marker{animation:none;opacity:.75}}body[data-motion=off] #superweapon-marker{animation:none;opacity:.75}@media(prefers-reduced-motion:reduce){#superweapon-rocket{box-shadow:none}#superweapon-rocket:after{display:none}}body[data-motion=off] #superweapon-rocket{box-shadow:none}body[data-motion=off] #superweapon-rocket:after{display:none}body.superweapon-aiming #world{cursor:crosshair}#superweapon-aimbar{position:absolute;z-index:6;left:50%;transform:translate(-50%);top:calc(var(--top-raw) + 60px);display:flex;align-items:center;gap:10px;max-width:calc(100% - 16px);padding:9px 14px;background:var(--glass-2);border:1px solid #ffd46b;color:#fff1c9;font:600 14px var(--body);pointer-events:auto}#superweapon-aimbar[hidden],#superweapon-aimbar [hidden]{display:none!important}#superweapon-aimbar button{min-height:36px;padding:6px 14px;border:1px solid #ffd46b88;background:#2a2412;color:#fff1c9;font:700 13px var(--body);cursor:pointer}#superweapon-aimbar button[data-sw-confirm]{background:#4a1d27;border-color:#ff657a;color:#ffe3e8}#superweapon-aimbar button:disabled{opacity:.45;cursor:default}body:not(.touch-layout) #superweapon-aimbar{zoom:var(--ui)}body:not(.touch-layout) #game:has(#intent-label:not(:empty)) #superweapon-hud,body:not(.touch-layout) #game:has(#superweapon-aimbar:not([hidden])) #superweapon-hud{top:calc(var(--top-raw) + 118px)}body:not(.touch-layout) #game:has(#intent-label:not(:empty)) #superweapon-aimbar{top:calc(var(--top-raw) + 112px)}body:not(.touch-layout) #game:has(#intent-label:not(:empty)):has(#superweapon-aimbar:not([hidden])) #superweapon-hud{top:calc(var(--top-raw) + 170px)}#superweapon-hud button[data-launch]{min-width:72px;min-height:36px}.touch-layout #superweapon-hud{top:var(--sw-top,calc(var(--game-head,64px) + 8px));max-width:calc(100% - 16px);justify-content:flex-start}.touch-layout #superweapon-hud>strong{display:none}.touch-layout #superweapon-hud button{flex:0 0 auto;min-height:44px;min-width:96px;font-size:12px}.touch-layout #superweapon-hud .sw-status{font-size:11px;padding:3px 6px}.touch-layout #superweapon-aimbar{top:calc(var(--game-head,64px) + 12px);left:calc(10px + var(--safe-left,0px));right:calc(10px + var(--touch-side,0px) + var(--safe-right,0px));transform:none;max-width:none;flex-wrap:wrap;z-index:9;padding:10px;background:#0b1924f7;box-shadow:0 8px 24px #0005}.touch-layout #superweapon-aimbar .sw-aim-text{flex:1 1 100%;font-size:13px;line-height:1.4}.touch-layout #superweapon-aimbar button{flex:1 1 0;min-height:44px}@media(min-width:950px)and (min-height:601px){.touch-layout #superweapon-aimbar{left:auto;right:18px;width:460px}}.mode-row span{display:grid;gap:2px}.mode-row strong{font:600 13px var(--body)}.mode-row small{font:11.5px/1.35 var(--body);color:var(--muted);max-width:420px}.mode-row select{min-width:200px;font:13px var(--body);padding:8px 10px;background:var(--glass-2);color:var(--text);border:1px solid var(--line-2);border-radius:2px}#mode-line{position:absolute;left:50%;top:calc(var(--top-raw) + 34px);transform:translate(-50%);z-index:3;display:flex;gap:14px;align-items:baseline;padding:5px 14px;font:12px var(--mono);letter-spacing:.06em;color:var(--muted);background:var(--glass);border:1px solid var(--line);border-radius:2px;white-space:nowrap}#mode-line b{color:var(--accent);letter-spacing:.2em;font-weight:700}#mode-line strong{color:var(--text)}#mode-line .ok{color:#5fc46a}#mode-line .warn{color:#ffb14a}#mode-line.flash{animation:mode-flash .9s ease-out 2}@keyframes mode-flash{0%,to{border-color:var(--line)}50%{border-color:var(--accent);box-shadow:0 0 18px #ff5a1f66}}.touch-layout #mode-line{top:calc(var(--top) + 30px);font-size:11px;gap:8px;padding:4px 10px}#mode-actions{position:absolute;left:50%;top:calc(var(--top-raw) + 68px);transform:translate(-50%);z-index:4;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;width:min(94vw,880px);padding:7px;background:var(--glass);border:1px solid var(--line);font:11px var(--mono);color:var(--muted)}#mode-actions[hidden]{display:none}#mode-actions button{padding:6px 8px;border:1px solid var(--line-2);background:var(--glass-2);color:var(--text);font:11px var(--mono);cursor:pointer}#mode-actions button:hover{border-color:var(--accent)}#mode-actions button:disabled{opacity:.5;cursor:default}.touch-layout #mode-line{max-width:96vw;white-space:normal;flex-wrap:wrap;justify-content:center}.touch-layout #mode-actions{top:calc(var(--top) + 66px);max-height:25vh;overflow:auto}.bunker-mode #touch-workers,.bunker-mode #production-panel{display:none!important}.mode-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:18px}.mode-card{display:grid;gap:6px;align-content:start;text-align:left;padding:18px 18px 16px;min-height:0;background:linear-gradient(160deg,#121a20f2,#0b1014f2);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:2px;color:var(--text);cursor:pointer;transition:border-color .15s,transform .15s}.mode-card:hover{border-color:var(--line-2);border-left-color:var(--accent);transform:translateY(-2px)}.mode-card .mode-kicker{font:700 10px var(--mono);letter-spacing:.24em;color:var(--accent)}.mode-card strong{font:800 26px/1 var(--display);letter-spacing:.04em;text-transform:uppercase}.mode-card .mode-line{font:600 13px var(--body);color:#d6dcdf}.mode-card .mode-desc{font:12px/1.45 var(--body);color:var(--muted)}.mode-card .mode-go{margin-top:6px;font:700 11px var(--mono);letter-spacing:.18em;color:var(--accent)}.mode-foot{color:var(--dim);margin-top:16px;max-width:60ch}.env-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px 0;border-top:1px solid var(--line)}.env-row>strong{font:600 13px var(--body);flex:1 0 100%}.env-row label{display:grid;gap:3px;font:11px var(--mono);letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.env-row select{min-width:128px;font:13px var(--body);padding:7px 9px;background:var(--glass-2);color:var(--text);border:1px solid var(--line-2);border-radius:2px;text-transform:none;letter-spacing:0}.env-row .env-events{display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0;font:12.5px var(--body);color:var(--text)}#env-chip{position:absolute;right:16px;top:calc(var(--top-raw) + 10px);z-index:3;padding:4px 10px;font:11.5px var(--mono);letter-spacing:.05em;color:var(--muted);background:var(--glass);border:1px solid var(--line);pointer-events:none;white-space:nowrap}#env-fx{position:absolute;right:16px;top:calc(var(--top-raw) + 10px);z-index:3;display:flex;gap:4px}#env-fx span{padding:4px 8px;font:700 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#8fd0ff;background:var(--glass);border:1px solid #4d7fa0;cursor:help}#groups button .grp-type{display:block;font:600 8.5px var(--mono);letter-spacing:.04em;color:var(--muted);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:5.6em;margin:1px auto 0}#groups button.is-active{border-color:var(--accent,#ff7a2f);box-shadow:inset 0 0 0 1px var(--accent,#ff7a2f),0 0 10px #ff7a2f55}#env-chip[data-mood=nacht]{color:#9fb7d6}#env-chip[data-mood=morgen],#env-chip[data-mood=abend]{color:#e7b27a}#env-banner{position:absolute;left:50%;top:calc(var(--top-raw) + 72px);transform:translate(-50%);z-index:4;display:flex;gap:14px;align-items:baseline;padding:8px 18px;font:12.5px var(--body);color:var(--text);background:linear-gradient(90deg,#0c1a22ee,#10232dee);border:1px solid #4d7fa0;box-shadow:0 8px 30px #0008;pointer-events:none}#env-banner b{font:700 12px var(--mono);letter-spacing:.22em;color:#8fd0ff}#env-banner em{font:700 12px var(--mono);font-style:normal;color:#ffb14a}#env-banner[data-kind=hitzesommer]{border-color:#c98a3c}#env-banner[data-kind=hitzesommer] b{color:#ffc071}#env-banner[data-kind=sturmflut]{border-color:#3f8fbf}#env-banner[data-phase=warn]{animation:env-warn 1.2s ease-in-out infinite}@keyframes env-warn{0%,to{box-shadow:0 8px 30px #0008}50%{box-shadow:0 0 26px #3fa7ff55}}@media(max-width:760px){#env-chip,#env-fx{display:none}#env-banner{top:calc(var(--top-raw) + 44px);max-width:92vw;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){#env-banner{animation:none!important}}#cinematic-backdrop>img,#cinematic-backdrop>video{filter:saturate(.95) brightness(.94)}.scene-vignette{background:linear-gradient(90deg,#04080bd6,#05090c99 24%,#05090c14 50%,#05090c00 70%,#05090c38),linear-gradient(0deg,rgba(5,9,12,.82),transparent 24%,transparent 82%,rgba(5,9,12,.5))!important}#menu .menu-vignette{background:radial-gradient(130% 100% at 55% 45%,transparent 58%,rgba(4,8,11,.5) 100%)!important}#menu .home-description{display:none}#menu .home-left>.eyebrow{letter-spacing:.24em;color:#d9c7a6}#menu .menu-aaa .main-navigation{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:stretch;gap:8px;max-width:min(600px,100%)}#menu .main-navigation>button{flex:1 1 100%}#menu .main-navigation>.configure-play,#menu .main-navigation>[data-go=modes]{flex:1 1 calc(50% - 4px);min-height:54px;font-size:15px}#menu .main-navigation>.configure-play small,#menu .main-navigation>[data-go=modes] small{display:none!important}#menu .main-navigation>button:not(.nav-play):not(.configure-play):not([data-go=modes]){flex:0 0 auto;width:auto!important;min-height:32px;padding:4px 10px;background:none!important;border:0!important;border-bottom:1px solid transparent!important;font:600 11.5px var(--mono);letter-spacing:.16em;color:#b9c2c4;transform:none!important;box-shadow:none}#menu .main-navigation>button:not(.nav-play):not(.configure-play):not([data-go=modes]):hover,#menu .main-navigation>button:not(.nav-play):not(.configure-play):not([data-go=modes]):focus-visible{color:#fff;border-bottom-color:var(--accent)!important}#menu .main-navigation>button:not(.nav-play):not(.configure-play):not([data-go=modes]) :is(.nav-number,.nav-arrow,small){display:none}#menu .main-navigation>[data-go=atlas]{margin-left:0}#menu .main-navigation>#go-editor,#menu .main-navigation>[data-go=options]{order:10;color:#7f8b8f}#menu .menu-aaa .home-films.lage-chips{display:flex!important;flex-wrap:nowrap;gap:5px;grid-template-columns:none;align-self:end;justify-content:flex-start;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#8b9698 #10171b}#menu .menu-aaa .home-films.lage-chips>:first-child{margin-left:auto}#menu .menu-aaa .home-films.lage-chips::-webkit-scrollbar{height:7px}#menu .menu-aaa .home-films.lage-chips::-webkit-scrollbar-track{background:#10171b}#menu .menu-aaa .home-films.lage-chips::-webkit-scrollbar-thumb{background:#8b9698;border-radius:4px}#menu .lage-chip{display:grid;flex:0 0 auto;gap:2px;text-align:left;white-space:nowrap;padding:6px 9px;font:700 12px var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--text);background:#080c0f80;border:1px solid rgba(255,255,255,.14);border-radius:2px;backdrop-filter:blur(6px);cursor:pointer;transition:border-color .16s,background .16s}#menu .lage-chip small{font:8.5px var(--mono);letter-spacing:.12em;color:var(--dim);font-weight:500}#menu .lage-chip:hover{border-color:#fff6}#menu .lage-chip[aria-pressed=true]{border-color:var(--accent);background:#1c100a9e}#menu .trio-card img{object-fit:cover;object-position:50% 30%;filter:saturate(.95) brightness(.9)}#menu[data-fx=clear] .menu-rain,#menu[data-fx=heat] .menu-rain,#menu[data-fx=fog] .menu-rain{opacity:0!important}#menu[data-fx=storm] .menu-rain{opacity:1!important;filter:brightness(1.4)}#menu[data-fx=fog] .menu-fog{opacity:1!important}#menu[data-fx=heat] .menu-vignette:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(255,170,90,.16),transparent 55%);mix-blend-mode:screen}#menu[data-fx=snow] .menu-rain{opacity:.9!important;background-image:radial-gradient(1.6px 1.6px at 20px 30px,#fff 60%,transparent 62%),radial-gradient(1.2px 1.2px at 90px 120px,#e8f1f7 60%,transparent 62%),radial-gradient(2.2px 2.2px at 160px 60px,#fff 60%,transparent 62%),radial-gradient(1.4px 1.4px at 230px 180px,#dfe9f0 60%,transparent 62%)!important;background-size:260px 220px!important;animation:lage-snow 9s linear infinite!important}@keyframes lage-snow{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:40px 220px,-30px 220px,20px 220px,-10px 220px}}@media(max-width:680px){#menu .main-navigation>.configure-play,#menu .main-navigation>[data-go=modes]{flex-basis:calc(50% - 4px)}#menu .menu-aaa .home-films.lage-chips{justify-content:flex-start}#menu .lage-chip{padding:6px 10px;font-size:11px}}#opening{position:fixed;inset:0;z-index:9000;background:#030507;overflow:hidden;cursor:pointer;opacity:1;transition:opacity .42s ease}#opening.op-out{opacity:0}#opening .op-stage{z-index:0}#opening .op-engine{position:absolute;inset:0;z-index:1;overflow:hidden;background:#05080b;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s linear,visibility .2s linear}#opening .op-engine.on{opacity:1;visibility:visible}#opening .op-engine-anchor{position:absolute;inset:0}#opening .op-engine .harbor-gpu{position:absolute!important;inset:0;width:100%;height:100%;z-index:0}#opening .op-engine-fx{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}#opening.op-engine-trailer .op-stage:before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.42) 100%)}#opening.op-engine-trailer .op-stage:after{content:"";position:absolute;inset:-2%;z-index:5;pointer-events:none;opacity:.13;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");animation:op-grain-jitter .16s steps(2,end) infinite}@keyframes op-grain-jitter{0%,to{transform:translate(0)}25%{transform:translate(-7px,4px)}50%{transform:translate(5px,-6px)}75%{transform:translate(-3px,-5px)}}#opening.op-engine-trailer .op-bars i{height:10vh}#opening.op-title-card .op-line{top:50%;bottom:auto}#opening.op-title-card .op-line.on{transform:translateY(-50%)}#opening.op-title-card .op-title{font-size:clamp(38px,8vw,120px);letter-spacing:.16em}@media(max-width:680px){#opening.op-engine-trailer .op-bars i{height:6vh}#opening.op-title-card .op-title{font-size:clamp(30px,10vw,68px)}}@media(prefers-reduced-motion:reduce){#opening.op-engine-trailer .op-stage:after{animation:none}}#opening .op-stage{position:absolute;inset:0}#opening .op-shot{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;opacity:0;transition:opacity .9s ease;filter:saturate(.92) contrast(1.04);will-change:transform,opacity}#opening .op-rain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}#opening .op-bars i{position:absolute;left:0;right:0;height:9vh;background:#000}#opening .op-bars i:first-child{top:0}#opening .op-bars i:last-child{bottom:0}#opening .op-line{position:absolute;left:0;right:0;bottom:15vh;margin:0;text-align:center;font:700 clamp(18px,2.6vw,38px)/1.1 var(--display);letter-spacing:.14em;color:#f1ece2;text-shadow:0 2px 24px #000c;opacity:0;transform:translateY(8px);transition:opacity .6s ease,transform .8s ease}#opening .op-line.on{opacity:1;transform:none}#opening .op-logo{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:18px;opacity:0;transform:scale(.96);transition:opacity 1.2s ease,transform 3s ease}#opening .op-logo img{width:min(720px,76vw);filter:drop-shadow(0 10px 40px #000)}#opening .op-logo span{font:600 clamp(11px,1.1vw,15px) var(--mono);letter-spacing:.5em;color:#c9b793}#opening.op-logo-on .op-logo{opacity:1;transform:none}#opening .op-skip{position:absolute;right:24px;bottom:calc(9vh + 16px);z-index:2;padding:8px 14px;font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#c8cfd1;background:#00000059;border:1px solid rgba(255,255,255,.18);border-radius:2px}#opening .op-skip kbd{margin-left:6px;opacity:.7}#opening .op-sound{position:absolute;left:50%;top:calc(9vh + 16px);transform:translate(-50%);z-index:6;padding:10px 18px;font:600 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#10161a;background:#f0c27a;border:0;border-radius:2px;box-shadow:0 0 0 1px #0006,0 6px 24px #00000073;cursor:pointer;animation:op-sound-pulse 2.4s ease-in-out infinite}#opening .op-sound[hidden]{display:none}@keyframes op-sound-pulse{50%{box-shadow:0 0 0 1px #0006,0 0 0 6px #f0c27a40,0 6px 24px #00000073}}@media(prefers-reduced-motion:reduce){#opening .op-sound{animation:none}}body.opening #shell{visibility:hidden}@media(max-width:680px){#opening .op-bars i{height:6vh}#opening .op-line{bottom:12vh;padding:0 16px;letter-spacing:.08em}}#menu .wordmark-hafenfront{max-width:min(620px,100%)!important;margin:6px 0 4px}#menu .wordmark-hafenfront img{width:100%;height:auto;filter:drop-shadow(0 8px 30px rgba(0,0,0,.6))}#menu .wordmark-hafenfront span{display:none}#opening .op-logo img{width:min(980px,88vw)}#hummel{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);z-index:6;display:grid;justify-items:center;gap:6px;pointer-events:none;text-align:center}#hummel b{font:800 clamp(34px,5.4vw,78px)/.95 var(--display);letter-spacing:.06em;text-shadow:0 6px 30px rgba(0,0,0,.8);opacity:0;transform:translateY(14px) scale(.96)}#hummel .h-call{color:#f4efe6}#hummel .h-answer{color:var(--accent)}#hummel .h-answer:empty{display:none}#hummel .h-line{font:600 clamp(12px,1.2vw,16px) var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#d9c7a6;opacity:0}#hummel.on .h-call{animation:hummel-in .5s cubic-bezier(.2,.8,.2,1) forwards}#hummel.on .h-answer{animation:hummel-in .5s cubic-bezier(.2,.8,.2,1) .9s forwards}#hummel.on .h-line{animation:hummel-fade .6s ease 1.5s forwards}#hummel:not(.on){transition:opacity .5s;opacity:0}@keyframes hummel-in{to{opacity:1;transform:none}}@keyframes hummel-fade{to{opacity:1}}@media(prefers-reduced-motion:reduce){#hummel b,#hummel .h-line{animation:none!important;opacity:1;transform:none}}#menu .wordmark-hafenfront{max-width:min(640px,100%)!important;margin:0 0 2px -8px}#menu .wordmark-hafenfront img{filter:drop-shadow(0 10px 34px rgba(0,0,0,.7))}#opening .op-logo small{font:600 clamp(10px,.95vw,13px) var(--mono);letter-spacing:.42em;color:#8f9aa0}#opening .op-logo span{font:600 clamp(12px,1.2vw,17px) var(--mono);letter-spacing:.3em;color:#e9e2d4}#menu .menu-aaa .wordmark.wordmark-hafenfront{width:min(640px,100%)!important;max-width:min(640px,100%)!important}#menu .wordmark.wordmark-hafenfront img{width:100%!important;max-width:none!important;height:auto!important}:root{--concrete:url(../media/brand/concrete.webp);--paper:#ecebe6}.page-heading h1,#room-title,#menu .home-tagline,#end-title,#loading-name,#briefing-title,#connection-message,#game-menu-title,#atlas-name,#home-map-name,#room-map-name,#p-name,.mode-card strong,.faction-card h2,.faction-card h3,#chapter-body h2,.settings-aside h2{background:var(--concrete) 0 0/300px repeat,var(--paper);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;text-shadow:none!important}.page-heading h1 span,#menu .home-tagline em{-webkit-text-fill-color:#9d998f;color:#9d998f}.page-heading h1{font-weight:800;letter-spacing:.015em}.page-heading>div:first-child{position:relative;padding-bottom:30px}.page-heading>div:first-child:after{content:"";position:absolute;left:0;bottom:0;width:min(520px,70vw);height:30px;background:url(../media/brand/skyline-strip.svg) left bottom/auto 100% no-repeat;opacity:.16;pointer-events:none}.eyebrow,.section-label,#menu .home-left>.eyebrow{letter-spacing:.34em!important;font-weight:600;color:#d7d2c7!important}.eyebrow i,.eyebrow:before{background:#d7d2c7!important}#menu .home-tagline{font-size:clamp(26px,3vw,44px)!important;letter-spacing:.02em}#menu .wordmark.wordmark-hafenfront{width:min(600px,100%)!important;max-width:min(600px,100%)!important;margin:4px 0 8px -4px}#menu .wordmark.wordmark-hafenfront img{filter:drop-shadow(0 6px 26px rgba(0,0,0,.55))}#menu .main-navigation>.configure-play,#menu .main-navigation>[data-go=modes]{border-left-color:transparent}#menu .main-navigation>.configure-play:hover,#menu .main-navigation>[data-go=modes]:hover{border-left-color:#ecebe6}.panel,.mode-card,.film-card,.trio-card{border-color:#ecebe624!important}.outline{border-color:#ecebe659!important;color:#ecebe6!important}.outline:hover{border-color:#ecebe6!important}#opening .op-ahnma{font:600 clamp(10px,.95vw,13px) var(--mono);letter-spacing:.2em;color:#b9b5ab}#opening .op-logo img{width:min(1100px,90vw)}.mode-card[data-mode]{background-size:cover!important;background-position:center!important}.mode-card[data-mode=sturmflut]{background-image:linear-gradient(90deg,#080c0ff0 38%,#080c0f80),url(../media/menu/mode-sturmflut-20260925.webp)!important}.mode-card[data-mode=bunkerkrieg]{background-image:linear-gradient(90deg,#080c0ff0 38%,#080c0f80),url(../media/menu/mode-bunkerkrieg-20260925.webp)!important}.mode-card[data-mode=zeitalter]{background-image:linear-gradient(90deg,#080c0ff0 38%,#080c0f80),url(../media/lage/tag-speicherstadt.webp)!important}.mode-card[data-mode=revierkampf]{background-image:linear-gradient(90deg,#080c0ff0 38%,#080c0f80),url(../media/lage/herbst-elbbruecken.webp)!important}.mode-card[data-mode=standard]{background-image:linear-gradient(90deg,#080c0ff0 38%,#080c0f80),url(../media/lage/herbst-nacht-speicherstadt.webp)!important}#game{overflow:clip!important}body:not(.touch-layout) #hud{grid-template-columns:minmax(120px,216px) minmax(0,320px) minmax(0,280px) minmax(0,460px)!important}body:not(.touch-layout) #hud>*{min-width:0}#loading-tip{margin-top:14px;font:600 13px/1.45 var(--body);color:#d7d2c7;letter-spacing:.01em;max-width:52ch}#loading-tag{letter-spacing:.3em!important}#op-brief{width:min(1180px,95vw);max-width:none;max-height:92vh;padding:0;border:1px solid var(--op-accent-55,#e8752e55);border-radius:14px;background:linear-gradient(160deg,#0d1419f2,#070b0ef7);color:#e9e4d8;box-shadow:0 30px 120px #000c,0 0 0 1px #ffffff0d inset;overflow:hidden}#op-brief[open]{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}#op-brief::backdrop{background:#03060899;backdrop-filter:blur(6px) saturate(.8)}#op-brief .op-close{position:absolute;right:14px;top:10px;z-index:3;width:38px;height:38px;border-radius:50%;border:1px solid #ffffff2e;background:#0009;color:#fff;font-size:22px;line-height:1;cursor:pointer}#op-brief .op-close:hover{border-color:var(--op-accent);color:var(--op-accent)}#op-brief .op-brief-art{position:relative;margin:0;min-height:100%;overflow:hidden;background:#05080a}#op-brief .op-brief-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:52% 55%;animation:opBriefDrift 26s ease-in-out infinite alternate;filter:saturate(1.05) contrast(1.04)}#op-brief .op-brief-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 82%,#070b0e 100%),linear-gradient(0deg,#070b0ecc,transparent 38%),repeating-linear-gradient(0deg,#ffffff06 0 1px,transparent 1px 3px);pointer-events:none}#op-brief .op-brief-art>span{position:absolute;left:18px;bottom:14px;z-index:2;font:600 10px/1.3 var(--mono);letter-spacing:.18em;color:#c9b793cc}#op-brief .op-mark{position:absolute;z-index:2;display:grid;place-items:center;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;font:800 15px var(--display);font-style:normal;color:#1a0e06;background:var(--op-accent);box-shadow:0 0 0 3px #0008,0 0 24px var(--op-accent-cc,#e8752ecc)}#op-brief .op-mark:before{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid var(--op-accent);opacity:0;animation:opMarkPing 2.4s ease-out infinite}#op-brief .op-mark:nth-of-type(2):before{animation-delay:.8s}#op-brief .op-mark:nth-of-type(3):before{animation-delay:1.6s}#op-brief .op-brief-body{padding:34px 34px 26px;overflow:auto;max-height:92vh}#op-brief .op-brief-body .eyebrow{font:600 11px var(--mono);letter-spacing:.22em;color:var(--op-accent)}#op-brief #op-brief-title{margin:10px 0 12px;font:800 clamp(34px,4.2vw,58px)/.92 var(--display);letter-spacing:.01em}#op-brief .op-rules{margin:16px 0;padding:16px 0 4px;border-top:1px solid #ffffff1a}#op-brief .op-hafenchronik{margin:14px 0;padding:12px 14px;border:1px solid #c6b38b55;border-left:3px solid #c6b38b;border-radius:8px;background:linear-gradient(115deg,#d3b57c12,#ffffff05);color:#e9e4d8}#op-brief .op-hafenchronik-heading{display:flex;align-items:center;gap:8px;color:#d8c49b}#op-brief .op-hafenchronik-heading>span{font-size:15px;line-height:1}#op-brief .op-hafenchronik h3{margin:0;font:700 11px/1.4 var(--mono);letter-spacing:.16em}#op-brief .op-hafenchronik p{margin:7px 0 5px;font:13px/1.55 var(--body);color:#eee9df}#op-brief .op-hafenchronik small{display:block;font:10px/1.4 var(--mono);color:#c7bdab;overflow-wrap:anywhere}#op-brief .op-hafenchronik:focus-visible{outline:2px solid #f0d28f;outline-offset:3px}#op-brief .op-rule-sites{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}#op-brief .op-rule-sites span{display:flex;flex-direction:column;gap:3px;padding:0 0 10px;border:1px solid #ffffff1f;border-radius:10px;background:#ffffff08;overflow:hidden;line-height:1.35}#op-brief .op-rule-sites span>:not(img){margin-inline:10px}#op-brief .op-rule-sites img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;margin-bottom:6px;filter:saturate(1.05)}#op-brief .op-rule-sites b{font:800 13px var(--display);letter-spacing:.06em;color:#f3eee4}#op-brief .op-rule-sites em{font:600 10px var(--mono);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--op-accent)}#op-brief .op-rule-sites small{font-size:12px;color:#cfc8b8}#op-brief .op-small{font-size:12px;color:#a9a397}#op-brief #op-start{width:100%;margin-top:12px;padding:16px 20px;font:800 17px var(--display);letter-spacing:.12em}@keyframes opBriefDrift{0%{transform:scale(1)}to{transform:scale(1.06) translate(-.8%,.6%)}}@keyframes opMarkPing{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.6);opacity:0}}@media(max-width:860px){#op-brief[open]{grid-template-columns:1fr;max-height:94vh;overflow:auto}#op-brief .op-brief-art{min-height:36vh}#op-brief .op-brief-body{max-height:none;padding:22px 18px}#op-brief .op-rule-sites{grid-template-columns:1fr}#op-brief .op-rule-sites img{aspect-ratio:21/9}}#op-brief .op-art-map{position:absolute;top:0;bottom:0;left:50%;aspect-ratio:16/9;min-width:100%;translate:-50% 0;transform-origin:50% 45%;animation:opBriefDrift 26s ease-in-out infinite alternate}#op-brief .op-art-map img{animation:none}@media(prefers-reduced-motion:reduce){#op-brief .op-brief-art img,#op-brief .op-art-map,#op-brief .op-mark:before{animation:none}}.result-graph{margin:0 0 22px;padding:12px 14px 8px;border:1px solid #ffffff14;border-radius:10px;background:#0006}.result-graph .mg-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline;margin-bottom:6px}.result-graph .mg-head small{font:600 10px var(--mono);letter-spacing:.2em;color:var(--muted)}.result-graph .mg-legend{display:flex;gap:12px;flex-wrap:wrap;font:11px var(--body);color:#d8d2c4}.result-graph .mg-legend i{display:inline-block;width:12px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}.result-graph .match-graph{width:100%;height:auto;display:block}.result-graph .mg-line{fill:none;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.result-graph .mg-grid{stroke:#ffffff14;stroke-width:1}.result-graph .mg-tick{fill:#8f8a7f;font:9px var(--mono);text-anchor:middle}.result-graph .mg-foot{font:11px/1.5 var(--body);color:var(--muted);margin-top:4px}.result-graph .mg-row{fill:#ffffff07}.result-graph .mg-area{opacity:.16;stroke:none}.result-graph .mg-label{fill:#cfc8b8;font:600 9px var(--mono);letter-spacing:.14em;text-transform:uppercase}.result-graph .mg-peak{fill:#f3eee4;font:800 12px var(--display);text-anchor:end}#end-erfolge .erfolge li{display:grid;grid-template-columns:34px 1fr;column-gap:12px;align-items:center}#end-erfolge .erfolge li .erfolg-icon{grid-row:span 2;width:30px;height:30px;padding:4px;border-radius:50%;color:var(--accent);background:#ffffff0d;box-shadow:0 0 0 1px #ffffff1f inset}#end-erfolge .erfolge li strong,#end-erfolge .erfolge li span{grid-column:2}#op-brief:has(.cine){overflow:hidden!important}#op-brief .cine{width:auto!important;height:auto!important}#menu #op-campaign{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important;margin:10px 0 12px;max-width:560px}#menu #op-campaign>.eyebrow{grid-column:1/-1;margin:0 0 2px;font:600 10px var(--mono);letter-spacing:.22em;color:var(--accent)}#menu #op-campaign .op-entry{display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto;row-gap:2px;max-width:none;min-height:0;margin:0;padding:8px 10px!important;border-radius:6px;border-left-width:3px}#menu #op-campaign .op-entry-code{grid-column:1/-1;font-size:9px;letter-spacing:.16em}#menu #op-campaign .op-entry strong{font-size:12px;line-height:1.15;letter-spacing:.04em}#menu #op-campaign .op-entry small{font-size:10px;line-height:1.25;margin-top:1px}#menu #op-campaign .op-entry>span:nth-child(3){align-self:end;color:var(--accent)}#menu #op-campaign .op-entry[disabled]{opacity:.5;cursor:not-allowed;border-left-color:var(--line)}#menu #op-campaign .op-entry:not([disabled]):hover{border-color:var(--accent);background:#e8752e14}#menu #op-campaign-tools{grid-column:1/-1;display:flex;align-items:center;gap:6px;flex-wrap:nowrap;min-width:0;min-height:36px}#menu #op-campaign-tools>button{min-width:0;min-height:32px;border:1px solid #ffffff35;background:#ffffff08;color:inherit;padding:5px 8px;font:600 10px var(--mono);cursor:pointer}#menu #op-campaign-tools>#op-chronicle-open{flex:1 1 auto;text-align:left;white-space:nowrap}#menu #op-campaign-tools>.op-campaign-icon{flex:0 0 34px;width:34px;height:34px;padding:7px;display:grid;place-items:center}#menu #op-campaign-tools>.op-campaign-icon svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#menu #op-campaign-tools>button:hover{border-color:var(--accent);background:#e8752e14}#menu #op-campaign-tools>button:focus-visible{outline:2px solid #ffd093;outline-offset:2px;z-index:1}#menu #op-campaign-tools #op-campaign-import{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#menu #op-campaign-tools #op-campaign-import:focus-visible{outline:0}#op-chronicle{width:min(680px,calc(100vw - 28px));max-height:82vh;overflow:auto;background:#10171b;color:#eee9dc;border:1px solid #88724e;padding:24px}#op-chronicle h2{font:700 25px var(--display);color:var(--accent)}#op-chronicle>p{font:12px/1.5 var(--body);color:#cfc8b8}.op-import-label:focus-within{outline:2px solid var(--accent);outline-offset:2px}.op-chronicle-entry[data-status=gesperrt]{opacity:.55;border-left-color:var(--line)}.op-chronicle-entry[data-status=gewonnen]{border-left-color:#7fbf6a}.op-chronicle-entry h3 em{float:right;font-style:normal;font-size:10px;color:#d9bf87}.op-chronicle-effects-title{color:#d9bf87;font-weight:700}.op-chronicle-effect{padding-left:10px;border-left:1px solid #ffffff30}#op-chronicle-close{position:absolute;top:12px;right:14px;width:auto!important;min-width:36px;min-height:36px;padding:4px 10px}#op-chronicle-body{display:grid;gap:8px}.op-chronicle-entry{padding:10px 12px;border-left:2px solid var(--accent);background:#ffffff08}.op-chronicle-entry h3,.op-campaign-effects h3{margin:0;font:700 12px var(--mono);letter-spacing:.08em;color:var(--accent)}.op-chronicle-entry p,.op-campaign-effects p{margin:5px 0;font:12px/1.45 var(--body)}.op-chronicle-entry small{font:10px var(--mono);color:#d9bf87}#op-brief .op-campaign-effects{margin:12px 0;padding:10px;border-left:2px solid var(--op-accent);background:#ffffff08}@media(max-height:760px){#menu #op-campaign .op-entry small{display:none}}@media(max-width:560px){#menu #op-campaign{max-width:none}#menu #op-campaign .op-entry small{display:none}#menu #op-campaign .op-entry strong{font-size:11px}}#menu #op-campaign>.op-campaign-header,#menu #op-campaign>.op-campaign-switch-note,#menu #op-campaign>#op-campaign-continue,#menu #op-campaign>.op-campaign-complete{grid-column:1/-1}#menu #op-campaign>.op-campaign-header{display:flex;align-items:center;gap:12px;margin:2px 0 0;padding:10px;border:1px solid #ffffff24;background:linear-gradient(110deg,#ffffff0c,#ffffff03);border-radius:7px}#menu #op-campaign .op-campaign-header img{width:58px;height:58px;object-fit:cover;border-radius:5px;border:1px solid #ffffff35}#menu #op-campaign .op-campaign-header h2{margin:0;font:700 17px/1.2 var(--display);letter-spacing:.04em}#menu #op-campaign .op-campaign-header p{margin:4px 0 0;color:#d8d0c2;font:11px/1.35 var(--mono)}#menu #op-campaign>.op-campaign-switch-note{margin:0;color:#bdb4a5;font:11px/1.4 var(--body)}#menu #op-campaign>#op-campaign-continue{min-height:42px;text-align:left;padding:9px 12px;border:1px solid #ff7138;border-radius:5px;background:#ff7138;color:#181411;font:700 12px var(--mono);box-shadow:0 5px 18px #0008}#menu #op-campaign>#op-campaign-continue:hover,#menu #op-campaign>#op-campaign-continue:focus-visible{background:#ff925f;border-color:#ffb18c;color:#111}#menu #op-campaign>.op-campaign-complete{margin:0;color:#e8c18f;font:12px/1.45 var(--body)}#menu #op-campaign .op-entry-location{display:block!important;margin:0;color:#e6a16a;font:600 9px/1.3 var(--mono);letter-spacing:.06em}#menu #op-campaign .op-entry strong{display:block;margin:2px 0}#menu #op-campaign .op-entry small:not(.op-entry-location){display:block!important;color:#c6beb0;font-size:9px;line-height:1.35;white-space:normal}@media(max-width:560px){#menu #op-campaign>.op-campaign-header{padding:8px;gap:9px}#menu #op-campaign .op-campaign-header img{width:48px;height:48px}#menu #op-campaign .op-campaign-header h2{font-size:14px}#menu #op-campaign .op-campaign-header p{font-size:10px}#menu #op-campaign .op-entry-location{font-size:9px!important}#menu #op-campaign .op-entry small:not(.op-entry-location){display:block!important;font-size:9px}#menu #op-campaign .op-entry strong{font-size:12px!important;line-height:1.25}}#op-brief,#op-hud,#op-radio{--op-accent:#e8752e;--op-accent-55:#e8752e55;--op-accent-cc:#e8752ecc}#op-brief[data-race=kiez],#op-hud[data-race=kiez],#op-radio[data-race=kiez]{--op-accent:#e0443c;--op-accent-55:#e0443c55;--op-accent-cc:#e0443ccc}#op-brief[data-race=hanse],#op-hud[data-race=hanse],#op-radio[data-race=hanse]{--op-accent:#e04fa0;--op-accent-55:#e04fa055;--op-accent-cc:#e04fa0cc}#game:has(#op-hud:not([hidden])) #operation-panel{display:none!important}#op-hud{position:absolute;left:12px;top:64px;z-index:40;width:min(300px,calc(100% - 24px));max-height:calc(100% - 64px - var(--hud,228px) - 24px);overflow:auto;padding:0 0 10px;border:1px solid #ffffff1f;border-left:3px solid var(--op-accent);border-radius:10px;background:linear-gradient(160deg,#0d1419ee,#070b0ef2);box-shadow:0 12px 40px #0009;color:#e9e4d8;font:12px/1.4 var(--body)}#op-hud[hidden],#op-radio[hidden]{display:none!important}#op-hud-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:none;border:0;color:inherit;font:700 11px var(--mono);letter-spacing:.14em;text-align:left;cursor:pointer}#op-hud-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--op-accent)}#op-held{padding:2px 7px;border-radius:999px;background:#ffffff14;color:#f3eee4}#op-hud-toggle>span:last-child{transition:transform .2s ease}#op-hud.collapsed .op-detail,#op-hud.collapsed .op-score,#op-hud.collapsed .op-progress{display:none}#op-hud.collapsed #op-hud-toggle>span:last-child{transform:rotate(-90deg)}#op-hud .op-score{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:0 12px}#op-hud .op-score small{display:block;font:600 9px var(--mono);letter-spacing:.16em;color:#a9a397}#op-hud .op-score b{font:800 26px/1 var(--display);color:#f3eee4}#op-hud .op-score>div:last-child{text-align:right}#op-score-target{font:600 11px var(--mono);color:#a9a397;padding-bottom:4px}#op-hud .op-progress{position:relative;height:6px;margin:8px 12px 10px;border-radius:3px;background:#ffffff14;overflow:hidden}#op-hud .op-progress i{position:absolute;top:0;bottom:0;width:0;transition:width .4s ease}#op-progress-you{left:0;background:var(--op-accent)}#op-progress-them{right:0;background:#8a93a0}#op-hud .op-detail{padding:0 12px}#op-hud-rule{margin:0 0 8px;font-size:11px;color:#cfc8b8}#op-sites{display:grid;gap:5px;margin-bottom:8px}#op-hud .op-site{position:relative;display:grid;grid-template-columns:26px 1fr;align-items:center;gap:8px;width:100%;padding:6px 8px;border:1px solid #ffffff1a;border-radius:7px;background:#ffffff08;color:inherit;text-align:left;cursor:pointer;overflow:hidden}#op-hud .op-site.active{border-color:var(--op-accent);background:#ffffff10}#op-hud .op-site-letter{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ffffff14;font:800 12px var(--display)}#op-hud .op-site.own .op-site-letter{background:var(--op-accent);color:#140a06}#op-hud .op-site.enemy .op-site-letter{background:#8a93a0;color:#101418}#op-hud .op-site b{display:block;font:700 12px var(--display);letter-spacing:.04em}#op-hud .op-site small{display:block;font:600 9px var(--mono);letter-spacing:.12em;color:#a9a397}#op-hud .op-site i{position:absolute;left:0;bottom:0;height:2px;background:var(--op-accent)}#op-send{width:100%;padding:8px 10px;font:700 12px var(--display);letter-spacing:.08em}#op-hud .op-small{margin:6px 0 0;font-size:10.5px;color:#a9a397}#op-hud .op-hud-tools{display:flex;gap:6px;margin-top:8px}#op-hud .op-hud-tools button{flex:1;padding:6px 8px;border:1px solid #ffffff24;border-radius:6px;background:none;color:#cfc8b8;font:600 10px var(--mono);letter-spacing:.08em;cursor:pointer}#op-radio{position:absolute;left:50%;top:64px;transform:translate(-50%);z-index:41;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:min(560px,calc(100% - 24px));padding:10px 12px;border:1px solid #ffffff24;border-left:3px solid var(--op-accent);border-radius:10px;background:#070b0eee;box-shadow:0 10px 30px #0009;color:#e9e4d8}#op-radio .op-radio-mark{font:14px var(--mono);color:var(--op-accent);letter-spacing:-1px;animation:opRadioPulse 1.2s ease-in-out infinite}#op-radio small{display:block;font:600 9px var(--mono);letter-spacing:.18em;color:var(--op-accent)}#op-radio p{margin:2px 0 0;font:600 13px/1.4 var(--body)}#op-radio-close{width:28px;height:28px;border-radius:50%;border:1px solid #ffffff24;background:none;color:#cfc8b8;cursor:pointer}@keyframes opRadioPulse{50%{opacity:.45}}@media(max-width:900px){#op-hud{top:56px;width:min(250px,calc(100% - 24px));max-height:40%}#op-radio{left:12px;right:12px;width:auto;transform:none;top:auto;bottom:calc(var(--hud,228px) + 14px)}}@media(prefers-reduced-motion:reduce){#op-radio .op-radio-mark{animation:none}}#op-hud{top:100px;max-height:calc(100% - 100px - var(--hud,228px) - 24px);scrollbar-width:thin;scrollbar-color:#ffffff30 transparent}@media(max-width:900px){#op-hud{top:96px}}@media(min-width:901px){#op-radio{top:100px}}#endcard[data-art]{background-image:linear-gradient(90deg,#030c11eb,#030c11b3 34%,#030c111a 70%),linear-gradient(0deg,rgba(3,12,17,.78),transparent 48%),var(--end-art)!important;background-position:center,center,right center!important;background-size:auto,auto,cover!important;background-repeat:no-repeat!important}@media(max-width:780px){#endcard[data-art]{background-position:center,center,62% center!important}}#endcard[data-art]{isolation:isolate;overflow:hidden}#endcard[data-art]:has(>.end-art-video.is-playing):before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#030c11eb,#030c11b3 34%,#030c111a 70%),linear-gradient(0deg,rgba(3,12,17,.78),transparent 48%)}#endcard[data-art]>.panel{position:relative;z-index:2}#endcard[data-art]>.end-art-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:0;filter:saturate(.78) brightness(.72);pointer-events:none}#endcard[data-art]>.end-art-video:not(.is-playing){display:none}@media(max-width:780px){#endcard[data-art]>.end-art-video{object-position:62% center}}@media(prefers-reduced-motion:reduce){#endcard[data-art]>.end-art-video{display:none}}#op-radio{grid-template-columns:auto auto 1fr auto}#op-radio .op-radio-face{display:block;width:46px;height:46px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px var(--op-accent),0 4px 16px #000a}#op-radio .op-radio-face img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:900px){#op-radio .op-radio-face{width:38px;height:38px}}@media(max-width:900px){#op-hud #op-hud-rule,#op-hud .op-small{display:none}#op-hud{max-height:calc(100% - 96px - var(--hud,228px) - 24px)}}body:has(#endcard:not([hidden])) :is(#op-hud,#op-radio){display:none!important}#endcard #op-next{width:100%;margin-bottom:10px}#endcard #rematch.op-secondary{background:transparent;color:var(--text)!important;border:1px solid var(--line-2);box-shadow:none}#endcard #rematch.op-secondary:hover{border-color:var(--accent)}@media(max-width:860px){#op-brief .op-brief-art{min-height:0;aspect-ratio:16/9}}.directory-dialog>footer{margin-top:14px;padding-top:12px;border-top:1px solid #ffffff14;font:12px/1.5 var(--body);color:var(--muted)}.directory-dialog .directory-list{scrollbar-color:#5f6b66 #0e1419;scrollbar-width:thin}.faction-card .faction-film{margin-top:10px;width:100%;font:700 12px var(--mono);letter-spacing:.12em;text-transform:uppercase}#save-dialog{width:min(94vw,600px);scrollbar-color:#5f6b66 #0e1419;scrollbar-width:thin}#save-dialog input[type=file]{width:100%;padding:10px;border:1px dashed #ffffff33;background:#0e1419;color:var(--muted);font:12px var(--mono);border-radius:2px;cursor:pointer}#save-dialog input[type=file]::file-selector-button{margin-right:12px;padding:8px 14px;border:1px solid var(--accent);background:transparent;color:var(--text);font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}#save-dialog input[type=file]:hover{border-color:var(--accent)}#funk-line[data-race=hafen]{border-left-color:#e8752e}#funk-line[data-race=kiez]{border-left-color:#e0443c}#funk-line[data-race=hanse]{border-left-color:#e04fa0}#field-guide{transition:opacity .2s}body:has(#funk-line:not([hidden])) #field-guide{opacity:0}body:not(.touch-layout) #p-name.long{font-size:21px}body:not(.touch-layout) #p-name.xlong{font-size:17px}#boot-status{background:radial-gradient(ellipse at 28% 42%,#15212a,#080d12 62%,#05080b);align-items:flex-start;padding:0 9vw;font:14px/1.6 var(--body)}#boot-status .boot-kicker{font:600 11px/1 var(--mono,monospace);letter-spacing:.32em;text-transform:uppercase;color:#e8752e;margin-bottom:14px}#boot-status strong{font:800 clamp(44px,8vw,104px)/.9 var(--display);letter-spacing:.03em;color:#f1ece2;text-shadow:0 6px 40px #000}#boot-status .boot-bar{display:block;width:min(320px,60vw);height:2px;margin:22px 0 12px;background:linear-gradient(90deg,transparent,#e8752e 45%,transparent) no-repeat -120% 0/45% 100%,#ffffff14;animation:boot-bar 1.4s ease-in-out infinite}#boot-status .boot-sub{font:600 12px/1 var(--mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:#9fb0b6}#boot-status p,#boot-status small{opacity:0;animation:boot-help .6s ease 6s forwards;font-size:13px}@keyframes boot-bar{to{background-position:220% 0,0 0}}@keyframes boot-help{to{opacity:1}}@media(prefers-reduced-motion:reduce){#boot-status .boot-bar{animation:none;background:#e8752e55}}#boot-status[data-zu-alt="1"] .boot-bar,#boot-status[data-zu-alt="1"] small{display:none}#boot-status[data-zu-alt="1"] .boot-sub{margin-top:18px}html[data-zu-alt="1"] #shell{display:none}#boot-status[data-zu-alt="1"]{top:0;left:0;width:100%;height:100%;background:#080d12}#mode-panel{position:absolute;right:16px;top:calc(var(--top-raw) + 62px);z-index:4;width:300px;max-height:calc(100vh - var(--top-raw) - var(--hud) - 90px);overflow:auto;padding:12px 12px 10px;background:linear-gradient(180deg,#0d141acc,#080d11e6);border:1px solid var(--line-2);border-top:2px solid var(--accent);box-shadow:0 18px 40px #0009;font:12px/1.35 var(--body);color:var(--text);scrollbar-width:thin;scrollbar-color:#e8752e55 transparent}#mode-panel[hidden]{display:none}.sturm-mode #mode-panel{top:calc(var(--top-raw) + 200px);max-height:calc(100vh - var(--top-raw) - var(--hud) - 228px)}#mode-panel header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}#mode-panel header b{font:700 12px var(--mono);letter-spacing:.22em;color:var(--accent)}#mode-panel header span{font:11px var(--mono);color:var(--muted)}#mode-panel h4{display:flex;justify-content:space-between;align-items:center;margin:12px 0 6px;font:600 10px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#aab6ba}#mode-panel h4 small{font-size:10px;letter-spacing:.06em;color:var(--muted)}#mode-panel .warn{color:#ff8a4a;font-weight:700}#mode-panel .mp-note{margin:6px 0 0;font:11px/1.4 var(--body);color:#9fb0b6}#mode-panel button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 8px;border:1px solid var(--line-2);background:#0f171d;color:var(--text);font:600 11px var(--body);text-align:left;cursor:pointer;border-radius:2px}#mode-panel button:hover:not(:disabled){border-color:var(--accent);background:#18222a}#mode-panel button:disabled{opacity:.42;cursor:not-allowed}#mode-panel button small{font:10px var(--mono);color:var(--muted)}.mp-pips{display:inline-flex;gap:3px;margin:2px 0}.mp-pips i{width:9px;height:4px;background:#ffffff1c}.mp-pips i.on{background:var(--accent);box-shadow:0 0 6px #e8752e88}.mp-duel{display:grid;grid-template-columns:auto 1fr auto;gap:4px 8px;align-items:center;font:10px var(--mono);letter-spacing:.06em;color:#aab6ba}.mp-bar{display:block;height:6px;background:#ffffff14;overflow:hidden}.mp-bar i{display:block;height:100%;transition:width .3s}.mp-bar.own i{background:linear-gradient(90deg,#e8752e,#ffb070)}.mp-bar.foe i{background:linear-gradient(90deg,#b8323a,#ff6b6b)}.mp-line{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid #ffffff0d}.mp-line>div{display:flex;flex-direction:column;gap:2px;min-width:0}.mp-line small{font:10px var(--mono);color:var(--muted)}.mp-line select{max-width:150px;padding:3px 4px;background:#0a1116;color:var(--text);border:1px solid var(--line-2);font:600 11px var(--body)}.mp-line button{flex:0 0 auto;align-items:center}.mp-add{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-top:6px}.mp-add span{width:100%;font:10px var(--mono);color:var(--muted)}.mp-add button{padding:4px 6px;font-size:10px}.mp-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.mp-grid button:last-child{grid-column:span 2}.mp-big{width:100%;margin-top:10px;padding:9px 10px!important;border-color:#e8752e88!important;background:linear-gradient(180deg,#2a1a12,#150d09)!important}.mp-big strong{font:700 12px var(--mono);letter-spacing:.16em;color:#ffd0a8}.mp-big span{font:11px var(--body);color:#e8dccb}.mp-big.call{border-color:#3aa6e688!important;background:linear-gradient(180deg,#10222e,#0a141b)!important}.mp-big.call strong{color:#9fdcff}.mp-wave{padding:7px 8px;border:1px solid #ffffff12;background:#0b1217;margin-bottom:4px}.mp-wave strong{display:block;font:600 12px var(--body)}.mp-wave small{font:10px var(--mono);color:var(--muted)}.mp-wave.boss{border-color:#ff5a3c88;background:linear-gradient(90deg,#2a0f0c,#0b1217)}.mp-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.chip{padding:1px 6px;font:600 10px var(--mono);letter-spacing:.04em;border:1px solid #ffffff22;color:#cfd8db}.chip.boss{border-color:#ff5a3c;color:#ff9a86}.chip.air{border-color:#3aa6e6;color:#9fdcff}.chip.fast{border-color:#e8c23a;color:#ffe08a}.chip.armored{border-color:#8f9aa3;color:#d5dde2}.chip.healer{border-color:#5fc46a;color:#a6f0ae}.mp-abil{display:grid;grid-template-columns:1fr 1fr;gap:4px}.mp-abil button.aiming{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset,0 0 16px #e8752e55}.mp-tower{display:flex;flex-wrap:wrap;gap:4px}body.mode-aim #world{cursor:crosshair!important}.bunker-mode #operation-panel,.bunker-mode .economy-strip{display:none!important}.touch-layout #mode-panel{right:8px;left:auto;width:min(300px,62vw);top:calc(var(--top) + 64px);max-height:42vh;font-size:11px}.mp-add select{flex:1;min-width:0;padding:4px;background:#0a1116;color:var(--text);border:1px solid var(--line-2);font:600 11px var(--body)}.mp-add button{align-items:center}body.boss-wave #mode-line{border-color:#ff5a3c;box-shadow:0 0 24px #ff5a3c55}body.boss-wave #mode-line b{color:#ff8a70}#mode-panel header{cursor:pointer;user-select:none}#mode-panel header:after{content:"\2212";margin-left:6px;color:var(--muted);font:700 12px var(--mono)}#mode-panel.collapsed header:after{content:"+"}#mode-panel.collapsed>:not(header){display:none!important}#mode-panel.collapsed header{margin:0}.touch-layout #mode-panel{top:calc(var(--top) + 104px)}.touch-layout #game:has(#mode-panel:not([hidden])) #mode-line{display:none}.bunker-mode .resource:has(#r-sup){display:none}.op-leader{display:flex;gap:12px;align-items:center;margin:10px 0 12px;padding:10px 12px;border:1px solid var(--line-2);border-left:3px solid var(--accent);background:linear-gradient(90deg,#141b21,#0b1116)}#op-brief[data-race=hafen] .op-leader{border-left-color:#e8752e}#op-brief[data-race=kiez] .op-leader{border-left-color:#e0443c}#op-brief[data-race=hanse] .op-leader{border-left-color:#e04fa0}.op-leader img{width:72px;height:72px;object-fit:cover;flex:0 0 72px;border-radius:2px;box-shadow:0 6px 18px #0008}.op-leader small{display:block;font:600 9px var(--mono);letter-spacing:.22em;color:var(--muted)}.op-leader strong{display:block;font:800 18px/1.1 var(--display);letter-spacing:.02em;text-transform:uppercase}.op-leader em{display:block;font:italic 11px var(--body);color:#aab6ba;margin-bottom:4px}.op-leader q{display:block;font:13px/1.4 var(--body);color:#e8e2d6}#leader-comms{position:absolute;left:50%;transform:translate(-50%);top:calc(var(--top-raw) + 112px);z-index:5;display:flex;gap:10px;align-items:center;max-width:360px;padding:8px 12px 8px 8px;background:linear-gradient(90deg,#0f171dee,#0a1015e0);border:1px solid var(--line-2);border-left:3px solid var(--accent);box-shadow:0 14px 30px #0009;pointer-events:none}#leader-comms[hidden]{display:none}#leader-comms.in{animation:leader-in .35s ease-out}@keyframes leader-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}#leader-comms img{width:56px;height:56px;object-fit:cover;flex:0 0 56px;border-radius:2px}#op-brief .op-route-layer{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}#op-brief .op-route-path{fill:none;stroke:var(--op-accent);stroke-width:1.5;stroke-dasharray:2.4 1.7;stroke-linecap:round;filter:drop-shadow(0 1px 2px #000);animation:l161-route 5s linear infinite}@keyframes l161-route{to{stroke-dashoffset:-32}}#op-brief .op-mark{z-index:2}#op-brief .op-brief-radio{display:grid;gap:7px;margin:16px 0}#op-brief .op-brief-radio h3,#op-brief .op-campaign-choice h3{margin:0 0 4px;font:700 13px var(--display);letter-spacing:.08em;color:var(--op-accent)}#op-brief .op-brief-radio-line{display:grid;grid-template-columns:40px 1fr;gap:9px;align-items:center;padding:8px;border:1px solid #ffffff1f;background:#071116b8}#op-brief .op-brief-radio-line img{width:40px;height:40px;object-fit:cover}#op-brief .op-brief-radio-line small{font:600 9px var(--mono);letter-spacing:.1em;color:var(--op-accent)}#op-brief .op-brief-radio-line p{margin:3px 0 0;font:12px/1.4 var(--body)}#op-brief .op-campaign-choice{display:grid;gap:7px;margin:16px 0}#op-brief .op-campaign-choice button{display:grid;gap:4px;text-align:left;padding:10px;border:1px solid #ffffff2b;background:#ffffff08;color:inherit;cursor:pointer}#op-brief .op-campaign-choice button:hover,#op-brief .op-campaign-choice button:focus-visible{border-color:var(--op-accent)}#op-brief .op-campaign-choice button[aria-pressed=true]{border-color:var(--op-accent);background:#ffffff14}#op-brief .op-campaign-choice small{color:#cfc8b8}#op-brief .op-choice-effect{margin:4px 0;color:var(--op-accent)!important}#op-brief #op-start:disabled{opacity:.45;cursor:not-allowed}#op-debrief{display:grid;gap:8px;margin:12px 0 18px}#op-debrief[hidden]{display:none}.op-debrief-row{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:8px;border-left:2px solid var(--accent);background:#ffffff08}.op-debrief-row img{width:38px;height:38px;object-fit:cover}.op-debrief-row small{font:600 8px var(--mono);letter-spacing:.12em;color:var(--accent)}.op-debrief-row p{margin:3px 0 0!important;font:11px/1.4 var(--body)!important}@media(prefers-reduced-motion:reduce){#op-brief .op-route-path{animation:none}}#leader-comms small{display:block;font:700 9px var(--mono);letter-spacing:.16em;color:#aab6ba;margin-bottom:3px}#leader-comms p{margin:0;font:13px/1.35 var(--body);color:#eee7da}#leader-comms[data-race=hafen],#end-leader[data-race=hafen]{border-left-color:#e8752e}#leader-comms[data-race=kiez],#end-leader[data-race=kiez]{border-left-color:#e0443c}#leader-comms[data-race=hanse],#end-leader[data-race=hanse]{border-left-color:#e04fa0}#end-leader{display:flex;gap:10px;align-items:center;margin:12px 0 4px;padding:8px 10px;border-left:3px solid var(--accent);background:#ffffff08}#end-leader[hidden]{display:none}#end-leader img{width:48px;height:48px;object-fit:cover;border-radius:2px}#end-leader small{display:block;font:700 9px var(--mono);letter-spacing:.18em;color:var(--muted)}#end-leader q{font:italic 14px/1.4 var(--body);color:#eee7da}.touch-layout #leader-comms{left:8px;right:8px;max-width:none;transform:none;top:calc(var(--top) + 60px)}.touch-layout #leader-comms.in{animation:none}.faction-leader{display:flex;gap:12px;align-items:flex-start;margin:12px 0;padding:10px;border:1px solid var(--line-2);background:#0b1116}.faction-cameo{border-style:dashed;opacity:.94}.faction-leader img{width:64px;height:64px;object-fit:cover;flex:0 0 64px;border-radius:2px}.faction-leader small{display:block;font:700 9px var(--mono);letter-spacing:.18em;color:var(--muted)}.faction-leader strong{display:block;font:800 17px/1.1 var(--display);text-transform:uppercase;margin:2px 0 4px}.faction-leader p{margin:0 0 4px;font:12px/1.45 var(--body);color:#c6cfd3}.faction-leader q{font:italic 12px var(--body);color:#eee7da}body[data-lowpower=on] *,body[data-lowpower=on] *:before,body[data-lowpower=on] *:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;mix-blend-mode:normal!important;box-shadow:none!important;text-shadow:none!important;animation:none!important;transition:none!important}body[data-lowpower=on] .film-grain,body[data-lowpower=on] .rain-layer,body[data-lowpower=on] #scene-video{display:none!important}.directory-3d{margin:12px 0 4px;border:1px solid var(--line-2);background:radial-gradient(ellipse at 50% 60%,#1c2a33,#0a1116 70%)}.directory-3d h4{display:flex;justify-content:space-between;align-items:baseline;margin:0;padding:8px 10px 0;font:600 10px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#aab6ba}.directory-3d h4 small{font-size:9px;letter-spacing:.08em;color:var(--muted);text-transform:none}.directory-3d canvas{display:block;width:100%;height:240px;cursor:grab;touch-action:none}.directory-3d canvas:active{cursor:grabbing}.directory-portrait.directory-mood img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line-2);box-shadow:0 12px 30px #0008}.directory-portrait.directory-mood canvas{display:none}#scene-living{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .9s ease;filter:saturate(.95) brightness(.94);animation:harbor-drift 24s ease-in-out infinite alternate;pointer-events:none}#scene-living.is-live{opacity:1}body[data-living=on] #menu .menu-rain,body[data-living=on] #menu .menu-fog,body[data-living=on] .rain-layer,body[data-lowpower=on] #scene-living{display:none!important}#scene-atmosphere{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .42s ease}#scene-atmosphere.is-live{opacity:1}body[data-menu-atmosphere=on] #menu .menu-rain,body[data-menu-atmosphere=on] #menu .menu-fog{display:none!important}#menu{overflow:hidden;overscroll-behavior:contain}#menu .menu-layout.menu-aaa{height:calc(100% - 20px);min-height:0;grid-template-columns:minmax(340px,.95fr) minmax(0,.3fr) minmax(360px,1fr);grid-template-rows:minmax(0,1fr) auto;row-gap:10px;padding:clamp(10px,2vh,20px) clamp(18px,3.5vw,52px) 48px}#menu .menu-aaa .home-left{grid-row:1/3;grid-column:1;min-width:0;align-self:center}#menu .menu-aaa .home-right{grid-column:3;grid-row:1;max-width:540px;max-height:100%;align-self:center}#menu .menu-aaa .home-films{grid-column:2/4;grid-row:2;align-self:end;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}#menu .menu-aaa .film-card{height:clamp(52px,8vh,88px);min-height:0}#menu .menu-aaa .trio-card{aspect-ratio:3/3.6}#menu .menu-aaa .faction-trio{gap:8px}#menu .menu-aaa .wordmark.wordmark-hafenfront{width:min(450px,100%)!important;max-width:min(450px,100%)!important;margin:0 0 4px}#menu .menu-aaa .home-tagline{font-size:clamp(25px,2.8vw,40px)!important;margin:6px 0}#menu .menu-aaa .home-description{display:none}#menu .menu-aaa .main-navigation{display:grid!important;grid-template-columns:minmax(0,1fr);gap:8px;max-width:640px;margin-top:12px}#menu .primary-actions{display:grid;gap:4px}#menu .main-navigation .nav-play{min-height:clamp(62px,8vh,78px);font-size:clamp(17px,1.5vw,21px);padding:10px 16px}#menu .main-navigation .nav-play small{display:block;font-size:11px;margin-top:3px}#menu #first-run-actions:empty{display:none}#menu .first-run-skip{min-height:30px;padding:3px 7px;border:0;border-radius:0;color:#e1ddd3;background:transparent;font:600 11px var(--mono);text-decoration:underline;text-underline-offset:3px;cursor:pointer}#menu .menu-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#menu .menu-secondary>button,#menu .menu-secondary>#op-campaign,#menu .menu-secondary>#training-entry{min-width:0}#menu .menu-secondary>.configure-play,#menu .menu-secondary>[data-go=modes]{min-height:44px;padding:8px 10px}#menu .menu-secondary>#op-campaign{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;margin:0;gap:5px!important}#menu .menu-secondary>#op-campaign>.eyebrow{grid-column:1/-1}#menu .menu-secondary>#training-entry{grid-column:1/-1;margin:0;padding:7px 9px;gap:4px}#menu .menu-secondary>#training-entry.open .training-menu-toggle{margin-bottom:3px}#menu .menu-secondary>#training-entry .training-menu-list{gap:4px}#menu .menu-secondary>#training-entry .training-entry-button{min-height:36px;padding:5px 8px}#menu .menu-secondary>#training-entry .training-entry-button small{display:none}#menu #save-open{min-height:40px;padding:7px 10px}#menu .menu-more{min-width:0}#menu .menu-more>summary{display:flex;align-items:center;gap:12px;min-height:36px;padding:5px 9px;border-top:1px solid #ffffff2a;color:#f4f0e6;font:700 12px var(--mono);letter-spacing:.11em;text-transform:uppercase;cursor:pointer;list-style:none}#menu .menu-more>summary::-webkit-details-marker{display:none}#menu .menu-more>summary:before{content:"\ff0b";color:var(--accent)}#menu .menu-more[open]>summary:before{content:"\2212"}#menu .menu-more-state{font:10px var(--mono);letter-spacing:0;text-transform:none;color:#aeb7b8}#menu .menu-more-links{display:flex;flex-wrap:wrap;gap:3px 7px;padding:3px 0 0}#menu .menu-more-links>button{flex:1 1 auto;width:auto!important;min-height:32px;padding:4px 8px;background:none!important;border:0!important;border-bottom:1px solid transparent!important;font:600 10px var(--mono);letter-spacing:.08em;color:#c2c9c8;cursor:pointer}#menu .menu-more-links>button:hover,#menu .menu-more-links>button:focus-visible{color:#fff;border-bottom-color:var(--accent)!important}#menu .menu-more-links .nav-number,#menu .menu-more-links .nav-arrow{display:none}#menu .menu-more-links .fieldtest-link span{display:inline;color:#aeb7b8;font-size:9px}#menu .menu-more-links .control-help{flex-basis:100%;text-align:left}#menu .main-navigation button:focus-visible,#menu .menu-more>summary:focus-visible{outline:3px solid #ffd093;outline-offset:3px;z-index:1}@media(min-width:901px)and (max-height:760px){#menu .menu-layout.menu-aaa{padding-top:7px;padding-bottom:44px;row-gap:5px}#menu .menu-aaa .wordmark.wordmark-hafenfront{width:min(360px,100%)!important;max-width:min(360px,100%)!important}#menu .menu-aaa .home-tagline{font-size:26px!important;margin:2px 0}#menu .menu-aaa .main-navigation{gap:4px;margin-top:6px}#menu .main-navigation .nav-play{min-height:54px;padding:7px 12px}#menu .menu-secondary>#op-campaign{gap:3px!important}#menu #op-campaign .op-entry{padding:5px 7px!important}#menu .menu-aaa .trio-card{aspect-ratio:3/3.2}}@media(max-width:900px){#menu{overflow:auto}#menu .menu-layout.menu-aaa{height:auto;min-height:100%;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;padding:18px 16px 52px;row-gap:18px}#menu .menu-aaa .home-left{grid-column:1;grid-row:1;align-self:auto}#menu .menu-aaa .home-right{grid-column:1;grid-row:2;max-width:none;max-height:none}#menu .menu-aaa .home-films{grid-column:1;grid-row:3;grid-template-columns:repeat(3,minmax(0,1fr))}#menu .menu-aaa .film-card{height:80px}#menu .menu-aaa .wordmark.wordmark-hafenfront{width:min(500px,100%)!important;max-width:min(500px,100%)!important}#menu .menu-secondary>#training-entry.open .training-menu-list{grid-template-columns:repeat(3,minmax(0,1fr))}#menu .home-footer{position:static}}@media(max-width:560px){#menu .menu-secondary{grid-template-columns:1fr}#menu .menu-secondary>#op-campaign{grid-template-columns:1fr 1fr}#menu .menu-secondary>#training-entry .training-menu-list{grid-template-columns:1fr}#menu .menu-more-state{font-size:9px}}body[data-lowpower=on] #scene-atmosphere,body[data-motion=reduced] #scene-atmosphere{display:none!important}@media(prefers-reduced-motion:reduce){#scene-atmosphere{display:none!important}}#leader-comms.has-video{max-width:460px;align-items:flex-start}#leader-comms video{width:208px;aspect-ratio:16/9;object-fit:cover;flex:0 0 208px;border-radius:2px;background:#000}.touch-layout #leader-comms video{width:132px;flex-basis:132px}#end-leader.has-video{align-items:flex-start}#end-leader video{width:220px;aspect-ratio:16/9;object-fit:cover;border-radius:2px;background:#000}.op-leader.has-video{align-items:flex-start}.op-leader video{width:240px;flex:0 0 240px;aspect-ratio:16/9;object-fit:cover;border-radius:2px;background:#000}@media(max-width:640px){.op-leader.has-video{flex-direction:column}.op-leader video{width:100%;flex-basis:auto}}#op-radio.has-video .op-radio-face{display:none}#op-radio .op-radio-vid{width:184px;aspect-ratio:16/9;object-fit:cover;border-radius:3px;flex:0 0 184px;background:#000;box-shadow:0 0 0 2px var(--op-accent),0 4px 16px #000a}@media(max-width:900px){#op-radio .op-radio-vid{width:120px;flex-basis:120px}}#opening .op-vid{position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover;opacity:0;transition:opacity .6s ease;filter:saturate(.92) contrast(1.04);pointer-events:none}#opening .op-film-poster,#opening .op-film-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}#opening .op-film-poster{z-index:3;opacity:0;transition:opacity .3s ease}#opening .op-film-poster.on{opacity:1}#opening .op-film-video{z-index:2;opacity:0;filter:saturate(.96) contrast(1.03)}#opening .op-film-video.on{opacity:1}#opening.op-film .op-line{z-index:5;bottom:10.5vh;left:8%;right:8%;padding:0 12px;font:500 clamp(15px,1.55vw,22px)/1.35 var(--body);letter-spacing:.015em;text-wrap:balance;text-shadow:0 2px 14px #000,0 1px 3px #000;background:linear-gradient(transparent,rgba(0,0,0,.34),transparent)}#opening.op-film .op-logo{z-index:4}#opening .op-skip{z-index:6}#opening .op-vid.on{opacity:1}#opening .op-vid.cut{transition:opacity .12s linear}#opening.op-trailer .op-line{bottom:17vh}#opening.op-trailer .op-line.on .op-title{animation:op-slam .55s cubic-bezier(.2,.9,.25,1) both}#opening.op-trailer .op-line.on .op-subline{animation:op-rise .8s .25s ease both}@keyframes op-slam{0%{opacity:0;transform:scale(1.35);letter-spacing:.5em;filter:blur(6px)}60%{opacity:1;filter:blur(0)}to{transform:none;letter-spacing:.14em}}@keyframes op-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}#opening.op-trailer .op-title{text-shadow:0 4px 30px #000,0 0 2px #000}#opening.op-trailer .op-bars i{height:11vh}body[data-motion=reduced] #opening .op-line.on .op-title,body[data-motion=reduced] #opening .op-line.on .op-subline{animation:none}#hover-card .hc-tags,#tip .tip-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:6px}#hover-card .hc-tags i,#tip .tip-tags i{font:700 9.5px/1 var(--mono);letter-spacing:.06em;font-style:normal;text-transform:uppercase;padding:3px 5px 2px;border-radius:2px;border:1px solid var(--line);color:var(--muted);background:#ffffff08;white-space:nowrap}#hover-card [data-tone=hit],#tip [data-tone=hit]{color:#9fe3a6;border-color:#5fc46a66;background:#5fc46a14}#hover-card [data-tone=miss],#tip [data-tone=miss]{color:#7d858c;text-decoration:line-through;text-decoration-color:#ff5a4a99;opacity:.8}#hover-card [data-tone=strong],#tip [data-tone=strong]{color:#ffc46b;border-color:#e0a53166;background:#e0a53117}#hover-card [data-tone=weak],#tip [data-tone=weak]{color:#ff8a7a;border-color:#ff5a4a55;background:#ff5a4a12}#hover-card .hc-stat{margin-top:5px;font:10px var(--mono);letter-spacing:.04em;color:var(--dim)}#tip{max-width:340px}#key-target{position:absolute;left:0;top:0;z-index:3;width:26px;height:26px;margin:-13px 0 0 -13px;pointer-events:none;border:2px solid #f2f4f5;box-shadow:0 0 0 2px #081117,inset 0 0 0 2px #081117}#key-target:after{content:"";position:absolute;inset:9px;background:#f2f4f5;box-shadow:0 0 0 1px #081117}#key-target[hidden]{display:none!important}body[data-contrast=high]{--muted:#c2d0c1;--dim:#b6c4c2}body[data-contrast=high] button:focus-visible,body[data-contrast=high] canvas:focus-visible,body[data-contrast=high] input:focus-visible,body[data-contrast=high] select:focus-visible{outline-color:#ffb14a}body[data-contrast=high] .hud-marks{color:#f2f4f5}@media(max-width:900px){#key-target-toggle kbd{display:none}#key-target-toggle{padding:7px 9px}}.leader-wave{display:none;height:10px;gap:3px;align-items:center;margin-top:5px;opacity:.72}.leader-wave b{display:block;width:2px;height:3px;background:var(--accent);transform-origin:center;opacity:.7}.voice-active .leader-wave{display:flex}.voice-active .leader-wave b{animation:leader-level .72s ease-in-out infinite alternate;animation-duration:var(--voice-duration,.72s)}.voice-active .leader-wave b:nth-child(2){animation-delay:-.31s}.voice-active .leader-wave b:nth-child(3){animation-delay:-.52s}.voice-active .leader-wave b:nth-child(4){animation-delay:-.18s}.voice-active .leader-wave b:nth-child(5){animation-delay:-.43s}@keyframes leader-level{to{height:10px;opacity:1}}.touch-layout #card,.touch-layout #card button{min-width:0;overflow:hidden}.touch-layout #card .cmd-label{font-size:12px;line-height:1.1;color:#e6ebee;overflow:hidden;text-overflow:ellipsis}.touch-layout #card .cost{font-size:11px;color:#cbd3d9;white-space:nowrap}.touch-layout #card kbd{font-size:10px}body:not(.touch-layout) #card{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(3,60px);gap:5px;min-width:0;margin-top:0}body:not(.touch-layout) #card button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:0;overflow:hidden;padding:4px 5px 7px;background:linear-gradient(180deg,#1a222b,#0e141a);border:1px solid #ffffff1f;border-radius:2px;box-shadow:inset 0 1px #ffffff14,0 2px #000a;color:var(--text);font:600 12px/1.15 var(--body);text-align:center;transition:transform .08s ease-out,box-shadow .12s,border-color .18s,background .18s,color .18s}body:not(.touch-layout) #card button:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--accent);box-shadow:inset 0 1px #ffffff14,0 2px #000a,0 0 16px #ff5a1f55;background:linear-gradient(180deg,#242e39,#121920);color:#fff}body:not(.touch-layout) #card button:active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px);box-shadow:inset 0 1px #ffffff14,0 1px #000a}body:not(.touch-layout) #card .cmd-icon{width:16px;height:16px;flex:0 0 16px;opacity:1;filter:drop-shadow(0 1px 0 #000)}body:not(.touch-layout) #card .cmd-label{display:block;max-width:100%;padding:0 2px;color:#e6ebee;font:600 11px/1.05 var(--body);letter-spacing:-.02em;text-align:center;white-space:pre-line;overflow-wrap:normal;word-break:normal;overflow:visible;text-overflow:clip}body:not(.touch-layout) #card kbd{position:absolute;z-index:1;top:3px;right:4px;padding:0 3px;border:1px solid #ff5a1f44;border-radius:2px;background:#ff5a1f1a;color:var(--accent);font:700 11px/13px var(--mono);letter-spacing:.06em}body:not(.touch-layout) #card button:hover:not(:disabled):not([aria-disabled=true]) kbd{color:#fff;border-color:var(--accent)}body:not(.touch-layout) #card .cost{position:absolute;left:0;right:0;bottom:2px;text-align:center;white-space:nowrap;letter-spacing:0;color:#cbd3d9;font:11px/1 var(--mono)}body:not(.touch-layout) #card button[data-status] .cost{visibility:hidden}body:not(.touch-layout) #card button[data-status]:after{content:attr(data-status);position:absolute;left:4px;right:4px;bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#ffc88b;font:700 11px/1.1 var(--mono);letter-spacing:0;pointer-events:none}body:not(.touch-layout) #card button[data-preview-locked=true]{border-color:#b9905680;background:linear-gradient(180deg,#392d21,#171f21);color:#edcf9f}body:not(.touch-layout) #card button[data-preview-locked=true]:after{color:#ffd69d}body:not(.touch-layout) #card button[data-preview-locked=true] .cost{color:#ffe0b3}body:not(.touch-layout) #card button:disabled{opacity:1;filter:saturate(.45);cursor:not-allowed}body:not(.touch-layout) #card button[aria-disabled=true]{opacity:1;filter:saturate(.45);border-style:dashed;color:#8f9aa2;background:linear-gradient(180deg,#12191e,#0b1014)}body:not(.touch-layout) #card button[aria-disabled=true] .cmd-icon{opacity:.5;filter:grayscale(.65)}body:not(.touch-layout) #card button[aria-disabled=true] .cmd-label,body:not(.touch-layout) #card button[aria-disabled=true] kbd,body:not(.touch-layout) #card button[aria-disabled=true] .cost{color:#8f9aa2}body:not(.touch-layout) #card button[data-key=A],body:not(.touch-layout) #card button[data-key=S]{border-color:#ff5a1f77;background:linear-gradient(180deg,#2a1a13,#140d0a)}body:not(.touch-layout) #card button[data-key=A] .cmd-icon,body:not(.touch-layout) #card button[data-key=S] .cmd-icon{filter:drop-shadow(0 0 4px #ff5a1f88)}body:not(.touch-layout) #card .blank{border:1px solid #ffffff08;background:none}@media(prefers-reduced-motion:reduce){body:not(.touch-layout) #card button{transition:none}}body:not(.touch-layout) .selection-main{box-sizing:border-box;height:var(--hud-raw);min-height:0;overflow:hidden}body:not(.touch-layout) .selection-details{height:100%;min-height:0;overflow:hidden}body:not(.touch-layout) .selection-main h2{font-size:clamp(16px,1.25vw,20px);line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:clip}body:not(.touch-layout) #p-name.long,body:not(.touch-layout) #p-name.xlong{font-size:16px}body:not(.touch-layout) .selection-main #p-meta{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;text-overflow:clip;line-height:1.15;max-height:2.3em}body:not(.touch-layout) .p-quote{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;white-space:normal;text-overflow:ellipsis;font:italic 11px/1.2 var(--body);color:#dfe4e8;margin:0 0 3px}body:not(.touch-layout) .mini-name{font:600 10px/1.1 var(--display);letter-spacing:0;color:var(--text);text-align:right;white-space:nowrap;overflow:hidden;word-break:normal;text-overflow:clip}body:not(.touch-layout) .mini-label{font-size:11px;letter-spacing:.08em}body:not(.touch-layout) .p-role,body:not(.touch-layout) .selection-main .section-label{font-size:11px}body:not(.touch-layout) .p-tags{font-size:11px;line-height:1.15;max-height:2.3em;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}body:not(.touch-layout) .p-tags span{display:inline}body:not(.touch-layout) .p-tags i.more{font-style:normal;color:var(--accent)}body:not(.touch-layout) .resource>span,#selection-category,#selection-count,#card-title,#apm-value,.selection-group .section-label{font-size:11px}body:not(.touch-layout) .mini-label kbd{font-size:10px;letter-spacing:.06em}body:not(.touch-layout) #selinfo .unit-tile.wide{grid-column:span 2}body:not(.touch-layout) .p-role{font-size:10px;letter-spacing:.06em}body:not(.touch-layout) .p-facts{gap:6px;flex-wrap:nowrap}body:not(.touch-layout) .fact{padding:2px 5px 2px 20px;white-space:nowrap}body:not(.touch-layout) .fact:before{left:4px}body:not(.touch-layout) .clock-hint,body:not(.touch-layout) .op-entry-code{font-size:11px}body:not(.touch-layout) #production-toggle kbd{font-size:11px}body:not(.touch-layout) #production-list .pp-what b,body:not(.touch-layout) #production-list .pp-where{font-size:11px}.slot{grid-template-columns:18px minmax(90px,1fr) 118px 96px 124px 44px}.slot select{min-width:0;width:100%;font-size:11px;padding-left:5px;padding-right:5px}.touch-layout .slot{grid-template-columns:10px repeat(3,minmax(0,1fr));grid-template-areas:"dot name name state" "dot race team color";gap:7px}.touch-layout .slot .dot{grid-area:dot}.touch-layout .slot .slot-name{grid-area:name;min-width:0}.touch-layout .slot [data-race]{grid-area:race}.touch-layout .slot [data-team]{grid-area:team}.touch-layout .slot [data-color]{grid-area:color}.touch-layout .slot .slot-state{grid-area:state;min-width:0}.touch-layout .slot select{font-size:12px;padding:7px 4px}.slot:has(select[data-profile]){grid-template-columns:18px minmax(90px,1fr) 118px 96px 124px 124px 44px}.touch-layout .slot:has(select[data-profile]){grid-template-columns:10px repeat(3,minmax(0,1fr));grid-template-areas:"dot name name state" "dot race team color" "dot profile profile profile"}.touch-layout .slot [data-profile]{grid-area:profile}body:not(.touch-layout) .mini-label{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:auto auto;row-gap:1px;line-height:1.1}body:not(.touch-layout) .mini-name{grid-column:1/-1;grid-row:2;min-width:0;font:600 11px/1.1 var(--display);letter-spacing:0;color:var(--text);text-align:left;white-space:normal;overflow-wrap:anywhere;overflow:hidden;text-overflow:clip}body:not(.touch-layout) #minimap{width:min(100%,140px);height:140px;margin:0 auto}.replay-active .game-top button{pointer-events:none}.replay-bar{position:fixed;z-index:80;left:50%;bottom:1rem;transform:translate(-50%);width:min(900px,calc(100vw - 2rem));padding:.8rem 1rem;background:#070d12f5;border:1px solid #51616a;border-radius:10px;box-shadow:0 12px 48px #000a;color:#edf0e9;display:grid;grid-template-columns:1fr auto;gap:.45rem 1rem;align-items:center}.replay-bar[hidden]{display:none}.replay-controls{grid-column:1/-1;display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.replay-controls button{min-height:2.3rem;padding:.35rem .65rem}.replay-controls [aria-pressed=true]{outline:2px solid #d8b26d}#replay-clock{margin-inline:auto;font-variant-numeric:tabular-nums}.replay-bar input[type=range]{width:100%;grid-column:1/-1}.replay-bar label{display:flex;gap:.5rem;align-items:center}.replay-bar output{color:#ffb090;font-weight:700}.replay-list{display:grid;gap:1rem;margin-top:1rem}.replay-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.55rem 1rem;align-items:center}.replay-card h2,.replay-card p{grid-column:1/-1;margin:.2rem 0}.replay-active #hud{position:relative}.replay-active #hud #replay-bar{position:relative;grid-column:4;grid-row:1;inset:auto;transform:none;width:auto;max-width:100%;height:100%;min-height:0;box-sizing:border-box;overflow:auto;z-index:3;align-self:stretch;border-radius:0;padding:.55rem;grid-template-columns:minmax(0,1fr);gap:.3rem;box-shadow:none}.replay-active #hud #replay-bar .replay-controls{gap:.25rem}.replay-active #hud #replay-bar .replay-controls button{min-height:2rem;padding:.25rem .4rem}.replay-active #hud #replay-bar #replay-clock{margin-inline:0}.replay-active #hud #replay-bar input[type=range]{grid-column:1}.replay-active #hud #replay-bar label{flex-wrap:wrap}.replay-active #hud .selection-main,.replay-active #hud .selection-group,.replay-active #hud .command-panel,.replay-active #groups,.replay-active #field-guide,.replay-active #intent-label,.replay-active #touch-controls,.replay-active #production-panel{display:none!important}.replay-active #hud{pointer-events:none;opacity:.84}.replay-active #hud #replay-bar{pointer-events:auto}.replay-active #world{cursor:grab}@media(max-width:650px){.replay-bar{bottom:.35rem;padding:.55rem;width:calc(100vw - .7rem)}.replay-controls{gap:.25rem}.replay-controls button{font-size:.78rem;padding:.3rem}.replay-card{grid-template-columns:1fr 1fr}.replay-card h2,.replay-card p{grid-column:1/-1}}#game-menu>label[for=game-tempo]{display:block;margin:10px 0 4px;font:10px var(--mono);letter-spacing:.08em;color:var(--muted)}#game-menu>#game-tempo{width:100%;margin-bottom:8px}#tempo-indicator{color:#f2a76e!important;font:10px var(--mono)!important;letter-spacing:.1em}body:not(.touch-layout) #menu .menu-layout.menu-aaa{height:auto!important;min-height:calc(100% - 56px);padding-top:clamp(6px,1.2vh,20px);padding-bottom:clamp(8px,2.2vh,48px)!important}body:not(.touch-layout) #menu .menu-layout.menu-aaa>.home-left{align-self:start}body:not(.touch-layout) #menu .wordmark.wordmark-hafenfront{width:min(450px,100%,calc((100vh - 64px)/2))!important;min-width:min(320px,100%)!important;margin:clamp(4px,1.4vh,24px) 0 clamp(4px,1.2vh,14px)!important}body:not(.touch-layout) #menu .home-left .home-tagline{font-size:clamp(20px,3.3vh,40px)!important;line-height:.95!important}body:not(.touch-layout) #menu .main-navigation{gap:6px}@media(max-height:920px){body:not(.touch-layout) #menu #op-campaign .op-entry{padding:4px 9px!important}body:not(.touch-layout) #menu .menu-secondary button>small,body:not(.touch-layout) #menu .training-menu-lede{display:none!important}}@media(max-height:780px){body:not(.touch-layout) #menu .home-left>.eyebrow{display:none}}.help-layout .building-legend{grid-column:1/-1}.building-legend-intro{padding-top:0;max-width:78ch}.mark-controls{margin-bottom:22px}.mark-legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px 24px}.mark-legend-item{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line)}.mark-legend-icon{flex:0 0 36px;width:36px;height:36px}.mark-legend-text{display:flex;flex-direction:column;gap:3px;min-width:0}.mark-legend-text strong{font-size:15px}.mark-legend-text span{font-size:13px;color:var(--muted);line-height:1.45}.mark-legend-text small{font-size:12px;color:var(--dim);line-height:1.4}@media(max-width:900px){.help-layout .building-legend{grid-column:auto}}body:not(.touch-layout) #operation-panel.match-info:not(.collapsed) #operation-summary{display:block;padding:6px 14px 10px}body:not(.touch-layout) #operation-panel.match-info.collapsed{width:auto;max-width:min(350px,calc(100vw - 2rem));padding:0;background:#0b1014e8}body:not(.touch-layout) #operation-panel.match-info.collapsed #operation-summary{display:none}body:not(.touch-layout) #operation-panel.match-info.collapsed #operation-toggle{min-height:44px;padding:10px 12px;letter-spacing:.06em}.op-campaign-effects{container:folge/inline-size}.op-folge-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start;margin-top:8px}.op-folge-layout .op-folge-stimme{max-width:320px}@container folge (min-width:640px){.op-folge-layout{grid-template-columns:270px minmax(0,1fr);gap:16px}.op-folge-layout .op-folge-stimme{max-width:none}}.op-folge-stimme{--folge-accent:var(--op-accent,var(--accent,#e8752e));margin:0;display:grid;gap:6px}.op-folge-rahmen{position:relative;aspect-ratio:16/9;background:#000;border-radius:3px;overflow:hidden;box-shadow:0 0 0 2px var(--folge-accent),0 4px 16px #000a}.op-folge-bild,.op-folge-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}.op-folge-video{opacity:0;transition:opacity .25s ease}.op-folge-stimme.is-playing .op-folge-video{opacity:1}.op-folge-stimme.no-video .op-folge-video,body[data-motion=reduced] .op-folge-video{display:none}.op-folge-stimme figcaption{display:grid;gap:5px;justify-items:start}.op-folge-sprecher{font:600 9px var(--mono);letter-spacing:.18em;color:var(--muted,#9aa6ab)}.op-folge-untertitel{margin:0!important;padding:5px 9px;border-left:2px solid var(--folge-accent);background:#000000a8;font:italic 12px/1.45 var(--body)!important;color:#f1ead9}.op-folge-nochmal{border:1px solid #ffffff35;background:#ffffff08;color:inherit;padding:6px 10px;font:600 10px var(--mono);letter-spacing:.06em;cursor:pointer;min-height:32px}.op-folge-nochmal:hover{border-color:var(--folge-accent)}.op-folge-nochmal:focus-visible{outline:2px solid var(--folge-accent);outline-offset:2px}.op-folge-texte p:first-child{margin-top:0}.op-chronicle-play{margin-left:8px;border:1px solid #ffffff35;background:#ffffff08;color:var(--accent);padding:2px 9px;font:700 11px var(--mono);cursor:pointer;min-width:34px;min-height:26px}.op-chronicle-play:hover,.op-chronicle-play[aria-expanded=true]{border-color:var(--accent)}.op-chronicle-play:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.op-chronicle-entry .op-folge-stimme.is-compact{max-width:300px;margin:6px 0 4px 10px}.op-audio-settings{display:grid;gap:6px;margin:10px 0;max-width:360px}.op-switch{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:40px;padding:4px 12px;border:1px solid #ffffff22;background:#ffffff08;font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text);cursor:pointer}.op-switch[hidden]{display:none}.op-switch:hover{border-color:var(--op-accent,var(--accent))}.op-switch input[type=checkbox]{-webkit-appearance:none;appearance:none;position:relative;flex:0 0 42px;width:42px;height:24px;min-height:0;margin:0;padding:0;border-radius:12px;border:1px solid #ffffff55;background:#0b1014;cursor:pointer;transition:background .18s,border-color .18s}.op-switch input[type=checkbox]:before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#aab6ba;transition:transform .18s,background .18s}.op-switch input[type=checkbox]:checked{border-color:var(--op-accent,var(--accent));background:color-mix(in srgb,var(--op-accent,var(--accent)) 30%,#0b1014)}.op-switch input[type=checkbox]:checked:before{transform:translate(18px);background:var(--op-accent,var(--accent))}.op-switch input[type=checkbox]:focus-visible{outline:2px solid var(--op-accent,var(--accent));outline-offset:3px}.op-switch:has(input:focus-visible){border-color:var(--op-accent,var(--accent))}@media(prefers-reduced-motion:reduce){.op-switch input[type=checkbox],.op-switch input[type=checkbox]:before{transition:none}}.selection-main{position:relative}.portrait-clip{position:absolute;display:block;object-fit:cover;background:#0b1014;border-radius:2px;opacity:0;transition:opacity .16s;pointer-events:none;z-index:1}.portrait-clip.on{opacity:1}.portrait-clip[hidden]{display:none}.directory-portrait{position:relative}.directory-portrait .portrait-clip{border:1px solid var(--line)}.directory-clip{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:2px 0 16px}.directory-clip[hidden]{display:none}.directory-clip button{min-height:36px;padding:6px 16px;font-weight:650}.directory-clip-line{margin:0;flex:1 1 180px;font:600 13px/1.45 var(--mono);color:var(--text)}.directory-clip .tiny{flex-basis:100%;margin:0;color:var(--muted)}@media(prefers-reduced-motion:reduce){.portrait-clip{transition:none}}body:not(.touch-layout) #hud{grid-template-columns:minmax(120px,216px) minmax(0,320px) minmax(0,280px) minmax(400px,580px)!important}body:not(.touch-layout) .command-panel{display:flex;flex-direction:column;padding:8px 12px 9px}body:not(.touch-layout) .command-panel>.section-label{flex:0 0 auto;margin-bottom:5px;line-height:1.2}body:not(.touch-layout) #card{flex:1 1 0;min-height:0;grid-template-rows:repeat(3,minmax(0,1fr));gap:4px}body:not(.touch-layout) #card button{padding:3px 4px;gap:1px;justify-content:flex-start;position:relative}body:not(.touch-layout) #card button .cmd-icon{width:14px;height:14px;flex:0 0 14px}body:not(.touch-layout) #card button .cmd-label{flex:1 1 0;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;padding:0 1px;font:600 11px/1.05 var(--body);letter-spacing:-.015em;text-align:center;white-space:pre-line;overflow-wrap:normal;word-break:normal;hyphens:manual}body:not(.touch-layout) #card button .cmd-foot{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:2px;width:100%;min-height:12px}body:not(.touch-layout) #card button .cmd-foot .cost{position:static;left:auto;right:auto;bottom:auto;visibility:visible;text-align:left;white-space:nowrap;font:11px/12px var(--mono);letter-spacing:0;color:#cbd3d9}body:not(.touch-layout) #card button .cmd-foot kbd{position:static;margin-left:auto;padding:0 3px;font:700 11px/10px var(--mono);letter-spacing:.02em}body:not(.touch-layout) #card button .cmd-foot kbd:empty{display:none}body:not(.touch-layout) #card button .cmd-status{flex:0 0 auto;max-width:100%;display:flex;align-items:center;justify-content:center;gap:3px;font:600 11px/1.05 var(--display);letter-spacing:.01em;color:#ffc88b;white-space:nowrap}body:not(.touch-layout) #card button .cmd-status[data-k=req]:before{content:"";flex:0 0 9px;width:9px;height:9px;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><rect x='5' y='11' width='14' height='10' rx='1'/><path d='M8 11V7a4 4 0 0 1 8 0v4'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><rect x='5' y='11' width='14' height='10' rx='1'/><path d='M8 11V7a4 4 0 0 1 8 0v4'/></svg>") center/contain no-repeat}body:not(.touch-layout) #card button[data-lines="2"]:has(.cmd-status) .cmd-icon{display:none}body:not(.touch-layout) #card button[data-status]:after{content:none;display:none}body:not(.touch-layout) #card .card-hint{grid-column:1/-1;grid-row:1/3;margin:0;display:flex;align-items:center;justify-content:center;padding:6px 22px;text-align:center;color:#9fb0b6;font:500 12px/1.4 var(--body);border:1px dashed #ffffff1f;border-radius:2px}.touch-layout #card .cmd-foot{display:contents}.touch-layout #card .cmd-status{display:none}.touch-layout #card .card-hint{grid-column:1/-1;grid-row:1/3;margin:0;display:flex;align-items:center;justify-content:center;padding:6px 14px;text-align:center;color:#9fb0b6;font:500 12px/1.35 var(--body);border:1px dashed #ffffff1f;border-radius:2px}#card .cmd-icon--capture,#card .cmd-icon--garrison,#card .cmd-icon--load,#card .cmd-icon--unload,#card .cmd-icon--scan,#card .cmd-icon--submerge,#card .cmd-icon--surface{color:#79c8e8}#card .cmd-icon--upgrade,#card .cmd-icon--ship,#card .cmd-icon--boat,#card .cmd-icon--ferry,#card .cmd-icon--sub,#card .cmd-icon--airlift,#card .cmd-icon--airship,#card .cmd-icon--drone,#card .cmd-icon--truck,#card .cmd-icon--repair,#card .cmd-icon--artillery,#card .cmd-icon--medic,#card .cmd-icon--heli,#card .cmd-icon--tank,#card .cmd-icon--melee,#card .cmd-icon--heavy,#card .cmd-icon--launcher{color:#9ecf9f}#card .cmd-icon--detonate,#card .cmd-icon--payload-spreng,#card .cmd-icon--payload-brand,#card .cmd-icon--superweapon,#card .cmd-icon--aa,#card .cmd-icon--flame{color:#ff7256}#card .cmd-icon--barricade,#card .cmd-icon--dock,#card .cmd-icon--airfield,#card .cmd-icon--garage,#card .cmd-icon--hq,#card .cmd-icon--gas,#card .cmd-icon--block{color:#e0b56b}#card .cmd-icon--superweapon{color:var(--accent)}body:not(.touch-layout) #card button[data-superweapon=ready],.touch-layout #card button[data-superweapon=ready]{border-color:var(--accent);background:linear-gradient(180deg,#3a2118,#1b120f);box-shadow:inset 0 0 14px #ff5a1f40,0 2px #000a}#card button[data-superweapon=ready] .cmd-label{color:#fff}#card button[data-superweapon=locked] .cmd-icon--superweapon{color:#8f9aa2}#card .cmd-icon--payload,#card .cmd-icon--payload-rauch,#card .cmd-icon--payload-emp,#card .cmd-icon--deploy,#card .cmd-icon--undeploy{color:#b9a4ef}body.hud-collapsed{--hud-raw:44px}.hud-toggle{position:absolute;z-index:6;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:0 12px 0 10px;color:var(--muted);background:linear-gradient(180deg,#151d24f6,#0d1319f8);border:1px solid #ffffff2a;cursor:pointer;touch-action:none}.hud-toggle:hover:not(:disabled),.hud-toggle:focus-visible{color:#fff;border-color:var(--accent)}.hud-toggle[data-peek=true]{color:#ffd2b8;border-color:var(--accent)}.hud-toggle-icon{flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}body.hud-collapsed .hud-toggle-icon{transform:rotate(180deg)}.hud-toggle-text{font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.hud-toggle kbd{font:600 11px/1 var(--mono);padding:2px 5px}body.replay-active .hud-toggle,#hud-strip{display:none}body.hud-collapsed:not(.replay-active) #hud-strip{display:flex}.hud-strip-sel{display:flex;align-items:center;gap:12px;flex:1 1 auto;min-width:0;cursor:pointer}.hud-strip-count{font:800 20px/1 var(--display);letter-spacing:.02em;color:var(--accent)}.hud-strip-name{min-width:0;font:800 18px/1 var(--display);letter-spacing:.03em;text-transform:uppercase;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-strip-sel[data-side=enemy] .hud-strip-name{color:#ffb7a3}.hud-strip-sel[data-side=ally] .hud-strip-name{color:#bfe3ff}.hud-strip-sel[data-side=resource] .hud-strip-name{color:#d9d3c0}.hud-strip-hp{position:relative;flex:0 0 clamp(72px,10vw,168px);height:6px;background:#141b21;box-shadow:inset 0 0 0 1px #0009;overflow:hidden}.hud-strip-hp>i{display:block;height:100%;width:0;background:linear-gradient(90deg,#8fd39b,#cfe8b8);transition:width .25s}.hud-strip-hp[data-state=mid]>i{background:linear-gradient(90deg,#d9a441,#f0cf7a)}.hud-strip-hp[data-state=low]>i{background:linear-gradient(90deg,#c9432f,#ff7a5c)}.hud-strip-note{font:12px/1 var(--mono);letter-spacing:.04em;color:var(--muted);white-space:nowrap}.hud-strip-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:32px;padding:0 12px;font:600 13px/1 var(--body);color:var(--text);background:#ffffff08;border:1px solid #ffffff1a;border-radius:2px;cursor:pointer}.hud-strip-btn:hover:not(:disabled),.hud-strip-btn:focus-visible{border-color:var(--accent);color:#fff}.hud-strip-btn kbd{font-size:11px}.hud-strip-icon{flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.hud-strip-btn.touch-only{display:none}.touch-layout .hud-strip-btn.touch-only{display:inline-flex}@keyframes l255-hud-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes l255-hud-in-side{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}body.hud-animating #hud{animation:l255-hud-in .18s ease-out}body[data-motion=reduced].hud-animating #hud,body[data-motion=reduced] .hud-toggle-icon{animation:none;transition:none}@media(prefers-reduced-motion:reduce){body.hud-animating #hud{animation:none}.hud-toggle-icon,.hud-strip-hp>i{transition:none}}body:not(.touch-layout) .hud-toggle{right:24px;bottom:calc(var(--hud-raw) - 1px);height:24px;min-height:0;border-bottom:0;border-radius:3px 3px 0 0;zoom:var(--ui)}body:not(.touch-layout) .hud-marks{padding-right:176px}body.hud-collapsed:not(.touch-layout):not(.replay-active) #hud{grid-template-columns:minmax(0,1fr)!important}body.hud-collapsed:not(.touch-layout):not(.replay-active) #hud>:is(.selection-main,.selection-group,.command-panel){display:none!important}body.hud-collapsed:not(.touch-layout):not(.replay-active) #hud>.minimap-panel{display:none}body:not(.touch-layout) #hud>#hud-strip{align-items:center;gap:12px;height:var(--hud-raw);min-width:0;padding:0 24px;border-right:0;background:none}body.hud-collapsed.map-open:not(.touch-layout):not(.replay-active) #hud>.minimap-panel{display:flex;flex-direction:column;position:absolute;left:24px;bottom:calc(var(--hud-raw) + 10px);width:232px;height:auto;padding:10px 12px 12px;background:linear-gradient(180deg,#0f171dfa,#0a1015fa);border:1px solid var(--line-2);border-top:2px solid var(--accent);box-shadow:0 18px 44px #000b;z-index:7}body.hud-collapsed.map-open:not(.touch-layout):not(.replay-active) #hud>.minimap-panel .mini-frame{flex:none;height:206px}body.hud-collapsed.map-open:not(.touch-layout):not(.replay-active) #hud>.minimap-panel #minimap{width:206px;height:206px;max-width:100%;max-height:none}@media(max-width:1190px){body:not(.touch-layout) #field-guide{bottom:calc(var(--hud-raw) + 40px)}}body:not(.touch-layout) #funk-line{bottom:calc(var(--hud-raw) + 14px)}body.playing:not(.touch-layout) #toast{bottom:calc(var(--hud-raw) + 14px + var(--stk-slot) + var(--stk-gap))}:root{--stk-slot:38px;--stk-gap:6px}body.playing:not(.touch-layout) #field-guide,body.playing:not(.touch-layout) #funk-line{min-height:0;max-height:var(--stk-slot);box-sizing:border-box}body:has(#funk-line:not([hidden])) #field-guide{visibility:hidden}#overlay-stack-top{pointer-events:none}#overlay-stack-top>#alarm-banner{order:-1}body:has(#alarm-banner:not([hidden])) #multiplayer-first-steps,body:has(#leader-comms:not([hidden])) #multiplayer-first-steps,body:has(#funk-line:not([hidden])) #multiplayer-first-steps{display:none!important}.touch-layout #overlay-stack-top{position:absolute;left:calc(8px + var(--safe-left,0px));right:calc(8px + var(--safe-right,0px) + var(--touch-side,0px));top:calc(var(--game-head,64px) + 6px);display:flex;flex-direction:column;align-items:stretch;gap:var(--stk-gap)}@media(min-width:901px){.touch-layout #game:has(#op-radio:not([hidden])) #overlay-stack-top{top:calc(var(--game-head,64px) + 116px)}}.touch-layout #overlay-stack-top>*{position:relative!important;inset:auto!important;transform:none!important;margin:0!important;max-width:100%;pointer-events:auto}.touch-layout #overlay-stack-top>#gefluester,.touch-layout #overlay-stack-top>#intent-label{pointer-events:none}.touch-layout #overlay-stack-top>#leader-comms[hidden],.touch-layout #overlay-stack-top>#online-pause-bar[hidden],.touch-layout #overlay-stack-top>#superweapon-hud[hidden],.touch-layout #overlay-stack-top>#gefluester[hidden],.touch-layout #overlay-stack-top>#alarm-banner[hidden]{display:none!important}.touch-layout #production-panel{top:max(calc(var(--top,64px) + 58px),calc(var(--stk-bottom,0px) + var(--stk-gap)))}.touch-layout #alerts{top:max(calc(var(--game-head) + 52px),calc(var(--stk-bottom,0px) + var(--stk-gap)));z-index:9}.touch-layout #production-list button{grid-template-columns:minmax(0,1fr) auto;column-gap:8px}.touch-layout #production-list .pp-done{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"what" "where";gap:2px;min-height:44px}.touch-layout #production-list .pp-what,.touch-layout #production-list .pp-where{min-width:0;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.35}body:not(.touch-layout) #overlay-stack-top{position:absolute;left:0;right:0;top:calc((var(--top-raw) + 52px) * var(--ui));display:flex;flex-direction:column;align-items:center;gap:calc(var(--stk-gap) * var(--ui))}body:not(.touch-layout) #game:has(#op-radio:not([hidden])) #overlay-stack-top{top:calc((var(--top-raw) + 152px) * var(--ui))}body:not(.touch-layout) #overlay-stack-top>*{position:relative!important;inset:auto!important;transform:none!important;margin:0!important;flex:0 0 auto;pointer-events:auto;max-width:min(420px,calc(100vw / var(--ui) - 900px))}body:not(.touch-layout) #overlay-stack-top>#gefluester{pointer-events:none;transform:translateY(-6px)!important;width:max-content}body:not(.touch-layout) #overlay-stack-top>#gefluester.in{transform:none!important}body:not(.touch-layout) #overlay-stack-top>#intent-label{pointer-events:none;width:max-content}body:not(.touch-layout) #overlay-stack-top>#online-pause-bar{zoom:var(--ui);width:max-content}body:not(.touch-layout) #overlay-stack-top>#leader-comms[hidden],body:not(.touch-layout) #overlay-stack-top>#online-pause-bar[hidden],body:not(.touch-layout) #overlay-stack-top>#superweapon-hud[hidden],body:not(.touch-layout) #overlay-stack-top>#gefluester[hidden],body:not(.touch-layout) #overlay-stack-top>#alarm-banner[hidden]{display:none!important}.touch-layout{--hud-strip-h:56px}body.touch-layout.hud-collapsed{--touch-dock:calc(var(--hud-strip-h) + var(--safe-bottom))}.touch-layout .hud-toggle{right:calc(10px + var(--safe-right));bottom:calc(var(--touch-dock) + 10px);width:44px;height:44px;min-height:44px;padding:0;border-radius:2px;background:#0c1a23ed;border-color:#9cb0b246;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.touch-layout .hud-toggle-text,.touch-layout .hud-toggle kbd{display:none}.touch-layout .hud-toggle-icon{width:22px;height:22px}.touch-layout #touch-toolbar{right:calc(59px + var(--safe-right))}.touch-layout .selection-main{touch-action:none}.touch-layout #hud-strip{display:none}body.touch-layout.hud-collapsed:not(.replay-active) #hud{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:0;padding:0 calc(10px + var(--safe-right)) var(--safe-bottom) calc(10px + var(--safe-left))}body.touch-layout.hud-collapsed:not(.replay-active) #hud>:is(.selection-main,.selection-group,.command-panel){display:none!important}body.touch-layout.hud-collapsed:not(.replay-active) #hud>.minimap-panel{display:none}body.touch-layout.hud-collapsed:not(.replay-active) #hud-strip{display:flex;align-items:center;gap:6px;height:var(--hud-strip-h);min-width:0;touch-action:none}body.touch-layout.hud-collapsed.map-open:not(.replay-active) #hud>.minimap-panel{position:fixed;left:calc(10px + var(--safe-left));right:auto;top:calc(var(--game-head) + 12px);bottom:auto;grid-column:auto;grid-row:auto;background:#0b1823f5;border:1px solid #98b3b85c;box-shadow:0 8px 25px #0008;z-index:8}.touch-layout .hud-strip-sel{min-height:44px;gap:8px}.touch-layout .hud-strip-count{font-size:22px}.touch-layout .hud-strip-name{font-size:18px}.touch-layout .hud-strip-hp{flex-basis:clamp(44px,13vw,120px)}.touch-layout .hud-strip-note{display:none}.touch-layout .hud-strip-btn{min-height:44px;min-width:44px;padding:0 10px;gap:6px;font-size:12px;font-weight:650}.touch-layout #hud-home{display:none}@media(max-width:430px){.touch-layout .hud-strip-icon{display:none}.touch-layout .hud-strip-btn{padding:0 9px}.touch-layout .hud-strip-count{font-size:20px}.touch-layout .hud-strip-name{font-size:16px}}@media(min-width:600px){.touch-layout .hud-strip-note{display:block}}@media(min-width:950px)and (min-height:601px){.touch-layout .hud-toggle{right:18px}.touch-layout #touch-toolbar{left:auto;width:420px;right:67px}}@media(orientation:landscape)and (max-height:600px){.touch-layout{--touch-side:calc(246px + var(--safe-right))}body.touch-layout.hud-collapsed{--touch-side:calc(56px + var(--safe-right));--touch-dock:0px}body.touch-layout.hud-animating #hud{animation-name:l255-hud-in-side}.touch-layout .hud-toggle{top:calc(var(--game-head) + 6px);right:calc(var(--safe-right) + 6px);bottom:auto;z-index:8}.touch-layout #touch-toolbar{right:calc(var(--touch-side) + 10px)}.touch-layout .selection-details{padding-right:50px}body.touch-layout.hud-collapsed:not(.replay-active) #hud{grid-template-rows:minmax(0,1fr);padding:56px calc(4px + var(--safe-right)) calc(6px + var(--safe-bottom)) 6px;overflow:hidden}body.touch-layout.hud-collapsed:not(.replay-active) #hud-strip{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;height:auto}.touch-layout .hud-strip-sel{flex-direction:column;align-items:center;flex:0 0 auto;min-height:0;gap:6px;padding:6px 0}.touch-layout .hud-strip-name,.touch-layout .hud-strip-note{display:none}.touch-layout .hud-strip-hp{flex:0 0 6px;width:100%}.touch-layout .hud-strip-btn{min-height:48px;padding:0}.touch-layout .hud-strip-btn>span{display:none}.touch-layout .hud-strip-icon{display:block;width:20px;height:20px}}body.playing.touch-layout #toast{bottom:calc(var(--touch-dock) + 108px)}.touch-layout #alerts{left:calc(12px + var(--safe-left))}.touch-layout #gefluester{left:calc(8px + var(--safe-left));right:calc(8px + var(--safe-right))}.touch-layout #production-panel,.touch-layout #mode-panel{right:calc(8px + var(--safe-right))}.touch-layout #leader-comms{left:calc(8px + var(--safe-left));right:calc(8px + var(--safe-right));z-index:8}.touch-layout #op-hud{left:calc(12px + var(--safe-left));max-height:calc(100% - 96px - var(--hud,228px) - 80px)}@media(orientation:landscape)and (max-height:600px){body.playing.touch-layout #toast{bottom:calc(64px + var(--safe-bottom));left:calc((100% - var(--touch-side)) / 2)}.touch-layout #gefluester,.touch-layout #production-panel,.touch-layout #mode-panel,.touch-layout #leader-comms{right:calc(var(--touch-side) + 8px)}.touch-layout #alarm-banner{left:calc((100% - var(--touch-side)) / 2)}.touch-layout #op-hud{max-height:calc(100% - 166px)}}.touch-layout #card button{padding:3px 1px;gap:2px;overflow:hidden}.touch-layout #card .cmd-label{font:600 12px/1.1 var(--body);letter-spacing:-.02em;text-align:center;overflow-wrap:break-word;word-break:normal;max-width:100%}.touch-layout #card .cost{font:12px/1.1 var(--mono);letter-spacing:-.02em;color:#d0b58f}.touch-layout #card button:has(.cost) .cmd-icon{display:none}.touch-layout #card button[data-status]:after{display:none}.touch-layout #card button[data-preview-locked=true]{border-color:#b9905680;background:linear-gradient(180deg,#392d21,#171f21);color:#edcf9f}.touch-layout #card button[data-preview-locked=true] .cost{color:#ffe0b3}.touch-layout #card .blank{min-height:0}.touch-layout #touch-toolbar button{font-size:12px;padding:4px 3px;min-width:0}.touch-layout #touch-workers small{display:block;font:12px/1.2 var(--body);white-space:nowrap;color:#b9c6cb;margin-top:1px;letter-spacing:0}.touch-layout #touch-toolbar button small{font:12px/1.1 var(--mono);letter-spacing:0;white-space:normal}.touch-layout .selection-main p{font-size:12px}.touch-layout .command-panel>.section-label,.touch-layout #card-title,.touch-layout #apm-value{font-size:12px;letter-spacing:.1em}.touch-layout #queue button{font-size:12px}.touch-layout #production-toggle{font-size:12px;min-height:44px}.touch-layout #production-list .pp-what,.touch-layout #production-list .pp-where,.touch-layout #production-list .pp-time,.touch-layout #production-list .pp-empty,.touch-layout #operation-toggle,.touch-layout .mini-name,.touch-layout .p-role,.touch-layout .p-facts{font-size:12px}.touch-layout .mini-label>span:first-child{font-size:12px;letter-spacing:.06em}.touch-layout #mini-command-toggle{font:600 12px var(--mono);min-width:56px;min-height:44px}.touch-layout #home-camera{min-width:44px;min-height:44px}.touch-layout .resource>span{font:600 12px/1.1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.touch-layout .clock{font-size:18px}@media(max-width:430px){.touch-layout .resource>span{font-size:12px;letter-spacing:.04em}.touch-layout .resource{padding-left:20px;padding-right:4px}.touch-layout .resource:before{width:15px;height:15px}.touch-layout .clock{font-size:15px}}.touch-layout #gefluester:before{font-size:12px}@media(orientation:landscape)and (max-height:600px){.touch-layout .selection-main p{font-size:12px;line-height:1.2;max-height:none;margin:0 0 3px}.touch-layout .selection-main h2{font-size:16px}.touch-layout #env-chip,.touch-layout #env-fx{right:calc(var(--touch-side) + 12px)}}.screen:not(#game){padding-left:var(--safe-left);padding-right:var(--safe-right)}body.touch-layout #menu{overflow-x:hidden;overflow-y:auto}@media(max-height:699px){#menu{overflow-x:hidden;overflow-y:auto}}body.touch-layout #menu .menu-layout.menu-aaa{height:auto!important;min-height:calc(100% - 20px);grid-template-rows:auto auto;row-gap:14px;padding-top:clamp(10px,2vh,24px);padding-bottom:calc(28px + var(--safe-bottom))!important}body.touch-layout #menu .menu-layout.menu-aaa>.home-left,body.touch-layout #menu .menu-aaa .home-right{align-self:start}body.touch-layout #menu .wordmark.wordmark-hafenfront{width:min(420px,100%)!important;max-width:min(420px,100%)!important;margin:6px 0 8px!important}body.touch-layout #menu .home-footer{position:static}@media(max-height:600px){#menu .menu-ticker{display:none}}body.touch-layout #menu .menu-ticker{display:none}@media(min-width:681px)and (max-width:900px){#menu .menu-aaa .faction-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#menu .menu-aaa .trio-card{aspect-ratio:auto;height:clamp(150px,26vw,230px)}#menu .menu-aaa .trio-card strong{font-size:16px;bottom:14px}#menu .menu-aaa .trio-card small{display:none}}@media(max-width:680px){#menu .menu-aaa .trio-card{aspect-ratio:auto;height:clamp(136px,40vw,190px)}}.touch-layout #menu :is(.eyebrow,.op-entry-code,.training-menu-lede,.training-menu-count,.menu-more-state,.section-label,#edition-label){font-size:12px}.touch-layout #menu :is(.nav-number,.nav-play small,.op-entry small,.op-entry strong,.control-help,.fieldtest-link,.fieldtest-link span,.text-button,#home-map-desc,#op-chronicle-open,.first-run-skip,.menu-more-links button){font-size:12px}.touch-layout #menu .main-navigation button small,.touch-layout #menu .menu-secondary button>small,.touch-layout #menu .control-help kbd{font-size:12px}.touch-layout #menu #op-campaign .op-entry :is(strong,small,.op-entry-code){font-size:12px}.touch-layout #menu .menu-more summary,.touch-layout #menu .menu-more summary span{font-size:12px;min-height:44px;display:flex;align-items:center;gap:8px}.touch-layout #menu .trio-card .trio-tag{font:600 12px/1.15 var(--display);letter-spacing:.05em;right:8px;left:10px}.touch-layout #menu .trio-card strong{font-size:15px}.touch-layout #menu .lage-chip{font-size:12px;min-height:44px;align-content:center;padding:6px 12px}.touch-layout #menu .lage-chip small{font-size:12px;letter-spacing:.04em}.touch-layout #menu .home-footer,.touch-layout #menu .home-footer>span{font-size:12px}.touch-layout #menu .home-partner a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}.touch-layout #menu .main-navigation>button:not(.nav-play):not(.configure-play):not([data-go=modes]),.touch-layout #menu .menu-more-links button,.touch-layout #menu #save-open,.touch-layout #menu #op-chronicle-open,.touch-layout #menu #directory-open,.touch-layout #menu .control-help,.touch-layout #menu .fieldtest-link,.touch-layout #menu .text-button{min-height:44px}.touch-layout #menu #op-campaign-tools>.op-campaign-icon{flex:0 0 44px;width:44px;height:44px}.touch-layout #menu #op-campaign-tools{min-height:44px}.touch-layout #menu #op-campaign-tools>button{min-height:44px;font-size:12px}.touch-layout #menu .training-menu-toggle,.touch-layout #menu .training-entry-button{min-height:44px}@media(orientation:landscape)and (max-height:430px){body.touch-layout #menu .menu-layout.menu-aaa{padding-top:0}body.touch-layout #menu .home-left{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);column-gap:12px;row-gap:0}body.touch-layout #menu .home-left>.eyebrow{display:none}body.touch-layout #menu .wordmark.wordmark-hafenfront{grid-column:1;grid-row:1;align-self:center;width:min(280px,100%)!important;max-width:min(280px,100%)!important;margin:0!important}body.touch-layout #menu .menu-aaa .home-tagline{grid-column:2;grid-row:1;align-self:center;font-size:12px!important;line-height:1;margin:0}body.touch-layout #menu .menu-aaa .main-navigation{grid-column:1/-1;margin-top:0;gap:2px}body.touch-layout #menu .main-navigation>.profile-summary{margin-bottom:0;padding:0 8px;gap:4px 8px}body.touch-layout #menu .profile-summary button{width:auto;font-size:12px!important}body.touch-layout #menu .profile-summary small{font-size:12px!important}}.touch-layout .minimap-panel{grid-template-columns:152px 56px;grid-template-rows:auto 48px minmax(0,1fr);gap:4px 8px;align-content:start;width:236px;height:194px;padding:10px;overflow:hidden}.touch-layout.map-open .minimap-panel,body.touch-layout.map-open.hud-collapsed:not(.replay-active) #hud>.minimap-panel{display:grid;width:236px;height:194px}.touch-layout .mini-label{display:contents}.touch-layout .mini-label>span:first-child{display:none}.touch-layout #mini-name{grid-column:1/-1;grid-row:1;min-width:0;font:600 12px/1.2 var(--display);letter-spacing:.1em;text-transform:uppercase;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.touch-layout .mini-frame{grid-column:1;grid-row:2/4;width:152px;height:152px}.touch-layout #mini-command-toggle{grid-column:2;grid-row:2;align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:2px;font:600 12px/1.1 var(--body);letter-spacing:0;white-space:normal;text-align:center;border:1px solid var(--line-2);background:#0f161c}.touch-layout #home-camera{grid-column:2;grid-row:3;align-self:start;display:flex;align-items:center;justify-content:center;min-width:0;width:100%;min-height:44px;padding:0;font-size:22px;border:1px solid var(--line-2);background:#0f161c}@media(min-width:950px)and (min-height:601px){.touch-layout #hud{grid-template-columns:236px minmax(190px,1fr) minmax(360px,420px)}.touch-layout:not(.hud-collapsed) .minimap-panel{display:grid;width:236px;height:194px;padding:10px}}@media(orientation:landscape)and (max-height:600px){.touch-layout .minimap-panel,.touch-layout.map-open .minimap-panel,body.touch-layout.map-open.hud-collapsed:not(.replay-active) #hud>.minimap-panel{grid-template-columns:126px 56px;width:210px;height:168px;padding:8px;top:calc(var(--game-head) + 8px)}.touch-layout .mini-frame{width:126px;height:126px}}.touch-layout #env-chip,.touch-layout #env-fx,.touch-layout #env-fx span,.touch-layout #funk-line,.touch-layout #selection-category,.touch-layout #p-stats{font-size:12px}body.touch-layout #funk-line{bottom:calc(var(--touch-dock) + 104px);max-width:calc(100% - 24px);white-space:normal;text-align:center}body.playing.touch-layout #toast{bottom:calc(var(--touch-dock) + 148px)}@media(orientation:landscape)and (max-height:600px){body.touch-layout #funk-line{bottom:calc(92px + var(--safe-bottom));left:calc((100% - var(--touch-side)) / 2);max-width:calc(100% - var(--touch-side) - 24px)}body.playing.touch-layout #toast{bottom:calc(128px + var(--safe-bottom))}}.touch-layout .screen:not(#game):not(#menu) .eyebrow,.touch-layout .screen:not(#game):not(#menu) .section-label,.touch-layout .screen:not(#game):not(#menu) .section-label>span{font-size:12px}.touch-layout #atlas .map-option>span,.touch-layout #atlas .map-option small,.touch-layout #atlas .legend span,.touch-layout #atlas .map-facts span,.touch-layout #atlas-code,.touch-layout #atlas .tiny,.touch-layout #atlas .atlas-tools>span,.touch-layout #atlas .atlas-detail span{font-size:12px}.touch-layout #atlas-host{font-size:14px}.touch-layout #lobby label,.touch-layout #lobby .text-button,.touch-layout #room label,.touch-layout #modes .mode-kicker,.touch-layout #modes .mode-go,.touch-layout #factions .faction-index,.touch-layout #factions .faction-tags span,.touch-layout #factions small,.touch-layout #story small,.touch-layout #story #chapter-nav strong,.touch-layout #story .chapter-note,.touch-layout #story .chapter-image span,.touch-layout #archive .archive-caption p,.touch-layout #archive .archive-caption .eyebrow{font-size:12px}.touch-layout #options .settings-panel>label,.touch-layout #options output,.touch-layout .keybinding-label,.touch-layout .keybinding-current,.touch-layout .keybinding-change,.touch-layout .keybinding-reset,.touch-layout .keybinding-reset-all{font-size:12px}.touch-layout .keybinding-change,.touch-layout .keybinding-reset,.touch-layout .keybinding-reset-all,.touch-layout #publisher-credit{min-height:44px}@media(max-width:359px){.touch-layout .connection>span:not(.connection-dot){display:none}}.touch-layout dialog .section-label,.touch-layout dialog label,.touch-layout #game-menu>label[for=game-tempo]{font-size:12px}.touch-layout #endcard .eyebrow,.touch-layout .result-facts>div,.touch-layout .result-facts>span,.touch-layout .loading-kicker,.touch-layout .loading-route{font-size:12px}.touch-layout #op-brief .op-brief-art>span,.touch-layout #op-brief .eyebrow,.touch-layout #op-brief .op-leader small,.touch-layout #op-brief .op-leader em,.touch-layout #op-brief .op-brief-radio-line small,.touch-layout #op-brief .op-rule-sites em,.touch-layout #op-chronicle .eyebrow,.touch-layout #op-chronicle .op-chronicle-entry h3 em,.touch-layout #briefing #close-briefing{font-size:12px}.touch-layout #op-chronicle-close,.touch-layout #briefing #close-briefing{min-width:44px;min-height:44px}#selinfo .unit-tile.hangar-slot .tile-note{position:absolute;z-index:2;left:2px;right:2px;bottom:5px;padding:1px 3px;background:#091218e8;color:#e8f4f0;font:700 8px var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;pointer-events:none}#selinfo .unit-tile.hangar-slot:disabled{cursor:default}#selinfo .unit-tile.hangar-slot.is-free,#selinfo .unit-tile.hangar-slot.is-building{opacity:.5;border-style:dashed;background:#0b1116}#selinfo .unit-tile.hangar-slot.is-free .tile-note,#selinfo .unit-tile.hangar-slot.is-building .tile-note{bottom:auto;top:50%;transform:translateY(-50%);background:transparent;color:#9db4ae}#selinfo .unit-tile.hangar-slot[data-state=out] .tile-portrait{filter:grayscale(.7) brightness(.5)}#selinfo .unit-tile.hangar-slot[data-state=reload] .tile-note{color:#9ee6d8}#selinfo .unit-tile.hangar-slot[data-state=return] .tile-note{color:#8fdcff}#selinfo .unit-tile.hangar-slot[data-state=loiter] .tile-note{color:#e5bf45}#selinfo.is-hangar{grid-template-rows:none;grid-auto-rows:52px;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:6px}#selinfo.is-hangar .selection-hint.hangar-title{grid-area:auto;grid-column:1/-1;height:auto;padding:0 0 1px;font:700 10px/1.4 var(--mono);letter-spacing:.06em;color:#9db4ae}body:not(.touch-layout) #selinfo.is-hangar .unit-tile{height:52px}body:not(.touch-layout) #build-rail{position:absolute;z-index:4;right:12px;top:calc(var(--top-raw) + 60px);bottom:calc(var(--hud-raw) + 12px);width:clamp(150px,12vw,190px);display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#111a20f5,#0a1015f2);border:1px solid var(--line);border-right:2px solid var(--accent);box-shadow:0 12px 32px #0008}body:not(.touch-layout) #build-rail[hidden]{display:none}body:not(.touch-layout) #build-rail-toggle{flex:0 0 auto;display:flex;align-items:center;gap:7px;min-height:34px;padding:5px 8px;border:0;border-bottom:1px solid var(--line);background:#ffffff08;color:var(--text);font:700 12px var(--mono);letter-spacing:.12em;text-align:left}body:not(.touch-layout) #build-rail-toggle span{flex:1}body:not(.touch-layout) #build-rail-toggle kbd{font:12px var(--mono);color:var(--muted)}body:not(.touch-layout) #build-rail-items{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#526872 #111a20;padding:3px 5px 8px}body:not(.touch-layout) #build-rail.collapsed{width:auto;height:36px;bottom:auto}body:not(.touch-layout) #build-rail.collapsed #build-rail-items{display:none}body:not(.touch-layout) .build-rail-group h2{margin:7px 3px 3px;color:#9bb0b4;font:700 12px/1.2 var(--mono);letter-spacing:.11em;text-transform:uppercase}body:not(.touch-layout) .build-rail-item{display:flex;width:100%;min-height:48px;align-items:center;gap:7px;margin:2px 0;padding:4px 5px;text-align:left;border:1px solid #ffffff12;background:linear-gradient(90deg,#ffffff08,transparent);color:var(--text)}body:not(.touch-layout) .build-rail-item:hover:not(:disabled){border-color:var(--accent);background:#d99a3420}body:not(.touch-layout) .build-rail-item>svg,body:not(.touch-layout) .build-rail-item>.cmd-icon{flex:0 0 27px;width:27px;height:27px;color:#e6bf77}body:not(.touch-layout) .build-rail-copy{display:grid;min-width:0;flex:1;gap:2px}body:not(.touch-layout) .build-rail-copy .build-rail-purpose{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:1px 5px;border:1px solid #e8bc6b77;border-radius:2px;background:#b77a2522;color:#ffe0a0;font:700 12px/1.25 var(--mono);letter-spacing:.015em;white-space:normal;overflow-wrap:anywhere}body:not(.touch-layout) .build-rail-name{font:600 12px/1.2 var(--body);overflow-wrap:normal;word-break:normal;hyphens:auto}body:not(.touch-layout) .build-rail-meta{display:flex;align-items:center;justify-content:space-between;gap:3px;color:#b9c5c3;font:12px/1.2 var(--mono)}body:not(.touch-layout) .build-rail-meta kbd{color:#eac97f;font:12px var(--mono)}body:not(.touch-layout) .build-rail-copy small{color:#f0a877;font:12px/1.2 var(--body)}body:not(.touch-layout) .build-rail-item.is-locked{opacity:.48;filter:saturate(.45)}body:not(.touch-layout) #production-panel{right:calc(clamp(150px,12vw,190px) + 36px)}.touch-layout #build-rail{display:none!important}.profile-summary{box-sizing:border-box;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;max-width:490px;min-width:0;margin:0 0 12px;padding:8px 10px;border:1px solid #ffffff25;background:#071015b8;color:#f2eee5}.profile-summary-avatar{position:relative;display:grid!important;place-items:center;width:40px;height:40px;overflow:hidden;border:1px solid #e8752e8c;border-radius:50%;background:radial-gradient(circle at 50% 45%,#263638,#101719 70%);color:#f1bd82}.profile-summary-placeholder{font:22px/1 system-ui,sans-serif}.profile-summary-avatar>img{display:none;width:100%;height:100%;object-fit:cover}.profile-summary-avatar.has-profile>img{display:block}.profile-summary-avatar.has-profile>.profile-summary-placeholder{display:none}.profile-summary-copy{display:grid;gap:2px;min-width:0}.profile-summary strong{font:700 13px var(--display);overflow:hidden;text-overflow:ellipsis}.profile-summary small{font:9px var(--mono);letter-spacing:.08em;color:#d3b89d}.profile-summary-actions{display:flex!important;flex-wrap:wrap;justify-content:flex-end;gap:5px;min-width:0;max-width:100%}.profile-summary button{min-width:0;min-height:44px;padding:6px 9px;border:1px solid #e8752e80;color:#f1d8c0;background:#ffffff08;font:600 10px var(--mono);line-height:1.2;white-space:normal;overflow-wrap:anywhere;cursor:pointer}.profile-summary #account-open{white-space:nowrap}.profile-summary button:hover,.profile-summary button:focus-visible{border-color:#ffd093;outline:2px solid #ffd093;outline-offset:2px}#menu .main-navigation .profile-summary button{min-height:44px}.profile-summary>#profile-verified{grid-column:2/-1;font-size:9px;color:#e9b483}.profile-summary>#profile-verified[data-verified=true]{color:#98c9a2}#solo-race-note{display:block;color:var(--muted);font-size:10px;margin-top:4px}.profile-dialog #account-management{display:grid;gap:12px}.profile-dialog #account-password-form,.profile-dialog .account-delete-panel{display:grid;gap:8px;padding-top:12px;border-top:1px solid #ffffff26}.profile-dialog #account-password-form h3,.profile-dialog .account-delete-panel h3{margin:0;color:#f1d8c0;font:600 14px var(--display)}.profile-dialog #account-management input{width:100%;min-height:42px}.profile-dialog #account-management button{min-height:42px}.profile-dialog #account-status{color:#9bcda8;font-size:9px}.profile-dialog #account-management-message{min-height:1.3em}.profile-dialog{width:min(900px,calc(100vw - 28px));max-width:900px;max-height:min(92dvh,900px);overflow:auto;padding:clamp(17px,3vw,30px);border:1px solid #df9a63a8;border-radius:10px;color:#f4f0e6;background:linear-gradient(150deg,#162126,#0a1013 72%);box-shadow:0 26px 100px #000b}.profile-dialog::backdrop{background:#03080bd9;backdrop-filter:blur(7px)}.profile-dialog-head .eyebrow{font:600 10px var(--mono);letter-spacing:.17em;color:#e99a65}.profile-dialog-head h2{margin:8px 0 5px;font:700 clamp(26px,4vw,40px) var(--display);letter-spacing:.02em}.profile-dialog-head p{margin:0 0 18px;color:#c7c9c2;font:13px/1.5 var(--body)}.profile-step[hidden]{display:none!important}.profile-faction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profile-faction-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:0;overflow:hidden;text-align:left;border:1px solid #ffffff36;border-radius:6px;color:#f4f0e6;background:#071015;cursor:pointer}.profile-faction-card:hover,.profile-faction-card:focus-visible{border-color:#f4bf8b;outline:2px solid #f4bf8b;outline-offset:2px}.profile-faction-card[aria-pressed=true]{border-color:#ec965d;box-shadow:0 0 0 2px #ec965d66,0 0 24px #e8752e32}.profile-card-art{display:block;width:100%;height:clamp(110px,19vw,190px);object-fit:cover;object-position:center 35%;background:#101719}.profile-card-copy{display:grid;gap:6px;padding:11px 12px 13px}.profile-card-name{font:700 19px var(--display);letter-spacing:.04em}.profile-card-blurb{font:11px var(--mono);color:#d1b59d}.profile-leader-row{display:flex;align-items:center;gap:8px;margin-top:4px;padding-top:8px;border-top:1px solid #ffffff1e}.profile-leader{width:34px;height:34px;flex:none;border:1px solid #ffffff45;border-radius:50%;object-fit:cover}.profile-leader-name{font:9px/1.4 var(--mono);color:#d7dbd2}.profile-preserve-note{margin:13px 0 0;padding:9px 11px;border-left:2px solid #e8752e;background:#ffffff08;color:#d7d7ce;font:12px/1.5 var(--body)}.profile-step>label{display:block;margin:8px 0;font:600 12px var(--mono);letter-spacing:.07em}.profile-step>input{box-sizing:border-box;width:100%;min-height:50px;padding:10px 13px;border:1px solid #ffffff4a;border-radius:4px;color:#fff;background:#060b0d;font:18px var(--body)}.profile-step>input:focus-visible{outline:2px solid #ffd093;outline-offset:2px}.profile-step>input[aria-invalid=true]{border-color:#ff7b6c}.profile-step>#profile-name-help{display:block;margin-top:7px;color:#c4c6bf;font:11px var(--mono)}.profile-name-error{min-height:21px;margin:8px 0 0;color:#ffc08a;font:12px/1.45 var(--body)}.profile-dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:17px}.profile-dialog-actions button{min-height:46px;padding:10px 15px}.profile-dialog-actions button:focus-visible{outline:3px solid #ffd093;outline-offset:3px}@media(max-width:620px){.profile-dialog-actions{position:sticky;bottom:-15px;z-index:2;padding:10px 0 max(10px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#0a1013d1,#0a1013 28%)}}@media(max-width:620px){.profile-faction-grid{grid-template-columns:1fr;gap:7px}.profile-faction-card{display:grid;grid-template-columns:104px minmax(0,1fr);min-height:104px}.profile-card-art{height:100%;min-height:104px;grid-row:1}.profile-card-copy{align-content:center;gap:4px;padding:6px 8px}.profile-card-name{font-size:16px}.profile-leader-row{gap:6px;margin-top:1px;padding-top:4px}.profile-leader{width:25px;height:25px}.profile-leader-name{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-summary{grid-template-columns:36px minmax(0,1fr) auto;gap:7px;margin-bottom:8px;padding:6px 8px}.profile-summary-avatar{width:34px;height:34px}.profile-summary-placeholder{font-size:19px}.profile-summary-actions{gap:4px}.profile-summary button{font-size:9px;padding:5px 7px}.profile-summary>#profile-verified{font-size:8px}.profile-dialog{max-height:94dvh;padding:15px}.profile-dialog-head h2{font-size:27px}.profile-dialog-head p{margin-bottom:10px}.profile-preserve-note{margin-top:8px;font-size:11px}.profile-dialog-actions{margin-top:10px}.profile-dialog-actions button{min-height:43px;padding:8px 10px}}@media(max-width:620px){.profile-dialog-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.profile-dialog-actions>span{display:none}.profile-dialog[data-onboarding=true][data-stage=faction] .profile-dialog-actions{grid-template-columns:1fr}.profile-dialog[data-stage=name] #profile-save{grid-column:1/-1}.profile-dialog-actions button{min-width:0;white-space:normal;font-size:12px;line-height:1.25}}#menu{overflow-x:hidden;overflow-y:auto!important;overscroll-behavior-y:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#9ba7a5 #10171b}#menu::-webkit-scrollbar{width:9px}#menu::-webkit-scrollbar-track{background:#10171b}#menu::-webkit-scrollbar-thumb{background:#9ba7a5;border:2px solid #10171b;border-radius:6px}@media(max-width:620px){.profile-dialog-actions #profile-faction-next{min-height:48px;padding:10px}}.slot .dot{background:var(--slot-color,var(--accent))}.room-tempo-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 12px;margin:16px 0;border:1px solid var(--line);background:#10191d}.room-tempo-row span{display:grid;gap:4px}.room-tempo-row strong{font:600 13px var(--display);letter-spacing:.07em;text-transform:uppercase}.room-tempo-row small,.room-map-facts{font:11px/1.6 var(--mono);color:var(--muted)}.room-tempo-row select{min-height:42px;min-width:150px}.slot-state{display:flex;align-items:center;gap:5px}.slot-state select{min-width:76px;max-width:100px;font-size:10px;padding:4px}.slot-state button{min-width:34px;min-height:34px}.room-map-facts{margin:6px 0 14px!important}.room-map-panel h2{font-size:clamp(19px,2vw,26px);line-height:1.2;white-space:normal;overflow-wrap:anywhere}.slot.empty{display:flex;align-items:center;justify-content:space-between;gap:10px}.slot.empty button{min-height:34px;padding:5px 12px;border:1px solid var(--line);color:var(--muted);font:10px var(--mono)}.slot:has(select[data-move]){grid-template-columns:10px minmax(90px,1fr) 128px 75px 105px 94px;grid-template-areas:"dot name race team color state" "dot move . . . state";row-gap:5px}.slot:has(select[data-profile][data-move]){grid-template-columns:10px minmax(90px,1fr) 128px 75px 96px 100px 94px;grid-template-areas:"dot name race team profile color state" "dot move . . . . state";row-gap:5px}.slot:has(select[data-move]) .dot{grid-area:dot}.slot:has(select[data-move]) .slot-name{grid-area:name}.slot:has(select[data-move]) [data-race]{grid-area:race}.slot:has(select[data-move]) [data-team]{grid-area:team}.slot:has(select[data-move]) [data-color]{grid-area:color}.slot:has(select[data-move]) .slot-state{grid-area:state}.slot:has(select[data-move]) [data-move]{grid-area:move;width:min(120px,100%);min-height:30px;padding:3px 5px;font-size:10px}.slot:has(select[data-profile][data-move]) [data-profile]{grid-area:profile}.touch-layout .slot:has(select[data-move]){grid-template-columns:10px repeat(3,minmax(0,1fr));grid-template-areas:"dot name name state" "dot move move move" "dot race team color"}.touch-layout .slot:has(select[data-move]){grid-template-columns:10px minmax(94px,1.2fr) repeat(2,minmax(72px,1fr));grid-template-areas:"dot name name state" "dot move move move" "dot race team color";row-gap:5px}.touch-layout .slot:has(select[data-profile][data-move]){grid-template-areas:"dot name name state" "dot move move move" "dot race team color" "dot profile profile profile"}.touch-layout .slot [data-move]{grid-area:move;width:100%;min-width:0}#lobby .lobby-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;max-width:none;margin:0;padding:12px 16px 20px;align-items:start}#lobby .lobby-browser{grid-column:1/-1;padding:18px;min-width:0}#lobby .lobby-layout>.host-panel{padding:20px;min-width:0}#lobby .lobby-browser h2,#lobby .hafenfunk h2{font:750 20px/1.3 var(--body);letter-spacing:0;text-transform:none;color:var(--text)}#lobby .lobby-connection-note{margin:0 0 12px}#lobby .lobby-filters{display:grid;grid-template-columns:minmax(170px,1.6fr) minmax(130px,1fr) minmax(130px,1fr) auto;gap:12px;align-items:end;margin-bottom:18px}#lobby .lobby-filters label{margin-top:0;letter-spacing:.05em;font-size:11px}#lobby .lobby-open-label{display:flex;align-items:center;gap:8px;min-height:44px;margin:0;white-space:nowrap;text-transform:none;letter-spacing:0}#lobby .lobby-open-label input{width:22px;min-width:22px;height:22px;min-height:22px;margin:0;accent-color:var(--accent)}#lobby .lobby-list-detail{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px;align-items:start}#lobby .lobby-list-main{min-width:0}#lobby #lobby-list-help{margin:0 0 10px}#lobby .lobby-table-scroll{overflow:auto;max-height:340px;border:1px solid var(--line);overscroll-behavior:contain;scrollbar-width:thin}#lobby #lobby-games{border-collapse:separate;border-spacing:0;min-width:800px;width:100%;font:13px/1.45 var(--body);text-align:left}#lobby #lobby-games th{position:sticky;top:0;z-index:2;background:#172228;border-bottom:1px solid var(--line)}#lobby #lobby-games th button{min-height:44px;min-width:64px;width:100%;text-align:left;padding:9px 10px;font:650 12px/1.4 var(--body);white-space:nowrap}#lobby #lobby-games th[aria-sort=ascending],#lobby #lobby-games th[aria-sort=descending]{color:var(--accent)}#lobby #lobby-games td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top;max-width:180px;overflow-wrap:anywhere}#lobby #lobby-games td:first-child,#lobby #lobby-games th:first-child{position:sticky;left:0;min-width:150px;max-width:180px;background:#101b20;box-shadow:1px 0 var(--line);z-index:1}#lobby #lobby-games th:first-child{z-index:3;background:#172228}#lobby #room-list{min-height:0}#lobby #room-list tr{cursor:pointer;background:#101b20}#lobby #room-list tr:hover{background:#1d2a30}#lobby #room-list tr[aria-selected=true],#lobby #room-list tr[aria-selected=true] td:first-child{background:#2d2b25;color:#fff0d8}#lobby #room-list tr[aria-selected=true] td:first-child{box-shadow:inset 3px 0 var(--accent),1px 0 var(--line)}#lobby #room-list .lobby-game-name{font-weight:700}#lobby #room-list tr[data-state=running],#lobby #room-list tr[data-state=ended]{color:#a2adb2}#lobby #room-list tr[data-state=running] .lobby-game-name,#lobby #room-list tr[data-state=ended] .lobby-game-name{font-weight:500}#lobby #room-list tr:focus-visible,#lobby .lobby-table-scroll:focus-visible,#lobby #hafenfunk-lines:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}#lobby #lobby-empty{min-height:180px;gap:12px;padding:20px 12px;border-bottom:1px solid var(--line)}#lobby #lobby-empty p{max-width:380px;margin:0}#lobby #lobby-empty button{min-height:44px}#lobby #lobby-results{margin:8px 0 12px}#lobby .lobby-detail{padding:16px;background:#0c171c;border:1px solid var(--line);min-width:0}#lobby .lobby-detail h3{font:750 19px/1.4 var(--body);letter-spacing:0;overflow-wrap:anywhere}#lobby #lobby-detail-map{margin:4px 0 10px}#lobby #lobby-preview{display:block;width:100%;height:180px;border:1px solid var(--line);background:#111c20}#lobby #lobby-detail-settings{display:grid;grid-template-columns:85px minmax(0,1fr);gap:5px 10px;font:12px/1.6 var(--body);margin:14px 0}#lobby #lobby-detail-settings dt{color:var(--muted)}#lobby #lobby-detail-settings dd{margin:0;overflow-wrap:anywhere}#lobby .lobby-detail h4{font:650 13px/1.4 var(--body);margin:14px 0 6px}#lobby #lobby-detail-slots{padding:0;margin:0;list-style:none;font:12px/1.5 var(--body)}#lobby #lobby-detail-slots li{padding:7px 0;border-top:1px solid var(--line)}#lobby #lobby-detail-slots strong{display:block;color:var(--muted);font-weight:500}#lobby #lobby-detail-slots span{overflow-wrap:anywhere}#lobby #lobby-join{width:100%;min-height:48px;margin-top:16px;font:700 14px/1.5 var(--body);letter-spacing:0}#lobby #lobby-detail-placeholder{font:13px/1.7 var(--body);color:var(--muted)}#lobby .hafenfunk{padding:20px;min-width:0}#lobby .hafenfunk>.tiny{margin:8px 0 14px}#lobby .hafenfunk-layout{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:14px}#lobby .hafenfunk-conversation{min-width:0}#lobby #hafenfunk-lines{height:240px;overflow:auto;overscroll-behavior:contain;list-style:none;margin:0;padding:12px;background:#0c171c;border:1px solid var(--line);font:13px/1.5 var(--body);scrollbar-width:thin}#lobby #hafenfunk-lines li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:8px;padding:7px 0;border-bottom:1px solid #ffffff0c}#lobby #hafenfunk-lines time{grid-row:1/3;color:var(--muted);font:11px/1.8 var(--mono)}#lobby #hafenfunk-lines strong{font-weight:650;overflow-wrap:anywhere;color:#ebd1a9}#lobby #hafenfunk-lines span{grid-column:2;overflow-wrap:anywhere;white-space:pre-wrap}#lobby #hafenfunk-lines .hafenfunk-system{color:var(--muted);font-size:12px}#lobby #hafenfunk-lines .hafenfunk-empty{grid-column:1/-1;display:block}#lobby #hafenfunk-new{margin-top:8px;min-height:44px}#lobby .hafenfunk-compose{display:flex;gap:8px;align-items:stretch}#lobby .hafenfunk-compose input{min-width:0;flex:1}#lobby .hafenfunk-compose button{min-width:80px;min-height:44px}#lobby #hafenfunk-length{margin-top:4px;text-align:right}#lobby #hafenfunk-status{min-height:36px;margin-top:6px;overflow-wrap:anywhere}#lobby .hafenfunk-people h3{font:650 13px/1.4 var(--body);letter-spacing:0;margin-bottom:8px}#lobby #hafenfunk-presence{list-style:none;margin:0;padding:0;max-height:350px;overflow:auto;font:12px/1.5 var(--body)}#lobby #hafenfunk-presence li{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line)}#lobby #hafenfunk-presence span{min-width:0;overflow-wrap:anywhere}#lobby #hafenfunk-presence button{font:11px/1.4 var(--body);min-height:44px;min-width:55px;flex-shrink:0;padding:8px}#lobby #hafenfunk-presence button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}@media(max-width:1050px){#lobby .lobby-list-detail{grid-template-columns:minmax(0,1fr)}#lobby .lobby-detail{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:12px}#lobby #lobby-detail-content{display:grid;grid-template-columns:200px minmax(0,1fr);gap:8px 18px}#lobby #lobby-detail-name,#lobby #lobby-detail-map,#lobby #lobby-preview{grid-column:1}#lobby #lobby-detail-settings{grid-column:2;grid-row:1/5;margin:0}#lobby #lobby-detail-slots,#lobby .lobby-detail h4{grid-column:1/-1}#lobby #lobby-join{align-self:start;margin:0}#lobby .lobby-layout{grid-template-columns:minmax(0,1fr) 260px}#lobby .hafenfunk-layout{grid-template-columns:minmax(0,1fr)}}#lobby [hidden]{display:none!important}.op-story-clip{display:grid;gap:8px;margin:12px 0;padding:10px;border:1px solid #ffffff30;border-left:3px solid var(--op-accent,#e8752e);background:#071116;color:#fff}.op-story-screen{position:relative;display:grid;place-items:center;min-height:150px;aspect-ratio:16/9;overflow:hidden;background:#030608}.op-story-screen>img,.op-story-screen>.op-story-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.op-story-screen>img{filter:brightness(.56) saturate(.72)}.op-story-screen>.op-story-video:not([hidden]){z-index:1}.op-story-caption{position:absolute;z-index:2;left:0;right:0;bottom:0;margin:0;padding:28px 14px 12px;background:linear-gradient(transparent,#030608f2 42%);color:#fff;font:600 14px/1.55 var(--body);text-shadow:0 1px 2px #000}.op-story-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.op-story-controls button{min-width:44px;min-height:44px;padding:10px 14px;color:#fff;background:#17241f;border:1px solid #c6d2c9;cursor:pointer}.op-story-controls button:focus-visible{outline:3px solid #ffe08a;outline-offset:2px}.op-story-fallback{font-size:12px;color:#fff}.op-story-result{margin:12px 0}.op-story-result .op-story-screen{min-height:130px}#op-brief .op-story-clip{margin:16px 0}@media(max-width:860px){.op-story-screen{min-height:0}.op-story-caption{font-size:13px;padding:26px 11px 10px}.op-story-controls button{flex:1 1 42%;font-size:13px}}.profile-card-name,.profile-summary #profile-faction,.op-campaign-header h2,.op-faction-eyebrow,.lobby-slot-faction,.room-faction-mark,.end-faction,.op-story-faction-mark{display:inline-flex;align-items:center;gap:6px}.profile-card-name .fm,.profile-summary #profile-faction .fm,.op-campaign-header h2 .fm,.op-faction-eyebrow .fm,.lobby-slot-faction .fm,.room-faction-mark .fm,.end-faction .fm,.op-story-faction-mark .fm{display:block;flex:none}.profile-faction-card[aria-pressed=true] .fm-on{filter:drop-shadow(0 0 3px currentColor) drop-shadow(0 0 5px #fff8)}.room-faction-choice{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:3px;min-width:0}.room-faction-choice select{min-width:0;width:100%}.touch-layout .slot .room-faction-choice{grid-area:race}.touch-layout .slot .room-faction-choice [data-race]{grid-area:auto}.lobby-slot-faction{white-space:nowrap;color:var(--text)}#lobby #lobby-detail-slots .lobby-slot-faction>span{display:inline-flex;align-items:center;gap:4px;overflow-wrap:anywhere}.op-campaign-header h2 .fm{vertical-align:middle}.op-faction-eyebrow{gap:7px}.op-story-faction-mark{position:absolute;z-index:3;top:9px;right:10px;filter:drop-shadow(0 1px 3px #000)}.end-factions{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 20px;padding:12px 0;border-top:1px solid #ffffff2b;border-bottom:1px solid #ffffff2b}.end-faction-team{display:grid;gap:5px}.end-faction-team>strong{font:600 10px var(--mono);letter-spacing:.12em;color:#b9c6c6;text-transform:uppercase}.end-faction-members{display:flex;flex-wrap:wrap;gap:8px}.end-faction{font:11px var(--mono);color:#f2eee5}@media(max-width:620px){.end-factions{gap:10px}.end-faction{font-size:10px}.room-faction-choice{grid-template-columns:16px minmax(0,1fr);gap:2px}}.build-card-purpose{display:block;max-width:100%;padding:1px 3px;border:1px solid #e8bc6b77;border-radius:2px;background:#b77a2522;color:#ffe0a0;font:700 12px/1.1 var(--mono);letter-spacing:0;white-space:normal;overflow-wrap:anywhere;text-align:center}body:not(.touch-layout) #card .build-card-purpose{font-size:12px;line-height:1.1}.touch-layout #card .build-card-purpose{font-size:12px;line-height:1.1;max-height:14px;overflow:hidden;white-space:nowrap}body:not(.touch-layout) #card button .cmd-label{min-height:2.2em;height:auto;white-space:normal;overflow-wrap:normal;hyphens:auto}body:not(.touch-layout) #card .build-card-purpose{max-height:none;overflow:visible;white-space:normal;hyphens:auto;overflow-wrap:anywhere}.touch-layout #card button{height:52px;min-height:48px;grid-template-rows:minmax(26px,1fr) auto auto}.touch-layout #card button .cmd-label{height:auto;min-height:2.1em;overflow:visible;white-space:normal;overflow-wrap:normal;hyphens:auto}.touch-layout #card .build-card-purpose{max-height:none;overflow:visible;white-space:normal;hyphens:auto;overflow-wrap:anywhere}body:not(.touch-layout) #build-rail{width:clamp(172px,14vw,210px)}body:not(.touch-layout) .build-rail-name{hyphens:auto;overflow:visible}body:not(.touch-layout) #production-panel{right:calc(clamp(172px,14vw,210px) + 28px);width:min(250px,calc(100vw - 540px))}body:not(.touch-layout) #production-panel.empty{width:auto}body:not(.touch-layout) .hud-marks{display:none}.touch-layout #profile-open,.touch-layout .menu-tour-actions button,.touch-layout #training-guide-skip,.touch-layout #resume-game,.touch-layout .first-run-actions button,.touch-layout #first-run-actions button,.touch-layout #quick-play,.touch-layout #menu #op-campaign>#op-campaign-continue{min-height:44px}@media(max-width:620px){.touch-layout .profile-summary button{min-height:44px;padding:8px 9px}.touch-layout .profile-dialog-actions button{min-height:44px}}.boot-wordmark,#opening .op-logo img{height:auto;aspect-ratio:5/1}#opening.op-film.op-logo-on .op-stage{visibility:hidden}#opening.op-film .op-logo{background:#11181f}@media(prefers-reduced-motion:reduce){#opening.op-film .op-logo{transition:none;transform:none}}#opening.op-logo-video .op-stage{visibility:hidden}#opening.op-logo-video .op-logo{opacity:1;transform:none;background:#11181f}#opening.op-poster-on .op-logo{z-index:5;opacity:1;transform:none;background:#11181f;transition:none}.training-exit-choice{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:10px;border:1px solid #ffffff35;background:#10191e}.training-exit-choice span{flex:1 0 100%;font:600 11px var(--mono);color:var(--muted)}.training-exit-choice button{min-height:42px;padding:8px 12px;color:var(--text);border:1px solid #ffffff35;background:#ffffff08;cursor:pointer}.training-exit-choice .training-exit-menu{border-color:var(--accent);background:var(--accent);color:#111}@media(max-width:620px){.training-exit-choice button{flex:1 1 100%;min-height:46px}}#op-brief{height:min(760px,92vh)}#op-brief .op-brief-side{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;min-width:0;overflow:hidden}#op-brief .op-brief-body{min-height:0;max-height:none;padding:28px 30px 18px;overscroll-behavior:contain}#op-brief #op-brief-title{font-size:clamp(30px,3.1vw,44px);line-height:1.04;margin:10px 0 14px}#op-brief .op-objective-summary{padding:12px 14px;border:1px solid var(--op-accent-55);border-left:3px solid var(--op-accent);background:#ffffff08}#op-brief .op-objective-summary h3{margin:0;font:700 12px/1.4 var(--mono);letter-spacing:.1em;color:var(--op-accent)}#op-brief .op-objective-summary ul{margin:7px 0 0;padding-left:18px;font:600 14px/1.45 var(--body)}#op-brief .op-objective-summary li+li{margin-top:4px}#op-brief .op-objective-summary p{margin:9px 0 0;font:12px/1.45 var(--body);color:#cfc8b8}#op-brief .op-difficulty{min-width:0;margin:16px 0;padding:10px 12px 12px;border:1px solid #ffffff35}#op-brief .op-difficulty legend{padding:0 6px;font:700 14px var(--display);letter-spacing:.05em;color:var(--op-accent)}#op-brief .op-difficulty>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#op-brief .op-difficulty label{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:44px;padding:6px;border:1px solid #ffffff30;background:#ffffff06;cursor:pointer;font:600 13px var(--body)}#op-brief .op-difficulty label:has(input:checked){border-color:var(--op-accent);background:#ffffff14;color:#fff}#op-brief .op-difficulty label:has(input:focus-visible){outline:2px solid #ffe08a;outline-offset:2px}#op-brief .op-difficulty input{width:16px;height:16px;margin:0;padding:0;accent-color:var(--op-accent);flex:0 0 16px}@media(max-width:520px){#op-brief .op-difficulty label{flex-direction:column;gap:4px}#op-brief .op-difficulty label span{font:600 12px/1.25 var(--body);letter-spacing:.04em}}#op-brief :is(#op-difficulty-note,#op-difficulty-description){margin:9px 0 0;font:12px/1.45 var(--body);color:#d0d8d7}#menu #op-campaign .op-campaign-navigation{display:flex;flex-wrap:wrap;gap:6px}#menu #op-campaign .op-campaign-navigation button{flex:1 1 160px;min-height:44px;min-width:0;padding:8px 10px;border:1px solid #ffffff35;background:#ffffff08;color:var(--text);font:600 12px/1.4 var(--body);cursor:pointer}#menu #op-campaign .op-campaign-navigation button:hover{border-color:var(--accent)}#menu #op-campaign .op-campaign-navigation button:focus-visible{outline:2px solid #ffe08a;outline-offset:2px}#endcard #op-retry-relaxed,#endcard #op-result-menu{width:100%;min-height:44px;margin-top:8px}#endcard .op-result-difficulty{font:600 12px/1.4 var(--mono);color:#d0d8d7}#op-brief .op-brief-actions{padding:12px 30px 16px;border-top:1px solid #ffffff30;background:#091116;box-shadow:0 -10px 24px #0006}#op-brief .op-brief-actions #op-start{margin:0;min-height:48px;padding:13px 16px}#op-brief .op-brief-actions p{margin:0 0 7px}#op-brief .op-brief-actions p:empty{display:none}#op-result-summary{display:grid;gap:8px;margin:14px 0 18px;padding:12px 14px;border:1px solid #e3a17866;border-left:3px solid #efa779;background:#ffffff08}#op-result-summary[hidden]{display:none}#op-result-summary .op-result-status{font:700 12px/1.45 var(--mono);color:#f4b58b}#endcard #op-result-summary p{margin:0;font:13px/1.5 var(--body);color:#e3e8e5}#op-result-summary .op-result-reward{color:#d8efcf!important}#endcard>.panel:has(>#end-details){display:flex;flex-direction:column;overflow:hidden}#endcard #end-details{min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}#endcard #end-actions{display:grid;gap:8px;flex-shrink:0}#endcard #end-actions #rematch-note{margin:0;font-size:12px;line-height:1.35;color:#d3d8d6}#endcard #end-actions #rematch-note:empty{display:none}#endcard #end-actions :is(#op-next,#end-back){margin:0}#endcard #end-actions button{width:100%;min-height:44px}@media(max-height:480px){#endcard #end-details{min-height:0}}@media(max-height:480px)and (min-width:480px){#endcard #end-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px}#endcard #end-actions #end-scroll-hint{grid-column:1/-1;grid-row:1}#endcard #end-actions #op-next{grid-column:1/-1;grid-row:2}#endcard #end-actions #rematch{grid-column:1;grid-row:3}#endcard #end-actions #end-back{grid-column:2;grid-row:3}#endcard #end-actions #rematch-note{grid-column:1/-1;grid-row:4}}@media(max-width:860px){#op-brief[open]{height:94vh;max-height:94vh;grid-template-rows:minmax(100px,22vh) minmax(0,1fr);overflow:hidden}#op-brief .op-brief-art{min-height:0;height:100%;aspect-ratio:auto}#op-brief .op-brief-body{padding:18px}#op-brief .op-brief-actions{padding:10px 18px 12px}#op-brief .op-objective-summary ul{font-size:13px}}@media(max-width:720px){.income-nudge{left:10px;right:10px;bottom:calc(var(--touch-dock, 0px) + 114px);max-width:none;justify-content:space-between;gap:8px;padding:8px 10px;font-size:12px}.income-nudge button{padding:6px 8px;font-size:11px;white-space:normal}.material-nudge{bottom:calc(var(--touch-dock, 0px) + 168px)}}.identity{gap:10px}.identity>img{display:block;flex:0 0 32px;width:32px;height:32px;object-fit:contain}.identity>span{font-size:10px;letter-spacing:.08em}#boot-status .boot-status-logo{display:block;width:min(480px,78vw);height:auto;margin:10px 0 0;filter:drop-shadow(0 6px 24px #000)}.boot-ident[data-phase=title] .boot-wordmark{width:min(74vw,720px);height:auto;aspect-ratio:1358.857/108;object-fit:contain}#opening .op-logo img{width:min(720px,82vw);height:auto;aspect-ratio:1358.857/108;object-fit:contain}#opening.op-title-card.op-v3-titlemark .op-line{display:flex;flex-direction:column;align-items:center;gap:18px}#opening.op-title-card.op-v3-titlemark .op-title-card-logo{display:block;width:min(720px,82vw);height:auto;aspect-ratio:1358.857/108;object-fit:contain}#opening.op-title-card.op-v3-titlemark .op-title{display:none}#opening.op-title-card.op-v3-titlemark .op-subline{display:block;font:600 clamp(11px,1.1vw,15px)/1.5 var(--mono);letter-spacing:.2em;color:#c9b793}@media(max-width:720px){.income-nudge{left:10px;right:10px;bottom:calc(var(--touch-dock, 0px) + 114px);max-width:none;justify-content:space-between;gap:8px;padding:8px 10px;font-size:12px}.income-nudge button{padding:6px 8px;font-size:11px;white-space:normal}}body.touch-input #tip{display:none!important}#production-ready{display:none}@media(max-height:430px)and (orientation:landscape){body.touch-layout #touch-landscape-hud{position:absolute;top:calc(var(--game-head) + 6px);bottom:calc(10px + var(--safe-bottom));left:calc(8px + var(--safe-left));right:calc(var(--touch-side) + 8px);display:grid;grid-template-columns:minmax(0,1fr) 200px;grid-template-rows:minmax(0,1fr) minmax(44px,auto) auto auto auto;gap:3px;z-index:7;pointer-events:none;min-width:0;min-height:0}body.touch-layout #touch-landscape-hud>#overlay-stack-top{position:relative;inset:auto;grid-column:1/-1;grid-row:1;align-self:start;gap:4px;min-width:0;min-height:0}body.touch-layout #touch-landscape-hud #leader-comms{padding:4px 6px;gap:6px;min-width:0}body.touch-layout #touch-landscape-hud #leader-comms img{width:32px;height:32px;flex-basis:32px}body.touch-layout #touch-landscape-hud #leader-comms video{width:56px;height:32px;flex-basis:56px}body.touch-layout #touch-landscape-hud #leader-comms>div{min-width:0}body.touch-layout #touch-landscape-hud #leader-comms small{font-size:12px;line-height:1.15;letter-spacing:0;margin-bottom:2px;overflow-wrap:anywhere}body.touch-layout #touch-landscape-hud #leader-comms p{font-size:12px;line-height:1.2;overflow-wrap:anywhere}body.touch-layout #touch-landscape-hud #gefluester{padding:3px 6px;line-height:1.2;overflow-wrap:anywhere}body.touch-layout #touch-landscape-hud #gefluester:before{letter-spacing:.04em}body.touch-layout #touch-landscape-hud>#alerts{position:relative;inset:auto;grid-column:1;grid-row:2;align-self:start;display:flex;gap:4px;max-width:none;min-width:0;margin:0;pointer-events:none}body.touch-layout #touch-landscape-hud #alerts button.alert{flex:1 1 0;min-width:0;width:100%;min-height:44px;margin:0;padding:4px 6px;font:12px/1.2 var(--body);text-align:left;color:var(--text);background:var(--glass-2);border:1px solid var(--line-2);border-left:3px solid var(--accent);border-radius:2px;overflow-wrap:anywhere;pointer-events:auto}body.touch-layout #touch-landscape-hud #alerts button.alert:active,body.touch-layout #touch-landscape-hud #alerts button.alert[data-touch-pressed]{background:var(--line-2);border-color:var(--accent);transform:translateY(1px)}body.touch-layout #touch-landscape-hud>#production-panel{position:relative;inset:auto;grid-column:2;grid-row:2;align-self:start;width:100%;max-width:none;min-width:0;min-height:0;padding:0;pointer-events:auto}body.touch-layout #touch-landscape-hud #production-toggle{min-height:44px;padding:4px 6px;gap:4px;letter-spacing:.06em;touch-action:none}body.touch-layout #touch-landscape-hud #production-ready{display:inline;font:600 12px var(--body);color:#bfe9c4}body.touch-layout #touch-landscape-hud>#production-panel:not(.collapsed){grid-column:1/-1;grid-row:1/3;height:100%;display:flex;flex-direction:column;z-index:1}body.touch-layout #touch-landscape-hud #production-toggle{flex:0 0 44px}body.touch-layout #touch-landscape-hud #production-list{min-height:0;max-height:none;flex:1 1 auto;overflow:auto;overscroll-behavior:contain;padding:0 6px 4px;scroll-padding:4px}body.touch-layout #touch-landscape-hud #production-list :is(.pp-what,.pp-where){min-width:0;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip}body.touch-layout #touch-landscape-hud:has(>#production-panel:not(.collapsed))>#overlay-stack-top,body.touch-layout #touch-landscape-hud:has(>#production-panel:not(.collapsed))>#alerts{visibility:hidden;pointer-events:none}body.touch-layout #touch-landscape-hud>#toast{position:relative;inset:auto;transform:none;grid-column:1/-1;grid-row:3;align-self:start;width:100%;max-width:none;margin:0;padding:4px 6px;font-size:12px;line-height:1.2;white-space:normal;overflow-wrap:anywhere;pointer-events:none}body.touch-layout #touch-landscape-hud>#toast:empty{display:none}body.touch-layout #touch-landscape-hud>#touch-hint{position:relative;inset:auto;grid-column:1/-1;grid-row:4;min-width:0;margin:0;padding:0;border:0;font:12px/1.2 var(--body);white-space:normal;overflow-wrap:anywhere;pointer-events:none}body.touch-layout #touch-landscape-hud>#touch-toolbar{position:relative;inset:auto;grid-column:1/-1;grid-row:5;grid-template-rows:auto 44px;min-width:0;gap:4px;pointer-events:none}body.touch-layout #touch-landscape-hud #touch-toolbar button{height:44px;min-height:44px;pointer-events:auto}body.touch-layout #touch-landscape-hud>#touch-tools{position:relative;inset:auto;grid-column:1/-1;grid-row:1/3;align-self:end;z-index:2;max-height:100%;min-width:0;overflow:auto;pointer-events:auto;grid-template-columns:repeat(3,minmax(0,1fr))}body.touch-layout #touch-landscape-hud:has(>#touch-tools:not([hidden]))>#overlay-stack-top,body.touch-layout #touch-landscape-hud:has(>#touch-tools:not([hidden]))>#alerts,body.touch-layout #touch-landscape-hud:has(>#touch-tools:not([hidden]))>#production-panel,body.touch-layout #touch-landscape-hud:has(>#touch-tools:not([hidden]))>#touch-hint{visibility:hidden;pointer-events:none}body.touch-layout #touch-landscape-hud #touch-selection{min-width:0;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip;font-size:12px;line-height:1.2;padding:3px 6px}}@media(max-width:600px)and (orientation:portrait){body.touch-layout #touch-portrait-hud{position:absolute;top:calc(var(--game-head) + 6px);bottom:calc(var(--touch-dock) + 10px);left:calc(8px + var(--safe-left));right:calc(8px + var(--safe-right));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:4px;z-index:7;pointer-events:none;min-width:0;min-height:0}body.touch-layout #touch-portrait-hud>#overlay-stack-top{position:relative;inset:auto;grid-column:1/-1;grid-row:1;align-self:start;gap:4px;min-width:0;min-height:0}body.touch-layout #touch-portrait-hud #leader-comms{padding:4px 6px;gap:6px;min-width:0}body.touch-layout #touch-portrait-hud #leader-comms img{width:32px;height:32px;flex-basis:32px}body.touch-layout #touch-portrait-hud #leader-comms video{width:56px;height:32px;flex-basis:56px}body.touch-layout #touch-portrait-hud #leader-comms>div{min-width:0}body.touch-layout #touch-portrait-hud #leader-comms small{font-size:12px;line-height:1.15;letter-spacing:0;margin-bottom:2px;overflow-wrap:anywhere}body.touch-layout #touch-portrait-hud #leader-comms p{font-size:12px;line-height:1.2;overflow-wrap:anywhere}body.touch-layout #touch-portrait-hud #gefluester{padding:3px 6px;line-height:1.2;overflow-wrap:anywhere}body.touch-layout #touch-portrait-hud #gefluester:before{letter-spacing:.04em}body.touch-layout #touch-portrait-hud>#alerts{position:relative;inset:auto;grid-column:1;grid-row:2;align-self:start;display:flex;flex-direction:column;gap:4px;max-width:none;max-height:100%;min-width:0;min-height:0;margin:0;overflow:auto;pointer-events:none}body.touch-layout #touch-portrait-hud #alerts button.alert{flex:0 0 auto;min-width:0;width:100%;min-height:44px;margin:0;padding:4px 6px;font:12px/1.2 var(--body);text-align:left;overflow-wrap:anywhere;pointer-events:auto}body.touch-layout #touch-portrait-hud>#production-panel{position:relative;inset:auto;grid-column:2;grid-row:2;align-self:start;width:100%;max-width:none;max-height:100%;min-width:0;min-height:0;padding:0;display:flex;flex-direction:column;pointer-events:auto}body.touch-layout #touch-portrait-hud #production-toggle{flex:0 0 44px;min-height:44px;padding:4px 6px;gap:4px;letter-spacing:.06em}body.touch-layout #touch-portrait-hud #production-list{min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;padding:0 6px 4px}body.touch-layout #touch-portrait-hud #production-panel.collapsed #production-list{display:none}body.touch-layout #touch-portrait-hud>#toast{position:relative;inset:auto;transform:none;grid-column:1/-1;grid-row:3;align-self:start;width:100%;max-width:none;margin:0;padding:4px 6px;font-size:12px;line-height:1.2;white-space:normal;overflow-wrap:anywhere;pointer-events:none}body.touch-layout #touch-portrait-hud>#toast:empty{display:none}body.touch-layout #touch-portrait-hud>#touch-hint{position:relative;inset:auto;grid-column:1/-1;grid-row:4;min-width:0;margin:0;padding:0;border:0;font:12px/1.2 var(--body);white-space:normal;overflow-wrap:anywhere;pointer-events:none}body.touch-layout #touch-portrait-hud>#touch-toolbar{position:relative;inset:auto;grid-column:1/-1;grid-row:5;grid-template-rows:auto 44px;min-width:0;gap:4px;margin-right:51px;pointer-events:none}body.touch-layout #touch-portrait-hud #touch-toolbar button{height:44px;min-height:44px;pointer-events:auto}body.touch-layout #touch-portrait-hud #touch-selection{min-width:0;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip;font-size:12px;line-height:1.2;padding:3px 6px}body.touch-layout #touch-portrait-hud>#touch-tools{position:relative;inset:auto;grid-column:1/-1;grid-row:2;align-self:end;z-index:2;max-height:100%;min-width:0;overflow:auto;pointer-events:auto;grid-template-columns:repeat(3,minmax(0,1fr))}body.touch-layout #touch-portrait-hud:has(>#touch-tools:not([hidden]))>#alerts,body.touch-layout #touch-portrait-hud:has(>#touch-tools:not([hidden]))>#production-panel{visibility:hidden;pointer-events:none}}.touch-layout #hud .selection-main.with-queue .selection-details{padding-right:84px}.touch-layout #hud #queue{position:absolute;top:50%;right:0;transform:translateY(-50%);width:80px;min-width:80px;max-width:100%;max-height:none;margin:0}.touch-layout #hud #queue button{flex:0 0 80px;min-width:80px;max-width:80px;flex-direction:column;justify-content:center;gap:2px;min-height:44px;padding:2px 6px;font-size:12px;line-height:1.15}.touch-layout #hud #queue button>span,.touch-layout #hud #queue button>small{flex:0 0 auto;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.15}@media(orientation:landscape)and (max-height:600px){.touch-layout #hud .selection-main.with-queue .selection-details{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding-right:50px;min-height:0}.touch-layout #hud .selection-main.with-queue .selection-count-row,.touch-layout #hud .selection-main.with-queue #selection-category{display:none}.touch-layout #hud .selection-main.with-queue #p-name{flex:0 0 auto;margin:0 0 2px;font-size:12px;line-height:1.15}.touch-layout #hud #queue{position:static;transform:none;width:100%;min-width:80px;max-width:100%;margin:0;flex:0 0 auto}}#surrender-dialog{width:min(440px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;padding:22px;color:var(--text)}#surrender-dialog h2{font-size:30px;line-height:1.1;margin:0 0 12px}#surrender-dialog p{font-size:14px;line-height:1.5}#surrender-dialog .surrender-actions{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:12px;margin-top:20px}#surrender-dialog button{min-width:44px;min-height:44px;white-space:normal}.was-ist-neu-backdrop{position:fixed;inset:0;z-index:180;display:grid;place-items:center;padding:clamp(10px,3vw,32px);background:#02070ad1;backdrop-filter:blur(7px);overflow:auto;overscroll-behavior:contain}.was-ist-neu-backdrop[hidden]{display:none}.was-ist-neu-card{box-sizing:border-box;width:min(900px,100%);max-height:min(92dvh,1000px);overflow:auto;padding:clamp(18px,3vw,34px);border:1px solid #e8bc6b88;border-top:3px solid #e8bc6b;border-radius:8px;color:#f1eee5;background:linear-gradient(145deg,#172329,#0a1116 72%);box-shadow:0 28px 100px #000c;scrollbar-width:thin;scrollbar-color:#748188 #10171b}.was-ist-neu-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid #e8bc6b55}.was-ist-neu-title-group{min-width:0}.was-ist-neu-kicker{display:block;margin-bottom:5px;color:#e8bc6b;font:700 11px/1.4 var(--mono);letter-spacing:.16em}.was-ist-neu-head h2{margin:0;color:#fff5df;font:750 clamp(28px,4.3vw,48px)/1.05 var(--display);letter-spacing:.015em}.was-ist-neu-close{flex:0 0 auto;min-height:44px;padding:9px 13px;border:1px solid #c3c9c7a8;border-radius:3px;color:#e9efed;background:#111b20;font:650 13px/1 var(--body);cursor:pointer}.was-ist-neu-intro{margin:17px 0 12px;color:#f2d8ad;font:600 clamp(15px,2vw,18px)/1.45 var(--body)}.was-ist-neu-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.was-ist-neu-list li{position:relative;padding:10px 13px 10px 35px;border-left:2px solid #e8bc6b9c;background:linear-gradient(90deg,#c38b3020,#ffffff08);color:#e9eeeb;font:450 clamp(14px,1.7vw,16px)/1.5 var(--body);overflow-wrap:anywhere}.was-ist-neu-list li:before{position:absolute;left:13px;top:10px;color:#edc879;content:"\2726";font-size:13px}.was-ist-neu-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding-top:14px;border-top:1px solid #ffffff24;color:#b9c4c4;font:12px/1.5 var(--mono)}.was-ist-neu-done{min-height:44px;padding:10px 18px;border:1px solid #f0cc7e;border-radius:3px;color:#17140e;background:linear-gradient(140deg,#f2d38f,#cd9b4e);font:750 14px/1 var(--body);cursor:pointer}.was-ist-neu-backdrop :is(button):focus-visible{outline:3px solid #fff0b5;outline-offset:3px}@media(max-width:600px){.was-ist-neu-backdrop{align-items:start;padding:10px}.was-ist-neu-card{max-height:calc(100dvh - 20px);padding:16px 14px}.was-ist-neu-head{gap:8px;padding-bottom:12px}.was-ist-neu-kicker{font-size:9px;letter-spacing:.12em}.was-ist-neu-head h2{font-size:clamp(25px,8vw,34px)}.was-ist-neu-close{width:44px;height:44px;padding:0;overflow:hidden;font-size:0}.was-ist-neu-close:after{content:"\d7";font:400 26px/1 var(--body)}.was-ist-neu-intro{margin:13px 0 9px;font-size:15px}.was-ist-neu-list{gap:6px}.was-ist-neu-list li{padding:8px 8px 8px 29px;font-size:13px;line-height:1.42}.was-ist-neu-list li:before{left:10px;top:8px}.was-ist-neu-footer{align-items:flex-start;flex-direction:column;margin-top:13px;padding-top:11px}.was-ist-neu-done{align-self:stretch}}#lagebild.lagebild-offen{position:absolute;z-index:80;top:var(--top-raw, 64px);bottom:var(--hud-raw, 228px);left:max(1rem,env(safe-area-inset-left));width:min(24rem,calc(100vw - 2rem));max-height:none;overflow:auto;padding:1rem;color:#edf4ed;background:#101b20f5;border:1px solid #9bc9b6;border-radius:.65rem;box-shadow:0 0 0 3px #9bc9b655,0 1rem 3rem #000b;outline:3px solid #e9c887;outline-offset:3px}body:not(.touch-layout) #lagebild.lagebild-offen{zoom:var(--ui, 1)}#lagebild h2{margin:0 0 .75rem;font-size:1.05rem}#lagebild-liste,#lagebild-liste ul{display:grid;gap:.35rem;margin:0;padding:0;list-style:none}#lagebild-liste>li{display:grid;gap:.25rem}#lagebild-liste h3{margin:.35rem 0 0;font-size:.9rem}#lagebild-liste button{width:100%;text-align:left;color:inherit;background:#ffffff0a;border:1px solid #ffffff20;border-radius:.35rem;padding:.55rem .65rem}#lagebild-liste button:focus-visible,#lagebild:focus-visible{outline:3px solid #f2c879;outline-offset:2px}#lagebild-liste .lagebild-gruppe{color:#c7ddce;font-weight:700}#lagebild-liste .lagebild-eintrag{padding-left:1.1rem;font-size:.88rem}.menu-tour,.training-guide{position:fixed;inset:0;z-index:12000;pointer-events:none}.menu-tour[hidden],.training-guide[hidden],.training-spotlight[hidden],.menu-tour-spotlight[hidden]{display:none!important}.menu-tour-spotlight,.training-spotlight{position:fixed;z-index:0;pointer-events:none;border:2px solid #ffc078;border-radius:10px;box-shadow:0 0 0 100vmax #03080cc7,0 0 26px #ff9c518c;transition:left .18s ease,top .18s ease,width .18s ease,height .18s ease}.menu-tour-card,.training-guide-card{position:fixed;z-index:1;pointer-events:auto;color:#f4f0e6;border:1px solid rgba(255,191,130,.55);border-radius:12px;background:linear-gradient(145deg,#121b1ffa,#080d11fa);box-shadow:0 22px 70px #00000094,inset 0 1px #ffffff14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.menu-tour-card{right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:min(390px,calc(100vw - 28px));padding:20px}.menu-tour-card .eyebrow,.training-menu-entry .eyebrow{color:#f2a76e;letter-spacing:.14em;font-size:.68rem}.menu-tour-card h2,.training-guide-card h2{margin:8px 0 10px;font-size:clamp(1.25rem,2.2vw,1.7rem);line-height:1.12}.menu-tour-card p,.training-guide-card p{margin:0;color:#d5d4cc;line-height:1.5;font-size:.95rem}.menu-tour-actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.menu-tour-actions button{min-height:44px}.menu-tour-repeat{margin-top:18px;min-height:44px}.menu-tour button:focus-visible,.training-guide button:focus-visible,.training-menu-entry button:focus-visible{outline:3px solid #ffd093;outline-offset:3px}.training-menu-entry{display:grid;gap:7px;padding:9px 10px;border:1px solid rgba(255,174,111,.32);background:linear-gradient(120deg,#cf632f1f,#0c141873)}.training-menu-lede{color:#b9bdb8;letter-spacing:.04em;text-transform:none;font-size:.66rem}.training-menu-list{display:grid;grid-template-columns:1fr 1fr;gap:5px}.training-menu-list[hidden]{display:none}.training-menu-toggle{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:0;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.training-menu-toggle .eyebrow{flex:1;margin:0}.training-menu-count{color:#b9bdb8;font-size:.66rem;letter-spacing:.08em;white-space:nowrap}.training-menu-chevron{color:#f2a76e;font-size:.8rem;transition:transform .2s ease}.training-menu-entry.open .training-menu-chevron{transform:rotate(90deg)}.training-menu-entry.open .training-menu-toggle{margin-bottom:8px}@media(prefers-reduced-motion:reduce){.training-menu-chevron{transition:none}}.training-entry-button{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;text-align:left;padding:8px 10px;border:1px solid rgba(219,221,210,.16);min-height:44px;color:#f3f0e6;background:#050b0e8c;cursor:pointer}.training-entry-button:hover:not(:disabled){border-color:#e89057;background:#d2632e29}.training-entry-button:disabled{opacity:.55;cursor:not-allowed}.training-entry-code{font-size:.64rem;letter-spacing:.12em;color:#f0a36e;white-space:nowrap}.training-entry-copy{display:grid;gap:3px;min-width:0}.training-entry-copy strong{font-size:.79rem;letter-spacing:.025em}.training-entry-copy small{color:#bec2be;font-size:.7rem;line-height:1.35}.training-entry-status{font-size:.9rem;color:#e8bd91;white-space:nowrap}.training-entry-button.done .training-entry-status{color:#9fd38f}.training-guide-video{width:120px;aspect-ratio:16/9;object-fit:cover;border-radius:4px;flex:0 0 120px;background:#000}.training-menu-skip{color:#9da5a2;font-size:.68rem}.training-guide-card{top:auto;right:auto;left:calc((100vw - var(--touch-side,0px)) / 2);transform:translate(-50%);bottom:calc(var(--hud,200px) + var(--training-lift,14px));width:min(560px,calc(100vw - var(--touch-side,0px) - 28px));padding:12px 16px}.training-guide-card header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.training-guide-face{width:52px;height:52px;flex:0 0 52px;object-fit:cover;border-radius:50%;border:1px solid rgba(255,177,115,.7);background:#263238}.training-guide-card header div{display:grid;gap:3px;min-width:0}.training-guide-card header small{color:#f2a76e;font-size:.62rem;letter-spacing:.12em}.training-guide-card header strong{color:#dfe2dc;font-size:.72rem;letter-spacing:.07em}.training-guide-skip{margin-left:auto;align-self:flex-start;padding:7px 9px;min-height:40px;border:1px solid rgba(235,235,226,.25);border-radius:6px;color:#c8ceca;background:transparent;font-size:.68rem;cursor:pointer}.training-guide-mp{align-self:flex-start;padding:7px 9px;min-height:40px;border:1px solid rgba(255,154,107,.65);border-radius:6px;color:#ffd4bd;background:#ff5a1f18;font-size:.68rem;cursor:pointer}.training-guide-card h2{font-size:1.2rem;margin:4px 0 6px}.training-guide-steps{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px}.training-guide-steps li{display:inline-flex;align-items:center;gap:5px;color:#a9b2af;font-size:.76rem;line-height:1.3;white-space:nowrap}.training-guide-steps li:before{content:"\25cb";color:#7d8884;font-size:.9rem}.training-guide-steps li.done{color:#9fd38f}.training-guide-steps li.done:before{content:"\2713";color:#9fd38f}.training-guide-steps li.current{color:#ffd9b0;font-weight:700}.training-guide-steps li.current:before{content:"\25cf";color:#ec9156}body[data-training]:has(#training-guide:not([hidden])) #funk-line,body[data-training]:has(#training-guide:not([hidden])) #leader-comms,body[data-training]:has(#training-guide:not([hidden])) #gefluester{display:none!important}body.touch-layout{--training-lift:108px}body[data-training]:has(#training-guide:not([hidden])) #field-guide{display:none}.training-guide-progress{height:3px;margin-top:14px;background:#ebf0ea24;overflow:hidden}.training-guide-progress i{display:block;width:0;height:100%;background:#ec9156;transition:width .28s ease}.training-guide[data-complete=true] .training-guide-card{border-color:#93ca91a6}.training-guide[data-complete=true] .training-guide-card h2{color:#d8efcf}.training-guide-reopen{position:fixed;z-index:12001;right:max(12px,env(safe-area-inset-right));top:calc(env(safe-area-inset-top) + 76px);min-height:44px;padding:9px 13px;border:1px solid #d88b56;border-radius:7px;color:#fff1df;background:#0e161af5;box-shadow:0 6px 20px #0000004d;cursor:pointer}.training-guide-reopen[hidden]{display:none!important}.training-exit-choice{display:grid;grid-template-columns:1fr;gap:7px;margin-top:12px;padding-top:10px;border-top:1px solid #ffffff22}.training-exit-choice[hidden]{display:none}.training-exit-choice>span{font-size:.82rem;color:#d5d4cc}.training-exit-choice button{min-height:40px;padding:7px 10px;text-align:left;font-size:.82rem}#training-guide:not([hidden]) .training-guide-card:has(.training-exit-choice:not([hidden])){pointer-events:auto}#training-guide-reopen:focus-visible{outline:3px solid #ffd093;outline-offset:3px}@media(max-width:720px){.menu-tour-card{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:min(380px,calc(100vw - 24px));padding:16px}.training-menu-entry{padding:9px}.training-entry-button{gap:6px;padding:8px}.training-guide-card{width:min(560px,calc(100vw - var(--touch-side,0px) - 20px));max-height:43vh;max-height:43dvh;overflow:auto;padding:10px 12px}.training-guide-card header{gap:5px;margin-bottom:4px}.training-guide-face{width:34px;height:34px;flex-basis:34px}.training-guide-card h2{font-size:1.02rem;margin:2px 0 4px}.training-guide-card p{font-size:.83rem;line-height:1.4}.training-guide-skip,.training-guide-mp{font-size:.58rem;padding:5px 6px;min-height:36px;max-width:86px}.training-guide-steps{margin-top:8px;gap:2px 8px}.training-guide-steps li:not(.current){font-size:0;gap:0}.training-guide-steps li:not(.current):before{font-size:.95rem}.training-guide-card h2{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.training-guide-reopen{top:auto;bottom:max(10px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.menu-tour-spotlight,.training-spotlight,.training-guide-progress i{transition:none}}body[data-training] #operation-panel{display:none!important}.first-run-menu-entry{display:grid;gap:8px;margin:0 0 9px;padding:12px;border:1px solid rgba(255,190,128,.6);border-radius:9px;background:linear-gradient(120deg,#cf632f33,#0c1418c7)}.first-run-menu-button{min-height:48px;padding:10px 12px;border:1px solid #f0a36e;border-radius:6px;color:#fff2e2;background:#632d19b8;font-family:inherit;font-size:1rem;font-weight:700;line-height:1.3;text-align:left;cursor:pointer}.first-run-menu-entry p{margin:0;color:#e3dfd5;font-size:.9rem;line-height:1.45}.first-run-skip{justify-self:start;min-height:42px;padding:7px 10px;border:1px solid rgba(235,235,226,.3);border-radius:6px;color:#e1ddd3;background:transparent;font:inherit;font-size:.875rem;cursor:pointer}.first-run-card{position:fixed;z-index:12020;left:50%;top:50%;display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px;align-items:start;width:min(580px,calc(100vw - 32px));padding:22px;transform:translate(-50%,-50%);border:1px solid rgba(255,191,130,.72);border-radius:13px;color:#f4f0e6;background:linear-gradient(145deg,#121b1ffa,#080d11fc);box-shadow:0 24px 85px #000000b8}.first-run-card[hidden]{display:none!important}.first-run-card>img{width:72px;height:72px;border:1px solid rgba(255,177,115,.7);border-radius:50%;object-fit:cover}.first-run-copy{min-width:0}.first-run-copy>small{color:#f2a76e;font-size:.78rem;letter-spacing:.12em}.first-run-copy h2{margin:7px 0 9px;font-size:1.45rem;line-height:1.2}.first-run-copy p{margin:0 0 9px;color:#d5d4cc;font-size:.95rem;line-height:1.5}.first-run-copy .first-run-radio{padding-left:10px;border-left:2px solid #d98a55;color:#f1d5bb}.first-run-actions{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.first-run-actions button{min-height:46px;padding:9px 12px;border:1px solid rgba(235,235,226,.34);border-radius:6px;color:#f4f0e6;background:#050b0eb3;font:inherit;font-size:.9rem;cursor:pointer}.first-run-actions .first-run-next{border-color:#e89057;background:#8f4322b8}.first-run-menu-entry button:focus-visible,.first-run-card button:focus-visible{outline:3px solid #ffd093;outline-offset:3px}body[data-first-run-card] #training-guide{display:none!important}@media(max-width:560px){.first-run-card{grid-template-columns:46px minmax(0,1fr);gap:11px;padding:15px}.first-run-card>img{width:46px;height:46px}.first-run-copy h2{font-size:1.2rem}.first-run-actions{flex-direction:column-reverse}.first-run-actions button{width:100%}}@media(prefers-reduced-motion:reduce){.first-run-card,.first-run-menu-entry{scroll-behavior:auto;transition:none;animation:none}}.training-guide-card .training-camera-progress{margin-top:9px;padding:7px 10px;border-left:3px solid #ec9156;background:#ffffff09;color:#ffd9b0;font-size:.85rem;line-height:1.4}.training-guide-card .training-camera-progress[hidden]{display:none}.training-camera-directions{display:flex;gap:8px;margin-top:5px}.training-camera-directions>span{display:inline-block;min-width:36px;padding:2px 5px;border:1px solid #ffffff24;border-radius:4px;color:#a9b2af;white-space:nowrap}.training-camera-directions>span[data-done=true]{border-color:#9fd38f80;color:#9fd38f;background:#9fd38f12}.campaign-guide{position:absolute;z-index:12030;right:14px;top:74px;width:min(390px,calc(100% - 28px));pointer-events:none}.campaign-guide[hidden]{display:none!important}.campaign-guide-card{padding:13px 15px;border:1px solid rgba(239,159,99,.72);border-radius:10px;color:#f4f0e6;background:linear-gradient(145deg,#111a1ef5,#080d11f7);box-shadow:0 12px 36px #0000007a;pointer-events:auto}.campaign-guide-card header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.campaign-guide-card header>div{display:grid;gap:3px;min-width:0}.campaign-guide-card header small,.campaign-guide-learning>small{color:#f2aa74;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.campaign-guide-card header strong{color:#d8d8d0;font-size:.76rem}.campaign-guide-card button,.campaign-guide-learning button{min-height:38px;padding:7px 10px;border:1px solid rgba(235,235,226,.32);border-radius:6px;color:#f4f0e6;background:#040a0db8;font:inherit;font-size:.82rem;cursor:pointer}.campaign-guide-card button:hover,.campaign-guide-learning button:hover{border-color:#f3a36a;background:#793a1f9e}.campaign-guide-card h2{margin:0 0 5px;font-size:1.06rem;line-height:1.24}.campaign-guide-card>p{margin:0;color:#e3ddd2;font-size:.9rem;line-height:1.45}.campaign-guide-card #campaign-guide-success{margin-top:6px;color:#b7e6a5;font-size:.82rem;font-weight:700}.campaign-guide-card #campaign-guide-success[hidden]{display:none}.campaign-guide-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.campaign-guide-actions button[hidden]{display:none}.campaign-guide-actions #campaign-guide-take{border-color:#f0a36e;background:#7a391cc2;font-weight:800}.campaign-guide-actions #campaign-guide-skip{margin-left:auto}#campaign-guide-codex{display:grid;gap:6px;margin-top:10px;padding-top:9px;border-top:1px solid #ffffff24}#campaign-guide-codex[hidden]{display:none}#campaign-guide-codex>strong{color:#f2aa74;font-size:.77rem}.campaign-guide-codex-entry{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start;width:100%;text-align:left}.campaign-guide-codex-entry>span:first-child{color:#f3b379;font-size:1.2rem;text-align:center}.campaign-guide-codex-entry>span:last-child{display:grid;gap:3px}.campaign-guide-codex-entry small{color:#d6d4cc;font-size:.75rem;line-height:1.35}.campaign-guide-target{position:absolute;z-index:12020;display:grid;place-items:center;width:46px;height:46px;margin:0;transform:translate(-50%,-50%);border:2px solid #ffc278;border-radius:50%;color:#fff0d5;background:#df8b341f;box-shadow:0 0 0 5px #e79d3430,0 0 24px #ffc26d99;font-size:1.05rem;font-weight:900;text-shadow:0 1px 3px #000;pointer-events:none;animation:campaign-guide-pulse 1.8s ease-in-out infinite}.campaign-guide-target[data-edge=true]{width:36px;height:36px;border-radius:9px;background:#182328ed;font-size:1.15rem}.campaign-guide-target[hidden],.campaign-guide-hand[hidden]{display:none!important}.campaign-guide-hand{position:absolute;z-index:12025;margin:0;font-size:1.8rem;filter:drop-shadow(0 3px 3px #000);pointer-events:none}.campaign-guide-gesture-box{position:absolute;left:0;top:0;display:block;width:100%;height:100%;box-sizing:border-box;border:2px dashed #ffca82;border-radius:7px;background:#ffc26d0d;box-shadow:0 0 12px #ffc26d55;animation:campaign-guide-select-gesture 3s ease-in-out both}.campaign-guide-gesture-pointer{position:absolute;left:0;top:0;display:block;width:30px;height:40px;font-size:1.9rem;filter:drop-shadow(0 2px 3px #000);animation:campaign-guide-move-gesture 3s ease-in-out both}.campaign-guide-gesture-pointer svg{display:block;width:30px;height:40px}.campaign-guide-gesture-pointer i{position:absolute;right:-5px;bottom:-4px;display:grid;place-items:center;width:17px;height:17px;border:1px solid #ffdaaa;border-radius:50%;color:#fff4de;background:#a34e2d;font-size:.62rem;font-style:normal;font-weight:900}.campaign-guide-hand[data-gesture=select] .campaign-guide-gesture-pointer{animation:campaign-guide-box-pointer 3s ease-in-out both}.campaign-guide-hand[data-gesture=move] .campaign-guide-gesture-box{display:none}.campaign-guide-hand[data-gesture=move] .campaign-guide-gesture-pointer{left:var(--gesture-x1);top:var(--gesture-y1);animation:campaign-guide-move-gesture 3s ease-in-out both}.campaign-guide-learning{position:fixed;z-index:12050;left:50%;top:50%;display:grid;justify-items:center;gap:8px;width:min(430px,calc(100% - 28px));max-width:none;max-height:calc(100dvh - 28px);overflow:auto;margin:0;padding:22px;transform:translate(-50%,-50%);border:1px solid rgba(239,159,99,.86);border-radius:13px;color:#f4f0e6;background:linear-gradient(145deg,#111a1efc,#080d11fc);box-shadow:0 24px 85px #000000c7;pointer-events:auto;text-align:center}.campaign-guide-learning::backdrop{background:#020609bb}.campaign-guide-learning-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid #f1a56e88;border-radius:50%;color:#ffc078;background:#f1a56e12;font-size:1.9rem}.campaign-guide-learning h2{margin:0;font-size:1.35rem}.campaign-guide-learning p{max-width:52ch;margin:0;color:#dfddd5;font-size:.95rem;line-height:1.5}.campaign-guide-learning button{min-width:120px;margin-top:5px;border-color:#f0a36e;background:#7a391cc2;font-weight:800}.campaign-guide-card button:focus-visible,.campaign-guide-learning button:focus-visible{outline:3px solid #ffd093;outline-offset:3px}@keyframes campaign-guide-pulse{0%,to{box-shadow:0 0 0 3px #e79d3420,0 0 16px #ffc26d66;transform:translate(-50%,-50%) scale(.96)}50%{box-shadow:0 0 0 8px #e79d3438,0 0 26px #ffc26dcc;transform:translate(-50%,-50%) scale(1.04)}}@keyframes campaign-guide-select-gesture{0%{opacity:0;transform:scale(.15);transform-origin:top left}12%{opacity:1}35%{transform:scale(1);opacity:1}88%{opacity:1}to{opacity:0}}@keyframes campaign-guide-box-pointer{0%{left:6px;top:8px;opacity:0}18%{opacity:1}44%{left:calc(100% - 22px);top:6px}70%{left:calc(100% - 22px);top:calc(100% - 28px)}to{left:6px;top:calc(100% - 28px);opacity:0}}@keyframes campaign-guide-move-gesture{0%{transform:translate(0) rotate(-12deg);opacity:0}12%{opacity:1}55%{transform:translate(var(--gesture-dx),var(--gesture-dy)) rotate(0);opacity:1}68%{transform:translate(var(--gesture-dx),var(--gesture-dy)) scale(.9);opacity:1}to{transform:translate(var(--gesture-dx),var(--gesture-dy)) scale(.9);opacity:0}}@media(max-width:620px){.campaign-guide{right:8px;top:66px;width:min(340px,calc(100% - 16px))}.campaign-guide-card{padding:10px 11px}.campaign-guide-card h2{font-size:.98rem}.campaign-guide-card>p{font-size:.82rem}.campaign-guide-card button{min-height:36px;padding:6px 8px;font-size:.75rem}.campaign-guide-actions #campaign-guide-skip{margin-left:0}.campaign-guide-learning{padding:17px}.campaign-guide-learning-icon{width:48px;height:48px;font-size:1.6rem}.campaign-guide-learning h2{font-size:1.15rem}.campaign-guide-learning p{font-size:.87rem}}@media(max-width:620px){.campaign-guide-card header{gap:6px;margin-bottom:5px}.campaign-guide-card header small{font-size:.57rem;letter-spacing:.07em}.campaign-guide-card header strong,.campaign-guide-card h2,.campaign-guide-header-actions label{display:none}.campaign-guide-card .campaign-guide-header-actions{display:flex;align-items:center;gap:5px}.campaign-guide-header-actions select{width:87px;min-height:30px;padding:4px;font:inherit;font-size:.7rem}.campaign-guide-header-actions #campaign-guide-mode-button{width:30px;min-height:30px;padding:0;font-size:0}.campaign-guide-header-actions #campaign-guide-mode-button:after{content:"\d7";font-size:1.2rem}.campaign-guide-actions{gap:4px;margin-top:6px}.campaign-guide-card button{min-height:30px;padding:4px 6px;font-size:.69rem}}@media(prefers-reduced-motion:reduce){.campaign-guide-target,.campaign-guide-gesture-box,.campaign-guide-gesture-pointer{animation:none}}.campaign-new-brief{width:min(620px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);overflow:auto;padding:22px;border:1px solid rgba(239,159,99,.86);border-radius:13px;color:#f4f0e6;background:linear-gradient(145deg,#121b1f,#080d11);box-shadow:0 24px 85px #000b}.campaign-new-brief::backdrop{background:#020609bb}.campaign-new-brief fieldset{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0;padding:12px;border:1px solid #ffffff30;border-radius:8px}.campaign-new-brief fieldset legend{padding:0 6px;color:#f2aa74;font-weight:800}.campaign-new-brief fieldset label{display:flex;align-items:center;gap:6px;min-width:0;padding:8px;border:1px solid #ffffff24;border-radius:6px;background:#ffffff08}.campaign-new-brief .campaign-new-actions{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.campaign-new-brief button{min-height:44px;padding:9px 13px;border:1px solid #ffffff45;border-radius:6px;color:#f4f0e6;background:#080d11;font:inherit;cursor:pointer}.campaign-new-brief button.primary{border-color:#f0a36e;background:#7a391c;font-weight:800}@media(max-width:480px){.campaign-new-brief{padding:16px}.campaign-new-brief fieldset{gap:5px;padding:8px}.campaign-new-brief fieldset label{padding:6px 4px;font-size:.82rem}}.campaign-sequence{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;color:#fff6e8;background:transparent;overflow:hidden}.campaign-sequence::backdrop{background:linear-gradient(#02070d66,transparent 35%,#02070d33 65%,#02070d99)}.campaign-sequence-caption{position:absolute;left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));bottom:max(26px,env(safe-area-inset-bottom));max-width:850px;margin:auto;padding:20px 24px;border:1px solid #f2a87166;border-radius:12px;background:#071015f2;box-shadow:0 10px 40px #0008}.campaign-sequence h2{font-size:clamp(20px,3vw,30px);margin:4px 0 14px}.campaign-sequence-line{display:flex;align-items:center;gap:20px}.campaign-sequence-line img{width:88px;height:88px;border-radius:8px;object-fit:cover;border:1px solid #f2a87155;flex:none}.campaign-sequence-line strong{color:#ffc598;font-size:14px}.campaign-sequence-line p{margin:5px 0 0;font-size:clamp(16px,2vw,20px);line-height:1.5;min-height:1.5em}#campaign-sequence-skip{position:absolute;top:max(18px,env(safe-area-inset-top));right:max(22px,env(safe-area-inset-right));min-height:44px;padding:10px 16px;border:1px solid #ffffff88;border-radius:8px;background:#071015ee;color:#fff6e8;font:inherit;cursor:pointer}.campaign-sequence-fragment{position:absolute;top:14%;left:15%;width:70%;height:53%;object-fit:contain;background:#000;border:1px solid #ffffff44;border-radius:10px}.campaign-sequence-playing #loading-card,.campaign-sequence-playing #campaign-guide,.campaign-sequence-playing #campaign-guide-reopen,.campaign-sequence-playing #campaign-guide-target,.campaign-sequence-playing #campaign-guide-hand,.campaign-sequence-playing #online-pause-bar{visibility:hidden}@media(max-width:600px){.campaign-sequence-caption{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:15px}.campaign-sequence-line{gap:12px;align-items:flex-start}.campaign-sequence-line img{width:60px;height:60px}.campaign-sequence h2{margin-bottom:10px}.campaign-sequence-fragment{left:5%;width:90%;top:18%;height:40%}#campaign-sequence-skip{right:12px;font-size:14px}}#lobby .solo-setup,#lobby .multi-fold{max-width:1202px;margin:0 24px 16px;padding:22px 24px;box-sizing:border-box}#lobby .solo-setup{border-top:3px solid var(--accent);background:var(--glass-2,var(--glass))}#lobby .solo-setup .section-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px}#lobby .solo-setup h2{font:800 30px/1.05 var(--display);text-transform:uppercase;letter-spacing:.01em;margin:0 0 12px}#lobby .solo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 16px}#lobby .solo-field{min-width:0}#lobby .solo-field select{width:100%}#lobby #solo-start{margin-top:18px;min-height:56px;min-width:min(100%,280px);font:800 20px var(--display);letter-spacing:.06em;text-transform:uppercase}#lobby .solo-note{margin:12px 0 0;color:var(--muted);font:13px/1.55 var(--body)}#lobby .multi-fold{padding:0}#lobby .multi-fold>summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;min-height:44px;padding:16px 56px 16px 24px;position:relative;cursor:pointer;list-style:none}#lobby .multi-fold>summary::-webkit-details-marker{display:none}#lobby .multi-fold>summary:after{content:"";position:absolute;right:24px;top:50%;width:9px;height:9px;margin-top:-7px;border:solid var(--accent);border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .2s}#lobby .multi-fold[open]>summary:after{transform:rotate(-135deg);margin-top:-2px}#lobby .multi-fold>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}#lobby .multi-fold-title{font:800 22px/1.1 var(--display);text-transform:uppercase;letter-spacing:.02em}#lobby .multi-fold-sub{font:13px/1.45 var(--body);color:var(--muted)}#lobby .multi-fold[open]>summary{border-bottom:1px solid var(--line)}#lobby .multi-fold .local-info{margin:0;padding:18px 24px 6px;border:0;background:none}#lobby .multi-fold .local-info p{margin:0 0 8px}#lobby .multi-fold .lobby-layout{padding-top:12px}@media(prefers-reduced-motion:reduce){#lobby .multi-fold>summary:after{transition:none}}@media(max-width:900px){#lobby .solo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){#lobby .solo-setup,#lobby .multi-fold{margin:0 16px 16px;padding:18px 16px}#lobby .multi-fold{padding:0}#lobby .multi-fold>summary{padding:14px 44px 14px 16px}#lobby .multi-fold>summary:after{right:16px}#lobby .multi-fold .local-info{padding:14px 16px 4px}#lobby .solo-setup h2{font-size:26px}#lobby #solo-start{width:100%}#lobby .lobby-identity{order:1}#lobby .solo-setup{order:2}#lobby .multi-fold{order:3}}@media(max-width:480px){#lobby .solo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#lobby .solo-field:nth-child(1){order:1}#lobby .solo-field:nth-child(4){order:2}#lobby .solo-field:nth-child(2){order:3;grid-column:1/-1}#lobby .solo-field:nth-child(3){order:4;grid-column:1/-1}#lobby .solo-setup .section-label span:last-child{display:none}}#howto.screen.on{display:flex;flex-direction:column}#howto.screen.on>*{flex:0 0 auto}#howto .page-heading{order:0}#howto #help-language-note{order:0;box-sizing:border-box;width:100%;max-width:1500px;margin:0 auto 14px;padding:0 3vw}#howto .help-layout{order:1}#howto .mobile-help-block{order:2;margin-top:0}@media(pointer:coarse),(hover:none){#howto .mobile-help-block{order:1}#howto .help-layout{order:2}}body.touch-input #howto .mobile-help-block{order:1}body.touch-input #howto .help-layout{order:2}input[type=checkbox],input[type=range]{accent-color:var(--accent)}.scenario-row input[type=checkbox],.mode-row input[type=checkbox],.solo-server-option input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px;flex:0 0 18px}body:not(.touch-layout) .setting-row input[type=checkbox]{-webkit-appearance:none;appearance:none;position:relative;flex:0 0 42px;width:42px;min-width:42px;height:24px;min-height:0;margin:0;padding:0;border:1px solid #57665f;border-radius:12px;background:#111f21;cursor:pointer;transition:background .18s,border-color .18s}body:not(.touch-layout) .setting-row input[type=checkbox]:before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#7c8a83;transition:transform .18s,background .18s}body:not(.touch-layout) .setting-row input[type=checkbox]:checked{border-color:#cf633e;background:#e25a2633}body:not(.touch-layout) .setting-row input[type=checkbox]:checked:before{transform:translate(18px);background:var(--accent)}body:not(.touch-layout) .setting-row input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.env-row .env-events input[type=checkbox]{flex:0 0 18px;width:18px;height:18px;min-height:0;margin:0;padding:0}.touch-layout .env-row .env-events{min-height:44px;align-items:center}.touch-layout .sound-toggle{min-width:44px;min-height:44px;padding:4px 12px}.connection,.touch-layout .connection,.sound-toggle,.sound-toggle>span{font-size:11px}#endcard .result-facts>span,.result-graph .mg-head small,#end-leader small,.directory-3d h4,.directory-3d h4 small{font-size:11px}.touch-layout .room-controls button,.touch-layout #btn-ai,.touch-layout #btn-ready,.touch-layout .join-row button,.touch-layout #refresh-rooms{min-height:44px}.touch-layout .setting-row input[type=checkbox]{-webkit-appearance:none;appearance:none;position:relative;flex:0 0 52px;width:52px;min-width:52px;height:44px;min-height:44px;margin:0;padding:0;border:0;background:none;cursor:pointer}.touch-layout .setting-row input[type=checkbox]:before{content:"";position:absolute;left:3px;top:10px;width:46px;height:24px;box-sizing:border-box;border:1px solid #57665f;border-radius:12px;background:#111f21;transition:background .18s,border-color .18s}.touch-layout .setting-row input[type=checkbox]:after{content:"";position:absolute;left:8px;top:15px;width:14px;height:14px;border-radius:50%;background:#7c8a83;transition:transform .18s,background .18s}.touch-layout .setting-row input[type=checkbox]:checked:before{border-color:#cf633e;background:#e25a2633}.touch-layout .setting-row input[type=checkbox]:checked:after{transform:translate(22px);background:var(--accent)}.touch-layout .setting-row input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.touch-layout .scenario-row input[type=checkbox],.touch-layout .solo-server-option input[type=checkbox]{-webkit-appearance:none;appearance:none;position:relative;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;margin:-8px -8px -8px -10px;padding:0;border:0;background:none;cursor:pointer}.touch-layout .scenario-row input[type=checkbox]:before,.touch-layout .solo-server-option input[type=checkbox]:before{content:"";position:absolute;left:11px;top:11px;width:22px;height:22px;box-sizing:border-box;border:2px solid #8f9b95;border-radius:3px;background:#0b1014}.touch-layout .scenario-row input[type=checkbox]:checked:before,.touch-layout .solo-server-option input[type=checkbox]:checked:before{border-color:var(--accent);background:var(--accent)}.touch-layout .scenario-row input[type=checkbox]:after,.touch-layout .solo-server-option input[type=checkbox]:after{content:"";position:absolute;display:none;left:18px;top:14px;width:7px;height:13px;border:solid #0a1014;border-width:0 3px 3px 0;transform:rotate(45deg)}.touch-layout .scenario-row input[type=checkbox]:checked:after,.touch-layout .solo-server-option input[type=checkbox]:checked:after{display:block}.touch-layout .scenario-row input[type=checkbox]:focus-visible,.touch-layout .solo-server-option input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.touch-layout .solo-server-option{min-height:44px}.touch-layout .scenario-row{align-items:center}#menu .menu-aaa .trio-card strong{overflow-wrap:normal;word-break:keep-all;hyphens:none;text-wrap:balance}@media(max-width:560px){#menu .menu-aaa .faction-trio{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}#menu .menu-aaa .trio-card{aspect-ratio:auto;height:104px;min-height:0}#menu .menu-aaa .trio-card .trio-tag{top:10px;left:14px;right:14px;font:600 12px/1.15 var(--display);letter-spacing:.08em}#menu .menu-aaa .trio-card strong{left:14px;right:14px;bottom:34px;font-size:19px;line-height:1.08}#menu .menu-aaa .trio-card small{display:block;left:14px;right:14px;bottom:10px;opacity:1;transform:none;font-size:11px}}.touch-layout .mode-row input[type=checkbox]{-webkit-appearance:none;appearance:none;position:relative;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;margin:-8px -10px -8px 0;padding:0;border:0;background:none;cursor:pointer}.touch-layout .mode-row input[type=checkbox]:before{content:"";position:absolute;left:11px;top:11px;width:22px;height:22px;box-sizing:border-box;border:2px solid #8f9b95;border-radius:3px;background:#0b1014}.touch-layout .mode-row input[type=checkbox]:checked:before{border-color:var(--accent);background:var(--accent)}.touch-layout .mode-row input[type=checkbox]:after{content:"";position:absolute;display:none;left:18px;top:14px;width:7px;height:13px;border:solid #0a1014;border-width:0 3px 3px 0;transform:rotate(45deg)}.touch-layout .mode-row input[type=checkbox]:checked:after{display:block}.touch-layout .mode-row input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.touch-layout .setting-row input[type=range]{min-height:44px}@media(min-width:781px)and (min-height:601px){body:not(.touch-layout) .game-top .resource>span,body:not(.touch-layout) .game-top .resource>small,body:not(.touch-layout) .game-top .match-name>span,body:not(.touch-layout) .game-top .match-name small,body:not(.touch-layout) .game-top .network-reading,body:not(.touch-layout) .game-top .compact,body:not(.touch-layout) .economy-strip,body:not(.touch-layout) .economy-strip button,body:not(.touch-layout) #hud .mini-label,body:not(.touch-layout) #hud .section-label,body:not(.touch-layout) #hud .selection-main p,body:not(.touch-layout) #hud .selection-count-row,body:not(.touch-layout) #hud #selection-category,body:not(.touch-layout) #hud #p-stats,body:not(.touch-layout) #hud #queue button,body:not(.touch-layout) #hud #card button,body:not(.touch-layout) #hud #card .cmd-label,body:not(.touch-layout) #hud #card .cost,body:not(.touch-layout) #hud #card kbd,body:not(.touch-layout) #mini-command-toggle,body:not(.touch-layout) #alerts,body:not(.touch-layout) #groups,body:not(.touch-layout) .hud-marks,body:not(.touch-layout) .hud-toggle{color:#d2ded8}body:not(.touch-layout) .game-top .resource>span,body:not(.touch-layout) .game-top .resource>small,body:not(.touch-layout) .game-top .match-name small,body:not(.touch-layout) .game-top .network-reading,body:not(.touch-layout) .game-top .compact,body:not(.touch-layout) .economy-strip,body:not(.touch-layout) .economy-strip button,body:not(.touch-layout) #hud .mini-label,body:not(.touch-layout) #hud .section-label,body:not(.touch-layout) #hud .selection-count-row,body:not(.touch-layout) #hud #selection-category,body:not(.touch-layout) #hud #p-stats,body:not(.touch-layout) #hud #queue button,body:not(.touch-layout) #hud #card button,body:not(.touch-layout) #hud #card .cmd-label,body:not(.touch-layout) #hud #card .cost,body:not(.touch-layout) #hud #card kbd,body:not(.touch-layout) #mini-command-toggle,body:not(.touch-layout) #alerts,body:not(.touch-layout) #groups,body:not(.touch-layout) .hud-marks,body:not(.touch-layout) .hud-toggle,body:not(.touch-layout) #build-rail-toggle,body:not(.touch-layout) .build-rail-group h2,body:not(.touch-layout) .build-rail-name,body:not(.touch-layout) .build-rail-meta,body:not(.touch-layout) .build-rail-meta kbd,body:not(.touch-layout) .build-rail-copy small{font-size:max(11px,calc(11px / var(--ui,1)))}body:not(.touch-layout) #hud .selection-main p{font-size:max(13px,calc(13px / var(--ui,1)))}body:not(.touch-layout) .game-top .match-name>span,body:not(.touch-layout) .game-top .resource>span,body:not(.touch-layout) .game-top .resource>small,body:not(.touch-layout) .economy-strip,body:not(.touch-layout) #hud .mini-label,body:not(.touch-layout) #hud .section-label,body:not(.touch-layout) #hud #selection-category,body:not(.touch-layout) #hud #selection-count,body:not(.touch-layout) #build-rail-toggle,body:not(.touch-layout) .build-rail-group h2{letter-spacing:normal}body:not(.touch-layout) #hud #selection-category.section-label{letter-spacing:0!important}body:not(.touch-layout) #build-rail:not(.collapsed){bottom:calc(var(--hud) + 12px)}}@media(min-width:781px)and (max-width:1360px)and (min-height:601px){body:not(.touch-layout).hud-scale-large #hud{grid-template-columns:minmax(160px,216px) minmax(320px,1fr) 0 minmax(400px,580px)!important}body:not(.touch-layout).hud-scale-large #hud>.selection-group{display:none}body:not(.touch-layout).hud-scale-large #hud>.selection-main{min-width:0;grid-column:2;gap:10px;padding-inline:10px}body:not(.touch-layout).hud-scale-large #hud>.command-panel{grid-column:4}body:not(.touch-layout).hud-scale-large #hud #selection-portrait{width:64px;height:96px;flex-basis:64px}body:not(.touch-layout).hud-scale-large #hud .selection-details{min-width:200px}}@media(min-width:1361px)and (min-height:601px){body:not(.touch-layout).hud-scale-large #hud{grid-template-columns:minmax(160px,216px) minmax(320px,1fr) minmax(180px,280px) minmax(400px,580px)!important}body:not(.touch-layout).hud-scale-large #hud>.selection-main{min-width:0;gap:10px;padding-inline:10px}body:not(.touch-layout).hud-scale-large #hud #selection-portrait{width:64px;height:96px;flex-basis:64px}body:not(.touch-layout).hud-scale-large #hud .selection-details{min-width:200px}body:not(.touch-layout).hud-scale-large #field-notice{right:clamp(430px,28vw,520px)}}@media(min-width:781px)and (min-height:601px){body:not(.touch-layout) .game-top{min-width:0;gap:clamp(4px,1vw,16px)}body:not(.touch-layout) .game-top .match-name{min-width:clamp(120px,12vw,180px);flex:0 1 200px;margin-inline:clamp(4px,1vw,16px)}body:not(.touch-layout) .game-top .match-name>span,body:not(.touch-layout) .game-top .match-name small,body:not(.touch-layout) .game-top .clock-hint{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body:not(.touch-layout) #field-notice{display:flex;flex-wrap:nowrap;max-width:calc(100% - 36px);gap:8px;min-width:0}body:not(.touch-layout) #field-notice>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body:not(.touch-layout) #field-notice>#zoom-value{flex:0 0 auto;position:relative;z-index:1}body:not(.touch-layout) #env-chip{right:110px}}#online-pause-bar{position:absolute;z-index:65;top:66px;left:50%;transform:translate(-50%);width:max-content;max-width:92%;background:#101a21f5;border:1px solid #879589;padding:10px 16px;display:flex;gap:18px;align-items:center;box-shadow:0 6px 35px #0008}#online-pause-bar[hidden]{display:none}#game-chat,#share-dialog{width:min(560px,94vw);max-height:90dvh;overflow:auto;background:#111b20;color:#e8ece6;border:1px solid #66736a;padding:28px}#game-chat h2,#share-dialog h2{font-size:32px;margin:12px 0}#game-chat p,#share-dialog p{color:#aab8af;margin:12px 0}#game-chat-log{height:190px;overflow:auto;padding:12px;background:#091116;border:1px solid #34443e;margin:14px 0;overflow-wrap:anywhere}#game-chat-log div{padding:5px 0;border-bottom:1px solid #32413b55}#game-chat-log b{color:#eeaa69;margin-right:6px}#share-value{font-size:13px;user-select:all;margin:14px 0}#close-share,#game-chat-close{margin-top:16px;min-height:44px}#network-pause{min-height:44px}#room .page-heading>.field{flex-wrap:wrap;justify-content:flex-end}@media(max-width:780px){#online-pause-bar{top:110px;padding:8px;gap:8px;font-size:12px}#copy-link{font-size:11px;padding:10px}#room .page-heading>.field{justify-content:flex-start}#game-chat,#share-dialog{padding:20px}}@media(max-height:500px)and (orientation:landscape){#online-pause-bar{top:44px}#game-chat-log{height:90px}}.primary-actions{display:grid;gap:10px}.nav-multiplayer{border-color:#e8752e;background:linear-gradient(105deg,#e8752e20,#111a1d 48%);box-shadow:inset 3px 0 #e8752e,0 10px 32px #0004}.nav-multiplayer .nav-number{color:#ffb06a}.nav-multiplayer small{color:#d2b497}#menu-multiplayer-live{min-height:1.25em}#lobby.screen.on{display:flex;flex-direction:column}#lobby .multi-fold{order:1}#lobby .solo-setup{order:2}#lobby .page-heading{order:0}#lobby .page-heading{max-width:1320px;margin:auto}.multi-fold{max-width:1320px;margin:0 auto 36px;padding:0 24px 24px;border:0;background:transparent;box-shadow:none}.lobby-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:25px 28px;margin:0 0 16px;border:1px solid #e8752e66;background:linear-gradient(110deg,#172326ed,#101619ec),radial-gradient(ellipse at 0 0,#e8752e33,transparent 65%);box-shadow:0 18px 50px #0005}.lobby-hero h2{font:800 clamp(28px,4vw,44px)/1 var(--display);letter-spacing:.08em;margin:8px 0;color:#eff1e9}.lobby-hero p{color:var(--muted);margin:9px 0 0}.lobby-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.lobby-hero-actions button{min-height:52px;min-width:170px;font-weight:750}.lobby-self{display:flex;align-items:center;gap:12px;max-width:1280px;margin:0 auto 18px;padding:12px 18px;border-color:#52645b;background:#10191be8}.lobby-self>span:nth-child(2){display:grid;gap:3px}.lobby-self small{font:9px var(--mono);letter-spacing:.12em;color:var(--muted)}.lobby-self strong{font-size:15px}.lobby-self #lobby-self-mark{width:32px;height:32px;display:grid;place-items:center}.lobby-online-dot{width:9px;height:9px;border-radius:50%;background:#8bcf86;box-shadow:0 0 12px #8bcf86;margin-left:auto}.lobby-self #lobby-online{font:11px var(--mono);color:#b6d3ad}.lobby-layout{grid-template-columns:minmax(0,1.55fr) minmax(290px,.8fr);max-width:1280px;gap:18px}.lobby-browser{grid-column:1;grid-row:1;padding:21px}.host-panel{grid-column:1;grid-row:2;padding:21px;background:linear-gradient(140deg,#182224,#101719)}.hafenfunk{grid-column:2;grid-row:1 / span 2;align-self:stretch;min-height:480px;padding:20px}.lobby-list-detail{display:block}.lobby-detail{display:none}.lobby-list-main{min-width:0}.lobby-table-scroll{overflow:visible}.lobby-table-scroll table{display:block;width:100%}.lobby-table-scroll thead{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.room-list{display:grid;gap:12px;min-height:0}.room-list tr{display:block;width:100%;border:0;outline:none}.room-list tr:focus-visible .lobby-game-card,.room-list tr[aria-selected=true] .lobby-game-card{border-color:#e8752e;box-shadow:0 0 0 2px #e8752e55,0 12px 28px #0005}.room-list .lobby-card-cell{display:block;padding:0;border:0}.lobby-game-card{display:grid;grid-template-columns:minmax(130px,.72fr) minmax(0,1fr);overflow:hidden;min-height:160px;border:1px solid #40504b;background:linear-gradient(120deg,#182326,#11191c);transition:border-color .2s,transform .2s,box-shadow .2s}.lobby-game-card:hover{border-color:#728477;transform:translateY(-2px)}.lobby-game-card canvas{width:100%;height:100%;min-height:160px;object-fit:cover;background:#111b1e}.lobby-game-card-body{display:grid;align-content:center;gap:6px;padding:14px 16px;min-width:0}.lobby-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.lobby-card-heading h3{font:700 19px/1.2 var(--display);margin:0;overflow-wrap:anywhere}.lobby-card-state{font:9px var(--mono);padding:5px 8px;border:1px solid #52715a;color:#b8d8b5;white-space:nowrap}.lobby-game-card[data-state=running] .lobby-card-state,.lobby-game-card[data-state=full] .lobby-card-state{border-color:#84634c;color:#e2b38f}.lobby-card-mode,.lobby-card-meta{font-size:11px;color:var(--muted);margin:0;line-height:1.6}.lobby-card-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.lobby-game-card .primary{min-height:44px;justify-self:start;padding:8px 18px}.lobby-game-card .primary:disabled{opacity:.58}.lobby-filters{grid-template-columns:minmax(130px,1.5fr) repeat(2,minmax(100px,.8fr)) auto;gap:10px}.lobby-filters input,.lobby-filters select{min-height:44px}.empty-state{min-height:220px;padding:24px;border:1px dashed #52645b;background:radial-gradient(ellipse at 50% 40%,#e8752e10,transparent 70%)}.empty-state .primary,.empty-state .outline{min-height:46px}.lobby-browser #lobby-results{margin:12px 0}.lobby-identity,.local-info{display:none}.host-panel .section-label{font-size:12px}.host-panel>canvas{height:200px}.host-panel>#btn-create{min-height:52px}.hafenfunk-layout{grid-template-columns:1fr}.hafenfunk-conversation{min-width:0}.hafenfunk #hafenfunk-lines{min-height:210px;max-height:390px}.hafenfunk-people{border-top:1px solid var(--line);padding-top:10px}.room-controls #btn-start{min-height:54px}.room-readiness{border-left:3px solid #e8752e;padding:12px 14px;background:#e8752e10;line-height:1.6}.slot select,.slot button{min-height:44px}.slot{grid-template-columns:12px minmax(80px,1fr) minmax(76px,auto) minmax(85px,auto) minmax(70px,auto)}#lobby .lobby-layout{grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);max-width:1280px;padding:0 24px 36px;margin:0 auto;gap:18px}#lobby .lobby-layout>.lobby-browser{grid-column:1;grid-row:1}#lobby .lobby-layout>.host-panel{grid-column:1;grid-row:2}#lobby .lobby-layout>.hafenfunk{grid-column:2;grid-row:1 / span 2}#lobby .hafenfunk-layout{grid-template-columns:minmax(0,1fr)}#lobby .lobby-list-detail{display:block}#lobby .lobby-detail{display:none!important}#lobby .lobby-table-scroll{overflow:visible;max-height:none;border:0}#lobby #lobby-games{display:block;width:100%;min-width:0;border:0;background:transparent}#lobby #lobby-games td:first-child{position:static;min-width:0;max-width:none;width:100%;padding:0;background:transparent;box-shadow:none}#lobby #room-list tr{display:block;width:100%;min-width:0;background:transparent}#lobby #room-list tr[aria-selected=true],#lobby #room-list tr[aria-selected=true] td:first-child{background:transparent;color:inherit}#lobby #room-list tr[aria-selected=true] td:first-child{box-shadow:none}@media(max-width:900px){#lobby .lobby-layout{grid-template-columns:minmax(0,1fr) minmax(260px,.75fr)}.lobby-game-card{grid-template-columns:minmax(110px,.55fr) minmax(0,1fr)}.lobby-filters{grid-template-columns:1fr 1fr}.lobby-filters>div:first-child{grid-column:1/-1}}@media(max-width:680px){.multi-fold{padding:0 15px 24px}.lobby-hero{display:grid;padding:20px;gap:16px}.lobby-hero-actions{display:grid;grid-template-columns:1fr 1fr}.lobby-hero-actions button{min-width:0;width:100%;padding:10px 8px;font-size:12px}#lobby .lobby-layout{grid-template-columns:minmax(0,1fr);padding:0;gap:14px}#lobby .lobby-layout>.lobby-browser,#lobby .lobby-layout>.host-panel,#lobby .lobby-layout>.hafenfunk{grid-column:1;grid-row:auto;padding:16px}.hafenfunk{min-height:0}.lobby-game-card{grid-template-columns:1fr}.lobby-game-card canvas{height:132px;min-height:132px}.lobby-game-card-body{padding:13px}.lobby-card-heading h3{font-size:17px}.lobby-card-meta{display:grid}.lobby-game-card .primary{width:100%;min-height:48px}.lobby-filters{grid-template-columns:1fr 1fr}.lobby-filters>div:first-child{grid-column:1/-1}.lobby-open-label{min-height:44px;display:flex;align-items:center}.room-layout{gap:12px}.room-main{padding:15px}.slot{grid-template-columns:10px minmax(0,1fr) 82px 72px;gap:7px;padding:10px 8px}.slot .slot-name{grid-column:2/-1}.slot .room-faction-choice{grid-column:2}.slot-state{grid-column:3/-1;text-align:left}.slot select{font-size:11px;min-height:44px}.room-controls{display:grid;grid-template-columns:1fr 1fr}.room-controls button{min-height:48px}.room-controls #btn-start{grid-column:1/-1;margin:0}.room-map-panel canvas{height:220px}#room .page-heading>.field button{min-height:44px}}@media(prefers-reduced-motion:reduce){.lobby-game-card{transition:none}.lobby-game-card:hover{transform:none}}.lobby-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,390px);max-width:1250px;padding:0 24px 36px;margin:0 auto;gap:24px}.lobby-identity{max-width:1202px;margin:0 auto 22px;padding:18px 24px;display:grid;grid-template-columns:auto minmax(150px,300px) 1fr;align-items:center;gap:20px}.lobby-identity label{margin:0;font-size:12px}.lobby-identity p{font-size:12px;color:var(--muted)}.lobby-browser{display:block;min-width:0}.host-panel{min-width:0}.room-controls #btn-ready,#copy-code,#copy-link{display:inline-flex;align-items:center;justify-content:center}#copy-code,#copy-link{gap:.5em}.chat-heading{display:flex}.chat-heading+.chat{display:block}#chat-form{display:flex}.room-chat-panel{margin:0 0 16px;padding:12px 14px;border:1px solid #40504b;background:linear-gradient(120deg,#172326,#11191c)}#room-chat{max-height:150px;overflow-y:auto;padding:8px 10px}#chat-form{gap:8px;margin-top:8px}#chat-form input{flex:1 1 auto;min-width:0;width:auto}#chat-form button{flex:0 0 auto;width:auto;margin-top:0}.room-open-seat-note{margin:0 0 12px;padding:9px 12px;border-left:3px solid #e8752e;background:#e8752e10;color:#f2c099}.room-open-seat-note[hidden]{display:none}#new-name,.host-panel label[for=new-name]{display:block}@media(max-width:780px){.lobby-layout{grid-template-columns:minmax(0,1fr);padding:0 16px 32px;gap:18px}.lobby-identity{display:block;margin:0 16px 18px;padding:16px}.lobby-identity label{margin-bottom:8px}.lobby-identity p{margin-top:8px}.lobby-browser{padding:18px}.lobby-browser .empty-state{min-height:130px}.lobby-browser .room-list{min-height:80px}.host-panel #host-preview{height:170px}#room .page-heading{flex-wrap:wrap}#room .page-heading>.field{width:100%}.room-item{grid-template-columns:1fr;gap:6px}.room-item span{grid-area:auto;justify-self:start}.room-controls #btn-ready{flex:1}.room-controls #btn-start{flex-basis:100%}}#team-tools{width:min(510px,94vw);padding:28px;max-height:92dvh;overflow:auto;border:1px solid #475454;background:#10191e;color:var(--text)}#team-tools h2{margin:14px 0}#team-tools p{color:var(--muted);font-size:13px;line-height:1.65}.signal-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.signal-buttons button{min-height:72px;font-size:21px;text-align:left}.signal-buttons strong{display:block;font:12px system-ui;margin-top:8px}#team-chat-link{width:100%}#team-tools-close{margin-top:14px;min-height:44px}.channel-chip{font:9px var(--mono);color:#afcfc0;border:1px solid #425950;padding:2px 4px;margin-right:8px}#chat-channel{padding:8px 12px;min-height:44px}#chat-scope-note{font-size:12px;margin:8px 0 12px}#rematch{width:100%;margin-top:15px}#rematch-note{margin:10px 0 18px}#end-back{background:transparent;color:var(--text)!important;border:1px solid var(--line)}#touch-tools{flex-wrap:wrap}@media(max-width:780px){#team-open{display:none}#team-tools{padding:20px}.signal-buttons{margin:12px 0}.signal-buttons button{padding:10px}}@media(max-height:500px)and (orientation:landscape){#team-tools{padding:16px}#team-tools h2{font-size:26px;margin:8px 0}.signal-buttons{margin:10px 0}.signal-buttons button{min-height:48px}.signal-buttons strong{display:inline;margin-left:8px}#team-tools-close{margin-top:8px}#game-chat label{margin:8px 0 4px}#game-chat h2{font-size:24px}#game-chat-log{height:75px}}#game-chat-form{align-items:stretch}#game-chat-form input{flex:1 1 auto;min-width:0;width:auto}#game-chat-form button{flex:0 0 auto;width:auto;margin-top:0}#solo.screen.on{display:flex;flex-direction:column;align-items:center;gap:clamp(24px,5vh,54px);padding:clamp(22px,4vw,58px) clamp(16px,5vw,80px) 48px;isolation:isolate;background:radial-gradient(ellipse at 78% 28%,#e8752e22,transparent 34%),linear-gradient(115deg,#0a1115f8 8%,#0b1114de 62%,#101719c9),url(/media/cinema/night-harbor.jpg) center/cover fixed}#solo .solo-heading{position:relative;z-index:1;width:min(100%,1420px);display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:clamp(4px,2vw,28px) 0 0}#solo .solo-heading h1{margin:10px 0 12px;font-size:clamp(42px,6vw,76px);letter-spacing:.015em;text-shadow:0 8px 34px #000b}#solo .solo-heading h1 span,#lobby .lobby-title h1 span{color:#e8752e}#solo .solo-heading p{color:#c4cbc5;font-size:clamp(14px,1.4vw,18px)}#solo .solo-setup{position:relative;z-index:1;width:min(100%,1120px);margin:0 auto auto;padding:clamp(20px,4vw,42px);border-color:#d5d8c32f;background:linear-gradient(130deg,#111b1ef2,#0d1519f2);box-shadow:0 30px 90px #0009}#solo .solo-setup h2{margin:18px 0 28px;font-size:clamp(28px,4vw,46px)}#solo .solo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}#solo .solo-field label,#lobby .lobby-filters label,#lobby .host-panel>label{color:#d0d5ca;font:700 11px/1.3 var(--mono);letter-spacing:.075em;text-transform:uppercase}#solo .solo-field select,#lobby input:not([type=checkbox]),#lobby select,#lobby .host-panel input{min-height:48px;padding:10px 42px 10px 14px;border:1px solid #657168;border-radius:3px;color:#f0f0e8;background-color:#0b1418;box-shadow:inset 0 1px #ffffff0a}#solo .solo-field select,#lobby select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m3 6 5 5 5-5' fill='none' stroke='%23d9c7a8' stroke-width='1.7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}#solo .solo-field select:focus-visible,#lobby input:focus-visible,#lobby select:focus-visible,#lobby button:focus-visible{outline:3px solid #ffd093;outline-offset:3px;border-color:#ffd093}#solo .solo-field small{display:block;margin-top:7px;color:#9fa9a2;font-size:12px}#solo #solo-start{min-height:56px;min-width:min(100%,300px);margin-top:28px;padding:12px 24px;font-weight:800;letter-spacing:.02em}#solo .solo-note{max-width:650px;margin-top:15px;line-height:1.7}#lobby.screen.on{display:block;padding:clamp(12px,2vw,28px) clamp(14px,3vw,54px) 48px;background:radial-gradient(ellipse at 14% 0%,#e8752e14,transparent 33%),linear-gradient(140deg,#0c1419,#0b1114 68%,#101619)}#lobby .lobby-identity{display:none!important}#lobby .multi-fold{width:100%;max-width:none;margin:0 auto;padding:0;border:0;background:none;box-shadow:none}#lobby .lobby-hero{width:100%;max-width:none;min-height:174px;margin:0 0 18px;padding:clamp(20px,3vw,36px) clamp(20px,3vw,42px);border:1px solid #c8794e70;border-left:3px solid #e8752e;background:linear-gradient(105deg,#152125f5,#10181cf2 66%,#131b1d),radial-gradient(ellipse at 5% 10%,#e8752e29,transparent 48%);box-shadow:0 18px 54px #0007}#lobby .lobby-title{min-width:0}#lobby .lobby-title h1{margin:9px 0 10px;font-size:clamp(36px,4.6vw,62px);letter-spacing:.025em}#lobby .lobby-title p{max-width:620px;color:#bbc5bd;font-size:clamp(13px,1.2vw,16px)}#lobby .lobby-live-indicator{display:inline-block;width:9px;height:9px;margin:0 7px 1px 0;border-radius:50%;background:#90d19c;box-shadow:0 0 0 4px #90d19c20,0 0 16px #90d19c9c;animation:lobby-live-pulse 2.4s ease-in-out infinite}@keyframes lobby-live-pulse{50%{box-shadow:0 0 0 7px #90d19c0d,0 0 20px #90d19c75;opacity:.72}}#lobby .lobby-hero-actions{max-width:520px;justify-content:flex-end;align-items:center}#lobby .lobby-hero-actions button{min-height:52px;min-width:154px;padding:12px 18px}#lobby .lobby-back{min-width:44px!important;border-color:#52615b}#lobby .lobby-self{max-width:none;width:100%;margin:0 0 18px;padding:11px 18px;border-color:#344b43;background:linear-gradient(90deg,#101a1cf2,#11191be8)}#lobby .lobby-layout{width:100%;max-width:none;grid-template-columns:minmax(0,1.72fr) minmax(340px,.78fr);gap:20px;align-items:stretch;padding:0;margin:0}#lobby .lobby-browser,#lobby .host-panel,#lobby .hafenfunk{border-color:#34413d;background:linear-gradient(150deg,#141e21f2,#0f171af4);box-shadow:0 18px 50px #0004}#lobby .lobby-browser{padding:clamp(16px,2vw,26px)}#lobby .lobby-browser .section-label{align-items:center}#lobby .lobby-browser .section-label h2,#lobby .hafenfunk .section-label h2{font-size:clamp(22px,2.5vw,30px);letter-spacing:0}#lobby .lobby-filters{grid-template-columns:minmax(170px,1.6fr) repeat(2,minmax(130px,.9fr)) auto;align-items:end;margin:16px 0 20px}#lobby .lobby-open-label{display:flex;align-items:center;gap:9px;min-height:48px;margin:0;padding:7px 11px;border:1px solid #47554e;border-radius:3px;background:linear-gradient(#17211f,#11191a);color:#e4e8df;white-space:nowrap}#lobby input[type=checkbox]{appearance:none;display:inline-grid;place-content:center;width:22px;height:22px;min-width:22px;min-height:22px;margin:0;padding:0;border:1px solid #98a69a;border-radius:3px;background:#0b1215;cursor:pointer}#lobby input[type=checkbox]:before{content:"";width:11px;height:6px;border-left:2px solid transparent;border-bottom:2px solid transparent;transform:rotate(-45deg) translate(1px,-1px)}#lobby input[type=checkbox]:checked{border-color:#f29a60;background:#a44d25}#lobby input[type=checkbox]:checked:before{border-color:#fff1df}#lobby input[type=checkbox]:focus-visible{outline:3px solid #ffd093;outline-offset:3px}#lobby .lobby-list-help{color:#aeb9b2}#lobby .room-list{gap:14px}#lobby .lobby-game-card{grid-template-columns:minmax(190px,.76fr) minmax(0,1fr);min-height:190px;border-color:#3d5049;background:linear-gradient(110deg,#192629,#11191c 80%);box-shadow:0 12px 25px #0003}#lobby .lobby-game-card canvas{min-height:190px;filter:saturate(1.14) contrast(1.04)}#lobby .lobby-card-heading h3{font-size:clamp(18px,1.6vw,24px)}#lobby .lobby-card-meta{justify-content:flex-start;gap:6px 18px}#lobby .lobby-game-card .primary{min-height:46px;margin-top:3px}#lobby .empty-state{position:relative;display:grid;justify-items:start;align-content:center;gap:10px;min-height:310px;overflow:hidden;padding:clamp(20px,4vw,42px);border:1px solid #54635a;background:linear-gradient(90deg,#0d1517f5,#0d1517df 44%,#0d15176e),url(/media/menu/key-hafen-kraene.webp) center 45%/cover no-repeat;box-shadow:inset 0 0 80px #0008}#lobby .empty-state strong{font:800 clamp(22px,3vw,34px)/1.1 var(--display);letter-spacing:.01em}#lobby .empty-state p{max-width:430px;color:#d0d6cf;font-size:14px}#lobby .empty-state .primary{min-height:48px;margin-top:8px}#lobby .hafenfunk{grid-column:2;grid-row:1 / span 2;min-height:640px;padding:clamp(17px,2vw,26px)}#lobby .hafenfunk-layout{display:flex;flex-direction:column;gap:20px}#lobby .hafenfunk-conversation{display:flex;flex-direction:column;min-height:350px}#lobby .hafenfunk #hafenfunk-lines{min-height:265px;max-height:min(42vh,510px);border:1px solid #273632;background:linear-gradient(150deg,#0b1215,#0f191b);padding:12px}#lobby .hafenfunk #hafenfunk-form{margin-top:auto}#lobby .hafenfunk-people{border-top:1px solid #3a4943;padding-top:17px}#lobby .hafenfunk-people h3{margin-bottom:12px;font-size:20px}#lobby #hafenfunk-presence{display:grid;gap:7px;max-height:320px;overflow:auto;padding:0 2px 0 0;list-style:none}#lobby #hafenfunk-presence>li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;padding:5px 6px 5px 0;border-bottom:1px solid #ffffff12}#lobby .crew-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #82918677;clip-path:polygon(50% 0,88% 20%,88% 72%,50% 100%,12% 72%,12% 20%);background:linear-gradient(145deg,#263a39,#14201f);color:#e8e5d2;font:800 11px var(--mono);text-shadow:0 0 8px #fff7}#lobby .crew-mark[data-race=hafen]{color:#bde0ca;background:linear-gradient(145deg,#284b42,#162720)}#lobby .crew-mark[data-race=kiez]{color:#ffc08b;background:linear-gradient(145deg,#573923,#271d17)}#lobby .crew-mark[data-race=hanse]{color:#d9cbff;background:linear-gradient(145deg,#42385e,#201b30)}#lobby #hafenfunk-presence .outline{min-height:40px;padding:7px 10px}#lobby .join-row{margin-top:16px;padding:14px;border:1px solid #424f49;background:#0d1517}#lobby .join-row .field{gap:8px}#lobby .join-row button{min-height:48px;white-space:nowrap}#lobby .host-panel{grid-column:1;grid-row:2;padding:clamp(18px,2vw,26px)}#lobby .host-panel>#btn-create{min-height:52px}#lobby .lobby-browser #lobby-results{color:#aeb9b2}#lobby .hafenfunk-people:focus-within,#lobby .lobby-browser:focus-within{scroll-margin-block:14px}body:not(.playing) #toast{top:auto;bottom:max(16px,env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));right:auto;transform:none;z-index:1000;max-width:min(92vw,650px);box-shadow:0 8px 26px #000b}@media(min-width:1101px)and (max-width:1500px){#lobby .lobby-hero{padding:14px 22px;gap:16px;margin-bottom:10px}#lobby .lobby-title h1{font-size:clamp(36px,3.2vw,46px);margin:4px 0 5px}#lobby .lobby-title p{margin:4px 0 0;font-size:14px}#lobby .lobby-hero-actions{gap:8px}#lobby .lobby-hero-actions button{min-height:42px;min-width:145px;padding:8px 12px}#lobby .lobby-self{margin-bottom:10px;padding:8px 14px}#lobby .lobby-layout{padding-top:8px}#lobby .lobby-layout>.lobby-browser{padding:12px}#lobby .lobby-browser h2{margin:0 0 4px;line-height:1.15}#lobby .lobby-connection-note{margin-bottom:6px}#lobby .lobby-filters{gap:8px;margin-bottom:10px}#lobby #lobby-list-help{margin-bottom:6px}#lobby .lobby-game-card{min-height:140px}#lobby .lobby-game-card canvas{height:140px;min-height:140px}#lobby .lobby-game-card-body{gap:3px;padding:8px 12px}#lobby .lobby-card-heading h3{font-size:17px}#lobby .lobby-game-card .primary{min-height:40px;margin-top:0}}.lobby-card-action-status{display:inline-flex;justify-self:start;align-items:center;min-height:30px;padding:4px 10px;border:1px solid #68736c66;color:#bac1ba;background:#ffffff06;font:600 10px/1.3 var(--mono);letter-spacing:.04em}.lobby-game-card[data-state=running] .lobby-card-action-status,.lobby-game-card[data-state=full] .lobby-card-action-status{border-color:#8b765f;color:#d4c3b0}#lobby #lobby-join[data-state=running],#lobby #lobby-join[data-state=full]{display:inline-flex;width:auto;min-height:32px;margin:2px 0 0;padding:5px 10px;border:1px solid #8b765f;color:#d4c3b0;background:#ffffff06;box-shadow:none;font:600 10px/1.3 var(--mono);cursor:default;opacity:1}@media(max-width:1100px){#lobby .lobby-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr)}#lobby .lobby-game-card{grid-template-columns:minmax(130px,.65fr) minmax(0,1fr)}#lobby .lobby-hero-actions{max-width:430px}#lobby .lobby-hero-actions button{min-width:135px}}@media(max-width:780px){#lobby.screen.on{padding:12px 14px 30px}#lobby .lobby-hero{display:grid;grid-template-columns:1fr;gap:16px;padding:19px;margin-bottom:12px}#lobby .lobby-title h1{font-size:clamp(34px,10vw,48px);margin:5px 0 8px}#lobby .lobby-title p{font-size:13px}#lobby .lobby-hero-actions{display:grid;grid-template-columns:1fr 1fr;max-width:none;gap:8px}#lobby .lobby-hero-actions button{width:100%;min-width:0;min-height:48px;padding:9px 8px;font-size:12px}#lobby .lobby-back{grid-column:1/-1}#lobby .lobby-self{margin-bottom:12px;padding:9px 12px}#lobby .lobby-layout{grid-template-columns:minmax(0,1fr);gap:12px}#lobby .lobby-layout>.lobby-browser,#lobby .lobby-layout>.host-panel,#lobby .lobby-layout>.hafenfunk{grid-column:1;grid-row:auto;padding:15px}#lobby .lobby-filters{grid-template-columns:1fr 1fr;gap:8px;margin:13px 0 16px}#lobby .lobby-filters>div:first-child{grid-column:1/-1}#lobby .lobby-open-label{grid-column:1/-1;min-height:46px}#lobby .lobby-game-card{grid-template-columns:minmax(110px,.65fr) minmax(0,1fr);min-height:164px}#lobby .lobby-game-card canvas{min-height:164px}#lobby .empty-state{min-height:220px}#lobby .hafenfunk{min-height:0}#lobby .hafenfunk-conversation{min-height:300px}#lobby .hafenfunk #hafenfunk-lines{min-height:200px;max-height:320px}#solo.screen.on{gap:22px;padding:22px 16px 32px;background-attachment:scroll}#solo .solo-heading{gap:14px;align-items:flex-start;padding-top:5px}#solo .solo-heading h1{font-size:clamp(38px,10vw,54px)}#solo .solo-heading .outline{flex:0 0 auto;min-height:44px;padding:9px 11px;font-size:11px}#solo .solo-setup{margin:0 auto;padding:20px 16px}#solo .solo-grid{gap:14px 12px}#solo #solo-start{width:100%;min-width:0}}@media(max-width:430px){#lobby .lobby-game-card{grid-template-columns:1fr}#lobby .lobby-game-card canvas{height:130px;min-height:130px}#lobby .lobby-card-meta{display:flex;flex-wrap:wrap}#solo .solo-heading{display:grid;grid-template-columns:1fr auto}#solo .solo-heading>div{grid-column:1/-1;grid-row:2}#solo .solo-heading>.outline{grid-column:1;grid-row:1;justify-self:start}#solo .solo-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){#lobby .lobby-live-indicator{animation:none}.lobby-game-card,.lobby-game-card:hover{transition:none;transform:none}}#lobby .lobby-self>#lobby-account-open{min-height:44px;padding:8px 12px;margin-left:6px;white-space:nowrap}@media(max-width:620px){#lobby .lobby-self{flex-wrap:wrap;gap:8px}#lobby .lobby-self #lobby-online{margin-left:auto}#lobby .lobby-self>#lobby-account-open{margin-left:auto}}.room-mode-row{align-items:flex-start;flex-wrap:wrap}#mode-choices{display:grid;gap:4px;flex:1 1 240px;min-width:0;margin:0;padding:0;border:0}#mode-choices label{display:flex;align-items:center;gap:10px;min-height:44px;padding:5px 10px;border:1px solid var(--line-2);cursor:pointer}#mode-choices label:has(input:checked){border-color:var(--accent);background:#e8752e18}#mode-choices input{width:18px;height:18px;flex:0 0 18px;accent-color:var(--accent)}#mode-choices label span{font:13px/1.35 var(--body)}#mode-choices:disabled label{cursor:default}#mode-choices input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}#room-invite-link{display:inline-block;max-width:min(44vw,560px);font:10px/1.45 var(--mono);color:#d6dfd3;overflow-wrap:anywhere;user-select:all;-webkit-user-select:all}.briefing-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.briefing-actions button{width:auto}@media(max-width:600px){#room .page-heading{align-items:flex-start;flex-direction:column}#room .page-heading>.field{width:100%;flex-wrap:wrap;justify-content:flex-start}#room-invite-link{flex-basis:100%;max-width:100%;font-size:11px}.briefing-actions{display:grid;grid-template-columns:1fr}.briefing-actions button{width:100%}}@media(max-width:600px){#room .room-controls-spacer{height:124px}#room .room-controls{position:fixed;z-index:40;inset:auto 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:#0d171cf5;border-top:1px solid #596757;box-shadow:0 -8px 24px #0008}#room .room-controls button{width:100%;min-height:48px;margin:0;justify-content:center}#room .room-controls #btn-ai{grid-column:1/-1}#room .room-controls #btn-start{grid-column:2;grid-row:2}#room .room-controls #btn-ready{grid-column:1;grid-row:2}#room .room-layout{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}}@media(min-width:601px){#room.on .room-controls{position:fixed;z-index:50;right:24px;bottom:20px;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 48px);padding:10px 12px;background:#0d171cf5;border:1px solid #596757;box-shadow:0 6px 24px #000b}#room.on .room-controls #btn-ready,#room.on .room-controls #btn-start{position:static;min-height:54px;padding:12px 22px;font-size:16px;font-weight:800}#room.on .room-controls #btn-start{order:3}#room.on .room-controls #btn-ready{order:2;background:#111a1e;border:2px solid var(--accent)}#room.on .room-controls #btn-ai{order:1;min-height:44px;font-size:12px}#room-start-status{order:0;max-width:230px;font-size:13px;line-height:1.35;color:#d6dfd3}#room-start-status:empty{display:none}}@media(max-width:600px){#room.on .room-controls #room-start-status{grid-column:1/-1;grid-row:1;min-height:18px;font-size:12px;text-align:center;color:#d6dfd3}#room.on .room-controls #btn-ai{grid-row:2}#room.on .room-controls #btn-ready,#room.on .room-controls #btn-start{grid-row:3;min-height:52px;font-size:14px}#room.on .room-controls #btn-start[hidden]{display:none}}#new-tempo[hidden],#room-tempo[hidden]{display:none}.tempo-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;min-width:0}.tempo-buttons button{min-width:44px;min-height:44px;height:auto;padding:9px 8px;border:1px solid var(--line-2);background:var(--glass-2);color:var(--text);font:600 12px/1.3 var(--mono);white-space:normal;touch-action:manipulation}.tempo-buttons button[aria-pressed=true]{border-color:var(--accent);background:#25312c;color:var(--accent)}.tempo-buttons button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tempo-buttons button:disabled{opacity:.45;cursor:default}.room-tempo-row .tempo-buttons{flex:1}#key-help{width:min(96vw,1180px);max-width:none;max-height:min(92dvh,900px);overflow:auto;padding:clamp(14px,2.2vw,26px);color:var(--text,#f4f0e6);border-radius:10px;scrollbar-color:#5f6b66 #0e1419;scrollbar-width:thin}#key-help::backdrop{background:#030609b8}#key-help .key-help-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px;position:sticky;top:calc(-1*clamp(14px,2.2vw,26px));padding:4px 0 10px;background:linear-gradient(#0c1216 72%,transparent);z-index:1}#key-help .key-help-head .primary{width:auto;flex:0 0 auto;min-width:0;padding:11px 20px;margin:0}#key-help h2{font:800 clamp(28px,3.4vw,40px)/1 var(--display);margin:2px 0 0}#key-help .key-help-body{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0;max-width:none;margin:0}#key-help .key-help-body .panel{padding:20px 22px;margin:0}#key-help .key-help-body h2{font-size:22px}#key-help .controls{grid-template-columns:150px 1fr;gap:0 16px}#key-help .controls dt,#key-help .controls dd{padding:7px 0;line-height:1.4}#key-help .controls dt{font-size:12px}#key-help .controls dd{font-size:13px}#key-help .key-help-body h2{margin-bottom:6px}@media(max-width:900px){#key-help .key-help-body{grid-template-columns:1fr}}#btn-keyhelp{min-width:32px;padding:6px 10px;font-weight:800}body.touch-input #btn-keyhelp{display:none}#menu .main-navigation #quick-play{min-height:96px;font-size:clamp(26px,2.2vw,34px);box-shadow:0 18px 44px #030b0fb0,0 0 0 1px #ffa47877,0 0 36px #ff6a2a45}#menu .main-navigation #quick-play small{font-size:14px}#menu .main-navigation .nav-play.nav-multiplayer{min-height:60px;font-size:19px;background:#090f13bd;border:1px solid #ff8a5c8c;border-left:3px solid #ff7a45;color:#f4f0e6!important;box-shadow:none}#menu .main-navigation .nav-play.nav-multiplayer:after{display:none}#menu .main-navigation .nav-play.nav-multiplayer small{font-size:12px;color:#cfc7b9}#menu .main-navigation .nav-play.nav-multiplayer .nav-number,#menu .main-navigation .nav-play.nav-multiplayer .nav-arrow{color:#ff9a6b}#menu .main-navigation .nav-play.nav-multiplayer:hover,#menu .main-navigation .nav-play.nav-multiplayer:focus-visible{background:#ff6a2a2e;transform:translate(4px)}#menu #op-campaign>#op-campaign-continue.primary{background:#090f13cc;color:#ffb48f!important;border-color:#ff8a5c8c}#menu #op-campaign>#op-campaign-continue.primary:hover,#menu #op-campaign>#op-campaign-continue.primary:focus-visible{background:#ff7138;color:#181411!important;border-color:#ffb18c}.touch-layout #menu .main-navigation .nav-play{height:auto}.touch-layout #menu .main-navigation #quick-play{min-height:88px;font-size:clamp(20px,5.4vw,26px)}.touch-layout #menu .main-navigation #quick-play small{font-size:13px}.touch-layout #menu .main-navigation .nav-play.nav-multiplayer{min-height:64px;font-size:clamp(17px,4.6vw,20px)}#menu #op-campaign .op-entry-code,#menu #op-campaign .op-entry-location{font-size:11px}#menu #op-campaign .op-entry small:not(.op-entry-location){font-size:11px}#menu .eyebrow,#menu .profile-summary small:not(#account-status),#menu #profile-open{font-size:11px}body:not(.touch-layout) #hud kbd,body:not(.touch-layout) .game-top kbd{font-size:11px}body:not(.touch-layout) .unit-tile{font-size:11px}body:not(.touch-layout) #home-camera{min-height:28px;font-size:11px}body:not(.touch-layout) .hud-toggle{min-height:30px}.empty-state{display:grid;align-content:center;justify-items:center;text-align:center;gap:6px;min-height:96px;padding:14px 16px;border:1px dashed #ffffff30;border-radius:6px;background:#ffffff08;color:#cfc7b9;font:13px/1.5 var(--body);list-style:none;overflow-wrap:normal;word-break:normal;hyphens:none}.empty-state strong{font:700 16px/1.2 var(--display);letter-spacing:.04em;color:var(--text,#f4f0e6);text-transform:uppercase}.touch-layout .shell-header .connection{font-size:10px;letter-spacing:.03em;white-space:nowrap}.touch-layout .shell-header .header-right{gap:6px;min-width:0}.touch-layout .shell-header .sound-toggle{padding:4px 8px}#menu .main-navigation #quick-play.is-busy{pointer-events:none;filter:saturate(.75) brightness(.94);cursor:progress}#menu .main-navigation #quick-play.is-busy small{font-size:0}#menu .main-navigation #quick-play.is-busy small:before{content:"Wird vorbereitet \2026";font-size:14px}#menu .main-navigation #quick-play.is-busy .nav-arrow{opacity:.55}@media(prefers-reduced-motion:no-preference){#menu .main-navigation #quick-play.is-busy .nav-arrow{animation:ux7-puls .9s ease-in-out infinite alternate}}@keyframes ux7-puls{0%{transform:translate(0)}to{transform:translate(6px)}}@property --ux7-fade{syntax:"<length>";inherits:false;initial-value:0px}@supports (animation-timeline:scroll()){body:not(.touch-layout) #build-rail-items{--ux7-fade:0px;-webkit-mask-image:linear-gradient(#000 calc(100% - var(--ux7-fade)),#0000);mask-image:linear-gradient(#000 calc(100% - var(--ux7-fade)),#0000);animation:ux7-rail-fade linear both;animation-timeline:scroll(self block)}@keyframes ux7-rail-fade{0%,85%{--ux7-fade:34px}to{--ux7-fade:0px}}}#game-menu #surrender{margin-top:16px;border-color:#c8553d;color:#ffb4a3}#game-menu #surrender:hover,#game-menu #surrender:focus-visible{background:#c8553d33;border-color:#ff7a5f;color:#fff}@media(max-width:600px){#opening .op-logo{padding:0 max(16px,env(safe-area-inset-left,0px)) 0 max(16px,env(safe-area-inset-right,0px));box-sizing:border-box;text-align:center}#opening .op-logo small.op-ahnma{font-size:clamp(9px,2.5vw,12px);letter-spacing:.1em;white-space:nowrap}#opening .op-logo>span{font-size:clamp(11px,3.2vw,14px);letter-spacing:.14em;max-width:100%;text-wrap:balance}}#menu #op-campaign .op-entry small.op-entry-location{font-size:11px!important}#menu #op-campaign .op-campaign-header p,#menu #op-campaign .op-campaign-header p span{font-size:11px}.screen button:not(:disabled):not([aria-disabled=true]):active,dialog button:not(:disabled):not([aria-disabled=true]):active,.game-top button:not(:disabled):not([aria-disabled=true]):active{filter:brightness(.86)}#menu .main-navigation .nav-play:active{transform:translate(3px) scale(.992)}.screen button:disabled,dialog button:disabled{cursor:not-allowed}@media(max-height:800px){#key-help{max-height:96dvh;padding:12px 16px}#key-help .key-help-head{margin-bottom:6px;padding:0 0 6px;top:-12px}#key-help h2{font-size:28px}#key-help .key-help-body{gap:12px}#key-help .key-help-body .panel{padding:10px 16px}#key-help .key-help-body h2{font-size:18px;margin-bottom:2px}#key-help .controls dt,#key-help .controls dd{padding:4px 0}}#menu .main-navigation #quick-play:hover,#menu .main-navigation #quick-play:focus-visible{background:linear-gradient(100deg,#ff7a45,#ff9a6b 60%,#ff7a45);color:#1a0d07!important;border-left-color:#fff0db}body:not(.booted) #menu .menu-layout{visibility:hidden}#menu .menu-layout.menu-aaa{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(20px,4vw,72px)}#menu .menu-aaa .home-right{grid-column:2;grid-row:1;display:block;width:100%;max-width:640px;align-self:start}#menu .menu-aaa .home-films{grid-column:2;grid-row:2}#menu .nav-number{display:none}#menu .main-navigation #quick-play{min-height:72px;font-size:clamp(23px,2vw,30px);box-shadow:0 12px 28px #030b0f80}#menu .main-navigation .nav-play.nav-multiplayer{min-height:48px;font-size:16px;border-left-width:1px;border-color:#efe9dc40}#menu .main-navigation .nav-play.nav-multiplayer small{font-size:12px;color:#bac5c9}#menu .menu-secondary>#op-campaign{grid-template-columns:minmax(0,1fr);padding:12px;background:#0b141ce8;border:1px solid #efe9dc26;gap:8px!important}#menu #op-campaign>*{grid-column:1/-1;min-width:0}#menu #op-campaign .op-campaign-header{display:flex;align-items:center;gap:10px}#menu #op-campaign .op-campaign-header img{width:38px;height:38px;object-fit:cover;flex:0 0 38px}#menu #op-campaign .op-campaign-header h2{font-size:16px;line-height:1.2;margin:0}#menu #op-campaign .op-campaign-header p{margin:3px 0 0;line-height:1.4}#menu #op-campaign .op-campaign-switch-note{font-size:11px;line-height:1.5;color:#bac5c9;margin:0}#menu .op-campaign-next{padding:10px 12px;border-left:2px solid #d77b35;background:#efe9dc06}#menu .op-campaign-next h3{font:700 18px/1.2 var(--display);letter-spacing:.02em;margin:5px 0}#menu .op-campaign-next p{font:12px/1.5 var(--body);color:#d0d8d7;margin:5px 0 10px}#menu #op-campaign .op-campaign-next #op-campaign-continue{min-height:44px;width:100%;margin:0;padding:8px 12px;border:1px solid #efe9dc45;background:transparent;color:#efe9dc!important;font-size:13px}#menu #op-campaign .op-campaign-next #op-campaign-continue:hover{background:#efe9dc12;border-color:#d77b35}#menu #op-campaign-roster{min-width:0}#menu #op-campaign-roster>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 4px;color:#efe9dc;font:600 12px/1.4 var(--body);cursor:pointer;list-style:none}#menu #op-campaign-roster>summary::-webkit-details-marker{display:none}#menu #op-campaign-roster>summary:before{content:"+";flex:0 0 20px;color:#d77b35;font:20px var(--mono)}#menu #op-campaign-roster[open]>summary:before{content:"\2212"}#menu .op-campaign-list{display:grid;grid-template-columns:minmax(0,1fr);gap:5px}#menu #op-campaign .op-entry{min-height:48px!important;padding:8px!important}#menu #op-campaign-roster #op-campaign-tools{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;min-width:0}#menu #op-campaign-roster #op-campaign-tools>button{min-height:44px}#menu #op-campaign .op-campaign-complete{margin:0;font-size:13px;line-height:1.5}#menu .menu-aaa .faction-trio{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#menu .menu-aaa .trio-card{min-width:0;aspect-ratio:3/4;max-height:430px}#menu .menu-aaa .trio-card .trio-tag{font-size:11px;letter-spacing:.08em}#menu .menu-aaa .trio-card small{display:block;font-size:12px}#menu .menu-aaa .trio-card strong{font-size:clamp(15px,1.6vw,23px)}#menu :is(#op-campaign-roster>summary,.trio-card):focus-visible{outline:2px solid #d77b35;outline-offset:3px}@media(max-width:900px){#menu .menu-layout.menu-aaa{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;row-gap:18px}#menu .menu-aaa .home-left{grid-column:1;grid-row:1}#menu .menu-aaa .home-right{grid-column:1;grid-row:2;display:block;max-width:none}#menu .menu-aaa .home-films{grid-column:1;grid-row:3}#menu .menu-aaa .trio-card{height:clamp(150px,29vw,230px);aspect-ratio:auto}#menu .menu-aaa .trio-card strong{font-size:18px}}@media(max-width:680px){#menu .menu-layout.menu-aaa{padding:16px 16px 60px;row-gap:16px}#menu .menu-aaa .home-right{display:block!important}#menu .main-navigation #quick-play{min-height:72px;font-size:23px}#menu .main-navigation .nav-play.nav-multiplayer{min-height:48px;font-size:15px}#menu .menu-aaa .trio-card{height:140px;min-height:44px}#menu .menu-aaa .trio-card .trio-tag{left:8px;top:10px;font-size:11px;letter-spacing:0}#menu .menu-aaa .trio-card strong{font-size:13px;left:8px;bottom:40px;letter-spacing:0}#menu .menu-aaa .trio-card small{left:8px;bottom:12px;font-size:11px}#menu .op-campaign-next h3{font-size:17px}#menu .district-mini{margin-top:10px}}.spectator-lobby{margin-top:18px;padding-top:14px;border-top:1px solid #efe9dc28}.spectator-lobby h3{font:700 20px/1.2 var(--display);margin:0 0 6px}#spectator-rooms{list-style:none;padding:0;display:grid;gap:7px}.spectator-link{display:block;padding:12px;border:1px solid #efe9dc35;color:#efe9dc;text-decoration:none;font-size:13px;line-height:1.5;min-height:44px}.spectator-link:hover,.spectator-link:focus-visible{border-color:#d77b35;background:#d77b3514}.spectator-setting{display:flex;gap:10px;align-items:flex-start;margin:14px 0;min-height:44px}.spectator-setting input{flex:0 0 20px;width:20px;min-height:20px;margin-top:3px}.spectator-setting small{display:block;margin-top:4px;font:12px/1.4 var(--body);color:#bac5c9;letter-spacing:0;text-transform:none}.spectator-bar{position:absolute;z-index:40;top:calc(var(--top) + 8px);left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:#0b141cf2;border:1px solid #d77b3560}.spectator-bar[hidden]{display:none}.spectator-bar strong{display:block;color:#efe9dc;font:700 12px var(--mono)}.spectator-bar span{display:block;color:#bac5c9;font:12px/1.4 var(--body);margin-top:3px}.spectator-bar button{width:auto;min-height:44px;font-size:13px;flex:0 0 auto;margin:0}.spectating .game-top .resource,.spectating #team-open,.spectating #key-target-toggle,.spectating .clock-hint,.spectating #operation-panel,.spectating #field-guide,.spectating #intent-label,.spectating #groups,.spectating #touch-controls,.spectating #production-panel,.spectating .menu-tour,.spectating #hud .selection-main,.spectating #hud .selection-group,.spectating #hud .command-panel,.spectating #mini-command-toggle{display:none!important}@media(max-width:680px){.spectator-bar{left:8px;right:8px;padding:6px 8px;gap:8px}.spectator-bar span{font-size:11px}.spectator-bar button{font-size:12px;padding:8px}.spectating #hud{grid-template-columns:120px minmax(0,1fr)}}body.viewer-only #lobby #lobby-create-primary,body.viewer-only #lobby #lobby-quick-join,body.viewer-only #lobby .lobby-self,body.viewer-only #lobby .local-info,body.viewer-only #lobby .lobby-filters,body.viewer-only #lobby .lobby-table-scroll,body.viewer-only #lobby #lobby-list-help,body.viewer-only #lobby #lobby-empty,body.viewer-only #lobby #lobby-results,body.viewer-only #lobby .join-row,body.viewer-only #lobby #lobby-detail,body.viewer-only #lobby .hafenfunk,body.viewer-only #lobby .host-panel,body.viewer-only #lobby .page-heading button{display:none!important}body.viewer-only #lobby .lobby-layout,body.viewer-only #lobby .lobby-list-detail{grid-template-columns:minmax(0,1fr)}body.viewer-only #lobby #lobby-browser-title{font-size:0}body.viewer-only #lobby #lobby-browser-title:after{content:"Zuschauer-Lobby";font-size:22px}body.viewer-only #spectator-play-link[hidden]{display:block!important;margin:10px 0}body.spectating{--hud:0px!important;--touch-dock:0px!important}body.spectating #world{top:var(--top)!important;bottom:0!important;height:calc(100% - var(--top))!important;width:100%!important;right:0!important;border:none!important}body.touch-layout.spectating #world{top:var(--game-head)!important;height:calc(100% - var(--game-head))!important}body.spectating #build-rail,body.spectating .economy-strip,body.spectating #touch-toolbar,body.spectating #touch-tools,body.spectating #touch-hint,body.spectating #hud-toggle,body.spectating #hud-strip,body.spectating .hud-marks,body.spectating #mini-command-toggle,body.spectating #home-camera,body.spectating #btn-menu,body.spectating #btn-keyhelp,body.spectating .clock-hint{display:none!important}body.spectating #hud{display:block!important;position:absolute!important;inset:auto auto 12px 12px!important;width:146px!important;height:166px!important;min-height:0!important;padding:0!important;transform:none!important;grid-template:none!important;background:transparent!important;border:0!important;box-shadow:none!important;z-index:35}body.spectating #hud>.minimap-panel{display:block!important;position:relative!important;inset:auto!important;transform:none!important;z-index:auto!important;width:100%!important;height:100%!important;padding:7px!important;background:#0b141ce8;border:1px solid #efe9dc32;box-sizing:border-box}body.spectating #hud .mini-label{height:18px;font-size:9px;padding:0;gap:5px}body.spectating #hud .mini-frame{width:130px!important;height:130px!important;margin:2px 0 0!important}body.spectating #minimap{display:block;width:100%!important;height:100%!important}body.spectating .spectator-bar{top:0;left:0;right:0;height:var(--top);min-height:44px;padding:4px 12px;box-sizing:border-box;border:0;border-bottom:1px solid #efe9dc24;background:#0b141c;gap:10px}body.touch-layout.spectating .spectator-bar{top:0;height:var(--game-head)}body.touch-layout.spectating #hud{left:auto!important;right:12px!important;width:104px!important;height:122px!important}body.touch-layout.spectating #hud .mini-frame{width:88px!important;height:88px!important}body.touch-layout.spectating #hud .mini-label>span:first-child{display:none}@media(max-width:680px){body.spectating #hud{left:auto!important;right:12px!important;width:104px!important;height:122px!important}body.spectating #hud .mini-frame{width:88px!important;height:88px!important}body.spectating #hud .mini-label>span:first-child{display:none}}#menu .menu-ticker{display:none}.room-spectator-notice{font:13px/1.5 var(--body);color:#bac5c9;margin:10px 0}.room-spectator-notice.is-public{border-left:3px solid #d77b35;padding:8px 10px;background:#d77b3514;color:#efe9dc}body.spectating .game-top>*{visibility:hidden!important}body.spectating #online-pause-bar{display:none!important}.spectator-summary{min-width:0;flex:1}.spectator-kicker{display:flex;gap:8px;align-items:center;min-width:0;font:11px/1.2 var(--mono)}.spectator-kicker strong{font-size:10px;letter-spacing:.09em;color:#d77b35}.spectator-kicker #spectator-status{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.spectator-kicker time{margin-left:auto;font-size:11px;color:#efe9dc}.spectator-crews{display:flex;gap:12px;margin-top:3px;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.spectator-crew{display:grid!important;grid-template-columns:8px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:5px;min-width:130px;margin:0!important;padding:2px 6px;border-left:2px solid var(--crew-color);line-height:1.2!important;white-space:nowrap}.spectator-crew i{grid-row:1/3;width:7px;height:7px;border-radius:50%;background:var(--crew-color)}.spectator-crew b{min-width:0;overflow:hidden;text-overflow:ellipsis;font:700 12px/1.2 var(--body);color:#efe9dc}.spectator-crew small{grid-column:2;min-width:0;overflow:hidden;text-overflow:ellipsis;font:12px/1.2 var(--body);color:#bac5c9}.spectator-crew.is-defeated b,.spectator-crew.is-defeated small{color:#899195}body.spectating .spectator-bar button{min-height:44px;height:44px;padding:6px 10px;font-size:12px}body.spectating #hud{pointer-events:none}body.spectating #hud>.minimap-panel{pointer-events:auto}@media(max-width:680px){body.spectating .spectator-bar{gap:7px;padding:4px 8px}.spectator-summary{min-width:0;flex:1}.spectator-crews{gap:4px;max-width:100%;overscroll-behavior-x:contain}.spectator-crew{grid-template-columns:7px minmax(0,1fr);min-width:128px;gap:2px;padding:2px 4px}.spectator-crew b,.spectator-crew small{font-size:12px}.spectator-kicker{gap:6px}.spectator-kicker #spectator-status{max-width:140px}}body.spectating.spectator-ended #hud{display:none!important}#room-list[data-stale=true] .lobby-game-card{opacity:.65}.spectator-link[aria-disabled=true]{opacity:.6;cursor:not-allowed;background:transparent;border-color:#efe9dc28}#endcard>.panel{display:flex;flex-direction:column;max-height:calc(100dvh - 36px);overflow:auto}#endcard .end-details{flex:1 1 auto;min-width:0;min-height:96px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:4px 8px}#endcard #end-title{font-size:clamp(32px,5vw,56px);white-space:normal;overflow-wrap:anywhere}#endcard .end-details:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}#endcard .end-actions{flex:0 0 auto;padding-top:14px;padding-bottom:env(safe-area-inset-bottom,0px);margin-top:12px;border-top:1px solid #ffffff2b}#endcard .end-actions .tiny{margin:6px 0;font-size:12px;line-height:1.35}.spectator-action,body.eliminated-card #end-actions button{min-height:44px!important;font-size:12px!important}#endcard .end-actions button:disabled{background:transparent;border:1px solid #ffffff2b;color:var(--muted)!important;opacity:1;cursor:not-allowed}@media(max-width:680px){#endcard>.panel{max-height:min(82dvh,760px)}}@media(max-height:480px){#endcard>.panel{padding:16px 20px;max-height:calc(100dvh - 36px)}#endcard .end-actions{padding-top:8px;margin-top:8px}#endcard .end-actions button{min-height:44px;font-size:14px}}#endcard #end-scroll-hint{font:11px/1.35 var(--mono);letter-spacing:.04em;color:var(--muted);margin:0 0 8px}#endcard #end-scroll-hint[hidden]{display:block!important;visibility:hidden}#endcard #result-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 16px;padding:12px 0}#endcard #result-facts[hidden]{display:none}#endcard #result-facts>div,#endcard #result-facts>span{min-width:0;font-size:10px;line-height:1.35;letter-spacing:.06em;overflow-wrap:anywhere}#endcard #result-facts b,#endcard #result-facts strong{font-size:24px;line-height:1.15;margin-top:3px}@media(max-width:680px){#endcard #result-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-height:480px){#endcard>.panel{padding:12px 16px}#endcard .end-details{min-height:80px;padding:2px 4px}#endcard .end-details>.eyebrow{font-size:10px;letter-spacing:.1em}#endcard #end-title{font-size:24px;line-height:1.05;margin:6px 0}#endcard #result-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:6px 0 10px;padding:6px 0}#endcard #result-facts>div,#endcard #result-facts>span{font-size:10px;letter-spacing:0}#endcard #result-facts b,#endcard #result-facts strong{font-size:20px}#endcard .end-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;padding-top:6px;margin-top:6px}#endcard #rematch{grid-row:1;grid-column:1;min-width:0;min-height:44px}#endcard #end-back{grid-row:1;grid-column:2;min-width:0;min-height:44px;margin-top:0}#endcard #rematch-note{grid-row:2;grid-column:1/-1;margin:0}#endcard #end-scroll-hint{grid-row:3;grid-column:1/-1;margin:0;font-size:10px}body.spectator-ended #endcard #end-back{grid-column:1/-1}}.campaign-guide{width:min(390px,calc(100% - 28px))}.campaign-guide-card{padding:10px 12px}.campaign-guide-card header{align-items:center;margin:0 0 5px;gap:8px}.campaign-guide-card header h2{display:block;flex:1;min-width:0;margin:0;font-size:.95rem;line-height:1.25}.campaign-guide-card>p{font-size:.8rem;line-height:1.3}#campaign-guide-copy{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#campaign-guide-clock{color:#ffc278;font-size:.72rem}.campaign-guide-card #campaign-guide-success{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}.campaign-guide-actions{gap:6px;margin-top:8px;flex-wrap:nowrap;align-items:center}.campaign-guide-card button{min-height:36px;padding:6px 8px;font-size:.73rem}.campaign-guide-actions #campaign-guide-take,.campaign-guide-actions #campaign-guide-move,.campaign-guide-actions #campaign-guide-main{background:#7a391c;border-color:#f0a36e;font-weight:800}.campaign-guide-actions #campaign-guide-skip{margin-left:auto;padding:6px 4px;border-color:transparent;background:transparent;font-size:.68rem;white-space:nowrap}.campaign-guide-tools{flex:0 0 32px;width:32px}.campaign-guide-tools>summary{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff35;border-radius:6px;color:#f4f0e6;background:#080d11;font-size:1.25rem;line-height:1;list-style:none;cursor:pointer}.campaign-guide-tools>summary::-webkit-details-marker{display:none}.campaign-guide-tools>summary:focus-visible{outline:3px solid #ffd093;outline-offset:3px}.campaign-guide-menu{position:absolute;top:calc(100% + 8px);right:0;display:grid;grid-template-columns:1fr 1fr;gap:6px;width:min(320px,100%);max-height:220px;overflow:auto;padding:10px;border:1px solid #ef9f63b8;border-radius:8px;background:#101a1ffb;box-shadow:0 12px 30px #0008;pointer-events:auto}.campaign-guide-tools:not([open])>.campaign-guide-menu{display:none}.campaign-guide-menu #campaign-guide-kicker,.campaign-guide-menu #campaign-guide-mode,.campaign-guide-menu #campaign-guide-mode-button,.campaign-guide-menu #campaign-guide-codex{grid-column:1/-1}.campaign-guide-menu #campaign-guide-kicker{font-size:.6rem;color:#f2aa74}.campaign-guide-menu #campaign-guide-mode{font-size:.72rem;color:#d8d8d0}.campaign-guide-menu label{align-self:center;font-size:.73rem}.campaign-guide-menu select{width:100%;min-height:36px;font:inherit;font-size:.73rem;color:#f4f0e6;background:#080d11;border:1px solid #ffffff45;border-radius:5px}.campaign-guide-menu button[hidden]{display:none}.campaign-guide-menu #campaign-guide-codex{margin-top:0;max-height:120px;overflow:auto}body.touch-layout #game.campaign-guide-visible #world{top:calc(var(--game-head) + var(--campaign-guide-height,116px));height:calc(100% - var(--game-head) - var(--touch-dock) - var(--campaign-guide-height,116px))}body.touch-layout .campaign-guide{top:calc(var(--game-head) + 6px);right:8px;width:calc(100% - 16px)}body.touch-layout .campaign-guide-card{padding:8px 10px}body.touch-layout .campaign-guide-card header h2{display:block;font-size:.88rem}body.touch-layout .campaign-guide-card>p{font-size:.73rem}body.touch-layout .campaign-guide-card button{min-height:36px;font-size:.71rem}body.touch-layout .campaign-guide-actions #campaign-guide-skip{font-size:.66rem}body.touch-layout #game.campaign-guide-visible #touch-intent{top:calc(var(--game-head) + var(--campaign-guide-height,116px) + 8px)}@media(orientation:landscape)and (max-height:600px){body.touch-layout .campaign-guide{right:calc(var(--touch-side) + 8px);width:calc(100% - var(--touch-side) - 16px)}body.touch-layout #game.campaign-guide-visible #world{height:calc(100% - var(--game-head) - var(--campaign-guide-height,116px))}}#invite-running-private{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:16px 20px;border:1px solid #c99c58;background:#211f1a;color:#f1e8d9}#invite-running-private p{margin:0;line-height:1.45}@media(max-width:600px){#invite-running-private{align-items:stretch;flex-direction:column;gap:10px;padding:14px}#invite-running-private button{width:100%}}body #game-menu #surrender{margin-top:32px;border:2px solid #e87970;background:#381b20;color:#ffd4ce;font-weight:700}body #game-menu #surrender:hover,body #game-menu #surrender:focus-visible{background:#59242c;color:#fff;outline:2px solid #ffd4ce;outline-offset:3px}body #surrender-dialog #surrender-confirm{background:#8b2835;border:2px solid #ff9a9a;color:#fff}#op-radio-close,#op-brief-close,#op-radio-reader-close{min-width:44px;min-height:44px}#op-radio-reader{width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:24px}#op-radio-reader p{font:14px/1.6 var(--body)}#op-radio>div[role=button]{min-width:0;cursor:pointer}#op-radio>div[role=button]:focus-visible{outline:2px solid #ffd093;outline-offset:2px}#op-radio-history{min-height:44px;margin:8px 12px 0;padding:6px 10px;font:12px var(--body);white-space:normal}body:not(.touch-layout) #op-hud{top:112px;max-height:calc(100% - 112px - var(--hud,228px) - 24px)}body:not(.touch-layout) #op-radio,body:not(.touch-layout) #campaign-start{top:112px}body.touch-layout.suedkai-active :is(#touch-portrait-hud,#touch-landscape-hud){grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto minmax(0,1fr) auto auto auto;gap:4px}body.touch-layout.suedkai-active :is(#touch-portrait-hud,#touch-landscape-hud)>:is(#campaign-start,#op-hud,#op-radio,#hud-minimap,#campaign-target,#funk-line){position:relative;top:auto;bottom:initial;left:auto;right:initial;transform:none;box-sizing:border-box;min-width:0;max-width:100%;margin:0;pointer-events:auto}body.touch-layout.suedkai-active :is(#touch-portrait-hud,#touch-landscape-hud)>#campaign-start{grid-column:1/-1;grid-row:1;width:100%;padding:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px}body.touch-layout.suedkai-active #campaign-start>strong{grid-column:1;font:700 12px/1.2 var(--body)}body.touch-layout.suedkai-active #campaign-start>p{grid-column:1;margin:0;font:12px/1.3 var(--body)}body.touch-layout.suedkai-active #campaign-start>div{grid-column:2;grid-row:1/3;flex-direction:column;gap:4px}body.touch-layout.suedkai-active #campaign-start button{min-height:44px;font-size:12px;padding:6px 8px}body.touch-layout.suedkai-active #campaign-start small{display:none}body.touch-layout.suedkai-active :is(#touch-portrait-hud,#touch-landscape-hud)>#op-hud{grid-column:1;grid-row:2;align-self:start;width:100%;padding:0;border-radius:3px;max-height:min(260px,calc(100dvh - var(--game-head) - var(--touch-dock) - 200px));overflow:auto}body.touch-layout.suedkai-active #op-hud.collapsed{height:46px;max-height:46px;overflow:hidden}body.touch-layout.suedkai-active #op-hud-toggle{min-height:44px;padding:4px 6px;font:700 12px/1.2 var(--body);letter-spacing:0}body.touch-layout.suedkai-active #op-hud-title{min-width:0}body.touch-layout.suedkai-active #op-hud .op-site{min-height:44px}body.touch-layout.suedkai-active #op-hud .op-hud-tools{flex-wrap:wrap}body.touch-layout.suedkai-active #op-hud button{min-height:44px;font-size:12px}body.touch-layout.suedkai-active :is(#touch-portrait-hud,#touch-landscape-hud)>#production-panel{grid-column:2;grid-row:2;align-self:start;max-height:min(260px,calc(100dvh - var(--game-head) - var(--touch-dock) - 200px));overflow:auto}body.touch-layout.suedkai-active :is(#touch-portrait-hud,#touch-landscape-hud)>:is(#op-radio,#funk-line,#toast,#overlay-stack-top){grid-column:1/-1;grid-row:3;align-self:start}body.touch-layout.suedkai-active :is(#touch-portrait-hud,#touch-landscape-hud)>#op-radio{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:0;width:100%;height:46px;padding:0 0 0 8px;border-radius:3px;overflow:hidden}body.touch-layout.suedkai-active #op-radio .op-radio-face,body.touch-layout.suedkai-active #op-radio .op-radio-mark{display:none}body.touch-layout.suedkai-active #op-radio small{font:600 12px/1.15 var(--body);letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.touch-layout.suedkai-active #op-radio p{font:14px/1.25 var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}body.touch-layout.suedkai-active #op-radio-close{height:44px;width:44px;border-radius:2px;padding:0}body.touch-layout.suedkai-active :is(#touch-portrait-hud,#touch-landscape-hud)>#funk-line{width:100%;height:46px;max-width:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:8px;font:14px/28px var(--body);text-align:left}body.touch-layout.suedkai-active :is(#touch-portrait-hud,#touch-landscape-hud)>#toast{max-height:46px;overflow:auto}body.touch-layout.suedkai-active :is(#touch-portrait-hud,#touch-landscape-hud)[data-message=radio]>:is(#funk-line,#toast,#overlay-stack-top){display:none}body.touch-layout.suedkai-active :is(#touch-portrait-hud,#touch-landscape-hud)[data-message=toast]>:is(#funk-line,#overlay-stack-top){display:none}body.touch-layout.suedkai-active :is(#touch-portrait-hud,#touch-landscape-hud)[data-message=unit]>#overlay-stack-top{display:none}body.touch-layout.suedkai-active :is(#touch-portrait-hud,#touch-landscape-hud)>#hud-minimap{display:none;grid-column:1;grid-row:4;align-self:start;width:164px;height:164px;max-height:100%;padding:6px;background:#0b1823f5;grid-template-columns:minmax(0,1fr) 44px;grid-template-rows:44px minmax(0,1fr);gap:4px;border:1px solid #98b3b85c}body.touch-layout.suedkai-active.map-open :is(#touch-portrait-hud,#touch-landscape-hud)>#hud-minimap{display:grid}body.touch-layout.suedkai-active #hud-minimap .mini-frame{grid-column:1/-1;grid-row:2;min-height:0;width:100%;height:100%;overflow:hidden}body.touch-layout.suedkai-active #hud-minimap #minimap{width:100%;height:100%;max-height:108px;object-fit:contain}body.touch-layout.suedkai-active #hud-minimap .mini-label{display:contents}body.touch-layout.suedkai-active #hud-minimap .mini-label>span{display:none}body.touch-layout.suedkai-active #hud-minimap :is(#home-camera,#mini-command-toggle){position:static;min-height:44px;min-width:44px;font-size:12px}body.touch-layout.suedkai-active :is(#touch-portrait-hud,#touch-landscape-hud)>#alerts{grid-column:2;grid-row:4;align-self:start}body.touch-layout.suedkai-active :is(#touch-portrait-hud,#touch-landscape-hud)>#campaign-target{grid-column:1/-1;grid-row:5;align-self:start;justify-self:start;pointer-events:none;font-size:12px}body.touch-layout.suedkai-active :is(#touch-portrait-hud,#touch-landscape-hud)>#touch-hint{grid-row:6}body.touch-layout.suedkai-active :is(#touch-portrait-hud,#touch-landscape-hud)>#touch-toolbar{grid-row:7}body.touch-layout.suedkai-active :is(#touch-portrait-hud,#touch-landscape-hud)>#touch-tools{grid-column:1/-1;grid-row:4;align-self:start}body.touch-layout.suedkai-active :is(#touch-portrait-hud,#touch-landscape-hud)[data-tools=true]>:is(#hud-minimap,#alerts){visibility:hidden;pointer-events:none}body:not(.touch-layout).suedkai-active #hud-toggle{right:230px}#op-brief .op-difficulty label{display:grid;grid-template-columns:16px minmax(0,1fr);gap:6px;min-height:48px;padding:6px}#op-brief .op-difficulty label span{font:600 12px/1.3 var(--body);letter-spacing:0;overflow-wrap:anywhere;text-align:left}.op-entry .op-unlock{display:block;margin-top:5px;font:600 12px/1.3 var(--body);color:#f4d3b1}body #game-menu>#game-tempo{appearance:none;-webkit-appearance:none;min-height:48px;padding:10px 44px 10px 14px;border:1px solid #8eaaa5;border-radius:3px;background:#17282e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%23f3eee4' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 12px center;color:#f3eee4;font:600 14px var(--body);cursor:pointer}body #game-menu>#game-tempo:focus-visible{outline:2px solid #ffd093;outline-offset:3px}#op-brief .op-brief-actions #op-brief-multiplayer{min-height:44px;padding:8px;border-color:transparent;background:transparent;color:#c3cdcb;font:14px var(--body);text-decoration:underline;text-underline-offset:3px}@media(max-width:600px)and (orientation:portrait){body.touch-layout.suedkai-active.hud-collapsed{--hud-strip-h:44px}body.touch-layout.suedkai-active.hud-collapsed #touch-portrait-hud>#touch-toolbar{grid-template-rows:44px}body.touch-layout.suedkai-active.hud-collapsed #touch-portrait-hud #touch-selection{display:none}body.touch-layout.suedkai-active.hud-collapsed #touch-portrait-hud #touch-toolbar>button{grid-row:1}body.touch-layout.suedkai-active #touch-portrait-hud>#hud-minimap{width:144px;height:144px}body.touch-layout.suedkai-active.map-open #touch-portrait-hud>#touch-hint{display:none}}body #op-radio[data-preparing=true]{display:none!important}body:not(.touch-layout).suedkai-active #hud-toggle{right:250px}body:not(.touch-layout) #campaign-start{padding-top:6px;padding-bottom:6px}body #multiplayer-first-steps header [data-close],body #multiplayer-first-steps header [data-expand],body .training-guide-skip,body #campaign-guide-skip,body .campaign-guide-close,body #op-chronicle-close{min-width:44px;min-height:44px}body.spectator-waiting #world,body.spectator-waiting .harbor-gpu,body.spectator-waiting #hud{visibility:hidden!important}body.spectator-waiting #connection-overlay{background:#0b141c}.main-navigation .menu-language{display:inline-flex;align-items:center;align-self:flex-end;color:var(--text);font:600 12px/1 var(--mono)}.main-navigation .menu-language>span{padding:0 2px}.main-navigation .menu-language button{display:inline-flex;justify-content:center;align-items:center;width:44px;min-height:44px;padding:0;border:1px solid transparent;background:transparent;font:inherit;letter-spacing:0}.main-navigation .menu-language button[aria-pressed=true]{border-bottom-color:var(--accent);color:var(--text)}.main-navigation .menu-language-note{margin:0 0 6px;color:#c5cbc8;font:12px/1.4 var(--body)}@media(max-width:620px){.profile-dialog .profile-leader-name{min-width:0;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}}.social-profiles ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.social-profiles .social-profile{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid transparent;border-radius:2px;background:#0a0e12;color:#a9b3ba;font:600 13px/1.25 var(--body,system-ui,sans-serif);text-decoration:none}.social-profiles .social-profile:hover{color:#f1f3f4;background:#10161b;border-color:#a9b3ba}.social-profiles .social-profile:focus-visible{outline:2px solid #f1f3f4;outline-offset:3px}.social-profiles .social-profile svg{display:block;width:18px;height:18px;flex:none}.hero-inner>.social-profiles{margin-top:10px}.home-social{margin-left:auto;flex:0 1 auto}.home-social .social-profiles ul{justify-content:center}.home-social .social-profile{font-size:12px}.home-footer>.social-profiles ul{justify-content:center}.home-footer>.social-profiles .social-profile{font-size:12px}@media(max-width:780px){.home-social{margin-left:0}.home-social .social-profiles ul{justify-content:flex-start}.home-footer{flex-wrap:wrap}.home-footer .social-profile{font-size:11px}.hero-inner>.social-profiles .social-profile{padding-inline:10px}}.foot-social{margin-top:14px}.foot-social .social-profiles ul{justify-content:flex-start}.touch-layout #menu #edition-label{font-size:8px;max-width:135px;text-align:right}.touch-layout #menu .home-footer>span.home-social{display:block;width:auto;max-width:none;text-align:left}