:root{color-scheme:dark;--bg:#101814;--panel:#16201bed;--ink:#eee9da;--muted:#9fa89b;--gold:#cbb477;--line:#a4ae8c26;--green:#a9bd8e;--red:#db8070;font-family:Arial,Helvetica,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .18s,border-color .18s,transform .12s;color:inherit}button:disabled{opacity:.4;cursor:default}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:hover:not(:disabled){filter:brightness(1.14)}button, input,select{border:1px solid var(--line);border-radius:2px}input,select{background:#0c1510b3;color:var(--ink);padding:13px 14px;min-width:0}input::placeholder{color:#a4ab9e88}button{background:#1b2720;padding:11px 15px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.masthead{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;gap:34px;position:relative;z-index:5;background:#101713}.brand{display:flex;align-items:center;gap:15px}.monogram{font:30px Georgia,serif;border:1px solid var(--gold);color:var(--gold);width:45px;height:50px;display:grid;place-items:center;transform:skewY(-5deg)}.brand strong{font:600 23px Georgia,serif;letter-spacing:1px}.brand small{display:block;letter-spacing:4px;font-size:9px;color:var(--muted);margin-top:8px}.edition{font-size:9px;letter-spacing:2px;color:var(--muted);display:flex;align-items:center;gap:10px}.edition i{width:5px;height:5px;background:var(--green);border-radius:50%;box-shadow:0 0 9px #a9bd8e55}.alpha{padding:5px 7px;border:1px solid var(--line);font-size:8px;letter-spacing:1px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}#connection{font-size:10px;letter-spacing:.5px;color:var(--muted)}.icon-button{background:transparent;padding:8px 11px;border-color:transparent;color:var(--muted)}#stage{position:relative;height:calc(100dvh - 84px);isolation:isolate;overflow:hidden}#city{width:100%;height:100%;display:block;outline:none;touch-action:none;background:var(--bg)}.scene-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 65% 48%,transparent 30%,#07120b55 100%);z-index:1}.home-panel,.lobby-panel{position:absolute;left:0;top:0;bottom:0;width:450px;padding:45px 42px;background:linear-gradient(90deg,#111c16f8 80%,#111c16da);border-right:1px solid var(--line);z-index:3;overflow:auto;scrollbar-width:thin}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2px;color:var(--muted);line-height:1.6;margin:0 0 24px}.home-panel h1,.lobby-panel h1,.result-panel h1{font:normal clamp(36px,3.6vw,57px)/1.05 Georgia,serif;letter-spacing:-2px;margin:0 0 21px}.intro{color:var(--muted);line-height:1.7;margin:0 0 28px;font-size:13px;max-width:310px}.field-label{display:block;font-size:8px;letter-spacing:1.6px;margin-bottom:9px;color:var(--muted)}#player-name{width:100%;margin-bottom:12px}.primary{background:var(--gold);color:#1a241b;border-color:var(--gold);font-weight:600}.wide{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:43px}.primary span,.secondary span{font-size:18px}.secondary{background:#a4af8810;border-color:#cbb4774a}.danger{background:#914e3c18;border-color:#b76b5b55;color:#e3a597}.divider{display:flex;align-items:center;gap:12px;margin:25px 0;color:var(--muted);font-size:8px;letter-spacing:1.3px}.divider:before,.divider:after{content:'';height:1px;background:var(--line);flex:1}.create-options{display:flex;gap:10px;margin-bottom:12px}.create-options label{font-size:9px;color:var(--muted);display:flex;flex-direction:column;gap:7px;flex:1}.create-options label:last-child{max-width:76px}.create-options select{width:100%;font-size:11px;padding:10px 6px}.join-form{display:flex;gap:8px;margin-top:12px}.join-form input{flex:1;font-size:9px;letter-spacing:1.4px;width:100px}.join-form button{white-space:nowrap;font-size:11px}.home-foot{font-size:9px;line-height:1.8;letter-spacing:.3px;color:#8e9b87;margin-top:25px}.invite-box{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:26px 0}.invite-box small{display:block;font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-bottom:9px}.invite-box strong{font:28px Georgia,serif;letter-spacing:5px;color:var(--gold)}.invite-box button{font-size:10px}.lobby-heading{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:0 0 14px}.lobby-player{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.player-avatar{width:30px;height:32px;border:1px solid var(--line);display:grid;place-items:center;font:16px Georgia,serif}.lobby-player .player-name{font-size:12px;flex:1}.lobby-player small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.player-ready{font-size:9px;color:var(--green)}.remove-bot{padding:3px 8px;background:transparent;color:var(--muted)}#add-bot{margin-top:17px;font-size:12px}.lobby-actions{display:flex;gap:8px;margin-top:24px}.lobby-actions button{flex:1;font-size:12px}.muted{font-size:11px;line-height:1.7;color:var(--muted)}.text-button{border:none;background:none;padding:12px 0;color:var(--muted);font-size:11px}#loading{position:absolute;inset:0;background:#101814;display:grid;align-content:center;justify-items:center;z-index:20;color:var(--muted);font-size:12px;letter-spacing:1px}.loading-mark{font:50px Georgia,serif;color:var(--gold);border:1px solid var(--gold);padding:12px}.resources{position:absolute;left:0;right:0;top:0;height:76px;display:flex;align-items:center;background:linear-gradient(180deg,#142019f5,#142019d9);border-bottom:1px solid var(--line);padding:0 25px;gap:35px;z-index:3}.resource small{display:block;font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-bottom:7px}.resource strong{font:22px Georgia,serif;font-weight:normal;letter-spacing:.4px}.resource:first-child strong{color:var(--gold)}.clock{margin-left:auto}.clock strong{font:18px Arial,sans-serif;font-variant-numeric:tabular-nums}.command-panel{position:absolute;top:76px;left:0;bottom:35px;width:278px;z-index:3;background:#132018e8;backdrop-filter:blur(16px);padding:22px 22px 10px;border-right:1px solid var(--line);overflow:auto;scrollbar-width:thin}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading .eyebrow{margin:0}.family-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px currentColor}.squad{display:flex;flex-wrap:wrap;gap:5px;margin:15px 0 19px}.squad button{width:38px;height:40px;padding:0;background:#1d2b20;border-color:var(--line);font-size:9px;position:relative;overflow:hidden}.squad button.selected{border-color:var(--gold);background:#b6a56c24}.squad canvas{width:36px;height:37px;display:block}.squad .unit-hp{height:2px;position:absolute;bottom:0;left:0;background:var(--green)}.selection-card{display:flex;gap:12px;align-items:center;min-height:111px}.selection-card canvas{width:68px;height:79px;flex-shrink:0;border:1px solid var(--line);background:#263025}.selection-card small{font-size:7px;letter-spacing:1.2px;color:var(--muted);line-height:1.6;display:block}.selection-card h2{font:21px/1.08 Georgia,serif;margin:8px 0;letter-spacing:-.5px}.selection-card p{font-size:10px;line-height:1.6;color:var(--muted);margin:0}.health-line{height:3px;background:#ffffff0c;margin:10px 0 15px}.health-line span{display:block;background:var(--green);height:100%;width:100%}.command-panel>.primary,.command-panel>.danger{margin:9px 0;font-size:11px}.section-title{font-size:8px;letter-spacing:1.5px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin:22px 0 10px}.recruit{display:flex;align-items:center;gap:10px;width:100%;padding:11px 0;border:0;background:none;border-bottom:1px solid var(--line);text-align:left}.recruit b{font-size:11px;font-weight:normal}.recruit small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.recruit strong{font-size:10px;color:var(--gold);font-weight:normal;margin-left:auto}.recruit>span:last-child{font-size:20px;color:var(--gold)}.score-row{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:10px}.score-row i{width:5px;height:5px;border-radius:50%;flex-shrink:0}.score-row .name{max-width:120px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.score-row .count{margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums}.score-row.dead{opacity:.35;text-decoration:line-through}.objective{font-size:10px;line-height:1.8;color:#87977f;margin:22px 0}.controls-foot{position:absolute;left:0;right:0;bottom:0;height:35px;background:#101a14f5;border-top:1px solid var(--line);z-index:4;display:flex;align-items:center;gap:25px;padding:0 22px;font-size:8px;color:#87977f}.controls-foot b{font-size:7px;letter-spacing:.6px;margin-right:6px;color:#bac3af}.map-controls{position:absolute;left:300px;bottom:56px;display:flex;align-items:center;background:#152218ef;border:1px solid var(--line);z-index:3;height:40px}.map-controls button{padding:8px 12px;background:none;border:0;font-size:18px;color:var(--gold);height:100%}#zoom-label{font-size:10px;min-width:36px;text-align:center;color:var(--muted)}.control-separator{height:20px;width:1px;background:var(--line);margin:0 5px}.minimap-wrap{position:absolute;right:22px;bottom:56px;width:240px;background:#132018eb;border:1px solid var(--line);padding:12px;z-index:3;backdrop-filter:blur(12px)}.minimap-wrap>div{display:flex;align-items:center;justify-content:space-between;padding-bottom:6px}.minimap-wrap span{font-size:7px;letter-spacing:1.3px;color:var(--muted)}.minimap-wrap button{padding:0;background:none;border:0;color:var(--gold)}#minimap{width:100%;height:auto;display:block;cursor:crosshair}#event-feed{position:absolute;top:100px;right:23px;z-index:3;width:260px;pointer-events:none}.event{padding:10px 12px;background:#111e17d9;border-left:2px solid var(--gold);font-size:10px;line-height:1.5;color:#d4dbc9;margin-bottom:6px;animation:appear .25s both}.event-time{color:#87977f;margin-right:7px;font-size:8px}#toast{position:absolute;left:50%;transform:translateX(-50%);bottom:80px;max-width:500px;padding:13px 20px;background:#253025f7;color:var(--ink);border:1px solid #cbb47766;font-size:12px;z-index:30;box-shadow:0 10px 40px #0005;text-align:center}.result-panel{position:absolute;inset:0;display:grid;justify-content:center;align-content:center;text-align:center;background:#0d1a12de;z-index:15;backdrop-filter:blur(7px);padding:25px}.result-panel p{color:var(--muted);line-height:1.7}.result-panel button{margin:22px auto 0;min-width:230px}dialog{border:1px solid #cbb47755;border-radius:3px;background:#17231b;color:var(--ink);max-width:510px;width:calc(100% - 36px);padding:38px;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#020c07b3;backdrop-filter:blur(5px)}dialog h2{font:36px/1 Georgia,serif;letter-spacing:-1px;margin:0 0 25px}dialog ol{padding-left:20px;color:#c3ccbc;font-size:12px;line-height:1.8}dialog li{padding-left:5px;margin:15px 0}dialog li b{color:var(--ink)}.close-dialog{position:absolute;right:15px;top:12px;border:0;background:none;font-size:24px;color:var(--muted);padding:0 7px}.version-note{font-size:10px;line-height:1.7;color:#889a80;border-top:1px solid var(--line);margin:20px 0;padding-top:16px}.close-help{width:100%}#pause-menu>button.wide{margin-top:12px}@keyframes appear{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.home-panel,.lobby-panel{width:490px;padding:65px 50px}.home-panel .intro{margin-bottom:40px}.home-panel h1{font-size:64px}.home-panel .divider{margin:32px 0}.home-foot{margin-top:30px}}
@media(max-height:800px) and (min-width:801px){.home-panel,.lobby-panel{padding-top:25px}.home-panel h1{font-size:43px}.home-panel .eyebrow{margin-bottom:17px}.intro{margin-bottom:18px}.divider{margin:18px 0}.home-foot{margin-top:18px}.selection-card{min-height:90px}.command-panel{padding-top:16px}.section-title{margin-top:16px;padding-top:14px}.objective{margin-top:14px}.squad{margin:12px 0}}
@media(max-width:1000px){.masthead{padding:0 20px;gap:20px}.edition{font-size:8px;letter-spacing:1px}.resources{gap:24px}.resource strong{font-size:19px}.command-panel{width:235px;padding:18px 15px}.map-controls{left:250px}.minimap-wrap{width:185px}.home-panel,.lobby-panel{width:400px;padding:35px 30px}}
@media(max-width:800px){.masthead{height:65px;padding:0 16px}.brand{gap:11px}.brand strong{font-size:19px}.brand small{font-size:7px;letter-spacing:3px;margin-top:5px}.monogram{width:33px;height:39px;font-size:24px}.edition{display:none}.top-actions{gap:3px}#connection{font-size:8px}.icon-button{padding:7px}.icon-button span{display:none}#stage{height:calc(100dvh - 65px)}.home-panel,.lobby-panel{width:360px;padding:28px;background:#111c16e8}.home-panel h1{font-size:43px}.home-panel .eyebrow{margin-bottom:16px}.intro{font-size:12px;margin-bottom:20px}.divider{margin:19px 0}.home-foot{font-size:8px;margin-top:18px}.resources{height:65px;padding:0 14px;gap:18px}.resource small{font-size:6px;letter-spacing:.9px}.resource strong{font-size:17px}.clock strong{font-size:14px}.command-panel{top:auto;bottom:0;left:0;right:0;height:165px;width:100%;padding:12px 15px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 15px;border-top:1px solid var(--line);border-right:0;background:#132018f5}.command-panel .panel-heading,.command-panel .section-title,.command-panel .objective,.command-panel .health-line{display:none}.squad{grid-row:1;grid-column:1/3;margin:0 0 6px;max-height:42px;overflow:auto;flex-wrap:nowrap}.selection-card{grid-column:1/2;grid-row:2/4;min-height:0;gap:8px}.selection-card canvas{width:45px;height:52px}.selection-card h2{font-size:16px;margin:4px 0}.selection-card small{font-size:6px}.selection-card p{font-size:8px;line-height:1.3}.recruit{padding:6px 0;grid-column:2}.recruit b{font-size:10px}.recruit small{font-size:8px}.recruit strong{font-size:8px}.recruit>span:last-child{font-size:16px}#recruit-thug{grid-row:2}#recruit-pistol{grid-row:3}.scoreboard{grid-column:3;grid-row:1/4}.score-row{font-size:8px;margin:8px 0;gap:5px}.score-row .name{max-width:80px}.command-panel>.primary,.command-panel>.danger{position:absolute;bottom:172px;left:15px;width:190px;margin:0}.controls-foot{display:none}.map-controls{left:15px;bottom:180px;height:35px}.map-controls button{padding:4px 9px}.minimap-wrap{right:12px;bottom:180px;width:140px;padding:8px}.minimap-wrap span{font-size:5px}#event-feed{top:80px;right:12px;width:200px}.event{font-size:9px;padding:8px}.resources #game-menu{margin-left:auto}.resources .clock{display:none}#toast{bottom:230px;min-width:230px;font-size:11px}.home-panel{overflow:auto}.scene-vignette{background:radial-gradient(ellipse at 80% 40%,transparent,#07120b44)}}
@media(max-width:480px){.home-panel,.lobby-panel{width:100%;background:linear-gradient(90deg,#111c16f7,#111c16eb);padding:26px 28px}.home-panel h1{font-size:43px}.home-panel .intro{max-width:300px}.home-foot{font-size:8px}.top-actions #connection{max-width:70px}.command-panel{grid-template-columns:1.3fr 1fr;gap:0 12px;height:163px}.scoreboard{display:none}.selection-card{grid-column:1}.recruit{grid-column:2}.squad{grid-column:1/3}.minimap-wrap{width:114px}.selection-card p{max-width:110px}.resources{gap:17px}.resource strong{font-size:16px}.resource small{font-size:6px}.map-controls{gap:0}.map-controls button{padding:3px 7px}.map-controls #visual-mode{display:none}dialog{padding:30px 25px}.home-panel .eyebrow{font-size:8px}}
@media(min-width:801px){.lobby-panel{padding-top:30px;padding-bottom:25px}.lobby-panel h1{font-size:42px;margin-bottom:15px}.lobby-panel>.eyebrow{margin-bottom:15px}.lobby-panel .invite-box{padding:14px 0;margin:20px 0}.lobby-panel .lobby-player{padding:11px 0}.lobby-panel #add-bot{margin-top:13px}.lobby-panel .lobby-actions{margin-top:18px}}
.personal-options{display:flex;flex-direction:column;gap:2px;margin:8px 0 0}.personal-options small{font-size:9px;color:var(--muted)}.personal-options button{padding:6px 0;text-align:left;font-size:10px;color:var(--gold)}.local-fields{display:flex;flex-direction:column;gap:16px;margin:24px 0}.local-fields label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:var(--muted)}

/* Native 800×220 HUD artwork and native 43×43 / 30×30 action sprites. */
.difficulty-field{display:flex;flex-direction:column;gap:7px;margin:12px 0;font-size:10px;color:var(--muted)}
.difficulty-field select{width:100%;padding:10px;font-size:11px}
.classic-dock{position:absolute;width:800px;height:220px;bottom:0;left:50%;transform:translateX(-50%) scale(var(--hud-scale,1));transform-origin:bottom center;z-index:4;color:#e7dc82;font:13px Arial,sans-serif;isolation:isolate;box-shadow:0 0 0 2px #0c140d,0 -8px 24px #0008}
#hud-skin{position:absolute;inset:0;width:800px;height:220px;z-index:-1;pointer-events:none;image-rendering:pixelated}
.classic-dock .minimap-wrap{position:absolute;left:7px;right:auto;top:8px;bottom:auto;width:197px;height:204px;background:none;padding:0;border:0;backdrop-filter:none}
.classic-dock #minimap{width:197px;height:170px;image-rendering:pixelated}
.classic-dock .minimap-wrap>div{position:absolute;left:0;right:0;bottom:0;padding:0;display:flex;align-items:center;gap:8px;font-size:11px;color:#f3ed94}
.classic-dock .minimap-wrap small{margin-left:auto;font-size:9px;max-width:95px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.classic-dock .minimap-wrap button{color:#fcdd70;padding:3px;font-size:14px}
.classic-dock .command-panel{position:absolute;left:231px;top:11px;bottom:auto;right:auto;width:258px;height:200px;padding:0;display:block;border:0;background:none;backdrop-filter:none;overflow:visible}
.classic-dock .selection-card{position:absolute;inset:2px 0 auto 2px;height:99px;min-height:0;display:flex;align-items:flex-start;gap:4px;overflow:hidden}
.classic-dock .selection-card canvas{width:84px;height:95px;background:#000;border:0;flex-shrink:0;image-rendering:pixelated}
.classic-dock .selection-card>div{padding-top:2px;min-width:0}
.classic-dock .selection-card small{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.classic-dock .selection-card h2{font:bold 18px/1.15 Arial,Helvetica,sans-serif;color:#20ff00;letter-spacing:0;margin:2px 0 4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.classic-dock .selection-card p{font:13px/1.3 Arial,Helvetica,sans-serif;color:#20ff00;max-width:166px}
.classic-dock .health-line{position:absolute;top:102px;left:2px;width:84px;height:5px;margin:0;background:#0a1609;border:1px solid #d5bc62;display:block}
.classic-dock .health-line span{background:#39e92b}
.classic-actions{position:absolute;left:0;top:113px;width:258px;height:43px;display:flex;gap:0}
.classic-dock .classic-action{width:43px;height:43px;min-width:43px;min-height:43px;margin:0;padding:0;border:0;background:none;position:relative;transition:none;transform:none;filter:none}
.classic-action canvas{display:block;width:43px;height:43px;image-rendering:pixelated}
.classic-action>span{display:none}
.classic-dock button:disabled{opacity:.45;filter:grayscale(.5)}
.classic-dock button:hover:not(:disabled){filter:brightness(1.08)}
.classic-dock button:not(:disabled):active{transform:none}
.classic-dock .classic-action[aria-pressed=true]{filter:drop-shadow(0 0 3px #c4ff2d)}
.classic-dock button:focus-visible{outline:2px solid #8df45a;outline-offset:1px}
/* GAMEBACK already contains the labels, spending grid and inactive toolbar. */
.classic-actions .empty-action{width:43px;height:43px;flex-shrink:0}
.classic-dock .classic-action:disabled{visibility:hidden}
.classic-recruit{position:absolute;left:730px;top:12px;display:flex;gap:0;width:60px;height:30px}
.classic-dock .recruit{display:block;width:30px;height:30px;min-width:30px;margin:0;padding:0;border:0;background:none;grid-area:auto}
.classic-dock .recruit canvas{display:block;width:30px;height:30px;image-rendering:pixelated}
.classic-dock .recruit:disabled{opacity:0}
.classic-dock .resources{position:absolute;left:598px;top:8px;bottom:auto;right:auto;width:111px;height:53px;background:none;border:0;padding:0;display:block;z-index:auto}
.classic-dock .resources strong{position:absolute;right:0;max-width:111px;overflow:hidden;white-space:nowrap;font:bold 20px/27px Arial,Helvetica,sans-serif;color:#fff599;letter-spacing:0;font-variant-numeric:tabular-nums}
.classic-dock #money{top:0}
.classic-dock #income{top:32px;font-size:14px;line-height:20px}
.classic-dock #cash-coins{position:absolute;left:546px;top:66px;display:block;width:132px;height:21px;margin:0;image-rendering:pixelated}
.spending-reserved{position:absolute;left:546px;top:65px;width:165px;height:137px}
#activity .family-overview-heading{display:flex;align-items:center;gap:8px;margin-top:14px}
#activity .match-difficulty{font-size:11px;color:var(--ink)}
#activity .squad{display:flex;flex-wrap:wrap;max-height:none;margin:12px 0;gap:5px}
#activity .squad canvas{image-rendering:pixelated}
#activity .scoreboard{display:block}
#activity .score-row{font-size:11px;margin:10px 0}
#activity .score-row .name{max-width:280px}
#activity .score-row .count{font-size:10px}
#game-hud .map-controls{top:12px;left:12px;bottom:auto;height:34px;background:#071009db;border:1px solid #b9ab55;padding:2px;gap:0}
#game-hud .map-controls button{padding:4px 8px;font-size:15px}
#game-hud .map-controls #sign-animation{font-size:10px;padding:5px 8px;display:block}
#game-hud .controls-foot{display:flex;top:52px;bottom:auto;left:12px;right:auto;width:max-content;height:22px;gap:12px;background:#071009be;border:0;padding:5px 8px;pointer-events:none}
#game-hud .controls-foot span{font-size:7px}
#event-feed{top:12px;right:12px;max-width:230px;width:26vw}
.event{animation:none;border-color:#b4b24e;background:#071009cf}
.scene-vignette{display:none}
#toast{bottom:calc(var(--hud-height,220px) + 12px)}
@media(max-width:650px){#game-hud .controls-foot{display:none}#event-feed{top:55px;right:8px;width:190px}.classic-dock .classic-action:focus-visible{outline-offset:-2px}.masthead{padding:0 10px}.brand strong{font-size:17px}.classic-dock{box-shadow:0 -2px 15px #0008}}

/* Match monitoring stays outside the original HUD artwork. */
kbd{font:10px Arial,sans-serif;border:1px solid #adba8055;padding:1px 4px;border-radius:2px;color:#e9dc9b}.classic-dock .recruit kbd{font-size:8px;margin-left:3px}
.live-status{position:absolute;right:12px;top:12px;width:230px;max-width:31vw;z-index:3;background:#071009e8;border:1px solid #9b955c;padding:10px 12px;font-size:10px;line-height:1.5;color:#d4dbc9}.live-status>div{display:flex;justify-content:space-between;gap:8px}.live-status strong{color:#9aee73}.live-status p{margin:5px 0}.live-status button{font-size:9px;padding:4px 0}.live-status[data-state=error] strong,.live-status[data-state=eliminated] strong{color:#efae82}#event-feed{top:150px}
#activity{max-width:680px;max-height:82dvh;overflow:auto}#activity h2{margin-bottom:15px}#activity .activity-note{font-size:10px;color:var(--muted)}#activity-log{list-style:none;padding:0;margin:20px 0;max-height:33dvh;overflow:auto;border-top:1px solid var(--line)}#activity-log li{display:flex;gap:10px;padding:9px 0;margin:0;border-bottom:1px solid var(--line);font-size:11px;line-height:1.5}#activity-log time{font-size:10px;min-width:35px;color:var(--gold);font-variant-numeric:tabular-nums}#activity details{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding:12px 0}#activity summary{cursor:pointer;color:var(--gold)}#activity details p{line-height:1.7}
.runtime-warning{position:absolute;top:85px;left:50%;transform:translateX(-50%);z-index:50;background:#34251af7;border:1px solid #efae82;padding:18px;max-width:500px;width:calc(100% - 30px);display:flex;flex-direction:column;gap:10px;font-size:12px}.runtime-warning button{align-self:flex-start}
@media(max-width:800px){.live-status{width:200px;max-width:30vw;font-size:9px;padding:7px 9px}#event-feed{top:145px}#activity-open{font-size:10px;padding:7px 4px}.top-actions{gap:3px}}
@media(max-width:560px){.live-status{top:82px;width:180px;max-width:43vw}.live-status p{font-size:8px}#event-feed{top:220px;max-width:43vw}.live-status #status-activity{font-size:8px}}

body.game-expanded .masthead{display:none}body.game-expanded #stage{height:100dvh}.game-expanded #game-hud .map-controls{top:12px}#fullscreen[aria-pressed=true]{color:#b7f18f;border-color:#b7f18f}.result-panel #result-watch{margin-bottom:0}