@font-face{font-family:Saira Semi Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/saira-semi-condensed-vietnamese-400-normal-BjlVRgV2.woff2)format("woff2"),url(/assets/saira-semi-condensed-vietnamese-400-normal-DZeVTnup.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Saira Semi Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/saira-semi-condensed-latin-ext-400-normal-z9rK9nq6.woff2)format("woff2"),url(/assets/saira-semi-condensed-latin-ext-400-normal-FBtzH8lb.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Saira Semi Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/saira-semi-condensed-latin-400-normal-DBFPQfhT.woff2)format("woff2"),url(/assets/saira-semi-condensed-latin-400-normal-GbyiKxUx.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Saira Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/saira-semi-condensed-vietnamese-600-normal-BleKkWhQ.woff2)format("woff2"),url(/assets/saira-semi-condensed-vietnamese-600-normal-CtOKQqyp.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Saira Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/saira-semi-condensed-latin-ext-600-normal-cD8iogYK.woff2)format("woff2"),url(/assets/saira-semi-condensed-latin-ext-600-normal-gxH8H1Hk.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Saira Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/saira-semi-condensed-latin-600-normal-BlCmTINa.woff2)format("woff2"),url(/assets/saira-semi-condensed-latin-600-normal-CyCQx_HP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Saira Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/saira-semi-condensed-vietnamese-700-normal-CydgS1-X.woff2)format("woff2"),url(/assets/saira-semi-condensed-vietnamese-700-normal-Wp1D8kAu.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Saira Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/saira-semi-condensed-latin-ext-700-normal-B2SOp30D.woff2)format("woff2"),url(/assets/saira-semi-condensed-latin-ext-700-normal-xWD0nNWp.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Saira Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/saira-semi-condensed-latin-700-normal-DrSnQFZS.woff2)format("woff2"),url(/assets/saira-semi-condensed-latin-700-normal-BeJ8KZkF.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--u:clamp(.8px, calc(100vh / 900), 1.6px);--steel-hi:#45473a;--steel:#36382e;--steel-lo:#2a2c24;--rim:#5d5a48;--display:#12150f;--amber:#f2a93b;--amber-dim:#8a6a33;--ink:#d6d1b6;--ink-dim:#9a9682;--danger:#e2553f;--hud-bar:calc(var(--u) * 168);--hud-font:"Saira Semi Condensed", system-ui, sans-serif}#hud{pointer-events:none;font-family:var(--hud-font);color:var(--ink);font-size:calc(var(--u) * 14);-webkit-user-select:none;user-select:none;z-index:50;line-height:1.3;position:absolute;inset:0}#hud .panel{pointer-events:auto;background:linear-gradient(180deg, var(--steel-hi), var(--steel) 18%, var(--steel-lo));border:calc(var(--u) * 1) solid var(--rim);box-shadow:inset 0 calc(var(--u) * 1) 0 #ffffff12, 0 calc(var(--u) * 2) calc(var(--u) * 10) #00000073}#hud .display{background:var(--display);border:calc(var(--u) * 1) solid #050604;box-shadow:inset 0 calc(var(--u) * 2) calc(var(--u) * 6) #000c}.hud-top{top:calc(var(--u) * 8);left:calc(var(--u) * 8);right:calc(var(--u) * 8);align-items:flex-start;gap:calc(var(--u) * 10);display:flex;position:absolute}.hud-general{font:600 calc(var(--u) * 14) var(--hud-font);color:var(--ink);padding:calc(var(--u) * 6) calc(var(--u) * 12);align-items:center;gap:calc(var(--u) * 6);cursor:pointer;display:flex}.hud-general:disabled{cursor:default;color:var(--ink-dim)}.hud-general .star{color:var(--amber);font-size:1.15em}.hud-general[data-points="0"] .star{color:var(--ink-dim)}.hud-general:not([data-points="0"]){animation:1.4s ease-in-out infinite general-pulse}@keyframes general-pulse{50%{box-shadow:0 0 calc(var(--u) * 10) var(--amber)}}@media (prefers-reduced-motion:reduce){.hud-general:not([data-points="0"]){outline:calc(var(--u) * 2) solid var(--amber);animation:none}}#generals .gen-head{justify-content:space-between;gap:calc(var(--u) * 16);margin-bottom:calc(var(--u) * 12);display:flex}#generals .gen-xp{max-width:calc(var(--u) * 260);height:calc(var(--u) * 8);background:#14120e;flex:1;align-self:center}#generals .gen-xp span{background:var(--amber);height:100%;display:block}#generals .gen-ranks{grid-template-columns:repeat(3, minmax(calc(var(--u) * 170), 1fr));gap:calc(var(--u) * 12);display:grid}#generals .gen-col h3{margin:0 0 calc(var(--u) * 6);font-size:calc(var(--u) * 13);color:var(--ink-dim);font-weight:600}#generals .gen-power{text-align:left;width:100%;margin-bottom:calc(var(--u) * 6);padding:calc(var(--u) * 6) calc(var(--u) * 8);font:600 calc(var(--u) * 13) var(--hud-font);color:var(--ink);border:calc(var(--u) * 1) solid var(--rim);cursor:pointer;background:#23251e;display:block}#generals .gen-power small{color:var(--ink-dim);font-weight:400;font-size:calc(var(--u) * 11);display:block}#generals .gen-power[data-state=owned]{border-color:var(--amber);color:#fff3dc}#generals .gen-power[data-state=locked]{opacity:.55;cursor:default}#generals .gen-power[data-state=ready]{border-color:#7bd65a}.hud-timers{gap:calc(var(--u) * 4);left:50%;top:calc(var(--u) * 8);min-width:calc(var(--u) * 220);flex-direction:column;display:flex;position:absolute;transform:translate(-50%)}.hud-resources{align-items:stretch;gap:calc(var(--u) * 8);padding:calc(var(--u) * 5);margin-left:auto;display:flex}.hud-credits{min-width:calc(var(--u) * 132);padding:calc(var(--u) * 2) calc(var(--u) * 10);font:700 calc(var(--u) * 22) / 1.2 var(--hud-font);font-variant-numeric:tabular-nums;color:var(--amber);text-align:right;text-shadow:0 0 calc(var(--u) * 6) #f2a93b73}.hud-power{grid-template-columns:auto calc(var(--u) * 90);align-items:center;column-gap:calc(var(--u) * 8);padding:calc(var(--u) * 2) calc(var(--u) * 10);font-variant-numeric:tabular-nums;display:grid}.hud-power .value{color:var(--amber);font-weight:600}.hud-power[data-low=true] .value{color:var(--danger)}.hud-power .gauge{height:calc(var(--u) * 8);border:calc(var(--u) * 1) solid #050604;background:#23251e;position:relative;overflow:hidden}.hud-power .gauge>span{position:absolute;top:0;bottom:0}.hud-power .gauge .used{background:var(--amber);left:0}.hud-power .gauge .short{background:var(--danger)}.hud-bar{height:var(--hud-bar);gap:calc(var(--u) * 8);padding:calc(var(--u) * 8);box-sizing:border-box;border-bottom:none;border-left:none;border-right:none;display:flex;position:absolute;bottom:0;left:0;right:0}.hud-radar{aspect-ratio:1;flex:none;height:100%;position:relative}.hud-radar canvas{width:100%;height:100%;display:block}.hud-radar .offline{color:var(--amber-dim);place-items:center;font-weight:600;display:grid;position:absolute;inset:0}.hud-radar[data-online=true] .offline{display:none}.hud-commands{grid-template-columns:repeat(7, calc(var(--u) * 62));grid-template-rows:repeat(2, calc(var(--u) * 62));gap:calc(var(--u) * 6);padding:0 calc(var(--u) * 4);flex:none;align-content:center;display:grid}.keycap{border-radius:calc(var(--u) * 5);border:calc(var(--u) * 1) solid #1d1e18;border-bottom-width:calc(var(--u) * 4);box-shadow:inset 0 calc(var(--u) * 1) 0 #ffffff1f;color:var(--ink);font:600 calc(var(--u) * 12) / 1.15 var(--hud-font);text-align:center;padding:calc(var(--u) * 4);cursor:pointer;background:linear-gradient(#4d4f41,#3b3d32);place-items:center;display:grid;position:relative;overflow:hidden}.keycap .key{top:calc(var(--u) * 3);left:calc(var(--u) * 5);font-size:calc(var(--u) * 11);color:var(--ink-dim);position:absolute}.keycap[data-empty=true]{cursor:default;background:linear-gradient(#34362c,#2d2f27)}.keycap[data-empty=true] .key{opacity:.35}.keycap[data-state=ready]{box-shadow:inset 0 calc(var(--u) * 1) 0 #ffffff1f, inset 0 0 calc(var(--u) * 14) #f2a93b47}.keycap[data-state=ready]:hover{background:linear-gradient(#57594a,#45473a)}.keycap[data-state=ready]:active{border-bottom-width:calc(var(--u) * 2);transform:translateY(calc(var(--u) * 2))}.keycap[data-state=blocked]{color:var(--ink-dim);cursor:not-allowed}.keycap[data-state=active]{color:#fff3dc;background:linear-gradient(#6b5a33,#4f4226)}.keycap:focus-visible{outline:calc(var(--u) * 2) solid var(--amber);outline-offset:calc(var(--u) * 1)}.hud-selection{min-width:0;padding:calc(var(--u) * 10) calc(var(--u) * 14);flex:1;overflow:hidden}.hud-selection .empty{color:var(--ink-dim)}@media (prefers-reduced-motion:reduce){.keycap[data-state=ready]:active{transform:none}}.keycap .label{padding-top:calc(var(--u) * 8);-webkit-hyphens:auto;hyphens:auto;display:block}.keycap .label .name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.keycap .label .name[data-long]{font-size:calc(var(--u) * 10.5);letter-spacing:-.01em}.keycap .label small{margin-top:calc(var(--u) * 2);font-size:calc(var(--u) * 11);color:var(--amber);font-variant-numeric:tabular-nums;font-weight:600;display:block}.keycap[data-state=blocked] .label small{color:var(--amber-dim)}.hud-tooltip{left:calc(var(--hud-bar) + var(--u) * 16);bottom:calc(var(--hud-bar) + var(--u) * 8);max-width:calc(var(--u) * 320);padding:calc(var(--u) * 8) calc(var(--u) * 12);gap:calc(var(--u) * 2);flex-direction:column;display:flex;position:absolute}.hud-tooltip[hidden]{display:none}.hud-tooltip .head{justify-content:space-between;align-items:baseline;gap:calc(var(--u) * 12);display:flex}.hud-tooltip strong{color:#fff3dc;font-weight:700}.hud-tooltip .hotkey{padding:0 calc(var(--u) * 5);border:calc(var(--u) * 1) solid var(--rim);border-radius:calc(var(--u) * 3);color:var(--ink-dim)}.hud-tooltip .blocked{color:var(--danger)}.sel-single{gap:calc(var(--u) * 6);border-left:calc(var(--u) * 3) solid var(--team);padding-left:calc(var(--u) * 10);flex-direction:column;display:flex}.sel-head{align-items:baseline;gap:calc(var(--u) * 10);display:flex}.sel-name{font-size:calc(var(--u) * 18);color:#fff3dc;font-weight:700}.sel-owner{color:var(--ink-dim)}.sel-hp{align-items:center;gap:calc(var(--u) * 10);font-variant-numeric:tabular-nums;display:flex}.sel-hp .bar{flex:0 0 calc(var(--u) * 180);height:calc(var(--u) * 8);border:calc(var(--u) * 1) solid #050604;background:#23251e}.sel-hp .bar>span{background:var(--amber);height:100%;display:block}.sel-hp .bar>span[data-low=true]{background:var(--danger)}.sel-hp .num{color:var(--amber);font-weight:600}.sel-rows{gap:calc(var(--u) * 2) calc(var(--u) * 12);grid-template-columns:auto 1fr;margin:0;display:grid}.sel-rows dt{color:var(--ink-dim)}.sel-rows dd{margin:0}.sel-group{gap:calc(var(--u) * 6);flex-wrap:wrap;display:flex}.sel-tile{width:calc(var(--u) * 54);height:calc(var(--u) * 54);border:calc(var(--u) * 1) solid var(--rim);border-top:calc(var(--u) * 3) solid var(--team);color:var(--ink);font:700 calc(var(--u) * 16) var(--hud-font);cursor:pointer;background:linear-gradient(#3d3f34,#2e3028);padding:0;position:relative}.sel-tile:hover{background:linear-gradient(#4a4c3f,#383a30)}.sel-tile .count{right:calc(var(--u) * 4);bottom:calc(var(--u) * 6);font-size:calc(var(--u) * 12);color:var(--amber);position:absolute}.sel-tile .tile-hp{left:calc(var(--u) * 3);right:calc(var(--u) * 3);bottom:calc(var(--u) * 2);height:calc(var(--u) * 3);background:#23251e;position:absolute}.sel-tile .tile-hp>span{background:var(--amber);height:100%;display:block}.hud-selection:has(.sel-queue){justify-content:space-between;gap:calc(var(--u) * 16);display:flex}.sel-queue{align-content:flex-start;gap:calc(var(--u) * 4);max-width:calc(var(--u) * 300);flex-wrap:wrap;display:flex}.sel-tile.queued{width:calc(var(--u) * 44);height:calc(var(--u) * 44);border-top-color:var(--amber-dim);font-size:calc(var(--u) * 13)}.sel-tile.queued:hover{border-color:var(--danger)}.sel-tile .tile-hp.progress>span{background:#7db8e8}.hud-messages{left:50%;bottom:calc(var(--hud-bar) + var(--u) * 14);align-items:center;gap:calc(var(--u) * 3);pointer-events:none;flex-direction:column;display:flex;position:absolute;transform:translate(-50%)}.hud-message{font:600 calc(var(--u) * 17) var(--hud-font);color:#fff3dc;text-shadow:0 0 calc(var(--u) * 3) #000, 0 calc(var(--u) * 1) calc(var(--u) * 2) #000}.hud-message[data-kind=baseAttacked],.hud-message[data-kind=unitsAttacked],.hud-message[data-kind=lowPower],.hud-message[data-kind=unitLost],.hud-message[data-kind=buildingLost]{color:#ffb4a6}.hud-message[data-kind=noMoney]{color:var(--amber)}.hud-dialog{width:min(calc(var(--u) * 560), calc(100vw - 32px));z-index:70;flex-direction:column;max-height:78vh;display:flex;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.hud-dialog[hidden]{display:none}.dialog-head{padding:calc(var(--u) * 10) calc(var(--u) * 16);border-bottom:calc(var(--u) * 1) solid var(--rim);justify-content:space-between;align-items:center;display:flex}.dialog-head h2{font-size:calc(var(--u) * 20);color:#fff3dc;margin:0;font-weight:700}.dialog-close{color:var(--ink-dim);font-size:calc(var(--u) * 24);cursor:pointer;background:0 0;border:none;line-height:1}.dialog-close:hover{color:#fff3dc}.dialog-body{padding:calc(var(--u) * 12) calc(var(--u) * 16) calc(var(--u) * 16);overflow:auto}.dialog-body h3{margin:calc(var(--u) * 12) 0 calc(var(--u) * 6);font-size:calc(var(--u) * 15);color:var(--amber);font-weight:600}.dialog-body h3:first-child{margin-top:0}.keys{gap:calc(var(--u) * 4) calc(var(--u) * 14);grid-template-columns:auto 1fr;margin:0;display:grid}.keys dd{margin:0}kbd{font:600 calc(var(--u) * 13) var(--hud-font);padding:0 calc(var(--u) * 5);border:calc(var(--u) * 1) solid var(--rim);border-bottom-width:calc(var(--u) * 2);border-radius:calc(var(--u) * 3);white-space:nowrap;background:#2a2c24}.options{gap:calc(var(--u) * 10);flex-direction:column;display:flex}.opt-toggle{align-items:center;gap:calc(var(--u) * 10);cursor:pointer;display:flex}.opt-range{grid-template-columns:1fr calc(var(--u) * 200);align-items:center;gap:calc(var(--u) * 12);display:grid}.options input{accent-color:var(--amber)}.options input:focus-visible{outline:calc(var(--u) * 2) solid var(--amber);outline-offset:calc(var(--u) * 2)}.menu{gap:calc(var(--u) * 8);flex-direction:column;display:flex}.menu button,.menu-confirm button{font:600 calc(var(--u) * 16) var(--hud-font);color:var(--ink);border:calc(var(--u) * 1) solid #1d1e18;border-bottom-width:calc(var(--u) * 3);border-radius:calc(var(--u) * 4);padding:calc(var(--u) * 8) calc(var(--u) * 14);cursor:pointer;background:linear-gradient(#4d4f41,#3b3d32)}.menu button:hover,.menu-confirm button:hover{background:linear-gradient(#57594a,#45473a)}.menu button:focus-visible,.menu-confirm button:focus-visible{outline:calc(var(--u) * 2) solid var(--amber)}.menu-speed{align-items:center;gap:calc(var(--u) * 6);display:flex}.menu-speed span{color:var(--ink-dim);flex:1}.menu-speed button{padding:calc(var(--u) * 4) calc(var(--u) * 10)}.menu-speed button[aria-pressed=true]{color:#fff3dc;background:linear-gradient(#6b5a33,#4f4226)}.menu-confirm{margin:calc(var(--u) * 14) 0 0;align-items:center;gap:calc(var(--u) * 8);color:#ffb4a6;flex-wrap:wrap;display:flex}.menu-confirm[hidden]{display:none}.hud-powers{left:calc(var(--u) * 8);top:calc(var(--u) * 56);gap:calc(var(--u) * 6);pointer-events:auto;flex-direction:column;display:flex;position:absolute}.hud-powers button{width:calc(var(--u) * 132);text-align:left;padding:calc(var(--u) * 6) calc(var(--u) * 8);font:600 calc(var(--u) * 12) var(--hud-font);color:var(--ink);cursor:pointer}.hud-powers button small{font-weight:400;font-size:calc(var(--u) * 11);color:var(--amber);display:block}.hud-powers button[data-state=cooling]{opacity:.6;cursor:default}.hud-powers button[data-state=cooling] small{color:var(--ink-dim)}.hud-powers button[data-state=active]{outline:calc(var(--u) * 2) solid var(--amber)}.sw-timer{gap:calc(var(--u) * 8);padding:calc(var(--u) * 3) calc(var(--u) * 10);border-left:calc(var(--u) * 4) solid;font:600 calc(var(--u) * 12) var(--hud-font);color:var(--ink);align-items:baseline;display:flex}.sw-timer .who{color:var(--ink-dim);font-weight:400}.sw-timer .time{color:var(--amber);font-variant-numeric:tabular-nums;margin-left:auto}.sw-timer[data-state=ready] .time{color:#ff6b5a}.sw-timer[data-state=paused] .time{color:var(--ink-dim)}.end-screen{width:min(calc(var(--u) * 720), calc(100vw - 32px));z-index:80}.end-screen[data-result=victory] .dialog-head h2{color:var(--amber)}.end-screen[data-result=defeat] .dialog-head h2{color:var(--danger)}.end-time{color:var(--ink-dim)}.end-reason{margin:0 0 calc(var(--u) * 12);font-size:calc(var(--u) * 16)}.end-stats{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.end-stats th{text-align:right;color:var(--amber);padding:calc(var(--u) * 4) calc(var(--u) * 6);vertical-align:bottom;font-weight:600}.end-stats th:first-child,.end-stats td:first-child{text-align:left}.end-stats th small{color:var(--ink-dim);font-weight:400}.end-stats td{text-align:right;padding:calc(var(--u) * 5) calc(var(--u) * 6);border-top:calc(var(--u) * 1) solid #5d5a4899}.end-stats td small{color:var(--ink-dim)}.end-swatch{width:calc(var(--u) * 10);height:calc(var(--u) * 10);margin-right:calc(var(--u) * 8);vertical-align:0;display:inline-block}.end-chart-head{align-items:center;gap:calc(var(--u) * 8);margin:calc(var(--u) * 14) 0 calc(var(--u) * 6);color:var(--amber);font-weight:600;display:flex}.end-chart-head button,.end-actions button{font:inherit;color:var(--ink);background:var(--steel-lo);border:calc(var(--u) * 1) solid var(--rim);padding:calc(var(--u) * 5) calc(var(--u) * 12);cursor:pointer}.end-chart-head button[aria-pressed=true]{color:var(--amber);border-color:var(--amber-dim)}.end-chart{background:var(--display);border:calc(var(--u) * 1) solid #050604;width:100%;height:auto;display:block}.end-status{min-height:1.2em;margin:calc(var(--u) * 8) 0 0;color:var(--ink-dim)}.end-actions{justify-content:flex-end;gap:calc(var(--u) * 10);margin-top:calc(var(--u) * 16);display:flex}.end-actions .primary{background:var(--amber);color:#1d1a10;border-color:#c0832a;font-weight:600}.replay-bar{pointer-events:auto;top:calc(var(--u) * 54);align-items:center;gap:calc(var(--u) * 6);padding:calc(var(--u) * 6) calc(var(--u) * 10);z-index:55;display:flex;position:absolute;left:50%;transform:translate(-50%)}.replay-label{color:var(--amber);margin-right:calc(var(--u) * 4);font-weight:600}.replay-time{padding:calc(var(--u) * 3) calc(var(--u) * 8);font-variant-numeric:tabular-nums;color:var(--amber)}.replay-bar button{font:inherit;color:var(--ink);background:var(--steel-lo);border:calc(var(--u) * 1) solid var(--rim);padding:calc(var(--u) * 3) calc(var(--u) * 8);cursor:pointer}.replay-bar button[aria-pressed=true]{color:var(--amber);border-color:var(--amber-dim)}.replay-view{align-items:center;gap:calc(var(--u) * 6);margin-left:calc(var(--u) * 6);color:var(--ink-dim);display:inline-flex}.replay-view select{font:inherit;color:var(--ink);background:var(--display);border:calc(var(--u) * 1) solid #050604;padding:calc(var(--u) * 3) calc(var(--u) * 6)}.hud-net{top:calc(var(--u) * 64);max-width:min(calc(var(--u) * 640), 80vw);padding:calc(var(--u) * 8) calc(var(--u) * 16);border:calc(var(--u) * 1) solid var(--amber-dim);color:#f3ecd2;text-align:center;pointer-events:none;background:#0e100be6;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.hud-net[hidden]{display:none}.hud-net[data-kind=warn]{border-color:var(--amber);color:var(--amber)}.hud-net[data-kind=error]{color:#ffd9cf;background:#3c0e0aeb;border-color:#c2412f}.chat{gap:calc(var(--u,1px) * 6);font-size:calc(var(--u,1px) * 14);flex-direction:column;display:flex}.chat-log{gap:calc(var(--u,1px) * 2);overflow-wrap:anywhere;flex-direction:column;display:flex;overflow-y:auto}.chat-line[hidden]{display:none}.chat-name{color:#fff3dc;font-weight:700}.chat-line[data-team=true] .chat-text{color:#b9e3a4}.chat-entry{gap:calc(var(--u,1px) * 6);align-items:center;margin:0;display:flex}.chat-entry input{min-width:0;font:inherit;padding:calc(var(--u,1px) * 6) calc(var(--u,1px) * 8);color:#f0ead2;border:calc(var(--u,1px) * 1) solid #4a4a36;background:#0d0f0a;flex:1}.chat-entry input:focus-visible{outline:calc(var(--u,1px) * 2) solid var(--amber,#f2a93b);outline-offset:0}.chat-entry select{font:inherit}.chat-lobby{margin-top:calc(var(--u,1px) * 12)}.chat-lobby .chat-log{height:calc(var(--u,1px) * 120);padding:calc(var(--u,1px) * 8);background:var(--display,#12140e);border:calc(var(--u,1px) * 1) solid #050604}.chat-game{left:calc(var(--u) * 14);bottom:calc(var(--hud-bar) + var(--u) * 14);width:min(calc(var(--u) * 460), 60vw);pointer-events:none;text-shadow:0 1px 2px #000,0 0 4px #000;position:absolute}.chat-game .chat-log{max-height:calc(var(--u) * 200)}.chat-game[data-open=true] .chat-log{padding:calc(var(--u) * 6);pointer-events:auto;background:#0a0c08b8}.chat-game .chat-entry{pointer-events:auto;display:none}.chat-game[data-open=true] .chat-entry{display:flex}.chat-target{color:var(--amber);font-weight:700}.chat-game[data-team=true] .chat-target{color:#b9e3a4}#main-menu{z-index:45;font-family:var(--hud-font);color:var(--ink);font-size:calc(var(--u) * 15);-webkit-user-select:none;user-select:none;position:absolute;inset:0}#main-menu[hidden]{display:none}.mm-shade{background:linear-gradient(90deg,#0c0e0aeb 0%,#0c0e0ac7 32%,#0c0e0a26 62%,#0c0e0a00 80%),linear-gradient(#0c0e0a00 70%,#0c0e0a99 100%);position:absolute;inset:0}.mm-column{width:min(calc(var(--u) * 460), calc(100vw - 32px));gap:clamp(12px, 4vh, calc(var(--u) * 40));flex-direction:column;display:flex;position:absolute;top:clamp(16px,11vh,140px);bottom:16px;left:max(16px,7vw)}.mm-logo{margin:0;line-height:1}.mm-word{font-weight:700;font-size:calc(var(--u) * 76);letter-spacing:.06em;color:#efe8cf;text-shadow:0 calc(var(--u) * 2) 0 #0000008c;display:block}.mm-scale{width:100%;height:calc(var(--u) * 22);margin-top:calc(var(--u) * 6);stroke:var(--amber-dim);stroke-width:1.5px;vector-effect:non-scaling-stroke;display:block}.mm-scale line{vector-effect:non-scaling-stroke}.mm-zero{fill:var(--amber);stroke:none}.mm-screen[hidden]{display:none}nav.mm-screen{gap:calc(var(--u) * 10);flex-direction:column;display:flex}.mm-item{align-items:flex-start;gap:calc(var(--u) * 2);padding:calc(var(--u) * 12) calc(var(--u) * 18);font:inherit;font-size:calc(var(--u) * 26);color:#efe8cf;text-align:left;cursor:pointer;background:linear-gradient(180deg, var(--steel-hi), var(--steel) 22%, var(--steel-lo));border:calc(var(--u) * 1) solid var(--rim);border-left:calc(var(--u) * 4) solid var(--rim);box-shadow:inset 0 calc(var(--u) * 1) 0 #ffffff12, 0 calc(var(--u) * 2) calc(var(--u) * 10) #00000073;flex-direction:column;font-weight:600;display:flex}.mm-item small{font-size:calc(var(--u) * 14);color:var(--ink-dim);font-weight:400}.mm-item:hover,.mm-item:focus-visible{border-left-color:var(--amber);color:#fff3dc}.mm-item:focus-visible,.mm-panel button:focus-visible,.mm-panel input:focus-visible+span{outline:calc(var(--u) * 2) solid var(--amber);outline-offset:calc(var(--u) * 2)}.mm-panel{padding:calc(var(--u) * 18) calc(var(--u) * 20);background:linear-gradient(180deg, var(--steel-hi), var(--steel) 12%, var(--steel-lo));border:calc(var(--u) * 1) solid var(--rim);box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 14) #00000080;min-height:0;overflow:auto}.mm-panel h2{margin:0 0 calc(var(--u) * 14);font-size:calc(var(--u) * 24);color:#fff3dc;font-weight:700}.mm-panel fieldset{margin:0 0 calc(var(--u) * 16);gap:calc(var(--u) * 6);border:none;flex-wrap:wrap;padding:0;display:flex}.mm-panel legend{margin-bottom:calc(var(--u) * 8);color:var(--amber);padding:0;font-weight:600}.mm-choice input,.mm-toggle input{opacity:0;pointer-events:none;position:absolute}.mm-choice span{padding:calc(var(--u) * 7) calc(var(--u) * 14);background:var(--display);border:calc(var(--u) * 1) solid #050604;color:var(--ink-dim);cursor:pointer;display:inline-block}.mm-choice input:checked+span{color:var(--amber);border-color:var(--amber-dim);box-shadow:inset 0 0 calc(var(--u) * 10) #f2a93b26}.mm-hint{margin:calc(var(--u) * 4) 0 0;color:var(--ink-dim);font-size:calc(var(--u) * 13);flex-basis:100%}.mm-toggle{align-items:center;gap:calc(var(--u) * 10);cursor:pointer;display:inline-flex}.mm-toggle span:before{content:"";width:calc(var(--u) * 14);height:calc(var(--u) * 14);margin-right:calc(var(--u) * 10);vertical-align:-.1em;background:var(--display);border:calc(var(--u) * 1) solid var(--rim);display:inline-block}.mm-toggle input:checked+span:before{background:var(--amber);box-shadow:inset 0 0 0 calc(var(--u) * 3) var(--display)}.mm-actions{justify-content:space-between;gap:calc(var(--u) * 10);margin-top:calc(var(--u) * 18);display:flex}.mm-actions button{font:inherit;padding:calc(var(--u) * 9) calc(var(--u) * 18);cursor:pointer;border:calc(var(--u) * 1) solid var(--rim);background:var(--steel-lo);color:var(--ink);font-weight:600}.mm-actions .mm-start{background:var(--amber);color:#1d1a10;border-color:#c0832a}.mm-actions .mm-start:hover{background:#ffbd55}.mm-actions .mm-back:hover{color:#fff3dc}.mm-credits{margin:0}.mm-credits dt{margin-top:calc(var(--u) * 12);color:var(--amber);font-weight:600}.mm-credits dt:first-child{margin-top:0}.mm-credits dd{margin:calc(var(--u) * 2) 0 0}#hud.menu-mode>:not(.hud-dialog){display:none}@media (width<=640px){.mm-word{font-size:calc(var(--u) * 52)}.mm-shade{background:#0c0e0acc}}.mm-column:has(.mm-wide:not([hidden])){width:min(calc(var(--u) * 860), calc(100vw - 32px))}.mm-panel h3.sk-head{margin:calc(var(--u) * 16) 0 calc(var(--u) * 8);font-size:calc(var(--u) * 15);color:var(--amber);font-weight:600}.sk-top{gap:calc(var(--u) * 24);flex-wrap:wrap;display:flex}.sk-map{gap:calc(var(--u) * 8);flex-direction:column;display:flex}.sk-rules{gap:calc(var(--u) * 14);min-width:calc(var(--u) * 200);flex-direction:column;flex:1;display:flex}.sk-preview{width:calc(var(--u) * 220);height:calc(var(--u) * 220);border:calc(var(--u) * 1) solid #050604;box-shadow:inset 0 0 calc(var(--u) * 8) #000c;image-rendering:pixelated}.sk-field{gap:calc(var(--u) * 4);flex-direction:column;display:flex}.sk-field>span{color:var(--ink-dim);font-size:calc(var(--u) * 13)}.mm-panel select,.mm-panel input:not([type=checkbox]):not([type=radio]){font:inherit;font-size:calc(var(--u) * 14);color:var(--ink);background:var(--display);border:calc(var(--u) * 1) solid #050604;padding:calc(var(--u) * 6) calc(var(--u) * 8);min-width:0}.mm-panel select:focus-visible,.mm-panel input:focus-visible{outline:calc(var(--u) * 2) solid var(--amber);outline-offset:0}.mm-panel select:disabled{opacity:.35}.sk-slots{gap:calc(var(--u) * 6);flex-direction:column;display:flex}.sk-slot{grid-template-columns:calc(var(--u) * 10) minmax(0, 1.3fr) minmax(0, 1.1fr) minmax(0, .8fr) minmax(0, .9fr) minmax(0, .9fr);gap:calc(var(--u) * 6);align-items:center;display:grid}.sk-swatch{border:calc(var(--u) * 1) solid #00000080;align-self:stretch}.sk-slot[data-closed=true] .sk-swatch{border-style:dashed;border-color:var(--rim)}.sk-problems{min-height:1.3em;margin:calc(var(--u) * 10) 0 0;color:var(--danger);font-size:calc(var(--u) * 13)}.mm-actions .mm-start:disabled{background:var(--steel-lo);border-color:var(--rim);color:var(--ink-dim);cursor:not-allowed}@media (width<=760px){.sk-slot{grid-template-columns:calc(var(--u) * 10) 1fr 1fr}}.sk-pair{gap:calc(var(--u) * 10);display:flex}.sk-pair .sk-field{flex:1}.sk-reroll{font:inherit;color:var(--ink);background:var(--steel-lo);border:calc(var(--u) * 1) solid var(--rim);padding:calc(var(--u) * 6) calc(var(--u) * 12);cursor:pointer;align-self:flex-start}.sk-reroll:hover{color:#fff3dc;border-color:var(--amber-dim)}.mm-saves{gap:calc(var(--u) * 6);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mm-save{align-items:center;gap:calc(var(--u) * 8);padding:calc(var(--u) * 8) calc(var(--u) * 10);background:var(--display);border:calc(var(--u) * 1) solid #050604;display:flex}.mm-save span{flex-direction:column;flex:1;min-width:0;display:flex}.mm-save strong{color:#efe8cf;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.mm-save small{color:var(--ink-dim)}.mm-save button{font:inherit;color:var(--ink);background:var(--steel-lo);border:calc(var(--u) * 1) solid var(--rim);padding:calc(var(--u) * 5) calc(var(--u) * 10);cursor:pointer}.mm-save button[data-action=load]{background:var(--amber);color:#1d1a10;border-color:#c0832a;font-weight:600}.lb-enter{gap:calc(var(--u) * 16);flex-direction:column;display:flex}.lb-enter>.sk-field{max-width:calc(var(--u) * 320)}.lb-choice{gap:calc(var(--u) * 24);flex-wrap:wrap;display:flex}.lb-choice section{min-width:calc(var(--u) * 240);gap:calc(var(--u) * 10);padding:calc(var(--u) * 14);background:var(--display);border:calc(var(--u) * 1) solid #050604;flex-direction:column;flex:1;display:flex}.lb-choice h3.sk-head,.lb-choice .mm-hint{margin:0}.lb-button{font:inherit;padding:calc(var(--u) * 9) calc(var(--u) * 18);cursor:pointer;background:var(--amber);border:calc(var(--u) * 1) solid #c0832a;color:#1d1a10;align-self:flex-start;font-weight:600}.lb-button:hover{background:#ffbd55}.mm-panel input.lb-code-input{width:calc(var(--u) * 120);text-transform:uppercase;letter-spacing:.3em;font-weight:700}.lb-code{align-items:baseline;gap:calc(var(--u) * 12);margin-bottom:calc(var(--u) * 16);flex-wrap:wrap;display:flex}.lb-code>span{color:var(--ink-dim)}.lb-code strong{font-size:calc(var(--u) * 30);letter-spacing:.3em;color:var(--amber)}.lb-code .mm-hint{overflow-wrap:anywhere;flex-basis:auto;margin:0}.lb-player{align-items:center;gap:calc(var(--u) * 8);color:#fff3dc;white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:flex;overflow:hidden}.lb-player small{color:var(--ink-dim);font-weight:400}.lb-player small.lb-ready{color:var(--amber)}.sk-slot[data-mine=true]{outline:calc(var(--u) * 1) solid var(--amber-dim)}.lb-ready-toggle{font-weight:600}