@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(./cinzel-latin-600-normal-Dd5YO2UX.woff2)format("woff2"),url(./cinzel-latin-600-normal-CH_LB4su.woff)format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(./cinzel-latin-ext-600-normal-BEFdM_VE.woff2)format("woff2"),url(./cinzel-latin-ext-600-normal-BY9Mq9iK.woff)format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(./cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2"),url(./cinzel-latin-700-normal-C-gK7hA8.woff)format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(./cinzel-latin-ext-700-normal-C24KFjuG.woff2)format("woff2"),url(./cinzel-latin-ext-700-normal-CORa-yIv.woff)format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:400;src:url(./source-sans-3-latin-400-normal-DQi5PRDE.woff2)format("woff2"),url(./source-sans-3-latin-400-normal-AFMiCETP.woff)format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:400;src:url(./source-sans-3-latin-ext-400-normal-UNsKFIBq.woff2)format("woff2"),url(./source-sans-3-latin-ext-400-normal-BGPHfnm_.woff)format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:600;src:url(./source-sans-3-latin-600-normal-DeckBYAU.woff2)format("woff2"),url(./source-sans-3-latin-600-normal-BvDVuF-j.woff)format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:600;src:url(./source-sans-3-latin-ext-600-normal-AEyhgUpm.woff2)format("woff2"),url(./source-sans-3-latin-ext-600-normal-Wy7HIzqC.woff)format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:700;src:url(./source-sans-3-latin-700-normal-CkzU-mV9.woff2)format("woff2"),url(./source-sans-3-latin-700-normal-BBbVrHF_.woff)format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:700;src:url(./source-sans-3-latin-ext-700-normal-6Xi0A2be.woff2)format("woff2"),url(./source-sans-3-latin-ext-700-normal-ChH_v7nA.woff)format("woff")}:root{--gold:#d9a441;--gold-hi:#f3cf7a;--gold-dim:#8a6a2c;--panel:#120e0bdb;--panel-2:#201913eb;--line:#d9a4418c;--text:#efe6d6;--muted:#b5a68e;--red:#c0392b;--red-hi:#e2553f;--green:#5fbf4a;--blue:#6aa6d8;--serif:"Cinzel", "Times New Roman", serif;--sans:"Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--text);font-family:var(--sans);touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:#120e0a;margin:0;overflow:hidden}#app{position:fixed;inset:0}#gl{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#ui{pointer-events:none;font-size:14px;position:absolute;inset:0}#ui>*{pointer-events:none}#ui .pe,#ui button,#ui input,#ui select,#ui .panel,#ui .sheet{pointer-events:auto}.ico{vertical-align:-.25em;flex:none;width:1.25em;height:1.25em;display:inline-block}button{font:inherit;color:inherit;cursor:pointer}.hidden{display:none!important}.panel,.sheet{border:1px solid var(--line);background:linear-gradient(#281f16f0,#100c09f2);border-radius:6px;box-shadow:0 0 0 1px #000000b3,0 10px 40px #0000008c,inset 0 1px #ffdc9614}h1,h2,h3,.serif{font-family:var(--serif);letter-spacing:.06em;color:var(--gold-hi);margin:0}h2{text-shadow:0 1px #000;font-size:17px}h3{color:var(--gold);margin:14px 0 6px;font-size:13px}.btn{border:1px solid var(--gold-dim);min-height:38px;color:var(--text);letter-spacing:.02em;background:linear-gradient(#4a3a28,#2a2016);border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:transform 80ms,filter .15s;display:inline-flex;box-shadow:inset 0 1px #ffdca026,0 2px 6px #0006}.btn:hover{filter:brightness(1.15)}.btn:active{transform:translateY(1px)}.btn.primary{border-color:var(--gold-hi);color:#1a1208;text-shadow:0 1px #ffe6aa66;background:linear-gradient(#b8862e,#7a5418)}.btn.danger{background:linear-gradient(#8e2a20,#561610);border-color:#e2553f}.btn.ad{background:linear-gradient(#2e5a7a,#18344a);border-color:#6aa6d8}.btn.ad:before{content:"▶";opacity:.85;font-size:10px}.btn.small{min-height:30px;padding:4px 10px;font-size:12px}.btn[disabled]{opacity:.45;filter:grayscale(.6);cursor:default}.cost{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:12px;display:inline-flex}.cost span{align-items:center;gap:2px;display:inline-flex}.cost .lack{color:#ff7a6a}.muted{color:var(--muted)}.row{align-items:center;gap:8px;display:flex}.grow{flex:1}.bar{background:#0000008c;border:1px solid #ffffff14;border-radius:4px;height:7px;overflow:hidden}.bar>i{background:linear-gradient(90deg,#3e9a32,#78d058);border-radius:4px;height:100%;display:block}.bar.red>i{background:linear-gradient(90deg,#9a2a20,#e2553f)}.bar.gold>i{background:linear-gradient(90deg,#8a6420,#f0c060)}.screen{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;pointer-events:auto!important}.screen.dim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#06040299}#s-loading{background:radial-gradient(at 50% 40%,#2a1e14,#0a0705);flex-direction:column;gap:18px}.logo{text-align:center}.logo .crown{color:var(--gold-hi);filter:drop-shadow(0 2px 6px #0009);width:54px;height:40px}.logo h1{background:linear-gradient(#fff3cc 0%,#e8c070 45%,#9a6a24 100%);color:#0000;filter:drop-shadow(0 3px 2px #000000e6);letter-spacing:.04em;-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,6.4vw,72px);font-weight:700;line-height:1}.logo .sub{font-family:var(--serif);color:var(--gold);letter-spacing:.12em;text-shadow:0 2px 2px #000;margin-top:4px;font-size:clamp(16px,2.6vw,30px)}.logo .tag{font-family:var(--serif);color:#e9dcc4;letter-spacing:.3em;text-shadow:0 2px 3px #000;margin-top:10px;font-size:clamp(11px,1.3vw,15px)}.load-bar{border:1px solid var(--gold-dim);background:#000;border-radius:3px;width:min(320px,70vw);height:6px;overflow:hidden}.load-bar i{background:linear-gradient(90deg,#8a6420,#f0c060);width:0;height:100%;transition:width .2s;display:block}#s-menu{padding:calc(28px + var(--safe-t)) calc(36px + var(--safe-r)) calc(28px + var(--safe-b)) calc(36px + var(--safe-l));background:linear-gradient(90deg,#080503bf 0%,#08050340 45%,#08050300 60%,#0805038c 100%);justify-content:space-between;align-items:stretch}.menu-left{flex-direction:column;justify-content:center;gap:22px;max-width:520px;display:flex}.menu-left .logo{text-align:left}.menu-nav{flex-direction:column;gap:10px;width:min(340px,86vw);display:flex}.mbtn{text-align:left;border:1px solid var(--gold-dim);color:var(--text);background:linear-gradient(90deg,#281e14eb,#140f0abf);border-radius:5px;flex-direction:column;gap:2px;padding:11px 16px;display:flex}.mbtn b{font-family:var(--serif);letter-spacing:.08em;color:var(--gold-hi);font-size:16px}.mbtn small{color:var(--muted);font-size:12px}.mbtn.primary{border-color:var(--gold-hi);background:linear-gradient(90deg,#7a5418f2,#281c0cd9)}.mbtn:hover{filter:brightness(1.15)}.menu-right{flex-direction:column;justify-content:center;gap:14px;display:flex}.feat{font-family:var(--serif);letter-spacing:.08em;color:#eadfca;text-shadow:0 2px 2px #000;align-items:center;gap:12px;font-size:13px;display:flex}.feat .badge{border:1px solid var(--gold);width:34px;height:34px;color:var(--gold-hi);background:#0a0704b3;border-radius:50%;place-items:center;display:grid}.menu-records{color:var(--muted);font-size:12px}#hud,#bhud{position:absolute;inset:0}.topbar{top:calc(8px + var(--safe-t));scrollbar-width:none;flex-wrap:nowrap;gap:4px;max-width:calc(100vw - 16px);padding:5px 8px;display:flex;position:absolute;left:50%;overflow-x:auto;transform:translate(-50%)}.topbar::-webkit-scrollbar{display:none}.res{white-space:nowrap;background:#00000059;border:1px solid #d9a44140;border-radius:4px;align-items:center;gap:5px;padding:3px 9px;font-size:14px;font-weight:700;display:flex}.res .ico{color:var(--gold-hi)}.res small{color:var(--muted);font-size:11px;font-weight:400}.res.low b{color:#ff7a6a}.res .rate{font-size:10px;font-weight:600}.res .rate.neg{color:#ff7a6a}.res .rate.pos{color:#8fdc72}.timebox{top:calc(56px + var(--safe-t));left:calc(10px + var(--safe-l));flex-direction:column;gap:5px;min-width:150px;padding:7px 10px;display:flex;position:absolute}.timebox .day{font-family:var(--serif);color:var(--gold-hi);align-items:center;gap:6px;font-size:14px;display:flex}.timebox .season{color:var(--muted);font-size:12px}.speed{gap:3px;display:flex}.speed button{border:1px solid var(--gold-dim);background:#0006;border-radius:4px;min-width:32px;height:26px;font-size:12px;font-weight:700}.speed button.on{background:var(--gold);color:#1a1208}.dayring{background:linear-gradient(90deg,#f0c060 0 60%,#c06a30 60% 70%,#24305a 70% 95%,#f0c060 95%);border-radius:2px;height:4px;position:relative}.dayring i{background:#fff;width:2px;height:10px;position:absolute;top:-3px;box-shadow:0 0 4px #fff}.threat{top:calc(56px + var(--safe-t));text-align:center;border-color:#e2553fb3;min-width:300px;max-width:min(560px,100vw - 340px);padding:8px 14px;position:absolute;left:50%;transform:translate(-50%)}.threat .title{font-family:var(--serif);color:#ff8a6a;letter-spacing:.1em;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.threat .eta{font-family:var(--serif);color:#fff;text-shadow:0 0 10px #ff5a3c99;font-size:26px;line-height:1.1}.threat .intel{color:var(--muted);margin:3px 0 6px;font-size:12px}.threat .intel b{color:var(--text)}.threat .acts{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.threat.urgent{animation:1s infinite alternate urgent}@keyframes urgent{to{box-shadow:0 0 22px #e2553f8c,0 10px 40px #0000008c}}.winter{top:calc(152px + var(--safe-t));left:calc(10px + var(--safe-l));font-family:var(--serif);color:#bfe0ff;border-color:#8cbef099;padding:5px 10px;font-size:12px;position:absolute}.poppanel{top:calc(56px + var(--safe-t));right:calc(10px + var(--safe-r));width:252px;padding:9px 11px;position:absolute}.poppanel header{justify-content:space-between;align-items:baseline;display:flex}.poppanel header b{font-family:var(--serif);color:#fff;font-size:20px}.job{grid-template-columns:18px 1fr 46px 24px 54px;align-items:center;gap:5px;margin-top:6px;font-size:12.5px;display:grid}.job .ico{color:var(--gold)}.job .n{text-align:right;font-weight:700}.job .pm{gap:3px;display:flex}.job .pm button{border:1px solid var(--gold-dim);background:#00000073;border-radius:4px;width:25px;height:23px;padding:0;font-weight:800;line-height:1}.poptoggle{display:none}.morale-line{color:var(--muted);justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.bottombar{bottom:calc(8px + var(--safe-b));gap:4px;padding:5px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav{color:#e9dcc4;background:linear-gradient(#3a2c1e,#1c150e);border:1px solid #d9a44159;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:74px;height:60px;font-size:11.5px;display:flex;position:relative}.nav .ico{width:24px;height:24px;color:var(--gold-hi)}.nav.on{border-color:var(--gold-hi);background:linear-gradient(#6a4a1e,#2c1e0e)}.nav .dot{background:var(--red-hi);width:8px;height:8px;box-shadow:0 0 6px var(--red-hi);border-radius:50%;position:absolute;top:4px;right:6px}.tray{bottom:calc(80px + var(--safe-b));scrollbar-width:none;gap:5px;max-width:calc(100vw - 16px);padding:6px;display:flex;position:absolute;left:50%;overflow-x:auto;transform:translate(-50%)}.tile{text-align:center;color:#eadfca;background:linear-gradient(#3a2c1e,#18120c);border:1px solid #d9a44159;border-radius:5px;flex-direction:column;flex:none;align-items:center;gap:3px;width:84px;min-height:92px;padding:6px 3px;font-size:11px;display:flex}.tile .ico{width:30px;height:30px;color:var(--gold-hi)}.tile .cost{justify-content:center;gap:4px;font-size:10px}.tile.locked{opacity:.5}.toolbar{bottom:calc(80px + var(--safe-b));align-items:center;gap:10px;max-width:calc(100vw - 16px);padding:8px 12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.toolbar .hint{color:var(--muted);max-width:300px;font-size:12.5px}.sheet{top:calc(56px + var(--safe-t));bottom:calc(82px + var(--safe-b));left:calc(10px + var(--safe-l));z-index:5;flex-direction:column;width:min(400px,100vw - 20px);display:flex;position:absolute;overflow:hidden}.sheet>header{background:#00000040;border-bottom:1px solid #d9a4414d;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.sheet .x{border:1px solid var(--gold-dim);background:#0006;border-radius:4px;place-items:center;width:32px;height:32px;display:grid}.sheet .body{touch-action:pan-y;flex:1;padding:10px 12px 14px;overflow-y:auto}.card{background:#00000040;border:1px solid #d9a44138;border-radius:5px;margin-bottom:7px;padding:8px 10px}.card .row+.row{margin-top:5px}.card .name{font-weight:700}.card p{color:var(--muted);margin:4px 0;font-size:12.5px}.tag{color:var(--gold-hi);background:#d9a4412e;border-radius:3px;padding:1px 6px;font-size:11px;display:inline-block}.tag.bad{color:#ff8a6a;background:#e2553f33}.tag.good{color:#9be07a;background:#5fbf4a33}.heroes-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.hero{background:#120d09;border:1px solid #d9a44159;border-radius:5px;flex-direction:column;display:flex;overflow:hidden}.hero .portrait{width:100%;height:110px;display:block}.hero .meta{text-align:center;flex-direction:column;gap:3px;padding:6px 8px 8px;font-size:12px;display:flex}.hero .meta b{font-family:var(--serif);color:#fff;font-size:13px}.hero .meta .role{color:var(--gold);font-size:11px}.hero.locked .portrait{filter:grayscale(.9)brightness(.55)}.worldmap{aspect-ratio:1000/640;border:1px solid var(--gold-dim);border-radius:4px;width:100%;position:relative;overflow:hidden}.worldmap canvas{width:100%;height:100%;display:block}.wnode{border:1px solid var(--gold);width:30px;height:30px;color:var(--gold-hi);background:#140e08d9;border-radius:6px;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.wnode.enemy{color:#ff8a6a;border-color:#e2553f}.wnode.owned{color:#9be07a;border-color:#6ad05a}.wnode.sel{box-shadow:0 0 0 2px #fff, 0 0 14px var(--gold)}.wnode .ico{width:18px;height:18px}.wnode.home{border-color:var(--gold-hi);width:36px;height:36px}.ribbon{top:calc(70px + var(--safe-t));text-align:center;animation:4s forwards ribbon;position:absolute;left:50%;transform:translate(-50%)}.ribbon b{font-family:var(--serif);color:#fff;text-shadow:0 2px 3px #000;letter-spacing:.08em;white-space:nowrap;background:linear-gradient(90deg,#0000,#8e1c14 15%,#b8261a 50%,#8e1c14 85%,#0000);padding:6px 40px;font-size:clamp(18px,3vw,30px);display:block}.ribbon small{font-family:var(--serif);color:var(--gold-hi);text-shadow:0 2px 2px #000;margin-top:4px;font-size:15px;display:block}.ribbon.breach b{background:linear-gradient(90deg,#0000,#9a5a10 15%,#e08a20 50%,#9a5a10 85%,#0000);font-size:clamp(26px,5vw,48px)}.ribbon.elite b{background:linear-gradient(90deg,#0000,#3a1050 15%,#6a2090 50%,#3a1050 85%,#0000)}@keyframes ribbon{0%{opacity:0;transform:translate(-50%,-12px)scale(1.1)}10%{opacity:1;transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0}}.wavebox{top:calc(10px + var(--safe-t));left:calc(10px + var(--safe-l));min-width:170px;padding:7px 10px;position:absolute}.wavebox .wave{font-family:var(--serif);color:#ff9a7a;letter-spacing:.06em;font-size:14px}.ecount{justify-content:space-between;gap:14px;margin-top:4px;font-size:13px;display:flex}.ecount span{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.ecount b{color:#fff}.wallbox{color:var(--muted);flex-direction:column;gap:4px;margin-top:7px;font-size:11.5px;display:flex}.nextwave{top:calc(10px + var(--safe-t));right:calc(10px + var(--safe-r));text-align:center;min-width:120px;padding:6px 12px;position:absolute}.nextwave small{font-family:var(--serif);color:var(--muted);letter-spacing:.08em;font-size:11px}.nextwave b{font-family:var(--serif);color:#fff;font-size:24px;display:block}.nextwave .ctrl{justify-content:center;gap:4px;margin-top:4px;display:flex}.iconbtn{border:1px solid var(--gold-dim);background:#00000073;border-radius:4px;place-items:center;width:34px;height:30px;font-size:12px;font-weight:700;display:grid}.abilities{right:calc(10px + var(--safe-r));flex-direction:column;gap:7px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.ab{background:0 0;border:none;flex-direction:row-reverse;align-items:center;gap:8px;padding:0;display:flex}.ab .disc{border:2px solid var(--gold);color:#ffd27a;background:radial-gradient(circle at 35% 30%,#5a3a1a,#1a0f08);border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:relative;box-shadow:0 3px 10px #0009,inset 0 0 12px #ff963240}.ab .disc .ico{width:26px;height:26px}.ab .cd{background:conic-gradient(#000000b8 var(--p,0%), transparent 0);pointer-events:none;border-radius:50%;position:absolute;inset:-2px}.ab .cdt{color:#fff;text-shadow:0 1px 2px #000;font-size:13px;font-weight:800;position:absolute}.ab .lbl{color:#eadfca;text-shadow:0 1px 2px #000,0 0 6px #000;white-space:nowrap;font-size:11.5px;font-weight:600}.ab.off .disc{filter:grayscale()brightness(.6)}.ab.armed .disc{box-shadow:0 0 0 3px #fff, 0 0 18px var(--gold-hi)}.squads{bottom:calc(8px + var(--safe-b));left:calc(10px + var(--safe-l));right:calc(80px + var(--safe-r));scrollbar-width:none;gap:5px;padding:2px;display:flex;position:absolute;overflow-x:auto}.sq{background:linear-gradient(#2c2218,#120d08);border:1px solid #d9a44166;border-radius:5px;flex-direction:column;flex:none;justify-content:flex-end;align-items:center;gap:3px;width:66px;height:82px;padding:4px;display:flex;position:relative;overflow:hidden}.sq .ico{width:28px;height:28px;color:var(--gold-hi);margin-top:6px;margin-bottom:auto}.sq .portrait{width:100%;height:100%;position:absolute;inset:0}.sq .cnt{text-shadow:0 1px 2px #000;font-size:13px;font-weight:800;position:relative}.sq .bar{width:100%;position:relative}.sq .mode{color:var(--muted);font-size:9.5px;position:absolute;top:3px;left:4px}.sq.sel{box-shadow:0 0 0 1px var(--gold-hi), 0 0 14px #ffd27880;border-color:#fff}.sq.dead{opacity:.35}.sq.hero{width:70px}.sq .hab{border:1px solid var(--gold-hi);width:24px;height:24px;color:var(--gold-hi);z-index:2;background:#0009;border-radius:50%;place-items:center;display:grid;position:absolute;top:3px;right:3px}.sq .hab .ico{width:14px;height:14px;margin:0}.commands{bottom:calc(98px + var(--safe-b));left:calc(10px + var(--safe-l));flex-wrap:wrap;gap:4px;max-width:calc(100vw - 100px);padding:5px;display:flex;position:absolute}.breachbtn{bottom:calc(150px + var(--safe-b));font-family:var(--serif);color:#fff;letter-spacing:.08em;background:linear-gradient(#c0391f,#7a1a0e);border:2px solid #ffb070;border-radius:6px;padding:10px 22px;font-size:16px;animation:.8s infinite alternate pulse;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 24px #ff5a2899}@keyframes pulse{to{filter:brightness(1.15);box-shadow:0 0 40px #ff783cf2}}.hint-top{top:calc(120px + var(--safe-t));padding:7px 14px;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}.camctl{right:calc(10px + var(--safe-r));bottom:calc(80px + var(--safe-b));flex-direction:column;gap:4px;display:flex;position:absolute}.modal{text-align:center;width:min(440px,100vw - 24px);max-height:calc(100vh - 40px);padding:18px 18px 16px;overflow-y:auto}.modal h2{margin-bottom:6px;font-size:22px}.modal .btns{flex-direction:column;gap:8px;margin-top:14px;display:flex}.modal .sub{color:var(--muted);font-size:13px}.result h2{font-size:34px}.result.win h2{color:#f3d27a;text-shadow:0 0 18px #f0be5080}.result.lose h2{color:#ff7a6a}.stats{text-align:left;grid-template-columns:1fr auto;gap:5px 14px;max-width:300px;margin:12px auto 4px;font-size:14px;display:grid}.stats b{text-align:right}.record{color:var(--gold-hi);font-family:var(--serif);letter-spacing:.1em;margin-top:6px}.lb{border-collapse:collapse;width:100%;margin-top:8px;font-size:13px}.lb td{text-align:left;border-bottom:1px solid #d9a44126;padding:5px 8px}.lb td:first-child{width:30px;color:var(--gold-hi);font-family:var(--serif)}.lb td:last-child{text-align:right;font-weight:700}.settings label{text-align:left;justify-content:space-between;align-items:center;gap:10px;margin:8px 0;font-size:13px;display:flex}.settings input[type=range]{width:150px;accent-color:var(--gold)}.settings select{color:var(--text);border:1px solid var(--gold-dim);font:inherit;background:#1e160e;border-radius:4px;padding:4px 6px}.event-ico{color:var(--gold-hi);font-size:34px}.tutorial{left:50%;bottom:calc(160px + var(--safe-b));z-index:8;align-items:flex-start;gap:12px;width:min(420px,100vw - 24px);padding:12px 14px;display:flex;position:absolute;transform:translate(-50%)}.tutorial .portrait{border:1px solid var(--gold);border-radius:4px;flex:none;width:56px;height:56px}.tutorial p{margin:0 0 8px;font-size:13.5px}#toasts{top:calc(160px + var(--safe-t));z-index:9;flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--gold-dim);white-space:nowrap;background:#140e09eb;border-radius:5px;padding:7px 14px;font-size:13px;animation:2.8s forwards toast}.toast.bad{color:#ffb0a0;border-color:#e2553f}.toast.good{color:#c8f0b0;border-color:#6ad05a}@keyframes toast{0%{opacity:0;transform:translateY(-6px)}10%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.fps{color:#8f8;opacity:.7;font-size:10px;position:absolute;bottom:4px;right:6px}.pausebtn{top:calc(10px + var(--safe-t));right:calc(10px + var(--safe-r));position:absolute}.hpbars{position:absolute;inset:0}.hpb{background:#0009;border:1px solid #0009;border-radius:2px;width:44px;height:5px;position:absolute;overflow:hidden;transform:translate(-50%,-50%)}.hpb i{background:#e2553f;height:100%;display:block}.hpb.ally i{background:#f0c060}@media (max-width:900px){.threat{min-width:0;max-width:calc(100vw - 20px);top:calc(52px + var(--safe-t));padding:5px 10px}.threat .eta{font-size:20px}.threat .title{font-size:11px}.threat .stage{display:none}.threat .acts .btn{min-height:30px;padding:4px 9px;font-size:12px}.timebox{top:auto;bottom:calc(150px + var(--safe-b));min-width:0;padding:5px 8px}.winter{top:auto;bottom:calc(232px + var(--safe-b))}.poppanel{top:auto;bottom:calc(150px + var(--safe-b));width:214px}.poppanel.collapsed .job,.poppanel.collapsed .morale-line{display:none}.poptoggle{display:inline-grid}.nav{width:54px;height:54px;font-size:10px}.nav .ico{width:21px;height:21px}.sheet{top:calc(52px + var(--safe-t));bottom:calc(74px + var(--safe-b))}.res{padding:2px 6px;font-size:12.5px}.res small,.ab .lbl{display:none}.ab .disc{width:46px;height:46px}.menu-right{display:none}#s-menu{justify-content:center}}@media (max-height:500px){.wavebox{min-width:140px;padding:5px 8px;font-size:11px}.wavebox .ecount{margin-top:1px;font-size:11.5px}.wavebox .wallbox{gap:2px;margin-top:3px}.nextwave{min-width:96px;padding:4px 8px}.nextwave b{font-size:17px}.abilities{top:calc(84px + var(--safe-t));grid-template-columns:repeat(2,auto);gap:5px;display:grid;transform:none}.timebox{top:calc(48px + var(--safe-t));bottom:auto}.poppanel{top:calc(48px + var(--safe-t));max-height:calc(100vh - 140px);bottom:auto;overflow-y:auto}.threat{top:calc(46px + var(--safe-t))}.threat .intel{display:none}.tray{bottom:calc(68px + var(--safe-b))}.tile{width:72px;min-height:74px}.tile .ico{width:22px;height:22px}.abilities{gap:4px}.ab .disc{width:40px;height:40px}.sq{width:56px;height:64px}.commands{bottom:calc(78px + var(--safe-b))}.menu-left{gap:10px}.mbtn{padding:6px 12px}}