:root{--bg:#0b1020;--panel:#101626d1;--panel-solid:#0e1422eb;--panel-border:#ffffff17;--border-strong:#ffffff2e;--surface-1:#ffffff0a;--surface-2:#ffffff12;--surface-3:#ffffff21;--inset:#00000047;--text:#e8ecf5;--text-soft:#cfd6e6;--muted:#8f99b2;--accent:#e6194b;--accent-2:#f57;--accent-soft:#e6194b33;--ok:#3cb44b;--gold:#f5c542;--danger:#ff8a8a;--focus:#9cc2ff;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-base:14px;--fs-lg:16px;--radius:12px;--radius-md:8px;--radius-sm:6px;--shadow-lg:0 12px 40px #00000073;--shadow-md:0 6px 20px #0006;--ease:.15s ease;--edge:12px;--sa-t:env(safe-area-inset-top,0px);--sa-r:env(safe-area-inset-right,0px);--sa-b:env(safe-area-inset-bottom,0px);--sa-l:env(safe-area-inset-left,0px);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;line-height:1.4}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#ffffff38 transparent}html,body{background:var(--bg);overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}input,select,button,textarea{font:inherit;color:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.gold{color:var(--gold)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}#map{touch-action:none;cursor:crosshair;width:100vw;height:100dvh;display:block;position:fixed;inset:0}#map.dragging{cursor:grabbing}h2{font-size:var(--fs-md);margin:var(--s5) 0 var(--s2);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}h3{font-size:var(--fs-xs);margin:0 0 var(--s2);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700}kbd{text-align:center;background:var(--surface-3);border:1px solid var(--border-strong);min-width:1.6em;font-size:var(--fs-sm);color:var(--text);border-bottom-width:2px;border-radius:4px;padding:0 5px;font-family:inherit;line-height:1.5;display:inline-block}.screen{padding:var(--s4);padding:max(var(--s4), var(--sa-t)) max(var(--s4), var(--sa-r)) max(var(--s4), var(--sa-b)) max(var(--s4), var(--sa-l));background:radial-gradient(#0b102059,#050810d9);display:flex;position:fixed;inset:0;overflow-y:auto}.screen>.panel{margin:auto}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-lg), inset 0 1px 0 #ffffff0d}.panel.slim{box-shadow:var(--shadow-md), inset 0 1px 0 #ffffff0d;border-radius:10px;padding:10px 14px}.menu-panel{width:min(440px,100%);padding:28px}.lobby-panel{width:min(1180px,100%);padding:var(--s5)}.logo{letter-spacing:.02em;margin:0;font-size:48px;font-weight:900;line-height:1.05}.logo span{color:var(--accent)}.tagline{margin:var(--s1) 0 var(--s5);color:var(--muted)}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field>span,.field>label{font-size:var(--fs-md);color:var(--muted)}.field>span b{color:var(--text);font-variant-numeric:tabular-nums}.field.inline{margin-bottom:var(--s3)}.field.check{align-items:center;gap:var(--s2);cursor:pointer;flex-direction:row}.field.check>span{font-size:var(--fs-base);color:var(--text)}input:not([type]),input[type=text],select,#code-input,#chat-input,#game-chat-input{background:var(--surface-2);border:1px solid var(--panel-border);border-radius:var(--radius-md);-webkit-user-select:text;user-select:text;width:100%;min-width:0;transition:border-color var(--ease), box-shadow var(--ease), background-color var(--ease);outline:none;padding:10px 12px}input:not([type]):hover,input[type=text]:hover,select:hover{border-color:var(--border-strong)}input:not([type]):focus,input[type=text]:focus,select:focus{border-color:var(--accent-2);background:#ffffff17;box-shadow:0 0 0 3px #e6194b47}input::placeholder{color:var(--muted);opacity:.75}select{cursor:pointer}select option{color:var(--text);background:#151b2c}input[type=range]{accent-color:var(--accent);cursor:pointer;width:100%;margin:2px 0}input[type=checkbox]{accent-color:var(--accent);cursor:pointer;flex:none;width:16px;height:16px;margin:0}input:disabled,select:disabled{opacity:.5;cursor:not-allowed}#code-input{text-transform:uppercase;letter-spacing:3px;font-weight:700}#code-input::placeholder{font-weight:600}.row{gap:var(--s2);align-items:center;margin-bottom:10px;display:flex}.row.end{margin:var(--s4) 0 0;justify-content:flex-end}.row>.btn.primary:only-child{width:100%}.row>input{flex:1}.btn{border:1px solid var(--panel-border);background:var(--surface-2);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:background-color var(--ease), border-color var(--ease), filter var(--ease), transform 50ms;padding:10px 16px;font-weight:600;line-height:1.25}.btn:hover{background:var(--surface-3);border-color:var(--border-strong)}.btn:active{background:#ffffff1a;transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn:disabled:hover{background:var(--surface-2);border-color:var(--panel-border)}.btn.primary{color:#fff;text-shadow:0 1px 1px #5a001473;background:linear-gradient(#f2416b,#d0153f);border-color:#ffffff1f;box-shadow:0 2px 10px #e6194b47,inset 0 1px #ffffff2e}.btn.primary:hover{filter:brightness(1.1);background:linear-gradient(#f2416b,#d0153f);border-color:#fff3}.btn.primary:active{filter:brightness(.94)}.btn.primary:disabled,.btn.primary:disabled:hover{filter:saturate(.6);box-shadow:none;background:linear-gradient(#f2416b,#d0153f)}.btn.ghost{background:0 0}.btn.ghost:hover{background:var(--surface-2)}.btn.ghost:disabled:hover{background:0 0}.btn.small{font-size:var(--fs-md);border-radius:var(--radius-sm);padding:6px 10px}.btn.icon-btn{justify-content:center;align-items:center;padding:6px;display:inline-flex}.btn.icon-btn .ico{width:18px;height:18px}.btn,.emoji-grid button,.flag-grid button,.hud-board li,input[type=range],.seg-btn{touch-action:manipulation}.sprite{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.name-row{gap:var(--s2);display:flex}.flag-btn{flex:none;padding:4px 10px;font-size:20px}.flag-grid{gap:var(--s1);margin:-6px 0 var(--s3);padding:var(--s2);background:var(--inset);border:1px solid var(--panel-border);border-radius:var(--radius-md);grid-template-columns:repeat(8,1fr);display:grid}.flag-grid button{border-radius:var(--radius-sm);padding:var(--s1);cursor:pointer;transition:background-color var(--ease), border-color var(--ease);background:0 0;border:1px solid #0000;font-size:20px;line-height:1.2}.flag-grid button:hover{background:var(--surface-3)}.flag-grid button.sel{background:var(--accent-soft);border-color:var(--accent)}.public-head{margin-top:var(--s5);justify-content:space-between;align-items:center;display:flex}.public-head h2{margin:0}.public-head+.lobby-list{margin-top:var(--s2)}.lobby-list,.player-list,.attack-list,.chat-log{margin:0;padding:0;list-style:none}.lobby-list{max-height:200px;overflow-y:auto}.lobby-list li{justify-content:space-between;align-items:center;gap:var(--s2);padding:var(--s2) 10px;border-radius:var(--radius-md);background:var(--surface-1);transition:background-color var(--ease), border-color var(--ease);border:1px solid #0000;margin-bottom:6px;display:flex}.lobby-list li:hover{background:var(--surface-2);border-color:var(--panel-border)}.lobby-list li>div{min-width:0}.lobby-list li .muted{font-size:var(--fs-sm);line-height:1.4}.lobby-list li.empty,.lobby-list li.empty:hover{color:var(--muted);text-align:center;font-size:var(--fs-md);border:1px dashed var(--panel-border);padding:var(--s4) var(--s3);background:0 0;justify-content:center}.hint{font-size:var(--fs-sm);color:var(--muted);margin:var(--s4) 0 0;line-height:1.7}.hint kbd{font-size:var(--fs-xs);min-width:0}.lobby-head{justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.lobby-head .muted{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.08em}.code{letter-spacing:6px;color:var(--accent-2);-webkit-user-select:text;user-select:text;font-size:34px;font-weight:900;line-height:1.1}.lobby-grid{gap:var(--s5);grid-template-columns:minmax(0,280px) minmax(0,1fr);display:grid}.lobby-grid>div{min-width:0}.player-list{max-height:340px;overflow-y:auto}.player-list li{align-items:center;gap:var(--s2);border-radius:var(--radius-md);background:var(--surface-1);margin-bottom:6px;padding:7px 10px;display:flex}.player-list .dot{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 1px #00000059}.player-list .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.player-list .btn.small{padding:2px 8px}.badge{font-size:var(--fs-xs);border-radius:var(--radius-sm);color:#ffb3c4;background:#e6194b40;padding:2px 6px;font-weight:600}.chat{margin-top:var(--s3)}.chat-log{height:120px;font-size:var(--fs-md);padding:var(--s2) 10px;background:var(--inset);border:1px solid var(--panel-border);border-radius:var(--radius-md);margin-bottom:var(--s2);-webkit-user-select:text;user-select:text;overscroll-behavior:contain;line-height:1.45;overflow-y:auto}.chat-log li{overflow-wrap:anywhere;margin-bottom:3px}.chat-log .from{margin-right:6px;font-weight:700}.chat-log .sys{color:var(--muted);font-style:italic}.chat-log .evt{color:#ffd27a}.chat-log .evt.bad{color:var(--danger)}#chat-form{margin-bottom:0}#screen-game{pointer-events:none;position:fixed;inset:0}#screen-game .panel,#screen-game .game-chat,#screen-game .overlay{pointer-events:auto}#screen-game .panel,#screen-game .hud-tools .btn,.ctx-menu{-webkit-backdrop-filter:none;background:var(--panel-solid)}.hud-top{top:calc(var(--edge) + var(--sa-t));text-align:center;min-width:0;max-width:calc(100vw - 820px - var(--sa-l) - var(--sa-r));font-variant-numeric:tabular-nums;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.hud-left{top:calc(var(--edge) + var(--sa-t));left:calc(var(--edge) + var(--sa-l));align-items:flex-start;gap:var(--s2);display:flex;position:absolute}.hud-stats{gap:var(--s1);font-size:var(--fs-base);flex-direction:column;width:216px;display:flex}.hud-stats>div:not(.popbar){justify-content:space-between;align-items:baseline;gap:var(--s3);display:flex}.hud-stats .muted{font-size:var(--fs-md)}.hud-stats b{font-variant-numeric:tabular-nums}.hud-tools{gap:6px;display:flex}.hud-tools .btn{pointer-events:auto;width:34px;height:34px;box-shadow:var(--shadow-md);padding:0}#screen-game .hud-tools .btn:hover{background:#222a40f5}.hud-tools .btn.active{border-color:var(--accent-2);box-shadow:inset 0 0 0 1px var(--accent-2), var(--shadow-md)}#btn-chat{display:none;position:relative}#btn-chat.unread:after{content:"";background:var(--accent-2);width:8px;height:8px;box-shadow:0 0 0 2px var(--panel-solid);border-radius:50%;position:absolute;top:4px;right:4px}.popbar{background:var(--surface-2);height:14px;margin:2px 0 var(--s1);border-radius:7px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.popbar i{background:linear-gradient(90deg,#2e9d4c,#63d17b);width:0;transition:width .25s;position:absolute;inset:0 auto 0 0}.popbar i.slow{background:linear-gradient(90deg, #b58b16, var(--gold))}.popbar span{text-align:center;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000000b3;font-size:10px;font-weight:600;line-height:14px;display:block;position:relative}.hud-board{top:calc(var(--edge) + var(--sa-t));right:calc(var(--edge) + var(--sa-r));width:310px;font-size:var(--fs-md);max-height:calc(100vh - 2 * var(--edge) - 150px);position:absolute;overflow-y:auto}.hud-board ol{margin:0 -6px;padding:0;list-style:none}.hud-board li{border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;transition:background-color var(--ease);align-items:center;gap:6px;padding:2px 6px;display:flex}.hud-board li:hover{background:var(--surface-2)}.hud-board li.me{color:#fff;background:var(--accent-soft);font-weight:700}.hud-board li.dead{opacity:.4;text-decoration:line-through}.hud-board .dot{border-radius:2px;flex:none;width:9px;height:9px;box-shadow:0 0 0 1px #00000059}.hud-board .n{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.hud-board .pct{color:var(--muted);font-weight:400}.hud-board li:not(.team-row)>span:last-child{text-align:right;min-width:4.5ch}.hud-board li.team-row{border-bottom:1px solid var(--panel-border);border-radius:0;margin-bottom:2px;font-weight:700}.hud-board li.team-row.me{border-radius:var(--radius-sm) var(--radius-sm) 0 0}.hud-board li.ally .n:after{content:" 🤝"}.hud-board li.traitor .n{color:var(--danger)}.hud-board li.traitor .n:before{content:"⚠ "}.hud-board li.target .n:before{content:"🎯 "}.hud-bottom{bottom:calc(var(--edge) + var(--sa-b));width:min(620px, calc(100vw - 2 * var(--edge)));position:absolute;left:50%;transform:translate(-50%)}.ratio{gap:var(--s1);font-size:var(--fs-md);color:var(--muted);flex-direction:column;display:flex}.ratio b{color:var(--text);font-variant-numeric:tabular-nums;margin-left:var(--s1)}.build-bar{margin-top:var(--s2);gap:6px;display:flex}.build-btn{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;padding:6px 4px;display:flex;position:relative}.build-btn span{color:var(--text);line-height:0;display:flex}.ico{flex:none;width:20px;height:20px;display:block}.build-btn .key{min-width:0;box-shadow:none;color:var(--muted);background:0 0;border:0;padding:0;font-size:9px;font-weight:700;line-height:1;position:absolute;top:2px;left:3px}.build-btn.nuke span{color:#ffc24a}.build-btn.active span{color:#fff}.icon-list [data-icon]{vertical-align:-3px;display:inline-block}.icon-list .ico{width:15px;height:15px}.radial .slot .ico{width:22px;height:22px}.build-btn i{font-style:normal;font-size:var(--fs-xs);color:var(--gold);font-variant-numeric:tabular-nums;font-weight:600;line-height:1.1}.build-btn.poor span{opacity:.55}.build-btn.poor i{color:var(--muted)}.build-btn.active,.build-btn.active:hover{border-color:var(--accent-2);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-2)}.build-btn.nuke{background:#ffaa001a;border-color:#ffb00038}.build-btn.nuke:hover{background:#ffaa002e;border-color:#ffb00066}.build-btn.nuke.active,.build-btn.nuke.active:hover{background:#ffaa0040;border-color:#ffb000;box-shadow:inset 0 0 0 1px #ffb000}.attack-list{max-height:30vh;overflow-y:auto}.attack-list li{justify-content:space-between;align-items:center;gap:var(--s2);font-size:var(--fs-md);font-variant-numeric:tabular-nums;margin-top:6px;display:flex}.attack-list .bar{background:var(--surface-2);border-radius:2px;flex:1;min-width:40px;height:4px;overflow:hidden}.attack-list .bar i{background:var(--accent);border-radius:2px;height:100%;transition:width .2s;display:block}.attack-list .btn.small{font-size:var(--fs-sm);padding:3px 8px}.attack-list li.incoming{color:#ff9a9a}.attack-list li.incoming .bar i{background:#ff4d4d}.attack-list li.retreating{opacity:.6}.game-chat{left:calc(var(--edge) + var(--sa-l));bottom:calc(var(--edge) + var(--sa-b));width:min(320px, calc(100vw - 2 * var(--edge)));position:absolute}.game-chat .chat-log{text-shadow:0 1px 2px #0009;background:#080c1699;height:110px}#game-chat-form{margin:0}#game-chat-input{font-size:var(--fs-base);background:#080c16b8;padding:7px 10px}#game-chat-input:focus{background:#080c16e6}#game-chat-form .btn{background:var(--panel-solid);flex:none}#game-chat-form .btn:hover{background:#222a40f5}@media (width<=1300px){.game-chat{bottom:calc(200px + var(--sa-b))}}@media (width<=1100px){.hud-left{flex-direction:column}.hud-top{max-width:calc(100vw - 680px - var(--sa-l) - var(--sa-r))}}@media (width<=900px){.game-chat{display:none}.hud-board{width:180px}.hud-top{max-width:calc(100vw - 500px - var(--sa-l) - var(--sa-r))}}.minimap{right:calc(var(--edge) + var(--sa-r));bottom:calc(var(--edge) + var(--sa-b));border-radius:var(--radius-md);pointer-events:auto;cursor:pointer;width:200px;height:125px;box-shadow:0 0 0 1px var(--border-strong), 0 8px 24px #00000080;background:#0a1c3a;position:absolute}@media (width<=1100px){.minimap{display:none}.hud-board{max-height:calc(100vh - 2 * var(--edge))}}.tooltip{pointer-events:none;border:1px solid var(--border-strong);border-radius:var(--radius-md);font-size:var(--fs-md);font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:var(--shadow-md);z-index:12;background:#0a0e1af0;padding:5px 10px;position:fixed;transform:translate(14px,14px)}.ctx-menu{gap:var(--s1);z-index:15;border-color:var(--border-strong);flex-direction:column;min-width:180px;max-width:calc(100vw - 16px);display:flex;position:fixed}.ctx-menu .title{text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-weight:700;overflow:hidden}.ctx-menu .muted{font-size:var(--fs-md)}.ctx-menu .btn{text-align:left}.ctx-menu .row2{gap:var(--s1);display:flex}.ctx-menu .row2 .btn{text-align:center;flex:1}.ctx-menu .info{font-size:var(--fs-sm);color:var(--muted)}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:2px;display:grid}.emoji-grid button{cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--ease);background:0 0;border:0;padding:3px;font-size:18px;line-height:1.2}.emoji-grid button:hover{background:var(--surface-3)}.radial{z-index:16;pointer-events:none;width:0;height:0;position:fixed}.radial .ring{filter:drop-shadow(0 6px 16px #00000073);pointer-events:none;background:radial-gradient(circle,#0e142200 34px,#0e1422db 35px 87px,#ffffff2e 88px);border-radius:50%;width:176px;height:176px;animation:.12s ease-out radial-in;position:absolute;top:-88px;left:-88px}.radial .center{text-align:center;width:64px;height:64px;color:var(--text-soft);pointer-events:none;text-shadow:0 1px 2px #000;border-radius:50%;justify-content:center;align-items:center;padding:4px;font-size:10px;line-height:1.2;display:flex;position:absolute;top:-32px;left:-32px;overflow:hidden}.radial .slot{border:1px solid var(--border-strong);cursor:pointer;pointer-events:auto;color:#fff;width:44px;height:44px;transition:background-color var(--ease), border-color var(--ease), transform var(--ease);background:#1e263af5;border-radius:50%;justify-content:center;align-items:center;margin:-22px 0 0 -22px;padding:0;font-size:19px;display:flex;position:absolute}.radial .slot:hover{background:var(--accent);border-color:#fff6;transform:scale(1.08)}.radial .slot:active{transform:scale(.96)}.radial .slot:disabled,.radial .slot:disabled:hover{opacity:.35;cursor:not-allowed;border-color:var(--border-strong);background:#1e263af5;transform:none}.radial .slot small{white-space:nowrap;color:var(--text-soft);text-shadow:0 1px 2px #000,0 0 3px #000;font-size:9px;font-weight:600;position:absolute;bottom:-15px}.radial.touch .ring{background:radial-gradient(circle,#0e142200 40px,#0e1422db 41px 113px,#ffffff2e 114px);width:228px;height:228px;top:-114px;left:-114px}.radial.touch .center{width:80px;height:80px;font-size:12px;top:-40px;left:-40px}.radial.touch .slot{width:56px;height:56px;margin:-28px 0 0 -28px}.radial.touch .slot .ico{width:26px;height:26px}.radial.touch .slot small{font-size:12px;bottom:-18px}@keyframes radial-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.overlay{padding:var(--s3);z-index:18;background:#03060e9e;display:flex;position:absolute;inset:0;overflow-y:auto}.overlay .panel{padding:var(--s6) 40px;text-align:center;max-width:100%;margin:auto}.overlay h1{margin:0 0 var(--s2);font-size:40px;line-height:1.15}.overlay .help-panel{text-align:left;max-width:860px;max-height:calc(100vh - 40px);padding:28px var(--s6);overflow-y:auto}.overlay .help-panel h1{font-size:28px}.help-grid{margin:var(--s3) 0 20px;font-size:var(--fs-base);grid-template-columns:1fr 1fr;gap:28px;line-height:1.6;display:grid}.help-grid h3{color:var(--accent-2);margin-top:14px}.help-grid h3:first-child{margin-top:0}.help-grid p{margin:var(--s1) 0 var(--s2);color:var(--text-soft)}.help-grid b{color:var(--text)}.overlay .panel.gameover-panel{max-width:min(860px,100%)}.stats-wrap{max-height:50vh;margin:var(--s3) 0 18px;border:1px solid var(--panel-border);border-radius:var(--radius-md);overflow:auto}.stats{border-collapse:collapse;font-size:var(--fs-md);font-variant-numeric:tabular-nums;width:100%}.stats th{color:var(--muted);font-weight:600;font-size:var(--fs-sm);text-align:right;padding:6px var(--s2);white-space:nowrap;background:#141b2c;position:sticky;top:0}.stats td{text-align:right;padding:5px var(--s2);white-space:nowrap;border-top:1px solid #ffffff0f}.stats th:nth-child(2),.stats td:nth-child(2){text-align:left}.stats tbody tr:hover td{background:var(--surface-1)}.stats tr.me td,.stats tbody tr.me:hover td{color:#fff;background:#e6194b26;font-weight:700}.stats .dot{border-radius:2px;width:9px;height:9px;margin-right:6px;display:inline-block}.toast{bottom:calc(90px + var(--sa-b));color:#fff;text-align:center;z-index:20;pointer-events:none;max-width:calc(100vw - 24px);box-shadow:var(--shadow-md);background:#a01432f2;border:1px solid #ffffff2e;border-radius:10px;padding:10px 18px;font-weight:600;animation:.18s ease-out toast-in;position:fixed;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.conn{color:#fff;text-align:center;padding:calc(6px + var(--sa-t)) var(--s3) 6px;z-index:30;font-weight:600;font-size:var(--fs-base);background:#a36b00;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0006}@media (width<=600px){.lobby-grid{grid-template-columns:1fr;gap:0}.menu-panel{padding:20px}.lobby-panel{padding:var(--s4)}.logo{font-size:40px}.code{letter-spacing:4px;font-size:28px}.flag-grid button{padding:2px;font-size:18px}}@media (width<=700px){.help-grid{grid-template-columns:1fr;gap:0}.overlay .help-panel{padding:20px var(--s4)}:root{--edge:8px}.hud-left{display:contents}.hud-stats{top:calc(8px + var(--sa-t));left:calc(8px + var(--sa-l));right:calc(8px + var(--sa-r));width:auto;font-size:var(--fs-sm);flex-flow:wrap;justify-content:space-between;gap:2px 12px;padding:6px 10px;position:absolute}.hud-stats>div:not(.popbar){white-space:nowrap;gap:var(--s1)}.hud-stats .muted{font-size:var(--fs-sm)}.popbar{flex-basis:100%;order:10;margin:2px 0 0}.hud-top{top:calc(52px + var(--sa-t));font-size:var(--fs-md);min-width:0;max-width:calc(100vw - 16px);padding:6px 10px}.hud-tools{top:calc(94px + var(--sa-t));left:calc(8px + var(--sa-l));position:absolute}.hud-board{top:calc(94px + var(--sa-t));width:150px;font-size:var(--fs-xs);max-height:none;padding:6px 8px}.hud-board h3,.hud-board li:nth-child(n+6):not(.me),.hud-board .pct{display:none}.hud-bottom{padding:8px 10px}.build-bar{gap:var(--s1);scrollbar-width:none;margin-left:-2px;margin-right:-2px;padding:0 2px;overflow-x:auto}.build-bar::-webkit-scrollbar{display:none}.build-btn{flex:1 0 42px;padding:5px 2px}.build-btn .ico{width:18px;height:18px}.attack-list{max-height:22vh}.overlay{padding:var(--s2)}.overlay .panel{padding:20px var(--s4)}.overlay h1{font-size:30px}.overlay .help-panel h1{font-size:24px}.stats th:nth-child(n+6),.stats td:nth-child(n+6){display:none}}@media (pointer:coarse){.hud-tools .btn{width:40px;height:40px}.emoji-grid button{padding:6px 3px;font-size:20px}.ctx-menu .btn.small{padding:9px 12px}input[type=checkbox]{width:20px;height:20px}}@media (height<=520px){.hud-board li:nth-child(n+6):not(.me){display:none}.attack-list{max-height:18vh}}:root{--ui-scale:1}.screen>.panel,.modal>.panel,#screen-game>.panel:not(.ctx-menu),#screen-game>.hud-left,#screen-game>.game-chat,#screen-game>.minimap,#screen-game>.overlay>.panel,#screen-game>.ally-cards,#screen-game>.events{zoom:var(--ui-scale)}@media (width<=700px){:root{--ui-scale:1!important}}body.hide-minimap .minimap,body.hide-chat .game-chat,body.hide-chat #btn-chat{display:none}.field-head{justify-content:space-between;align-items:baseline;gap:var(--s2);display:flex}.field-head label{font-size:var(--fs-md);color:var(--muted)}.field-head .muted{font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.name-row input{flex:1}input[aria-invalid=true],input[aria-invalid=true]:hover{border-color:var(--danger)}.field-error{font-size:var(--fs-md);color:var(--danger)}.menu-status{align-items:center;gap:var(--s2);font-size:var(--fs-sm);color:var(--muted);margin:calc(-1 * var(--s1)) 0 0;display:flex}.menu-status:before{content:"";background:var(--muted);border-radius:50%;flex:none;width:8px;height:8px}.menu-status.online:before{background:var(--ok)}.menu-status.connecting:before{background:var(--gold);animation:1s ease-in-out infinite status-pulse}.menu-status.failed:before{background:var(--danger)}@keyframes status-pulse{50%{opacity:.35}}.menu-foot{margin:var(--s3) 0 0;padding-top:var(--s3);border-top:1px solid var(--panel-border)}.menu-foot .btn{width:100%}.btn.busy,.btn.busy:disabled{cursor:progress;opacity:.75}.btn.flash,.btn.flash:hover{border-color:var(--ok);color:#b9f5c2}.lobby-list li.empty{flex-direction:column;gap:2px}.lobby-list li.empty b{color:var(--text);font-size:var(--fs-base)}.invite{align-items:flex-end;gap:var(--s1);flex-direction:column;display:flex}.invite-btns{gap:var(--s2);flex-wrap:wrap;justify-content:flex-end;display:flex}.invite-btns .btn{min-width:9.5em}.lobby-summary{margin:var(--s3) 0 0;padding:var(--s2) var(--s3);border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--panel-border);font-size:var(--fs-md);color:var(--text-soft)}.lobby-side .chat h2{margin-top:var(--s4)}.player-list li.me{background:var(--surface-2)}.badge.team{color:#c9d6ff;background:#4363d84d}.row.end.lobby-foot{margin:var(--s4) calc(-1 * var(--s5)) calc(-1 * var(--s5));padding:var(--s3) var(--s5);border-top:1px solid var(--panel-border);border-radius:0 0 var(--radius) var(--radius);background:#101626f7;position:sticky;bottom:0}.lobby-settings{gap:0 var(--s5);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;display:grid}.lobby-settings>.settings-head,.lobby-settings>.set-presets{grid-column:1/-1}.lobby-settings>.set-group:first-of-type{grid-area:3/1/span 2}.lobby-settings>.set-group:nth-of-type(2){grid-area:3/2}.lobby-settings>.set-group:nth-of-type(3){grid-area:4/2}.settings-head{justify-content:space-between;align-items:baseline;gap:var(--s3);flex-wrap:wrap;display:flex}.host-note{font-size:var(--fs-sm);color:var(--muted)}.lobby-settings.readonly .host-note{color:var(--gold)}.set-presets{align-items:center;gap:var(--s2) var(--s3);margin-bottom:var(--s1);flex-wrap:wrap;display:flex}.preset-row{flex-wrap:wrap;gap:6px;display:flex}.btn.preset.active,.btn.preset.active:hover{border-color:var(--accent-2);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-2)}.set-group{border:0;border-top:1px solid var(--panel-border);margin:var(--s3) 0 0;padding:var(--s2) 0 0;min-width:0}.set-group legend{padding:0 var(--s2) 0 0;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--accent-2);font-weight:700}.set-row{align-items:center;gap:var(--s2) var(--s3);margin:var(--s2) 0;flex-wrap:wrap;display:flex}.set-row>.seg{flex:220px}.set-row.wide>.set-label{flex-basis:100%}.set-label{font-size:var(--fs-md);color:var(--text-soft);flex:none;min-width:84px}.set-label small,.switch-row small{font-size:var(--fs-xs);display:block}.set-row.slider input[type=range]{flex:120px;width:auto;min-width:0}.set-val{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:2.6em;font-weight:700}.set-help{margin:var(--s1) 0 var(--s2);font-size:var(--fs-sm);color:var(--muted);line-height:1.5}.set-help kbd{font-size:var(--fs-xs);min-width:0}.seg{border-radius:var(--radius-md);background:var(--inset);border:1px solid var(--panel-border);gap:2px;padding:2px;display:flex}.seg-btn{border-radius:var(--radius-sm);cursor:pointer;min-width:0;font-size:var(--fs-md);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;transition:background-color var(--ease), color var(--ease);background:0 0;border:0;flex:1 1 0;padding:6px;font-weight:600;line-height:1.25;overflow:hidden}.seg-btn:hover:not(:disabled){color:var(--text);background:var(--surface-2)}.seg-btn[aria-checked=true],.seg-btn[aria-checked=true]:hover:not(:disabled){color:#fff;text-shadow:0 1px 1px #5a001473;background:linear-gradient(#f2416b,#d0153f)}.seg-btn:disabled{cursor:not-allowed}.seg.disabled .seg-btn{color:#8f99b299}.seg.disabled .seg-btn[aria-checked=true]{background:var(--surface-3);color:var(--text);text-shadow:none}.seg.map-chips{margin-top:var(--s1);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.map-preview{margin:var(--s2) 0 6px;border-radius:var(--radius-md);box-shadow:0 0 0 1px var(--border-strong);background:#0c2248;position:relative;overflow:hidden}.map-preview canvas{width:100%;height:190px;display:block}.map-tag{top:var(--s2);left:var(--s2);font-size:var(--fs-xs);padding:2px var(--s2);border-radius:var(--radius-sm);color:var(--gold);background:#0a0e1ad9;font-weight:700;position:absolute}.switch-row{margin:var(--s2) 0;font-size:var(--fs-md);color:var(--text-soft);cursor:pointer;align-items:center;gap:10px;display:flex}input.sw[type=checkbox]{appearance:none;background:var(--surface-3);border:1px solid var(--panel-border);cursor:pointer;width:38px;height:22px;transition:background-color var(--ease), border-color var(--ease);border-radius:11px;flex:none;margin:0;position:relative}input.sw[type=checkbox]:after{content:"";width:16px;height:16px;transition:transform var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}input.sw[type=checkbox]:checked{background:var(--accent);border-color:var(--accent-2)}input.sw[type=checkbox]:checked:after{transform:translate(16px)}input.sw[type=checkbox]:disabled{cursor:not-allowed;opacity:.7}input.sw[type=checkbox]:disabled:checked{background:#fff6;border-color:#0000}input[type=range]:disabled{cursor:not-allowed}.lobby-settings.readonly .switch-row{cursor:default}.modal{z-index:40;padding:max(var(--s4), var(--sa-t)) max(var(--s4), var(--sa-r)) max(var(--s4), var(--sa-b)) max(var(--s4), var(--sa-l));background:#03060e9e;display:flex;position:fixed;inset:0;overflow-y:auto}.modal>.panel{margin:auto}.settings-panel{width:min(520px,100%);padding:var(--s5);-webkit-backdrop-filter:none;border-color:var(--border-strong);background:#101626f7}.modal-head{justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.modal-head h1{margin:0;font-size:24px;line-height:1.15}.settings-panel .set-label{min-width:150px}@media (width<=1040px){.lobby-settings{grid-template-columns:minmax(0,1fr)}.lobby-settings>.set-group:nth-of-type(n){grid-area:auto/1}}@media (width<=760px){.lobby-grid{grid-template-columns:minmax(0,1fr);gap:0}.invite{align-items:flex-start}.invite-btns{justify-content:flex-start}}@media (width<=600px){.row.end.lobby-foot{margin:var(--s4) calc(-1 * var(--s4)) calc(-1 * var(--s4));padding:var(--s3) var(--s4)}.settings-panel{padding:var(--s4)}.settings-panel .set-label{flex-basis:100%;min-width:0}.set-row>.seg{flex-basis:100%}}@media (pointer:coarse){.seg-btn{padding:9px 6px}}.stat-v{align-items:baseline;gap:6px;min-width:0;display:inline-flex}.rate{font-size:var(--fs-xs);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.rate.up{color:#63d17b}.rate.down{color:var(--danger)}#stat-gold-rate{color:#c9a63a}.key-hint{min-width:0;color:var(--muted);border-bottom-width:1px;margin-left:2px;padding:0 4px;font-size:9px;line-height:1.4}.hud-phase-row{justify-content:center;align-items:center;gap:var(--s2);display:flex}.hud-phase-row #phase-label{overflow-wrap:anywhere;min-width:0}#btn-pause{pointer-events:auto;white-space:nowrap;flex:none}.pause-status{margin-top:var(--s1);color:var(--gold);font-weight:600}#screen-game.paused .hud-top{border-color:var(--gold)}#screen-game.paused .alert-flash{animation-play-state:paused}.hud-top.spawn{border-color:var(--border-strong);width:600px}.hud-top.spawn.todo{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), var(--shadow-md)}.hud-top.spawn.todo #phase-label{color:var(--gold)}.spawn-bar{background:var(--surface-2);border-radius:3px;height:5px;margin-top:6px;overflow:hidden}.spawn-bar i{background:linear-gradient(90deg, var(--accent), var(--gold));border-radius:3px;width:100%;height:100%;transition:width .25s linear;display:block}.lb-head{margin:0 0 var(--s1);align-items:center;gap:6px;display:flex}.lb-head h3{flex:1;min-width:0;margin:0}.lb-head button{cursor:pointer;border-radius:var(--radius-sm);font-size:var(--fs-xs);color:var(--muted);transition:color var(--ease);background:0 0;border:0;padding:2px 0;font-weight:700}.lb-head button:hover{color:var(--text)}.lb-head button[aria-pressed=true]{color:var(--accent-2);text-underline-offset:3px;text-decoration:underline}.hud-board .c{text-align:right;white-space:nowrap;flex:none;width:48px;overflow:hidden}.hud-board li .c.gd{color:#c9a63a}.hud-board li .c.sorted{color:var(--text);font-weight:700}.hud-board li.me .c.sorted{color:#fff}.hud-board li.click{cursor:pointer}@media (width<=900px){.hud-board li .c:not(.sorted){display:none}.hud-board li .c.sorted{display:block}.lb-head{gap:var(--s2)}.lb-head button{width:auto}}@media (width<=700px){.lb-head{justify-content:flex-end;margin-bottom:2px}}.attack-list .row-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.attack-list button.row-focus{text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0}.attack-list button.row-focus:hover{text-decoration:underline}.attack-list li.boat{color:#9fc8ff}.attack-list li.boat.returning{opacity:.6}.radial .slot.confirm,.radial .slot.confirm:hover{color:#fff;background:#c62828;border-color:#ffffff80}.ally-cards{top:calc(64px + var(--sa-t));width:min(340px, calc(100vw - 2 * var(--edge)));gap:var(--s2);pointer-events:none;flex-direction:column;max-height:50vh;display:flex;position:absolute;left:50%;overflow-y:auto;transform:translate(-50%)}.ally-card{border-color:var(--border-strong);flex:none}.ally-text{justify-content:space-between;align-items:baseline;gap:var(--s3);font-size:var(--fs-base);display:flex}.ally-text span{overflow-wrap:anywhere;min-width:0}.ally-time{color:var(--gold);font-variant-numeric:tabular-nums;flex:none}.ally-bar{background:var(--surface-2);border-radius:2px;height:3px;margin-top:6px;overflow:hidden}.ally-bar i{background:var(--gold);height:100%;transition:width .25s linear;display:block}.ally-card .row{margin:var(--s2) 0 0}.events{right:calc(var(--edge) + var(--sa-r));bottom:calc(var(--edge) + var(--sa-b) + 137px);pointer-events:none;width:300px;font-size:var(--fs-md);flex-direction:column;display:flex;position:absolute}body.hide-minimap .events{bottom:calc(var(--edge) + var(--sa-b))}body.hide-chat .events{display:none}.evt-head{justify-content:flex-end;align-items:center;gap:var(--s2);margin-top:var(--s1);opacity:.6;transition:opacity var(--ease);order:2;display:flex}.events:hover .evt-head,.events:focus-within .evt-head{opacity:1}.evt-head>*{pointer-events:auto}.evt-head>span{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft);text-shadow:0 1px 2px #000,0 0 3px #000;font-weight:700}.evt-filter{gap:2px;display:flex}.evt-chip{border:1px solid var(--panel-border);border-radius:var(--radius-sm);background:var(--panel-solid);cursor:pointer;width:26px;height:22px;transition:opacity var(--ease), border-color var(--ease);padding:0;font-size:12px;line-height:1}.evt-chip:hover{border-color:var(--border-strong)}.evt-chip[aria-pressed=false]{opacity:.4;filter:grayscale()}.event-log{overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;gap:2px;max-height:190px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.event-log::-webkit-scrollbar{display:none}.event-log li{pointer-events:auto;padding:3px var(--s2);border-left:3px solid var(--muted);color:var(--text-soft);overflow-wrap:anywhere;background:#080c16cc;border-radius:4px;flex:none;line-height:1.35;transition:opacity .6s}.event-log li.mine{background:#161d30f2;font-weight:600}.event-log .evt-btn{text-align:left;width:100%;color:inherit;font-weight:inherit;cursor:pointer;white-space:normal;background:0 0;border:0;padding:0;display:block}.event-log .evt-btn:hover{text-decoration:underline}.event-log li.tone-bad{color:#ffb4b4;border-left-color:#ff4d4d}.event-log li.tone-good{border-left-color:var(--ok);color:#b9f5c2}.event-log li.tone-warn{border-left-color:var(--gold);color:#ffd27a}.event-log li.fading{opacity:0}.event-log li.old{display:none}.events:hover .event-log li.fading,.events:focus-within .event-log li.fading{opacity:1}.events:hover .event-log li.old,.events:focus-within .event-log li.old{display:block}.events.hide-combat li.cat-combat,.events.hide-diplo li.cat-diplo,.events.hide-nuke li.cat-nuke,.events.hide-misc li.cat-misc{display:none!important}@media (width<=1250px){.events,body.hide-minimap .events{bottom:calc(200px + var(--sa-b))}}@media (width<=900px){.events{width:240px}.event-log{max-height:120px}}@media (height<=620px){.event-log{max-height:96px}}@media (width<=700px){.events{display:none}}.alert-flash{z-index:11;pointer-events:none;opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 0 3px #ff3c3ce6,inset 0 0 90px 18px #ff1e1e80}.alert-flash.on{animation:1.5s ease-out alert-flash}@keyframes alert-flash{0%{opacity:0}10%{opacity:1}35%{opacity:.35}55%{opacity:.9}to{opacity:0}}.tooltip.flip-x{transform:translate(calc(-100% - 14px),14px)}.tooltip.flip-y{transform:translate(14px,calc(-100% - 14px))}.tooltip.flip-x.flip-y{transform:translate(calc(-100% - 14px),calc(-100% - 14px))}.tooltip>div+div{margin-top:2px}.tt-head,.ctx-head{align-items:center;gap:6px;display:flex}.tt-head .dot,.ctx-head .dot{border-radius:2px;flex:none;width:10px;height:10px;box-shadow:0 0 0 1px #00000059}.tt-type{font-size:var(--fs-xs);color:var(--muted);border:1px solid var(--panel-border);border-radius:var(--radius-sm);flex:none;padding:0 5px;font-weight:600}.tt-rel{font-size:var(--fs-sm);color:var(--text-soft)}.tt-rel.ally{color:#8fe3a0}.tt-nums{gap:10px;display:flex}.structs{flex-wrap:wrap;gap:2px 10px;display:flex}.struct{font-variant-numeric:tabular-nums;color:var(--text-soft);align-items:center;gap:3px;display:inline-flex}.struct .ico{width:14px;height:14px}.tt-atk{color:#ffd27a}.tt-atk.in{color:var(--danger)}.tt-terrain{font-size:var(--fs-xs);color:var(--muted)}.ctx-menu{min-width:250px;max-width:min(300px,100vw - 16px);max-height:calc(100dvh - 16px);overflow-y:auto}.ctx-head .title{flex:1;min-width:0;margin:0}.ctx-menu .btn.ctx-close{text-align:center;flex:none;padding:2px 7px}.ctx-menu .info.warn{color:var(--danger)}.donate{padding:6px var(--s2);border:1px solid var(--panel-border);border-radius:var(--radius-md);background:var(--surface-1);flex-direction:column;gap:3px;display:flex}.donate-head{justify-content:space-between;gap:var(--s2);font-size:var(--fs-md);font-variant-numeric:tabular-nums;display:flex}.donate .row2 .btn{padding:4px 2px}@media (width<=700px){.ally-cards{top:calc(140px + var(--sa-t));width:calc(100vw - 16px)}.hud-top,.hud-top.spawn{top:calc(12px + var(--sa-t) + var(--hud-stats-height,40px));left:calc(8px + var(--sa-l));right:calc(8px + var(--sa-r));width:auto;min-width:0;max-width:none;transform:none}#screen-game{--hud-controls-top:calc(20px + var(--sa-t) + var(--hud-stats-height,40px) + var(--hud-top-height,40px))}.hud-tools,.hud-board{top:var(--hud-controls-top)}.ally-cards{top:calc(var(--hud-controls-top) + 144px)}}@media (pointer:coarse){.key-hint{display:none}.donate .row2 .btn{padding:8px 2px}}@media (width<=900px){#btn-chat{display:inline-flex}.game-chat.open{top:calc(176px + var(--sa-t));z-index:14;width:min(380px, calc(100vw - 2 * var(--edge) - var(--sa-l) - var(--sa-r)));display:block;bottom:auto}.game-chat.open .chat-log{background:var(--panel-solid);height:150px}.game-chat.open input{background:var(--panel-solid)}}@media (width<=700px){input:not([type]),input[type=text],#game-chat-input,select{font-size:16px}.hud-tools{max-width:calc(100vw - 180px - var(--sa-l) - var(--sa-r));flex-wrap:wrap}.hud-tools .btn{width:42px;height:42px}.hud-tools .btn .ico{width:20px;height:20px}.build-btn{min-height:48px}.ratio input{height:30px}.attack-list{max-height:104px}.help-panel .btn.primary,.gameover-panel .btn.primary{width:100%;padding:13px 16px}.game-chat.open{top:calc(var(--hud-controls-top) + 96px)}}@media (pointer:coarse){.btn.small{min-height:38px}.emoji-grid button{padding:8px 2px;font-size:23px}.flag-grid button{min-height:36px;padding:7px 4px}.player-list .btn.small{min-width:36px}.ctx-menu{gap:8px}input[type=checkbox]:not(.sw){width:22px;height:22px}}@media (height<=480px) and (width>=600px){.hud-left{gap:var(--s1);flex-direction:column;display:flex}.hud-stats{width:200px;font-size:var(--fs-sm);flex-direction:column;gap:2px;padding:6px 10px;position:static}.popbar{flex-basis:auto;order:0}.hud-tools{gap:var(--s1);flex-wrap:nowrap;max-width:none;position:static}.hud-tools .btn{width:40px;height:40px}.hud-top,.hud-top.spawn{top:calc(var(--edge) + var(--sa-t));width:max-content;min-width:0;max-width:calc(100vw - 560px - var(--sa-l) - var(--sa-r));font-size:var(--fs-sm);padding:5px 10px;left:50%;right:auto;transform:translate(-50%)}.hud-board{top:calc(var(--edge) + var(--sa-t));width:180px;padding:6px 8px}.hud-board h3,.hud-board li:nth-child(n+6):not(.me){display:none}.hud-bottom{width:min(580px, calc(100vw - 2 * var(--edge) - var(--sa-l) - var(--sa-r)));padding:6px 10px}.ratio{flex-direction:row;align-items:center;gap:10px}.ratio span{white-space:nowrap}.ratio input{flex:1;min-width:0}.build-bar{margin-top:4px;overflow-x:auto}.build-btn{min-height:40px;padding:4px 2px}.build-btn .key{display:none}.attack-list{max-height:68px}.game-chat.open{top:calc(60px + var(--sa-t));left:calc(224px + var(--sa-l));width:min(300px, calc(100vw - 448px - var(--sa-l) - var(--sa-r)))}.game-chat.open .chat-log{height:110px}.overlay .panel{padding:16px}}@media (height<=480px) and (width>=600px) and (width<=700px){.hud-top,.hud-top.spawn{left:calc(224px + var(--sa-l));right:calc(var(--edge) + var(--sa-r));width:auto;max-width:none;transform:none}.hud-tools{flex-wrap:wrap;max-width:200px}.hud-board{top:calc(var(--edge) + var(--sa-t) + var(--hud-top-height,60px) + var(--s2))}}@media (prefers-reduced-motion:reduce){.alert-flash.on{opacity:.6}*,:before,:after{transition:none!important;animation:none!important}.btn:active,.radial .slot:hover,.radial .slot:active{transform:none}}