:root{--font: "Georgia", "Palatino Linotype", serif;--ui-scale: 1;--fs-body: calc(16px * var(--ui-scale));--fs-big: calc(20px * var(--ui-scale));--fs-huge: calc(28px * var(--ui-scale));--panel: rgba(24, 22, 16, .92);--panel-edge: #6b5a36;--ink: #ece4cc;--ink-dim: #b8ae8e;--accent: #d8b84a;--danger: #d0543c;--good: #62c454;--hit: calc(44px * var(--ui-scale))}*{box-sizing:border-box;user-select:none}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#11150c}#game{position:absolute;inset:0}#game canvas{display:block}#ui{position:absolute;inset:0;pointer-events:none;font-family:var(--font);font-size:var(--fs-body);color:var(--ink)}#ui>*{pointer-events:none}.panel{background:var(--panel);border:2px solid var(--panel-edge);border-radius:8px;padding:10px 14px;box-shadow:0 3px 14px #00000080}#ui .panel{pointer-events:auto}button{font-family:var(--font);font-size:var(--fs-body);color:var(--ink);background:linear-gradient(#3a3424,#2a2618);border:2px solid var(--panel-edge);border-radius:6px;min-height:var(--hit);min-width:var(--hit);padding:6px 12px;cursor:pointer;pointer-events:auto}button:hover{border-color:var(--accent);color:#fff}button:disabled{opacity:.45;cursor:default}input,select,textarea{pointer-events:auto}button.primary{background:linear-gradient(#6b5a26,#4a3f1c);border-color:var(--accent);font-size:var(--fs-big)}button.danger{border-color:var(--danger)}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px;padding:8px 12px;pointer-events:none}.topbar .panel{flex-shrink:0}.topbar .panel{display:flex;gap:14px;align-items:center;padding:6px 14px}.reschip{display:flex;align-items:baseline;gap:6px;min-width:96px}.reschip .ico{font-size:18px}.reschip .val{font-size:var(--fs-big);font-weight:700}.reschip .rate{font-size:13px;color:var(--ink-dim)}.reschip.flash .val{color:var(--danger)}.reschip.short .val,.reschip.short .ico{color:var(--danger);animation:res-short .35s ease-in-out 3}@keyframes res-short{0%,to{transform:none}50%{transform:translateY(-2px) scale(1.12)}}.popchip{font-size:var(--fs-big)}.popchip.full{color:var(--danger)}.idlebadge{background:#4a3f1c;border:2px solid var(--accent);border-radius:6px;padding:4px 10px;font-size:var(--fs-big);cursor:pointer;pointer-events:auto}.idlebadge.zero{opacity:.4;border-color:var(--panel-edge)}.agechip{text-align:center}.agechip .stars{color:var(--accent);letter-spacing:3px}.spacer{flex:1}.bottombar{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;gap:10px;padding:10px 12px}.minimapbox{padding:6px}.minimapbox canvas{display:block;border:1px solid var(--panel-edge);width:208px;height:208px;cursor:pointer;pointer-events:auto}.selpanel{flex:1;min-height:96px;max-width:900px;display:flex;gap:12px;align-items:stretch}.selpanel .portrait{width:84px;min-height:104px;background:#201c12;border:2px solid var(--panel-edge);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.selpanel .portrait img{width:56px;height:64px;image-rendering:pixelated}.selpanel .stats{font-size:var(--fs-body);line-height:1.5}.selpanel h3{margin:0 0 4px;font-size:var(--fs-big);color:var(--accent)}.unitgrid{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}.unitgrid .uchip{min-width:64px;min-height:64px;background:#201c12;border:2px solid var(--panel-edge);border-radius:6px;text-align:center;padding:4px;cursor:pointer;pointer-events:auto}.unitgrid .uchip img{width:40px;height:46px;image-rendering:pixelated}.cmdcard{display:grid;grid-template-columns:repeat(4,64px);grid-auto-rows:64px;gap:8px}.cmdcard button{min-width:64px;min-height:64px;padding:2px;font-size:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;position:relative}.cmdcard button img{width:34px;height:38px;image-rendering:pixelated}.cmdcard button .hk{position:absolute;top:2px;right:5px;font-size:11px;color:var(--ink-dim)}.queuebar{display:flex;gap:6px;margin-top:6px}.queuepip{width:52px;height:52px;background:#201c12;border:2px solid var(--panel-edge);border-radius:6px;position:relative;cursor:pointer;pointer-events:auto}.queuepip .prog{position:absolute;bottom:0;left:0;height:5px;background:var(--accent)}.queuepip img{width:34px;height:40px;image-rendering:pixelated;margin:3px auto;display:block}.feed{position:absolute;right:12px;top:84px;width:268px;display:flex;flex-direction:column;gap:4px}.feed .note{position:relative;display:flex;align-items:flex-start;gap:6px;background:var(--panel);border-left:3px solid var(--accent);border-radius:4px;padding:5px 9px;font-size:14px;line-height:1.3;cursor:pointer;pointer-events:auto;opacity:1;transform:translate(0);transition:opacity .35s ease,transform .35s ease}.feed .note.fading{opacity:0;transform:translate(12px)}.feed .note .txt{flex:1}.feed .note .x{flex:none;padding:0 5px;min-width:0;line-height:1.1;font-size:13px;background:none;border:none;color:var(--ink-dim);cursor:pointer;opacity:.55}.feed .note .x:hover{color:var(--danger);opacity:1}.feed .note.alarm{border-left-color:var(--danger)}.feed .note.good{border-left-color:var(--good)}.feed .note.enemyage{border-left-color:#c8b0e8}.toasts{position:absolute;left:50%;bottom:220px;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center}.toasts .toast{background:var(--panel);border:2px solid var(--danger);border-radius:6px;padding:8px 18px;font-size:var(--fs-big);animation:shake .3s;pointer-events:auto;cursor:pointer;opacity:1;transform:translateY(0);transition:opacity .35s ease,transform .35s ease}.toasts .toast:hover{border-color:var(--accent)}.toasts .toast.fading{opacity:0;transform:translateY(8px)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.alertflash{position:absolute;inset:0;pointer-events:none;border:8px solid rgba(208,84,60,0);transition:border-color .15s}.alertflash.on{border-color:#d0543ca6}.edgearrow{position:absolute;font-size:34px;color:var(--danger);text-shadow:0 0 8px #000;pointer-events:none}.modal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0808048c;pointer-events:auto}.modal .panel{max-width:860px}.agechoice{display:flex;gap:18px}.agecard{width:340px;padding:16px;background:#201c12;border:2px solid var(--panel-edge);border-radius:10px;cursor:pointer;pointer-events:auto}.agecard:hover{border-color:var(--accent);background:#2a2515}.agecard h3{color:var(--accent);margin:4px 0 8px;font-size:22px}.agecard img{width:128px;height:142px;image-rendering:pixelated;display:block;margin:0 auto}.agecard p{color:var(--ink-dim);line-height:1.45}.endscreen{text-align:center}.endscreen h1{font-size:44px;color:var(--accent);margin:8px 0}.endscreen.defeat h1{color:var(--danger)}.endscreen p{font-size:var(--fs-big);color:var(--ink-dim)}.endscreen .row{display:flex;gap:14px;justify-content:center;margin-top:18px}.setup{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#2a3020,#11150c 75%);pointer-events:auto}.setup .panel{width:1180px;max-width:96vw;max-height:94vh;overflow-y:auto}.setup h1{font-size:36px;color:var(--accent);margin:0 0 2px;text-align:center;letter-spacing:2px}.setup .sub{text-align:center;color:var(--ink-dim);margin-bottom:6px;font-size:15px}.setup h2{font-size:var(--fs-big);color:var(--accent);margin:10px 0 6px;border-bottom:1px solid var(--panel-edge);padding-bottom:4px}.setup h3{margin:0 0 4px;font-size:20px;color:var(--ink)}.lobbygrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px}@media(max-width:980px){.lobbygrid{grid-template-columns:minmax(0,1fr)}}.lobbycol{min-width:0}.mapshow{display:flex;gap:14px;align-items:flex-start}.mapcanvas{width:200px;height:200px;flex:none;background:#1b1810;border-radius:4px;position:relative}.mapcanvas canvas{display:block;image-rendering:pixelated;border-radius:4px}.randombox{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--ink-dim);text-align:center;border:2px dashed var(--panel-edge);border-radius:4px}.randombox .die{font-size:44px}.mapfacts{min-width:0}.mapfacts p{margin:0 0 10px;line-height:1.4;color:var(--ink-dim)}.mapfacts dl{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0}.mapfacts dt{color:var(--ink-dim)}.mapfacts dd{margin:0}.mapfacts .warn{margin-top:8px;color:var(--danger)}.maplist{display:grid;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:6px;margin-top:10px;max-height:110px;overflow-y:auto;padding-right:4px}.maplist::-webkit-scrollbar{width:10px}.maplist::-webkit-scrollbar-thumb{background:var(--panel-edge);border-radius:5px}.maplist button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 9px;min-height:46px;text-align:left}.maplist button.sel{border-color:var(--accent);background:#4a3f1c}.maplist .mapname{font-size:var(--fs-body)}.maplist .mapmeta{font-size:12px;color:var(--ink-dim)}.roster{display:grid;gap:5px}.rosterhead,.rosterrow{display:grid;grid-template-columns:18px 78px 1.45fr .85fr 1fr 1.05fr;gap:6px;align-items:center}.rosterhead{color:var(--ink-dim);font-size:13px;padding:0 2px}.rosterrow .swatch{width:16px;height:16px;border-radius:3px;border:1px solid rgba(0,0,0,.6)}.rosterrow .who{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rosterrow .who em{color:var(--good);font-style:normal;font-size:13px}.rosterrow .na{color:var(--ink-dim);text-align:center}.setup select{font-family:var(--font);font-size:var(--fs-body);color:var(--ink);background:#201c12;border:2px solid var(--panel-edge);border-radius:6px;min-height:var(--hit);padding:6px 8px;width:100%;cursor:pointer;pointer-events:auto}.setup select:hover{border-color:var(--accent)}.faclore{margin-top:10px;padding:8px 12px;background:#201c12;border:1px solid var(--panel-edge);border-left:4px solid var(--accent);border-radius:6px}.faclore h3{font-size:17px;margin:0}.faclore .leader{color:var(--ink-dim);font-style:italic;font-size:14px}.faclore p{margin:4px 0 0;line-height:1.35;color:var(--ink-dim);font-size:14px}.rulesband{margin-top:4px;margin-bottom:58px}.rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:6px 22px}.rule{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:center}.rule .optrow{gap:6px;flex-wrap:nowrap}.rule button{padding:6px 10px;min-height:40px}.seedrow input{flex:1;min-width:0;width:auto}.lbl{color:var(--ink-dim)}.setup .hint{color:var(--ink-dim);font-size:14px;margin:8px 0 2px;line-height:1.4}.faccards{display:flex;gap:14px}.faccard{flex:1;padding:14px;background:#201c12;border:3px solid var(--panel-edge);border-radius:10px;cursor:pointer}.faccard.sel{border-color:var(--accent);background:#2a2515}.faccard h3{margin:0 0 4px;font-size:20px}.faccard .leader{color:var(--ink-dim);font-style:italic;margin-bottom:6px}.faccard p{line-height:1.4;color:var(--ink-dim)}.optrow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.optrow button.sel{border-color:var(--accent);background:#4a3f1c}.optrow input{font-family:var(--font);font-size:var(--fs-body);background:#201c12;color:var(--ink);border:2px solid var(--panel-edge);border-radius:6px;padding:8px 10px;min-height:var(--hit);pointer-events:auto;width:130px}.beginrow{position:sticky;bottom:-10px;margin-top:12px;padding:8px 0 2px;text-align:center;background:linear-gradient(rgba(24,22,16,0),var(--panel) 35%)}.beginrow button{font-size:24px;padding:12px 40px}.beginrow button+button{margin-left:16px}.devdrawer{position:absolute;left:12px;top:84px;width:380px;max-height:calc(100vh - 320px);overflow-y:auto;border-color:#d8a018}.devdrawer h3{color:#d8a018;margin:10px 0 6px;font-size:17px}.devdrawer .grid{display:flex;flex-wrap:wrap;gap:6px}.devdrawer button{min-height:38px;min-width:38px;font-size:14px;padding:4px 8px}.devdrawer button.on{border-color:#d8a018;background:#4a3a10}.devdrawer .mono{font-family:Consolas,monospace;font-size:13px;color:var(--ink-dim);white-space:pre-wrap}.perfhud{position:absolute;right:12px;bottom:240px;font-family:Consolas,monospace;font-size:13px;padding:8px 10px}.objstrip{display:flex;gap:8px;align-items:center;font-size:var(--fs-body);white-space:nowrap}.objstrip .star{color:var(--accent)}.objstrip .vpip{display:inline-flex;align-items:baseline;gap:5px}.objstrip .vsep{color:var(--ink-dim)}.objstrip .vyou{color:var(--ink-dim);font-size:12px}.objstrip .foeline{color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;max-width:30ch}.objstrip button{flex:0 0 auto}.confirmrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.confirmrow span{flex:1;min-width:180px;color:var(--ink-dim)}.menu{display:flex;flex-direction:column;gap:10px;min-width:420px;max-width:560px}.pausebig{font-size:var(--fs-huge);color:var(--accent);text-align:center;margin:4px 0 10px}.buildmenu{max-width:560px}.bmhead{color:var(--accent);font-size:var(--fs-big);margin-bottom:6px}.bmhead .hk{color:var(--ink-dim);font-size:13px;margin-left:10px}.bmcat{margin-bottom:8px}.bmname{color:var(--ink-dim);margin-bottom:4px}.bmrow{display:flex;flex-wrap:wrap;gap:8px}.bmrow button{min-width:88px;min-height:84px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:13px}.bmrow button img{width:40px;height:44px;image-rendering:pixelated}.bmrow button .cost{color:var(--accent);font-size:12px}.modebadge{position:absolute;top:92px;left:50%;transform:translate(-50%);background:var(--panel);border:2px solid var(--accent);border-radius:8px;padding:8px 18px;font-size:var(--fs-body);pointer-events:none;z-index:40}.modebadge.dev{border-color:#d8a018;color:#f0c860;top:92px}.modebadge.arm{border-color:var(--danger);top:138px}.modebadge.place{border-color:var(--good);top:138px}.updatechip{position:absolute;right:16px;bottom:210px;z-index:45;background:var(--panel);color:#f0c860;border:2px solid #d8a018;border-radius:8px;padding:8px 14px;font-size:var(--fs-body);cursor:pointer;box-shadow:0 2px 10px #00000073;animation:updatepulse 3.5s ease-in-out infinite}.updatechip:hover{background:#2a2418}.updatechip:disabled{opacity:.65;cursor:default;animation:none}@keyframes updatepulse{0%,to{border-color:#d8a018}50%{border-color:#f5d97a}}@media(prefers-reduced-motion:reduce){.updatechip{animation:none}}.sitebanner{position:absolute;top:92px;left:50%;transform:translate(-50%);display:flex;align-items:baseline;gap:10px;white-space:nowrap;background:var(--panel);border:2px solid var(--accent);border-radius:8px;padding:8px 18px;font-size:var(--fs-body);pointer-events:none;z-index:42}.sitebanner .star{color:var(--accent);font-size:18px}.sitebanner b{font-size:var(--fs-big);font-variant-numeric:tabular-nums}.sitebanner .dim{color:var(--ink-dim);font-size:13px}.sitebanner.ours{border-color:var(--good, #6b9a4a)}.sitebanner.theirs{border-color:var(--danger);animation:siteurgent 1.2s ease-in-out infinite}@keyframes siteurgent{0%,to{border-color:var(--danger)}50%{border-color:#ff9a8a}}@media(prefers-reduced-motion:reduce){.sitebanner.theirs{animation:none}}.rivalfallen{position:absolute;top:22%;left:50%;transform:translate(-50%);min-width:320px;text-align:center;z-index:44;pointer-events:none;background:linear-gradient(#181610f2,#181610d1);border:2px solid var(--accent);border-top-width:4px;border-radius:10px;padding:16px 34px 14px;box-shadow:0 6px 28px #0009;animation:rivalfall 5.2s ease-out forwards}.rivalfallen .seal{font-size:30px;line-height:1;margin-bottom:6px;opacity:.9}.rivalfallen .who{font-size:var(--fs-huge);letter-spacing:.5px}.rivalfallen .sub{color:var(--ink-dim);margin-top:2px}.rivalfallen .left{color:var(--accent);margin-top:10px;font-size:var(--fs-body)}@keyframes rivalfall{0%{opacity:0;transform:translate(-50%) translateY(-10px) scale(.97)}8%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}82%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-6px) scale(.99)}}@media(prefers-reduced-motion:reduce){.rivalfallen{animation:none}}.timescale input[type=range]{accent-color:var(--accent);min-height:32px;pointer-events:auto}.timescale input[type=number]{font-family:var(--font);font-size:var(--fs-body);background:#201c12;color:var(--ink);border:2px solid var(--panel-edge);border-radius:6px;padding:6px;min-height:40px;pointer-events:auto}.settingsbox{width:860px;max-width:94vw;max-height:88vh;display:flex;flex-direction:column}.settingsbody{overflow-y:auto;padding-right:6px;flex:1}.settingsbody .optrow+.optrow,.settingsbody .bindrow+.bindrow{margin-top:8px}.bindcat h3{color:var(--accent);margin:12px 0 6px}.bindrow{display:flex;align-items:center;gap:8px;padding:4px 0}.bindrow .bname{flex:1}.bindrow .bname em{color:var(--ink-dim);font-size:13px}.bindrow .bkey{min-width:130px}.bindrow .bkey.listening{border-color:var(--accent);background:#4a3f1c;animation:pulse .9s infinite}.bindrow.dup .bkey{border-color:var(--danger)}.dupwarn{color:var(--danger);font-size:13px}@keyframes pulse{50%{opacity:.6}}