:root{--frame-dark:#0d1220;--frame:#1a2236;--frame-light:#2b3654;--trim:#b8924a;--trim-light:#f0cf7e;--ice:#8fd8ff;--ice-deep:#2d7fb8;--text:#e9eefb;--text-dim:#9aa6c4;--gold:#ffd25e;--life:#ff6b6b;--good:#6dff8a;--bad:#ff5a5a;--panel-bg:linear-gradient(180deg, #222c46f5, #0e1321f7);--title-font:"Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--ui-font:"Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--ui-font);-webkit-user-select:none;user-select:none;background:#070b16;margin:0;overflow:hidden}#app{position:fixed;inset:0}#scene{outline: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:auto}#ui .passthrough{pointer-events:none}button{font-family:inherit}.frame{background:var(--panel-bg);box-shadow:inset 0 0 0 1px var(--trim), inset 0 0 0 3px #10162a, inset 0 0 0 4px #b8924a59, 0 6px 24px #0000008c;border:2px solid #050810;border-radius:6px}.frame-title{font-family:var(--title-font);color:var(--trim-light);letter-spacing:.06em;text-shadow:0 2px #000}#topbar{white-space:nowrap;border-top:none;border-radius:0 0 10px 10px;align-items:stretch;gap:0;height:44px;padding:4px 10px 6px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.res{text-shadow:0 1px #000;border-right:1px solid #b8924a40;align-items:center;gap:6px;padding:0 12px;font-size:16px;font-weight:600;display:flex}.res:last-child{border-right:none}.res svg{flex:none;width:20px;height:20px}.res .lbl{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:500}.res.gold .val{color:var(--gold)}.res.lives .val{color:var(--life)}.res.lives.flash{animation:.6s lifeflash}@keyframes lifeflash{0%,to{background:0 0}30%{background:#ff3c3c59}}.speed-btns{align-items:center;gap:3px;display:flex}.sbtn{min-width:34px;height:26px;color:var(--text);cursor:pointer;background:linear-gradient(#34405f,#1b2338);border:1px solid #000;border-radius:4px;padding:0 6px;font-size:12px;font-weight:700;box-shadow:inset 0 0 0 1px #b8924a73}.sbtn:hover{filter:brightness(1.25)}.sbtn.on{box-shadow:inset 0 0 0 1px var(--ice);background:linear-gradient(#3f7fb8,#1f4f80)}#wavepanel{width:270px;padding:10px 12px 12px;position:absolute;top:8px;right:8px}#wavepanel .frame-title{justify-content:space-between;margin-bottom:6px;font-size:15px;display:flex}.wave-row{align-items:center;gap:10px;display:flex}.wave-icon{width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--trim);background:radial-gradient(circle at 50% 35%,#3a4870,#121829);border:1px solid #000;border-radius:4px;flex:none;place-items:center;display:grid}.wave-icon svg{width:32px;height:32px}.wave-name{font-weight:700}.wave-meta{color:var(--text-dim);font-size:12px;line-height:1.4}.flags{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.flag{color:var(--ice);background:#8fd8ff1f;border:1px solid #8fd8ff59;border-radius:3px;padding:2px 6px;font-size:11px}.flag.warn{color:#ffb08a;background:#ff78501f;border-color:#ff8c5a80}.callbtn{color:#fff;cursor:pointer;width:100%;height:32px;box-shadow:inset 0 0 0 1px var(--trim-light);text-shadow:0 1px #000;background:linear-gradient(#7a5b22,#4a3410);border:1px solid #000;border-radius:4px;margin-top:10px;font-weight:700}.callbtn:hover{filter:brightness(1.2)}.callbtn kbd,.kbd{background:#00000073;border:1px solid #ffffff40;border-radius:3px;margin-left:4px;padding:0 4px;font-family:inherit;font-size:11px}#messages{pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%)}.msg{text-shadow:0 1px #000;background:#080c18bf;border:1px solid #b8924a66;border-radius:4px;padding:4px 14px;font-weight:600;animation:3s forwards msgfade}.msg.error{color:#ff9a8a;border-color:#ff5a5a80}.msg.gold{color:var(--gold)}@keyframes msgfade{0%{opacity:0;transform:translateY(-6px)}8%,75%{opacity:1;transform:none}to{opacity:0}}#banner{font-family:var(--title-font);color:var(--trim-light);text-shadow:0 3px #000,0 0 24px #8fd8ff8c;pointer-events:none;opacity:0;white-space:nowrap;background:radial-gradient(#050a18b8 0%,#050a1873 55%,#050a1800 75%);padding:10px 60px 14px;font-size:44px;position:absolute;top:22%;left:50%;transform:translate(-50%)}#banner.show{animation:2.6s forwards banner}#banner small{text-align:center;font-size:17px;font-family:var(--ui-font);letter-spacing:.04em;color:var(--text);text-shadow:0 1px 3px #000;display:block}@keyframes banner{0%{opacity:0;transform:translate(-50%,10px)scale(.96)}15%,70%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0}}#floaters{pointer-events:none;position:absolute;inset:0;overflow:hidden}.floater{text-shadow:0 1px #000,0 0 3px #000;white-space:nowrap;will-change:transform, opacity;font-size:13px;font-weight:800;display:none;position:absolute;top:0;left:0}.floater.dmg{color:#fff}.floater.gold{color:var(--gold);font-size:14px}#bottom{border-bottom:none;border-radius:12px 12px 0 0;grid-template-columns:228px minmax(320px,440px) 296px;align-items:stretch;gap:8px;padding:10px 10px 8px;display:grid;position:absolute;bottom:0;left:50%;transform:translate(-50%)}#minimap-wrap{width:208px;height:208px;box-shadow:inset 0 0 0 1px var(--trim);background:#0a0f1c;border:2px solid #000;border-radius:4px;justify-self:center;position:relative;overflow:hidden}#minimap{cursor:crosshair;image-rendering:auto;width:100%;height:100%;display:block}#info{background:#0508108c;border-radius:4px;min-height:208px;padding:10px 12px;overflow:hidden;box-shadow:inset 0 0 0 1px #b8924a59}.info-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.portrait{width:64px;height:64px;box-shadow:inset 0 0 0 1px var(--trim);background:radial-gradient(circle at 50% 30%,#44527c,#10162a);border:2px solid #000;border-radius:5px;flex:none;place-items:center;display:grid}.portrait svg{width:46px;height:46px}.info-title{font-family:var(--title-font);color:var(--trim-light);text-shadow:0 1px #000;font-size:18px}.info-sub{color:var(--text-dim);font-size:12px}.stats{grid-template-columns:auto 1fr auto 1fr;gap:3px 10px;font-size:13px;display:grid}.stats .k{color:var(--text-dim)}.stats .v{font-weight:600}.hpbar{background:#2a1515;border:1px solid #000;border-radius:3px;height:10px;margin:4px 0 8px;position:relative;overflow:hidden}.hpbar>div{background:linear-gradient(#5fe07a,#2f9a48);height:100%}.hpbar>.sh{background:#7fd0ff;height:40%;position:absolute;top:0;left:0}.desc{color:var(--text-dim);margin-top:8px;font-size:12px;line-height:1.45}#card{grid-template-rows:repeat(3,66px);grid-template-columns:repeat(4,66px);place-content:center;gap:5px;display:grid}.cmd{box-shadow:inset 0 0 0 1px var(--trim), inset 0 -6px 12px #00000059;cursor:pointer;color:var(--text);background:radial-gradient(circle at 50% 35%,#3b4a72,#141b30);border:2px solid #000;border-radius:5px;place-items:center;padding:0;display:grid;position:relative}.cmd:hover{filter:brightness(1.3);box-shadow:inset 0 0 0 1px var(--trim-light), 0 0 10px #8fd8ff59}.cmd:active{transform:translateY(1px)}.cmd svg{pointer-events:none;width:44px;height:44px}.cmd .hk{color:var(--trim-light);text-shadow:0 1px #000;font-size:11px;font-weight:800;position:absolute;top:2px;left:4px}.cmd .cost{color:var(--gold);text-shadow:0 1px #000,0 0 2px #000;font-size:11px;font-weight:700;position:absolute;bottom:1px;right:4px}.cmd.empty{cursor:default;filter:none;background:#080c1699;box-shadow:inset 0 0 0 1px #b8924a33}.cmd.disabled svg{filter:grayscale(.9)brightness(.6)}.cmd.disabled .cost{color:#ff7a6a}.cmd.active{box-shadow:inset 0 0 0 2px var(--good), 0 0 12px #6dff8a73}.cmd .cd{transform-origin:bottom;pointer-events:none;background:#0000009e;border-radius:3px;position:absolute;inset:0}.cmd .cdtext{text-shadow:0 1px #000;pointer-events:none;font-size:15px;font-weight:800;position:absolute}#tooltip{pointer-events:none;z-index:20;width:300px;padding:10px 12px;font-size:13px;line-height:1.4;display:none;position:absolute}#tooltip .tt-title{font-family:var(--title-font);color:var(--trim-light);justify-content:space-between;font-size:16px;display:flex}#tooltip .tt-cost{color:var(--gold);font-family:var(--ui-font);font-size:14px;font-weight:700}#tooltip .tt-line{justify-content:space-between;display:flex}#tooltip .tt-line .k{color:var(--text-dim)}#tooltip .good{color:var(--good)}#tooltip .bad{color:var(--bad)}#tooltip .tt-desc{color:var(--text-dim);margin-top:6px}#tooltip hr{border:none;border-top:1px solid #b8924a4d;margin:6px 0}.overlay{z-index:30;background:radial-gradient(at 50% 40%,#0a142d73,#03060ed9);place-items:center;display:grid;position:absolute;inset:0}.overlay.menu-bg{background:radial-gradient(at 50% 30%,#28508c40,#03060e66 60%),linear-gradient(#05091459,#050914bf)}.menu{text-align:center;width:min(460px,100vw - 32px);max-height:calc(100vh - 40px);padding:22px 26px 24px;overflow-y:auto}.menu.wide{width:min(720px,100vw - 32px)}.logo{font-family:var(--title-font);color:#e9f6ff;letter-spacing:.08em;text-shadow:0 3px #0b1530,0 0 28px #8fd8ffb3;margin:6px 0 2px;font-size:54px;line-height:1}.logo span{color:var(--trim-light)}.tagline{color:var(--text-dim);margin-bottom:18px;font-style:italic}.menu h2{font-family:var(--title-font);color:var(--trim-light);letter-spacing:.05em;margin:2px 0 14px;font-size:26px;font-weight:400}.mbtn{width:100%;height:44px;box-shadow:inset 0 0 0 1px var(--trim), inset 0 1px 0 #ffffff1f;color:var(--text);font-family:var(--title-font);letter-spacing:.05em;cursor:pointer;text-shadow:0 1px #000;background:linear-gradient(#3a4870,#1a2238);border:2px solid #000;border-radius:5px;margin:8px 0;font-size:18px;display:block}.mbtn:hover{filter:brightness(1.25);box-shadow:inset 0 0 0 1px var(--trim-light), 0 0 14px #8fd8ff4d}.mbtn.primary{background:linear-gradient(#2f6fa6,#173a60)}.mbtn.gold{background:linear-gradient(#7a5b22,#43300f)}.mbtn:disabled{opacity:.45;cursor:default;filter:none}.row{gap:8px;display:flex}.row>*{flex:1}.seg{gap:6px;margin:10px 0;display:flex}.seg button{min-height:58px;color:var(--text);cursor:pointer;background:linear-gradient(#2b3654,#141b2e);border:2px solid #000;border-radius:5px;flex:1;padding:6px 6px 8px;font-size:15px;font-weight:700;box-shadow:inset 0 0 0 1px #b8924a80}.seg button small{color:var(--text-dim);font-size:11px;font-weight:400;display:block}.seg button.on{box-shadow:inset 0 0 0 2px var(--ice);background:linear-gradient(#2f6fa6,#173a60)}.field{text-align:left;align-items:center;gap:6px;margin:10px 0;display:flex}.field label{width:110px;color:var(--text-dim);flex:none}.field input[type=text]{height:34px;color:var(--text);-webkit-user-select:text;user-select:text;background:#0b1020;border:1px solid #000;border-radius:4px;flex:1;padding:0 10px;font-family:Consolas,Courier New,monospace;font-size:15px;box-shadow:inset 0 0 0 1px #b8924a66}.field input[type=range]{accent-color:var(--ice);flex:1}.field select{height:32px;color:var(--text);background:#0b1020;border:1px solid #000;border-radius:4px;flex:1;padding:0 8px;box-shadow:inset 0 0 0 1px #b8924a66}.field input[type=checkbox]{width:18px;height:18px;accent-color:var(--ice)}.icon-btn{min-width:34px;height:34px;color:var(--text);cursor:pointer;background:linear-gradient(#34405f,#1b2338);border:1px solid #000;border-radius:4px;padding:0 10px;box-shadow:inset 0 0 0 1px #b8924a73}.seedline{color:var(--ice);-webkit-user-select:text;user-select:text;font-family:Consolas,Courier New,monospace;font-size:15px}.endstats{text-align:left;grid-template-columns:1fr auto;gap:4px 18px;max-width:360px;margin:10px auto 14px;font-size:15px;display:grid}.endstats .k{color:var(--text-dim)}.endstats .v{text-align:right;font-weight:700}.board{border-collapse:collapse;width:100%;margin-bottom:8px;font-size:13px}.board th{color:var(--trim-light);text-align:left;border-bottom:1px solid #b8924a66;padding:4px;font-weight:600}.board td{text-align:left;border-bottom:1px solid #ffffff0d;padding:3px 4px}.credits{text-align:left;max-height:55vh;padding-right:6px;font-size:13px;line-height:1.5;overflow-y:auto}.credits h3{color:var(--trim-light);font-family:var(--title-font);margin:12px 0 4px;font-weight:400}.credits a{color:var(--ice)}.credits .lic{color:var(--text-dim);font-size:12px}.hint{color:var(--text-dim);margin-top:10px;font-size:12px}#loading{z-index:50;background:radial-gradient(at 50% 40%,#142447,#050912 70%);place-items:center;display:grid;position:absolute;inset:0}#loading .bar{width:min(420px,80vw);height:14px;box-shadow:inset 0 0 0 1px var(--trim);background:#0a0f1c;border:2px solid #000;border-radius:7px;margin:18px auto 8px;overflow:hidden}#loading .bar>div{background:linear-gradient(90deg,#2d7fb8,#8fd8ff);width:0;height:100%;transition:width .15s}#loading .ltext{color:var(--text-dim);text-align:center;font-size:13px}#devstats{color:#b8ffcc;white-space:pre;pointer-events:none;z-index:40;background:#000000b8;border-radius:4px;padding:8px 10px;font:12px/1.45 Consolas,Courier New,monospace;display:none;position:absolute;top:8px;left:8px}#fps{color:#b8ffcc;text-shadow:0 1px #000;pointer-events:none;font:12px Consolas,monospace;position:absolute;top:8px;left:8px}.hidden{display:none!important}@media (max-width:1100px){#bottom{grid-template-columns:180px minmax(240px,1fr) 262px}#minimap-wrap{width:168px;height:168px}#info{min-height:168px}#card{grid-template-rows:repeat(3,58px);grid-template-columns:repeat(4,58px)}#wavepanel{width:230px}}.hud #topbar,.hud #wavepanel,.hud #bottom{pointer-events:auto}#rivalpanel{width:230px;padding:10px 12px 12px;position:absolute;top:34px;left:8px}#rivalpanel .frame-title{justify-content:space-between;margin-bottom:6px;font-size:15px;display:flex}#rivalpanel canvas{width:100%;box-shadow:inset 0 0 0 1px var(--trim);border:2px solid #000;border-radius:4px;margin-top:8px;display:block}.incoming{background:#ff6a4a24;border-radius:4px;margin-top:8px;padding:6px 8px;font-size:12px;line-height:1.4;box-shadow:inset 0 0 0 1px #ff8a6a80}.incoming b{color:#ff9a8a}.warn-text{color:#ffb27a}.hud #rivalpanel{pointer-events:auto}@media (max-width:1100px){#rivalpanel{width:190px}}