:root{--bg-0:#0b1017;--bg-1:#111926;--panel:#17212f;--panel-2:#1e2a3a;--panel-raised:#23324699;--ink:#e7edf5;--ink-dim:#aeb9c9;--ink-mute:#7d8a9c;--amber:#e8c98a;--amber-strong:#f4d79a;--amber-deep:#b6924b;--blue:#7ec8ff;--green:#7fd58b;--red:#ff6a5a;--red-deep:#b5482f;--line:#e8c98a29;--line-strong:#e8c98a57;--focus:#ffd98a;--r-sm:8px;--r-md:11px;--r-lg:16px;--tap:44px;--shadow-1:0 1px 0 #ffffff0a inset, 0 6px 18px #00000059;--shadow-glow:0 0 0 1px var(--line-strong), 0 8px 28px #00000073}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(1200px 700px at 50% -10%, #1b2740 0%, transparent 60%), radial-gradient(900px 500px at 50% 110%, #141d2c 0%, transparent 55%), var(--bg-0);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:contain;margin:0;font-family:Segoe UI,system-ui,-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.game-shell{min-height:100dvh;padding:max(env(safe-area-inset-top), 8px) max(env(safe-area-inset-right), 10px) max(env(safe-area-inset-bottom), 10px) max(env(safe-area-inset-left), 10px);flex-direction:column;gap:8px;display:flex}.game-header{align-items:center;gap:10px;padding:2px 4px;display:flex}.game-brand{letter-spacing:.14em;text-transform:uppercase;color:var(--amber);text-shadow:0 1px #000,0 0 18px #e8c98a47;margin:0;font-size:1.02rem;font-weight:800}.game-brand:before{content:"🏰";filter:drop-shadow(0 1px 1px #000);margin-right:.4em}.boot-status{border:1px solid var(--line);background:var(--panel);color:var(--ink-dim);white-space:nowrap;border-radius:999px;margin:0 0 0 auto;padding:3px 10px;font-size:.74rem;font-weight:600}.boot-status[data-phase=ready]{color:var(--green);border-color:#7fd58b59}.boot-status[data-phase=error]{color:var(--red);border-color:#ff6a5a66}.battle{flex-direction:column;flex:auto;gap:8px;min-height:0;display:flex}.battle-stage{justify-content:center;align-items:center;min-height:0;display:flex}.battle-stage__frame{aspect-ratio:768/448;border:1px solid var(--line-strong);border-radius:var(--r-lg);width:100%;max-width:760px;box-shadow:var(--shadow-glow);background:#1a2233;position:relative;overflow:hidden}.battle-stage__frame [data-testid=battle-canvas-host],.battle-stage__frame canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.battle-stage__overlay{z-index:2;pointer-events:none;position:absolute;top:8px;left:8px;right:8px}.gbtn{min-height:var(--tap);border:1px solid var(--line-strong);border-radius:var(--r-md);background:linear-gradient(180deg, var(--panel-2), var(--panel));color:var(--ink);font:inherit;cursor:pointer;box-shadow:var(--shadow-1);-webkit-tap-highlight-color:transparent;touch-action:manipulation;justify-content:center;align-items:center;gap:.5em;padding:8px 14px;font-weight:650;line-height:1.15;transition:transform 90ms,border-color .12s,background .12s,box-shadow .12s,filter .12s;display:inline-flex}.gbtn:hover:not(:disabled){border-color:var(--amber);filter:brightness(1.08)}.gbtn:active:not(:disabled){transform:translateY(1px)}.gbtn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.gbtn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.3)}.gbtn--primary{border-color:var(--amber);background:linear-gradient(180deg, var(--amber-strong), var(--amber-deep));color:#211a0c;text-shadow:0 1px #ffffff40;font-weight:800}.gbtn--primary:hover:not(:disabled){filter:brightness(1.06)}.gbtn--danger{color:#ffb9ab;background:linear-gradient(#43201a,#2c1512);border-color:#ff6a5a8c}.gbtn--danger:hover:not(:disabled){border-color:var(--red)}.gbtn--toggle[aria-pressed=true]{border-color:var(--green);color:var(--green);background:linear-gradient(#1d3626,#142619)}.gbtn--sm{min-height:38px;padding:6px 11px;font-size:.86rem;font-weight:600}.gbtn__icon{font-size:1.15em;line-height:1}.gbtn__body{text-align:left;flex-direction:column;align-items:flex-start;gap:1px;display:flex}.gbtn__label{font-weight:700}.gbtn__hint{color:var(--ink-mute);font-size:.72em;font-weight:600}.gbtn--primary .gbtn__hint{color:#4a3a17}.gbtn--speed:before{content:"⏩";font-size:1.05em}.gbtn--upgrade:before{content:"⬆";color:var(--amber);font-size:1em}.hud-tower-thumb{vertical-align:middle;background-image:url(/assets/tower-sprites.png);background-repeat:no-repeat;background-size:200% 200%;border-radius:4px;width:1.5em;height:1.5em;margin-right:.35em;display:inline-block;box-shadow:inset 0 0 0 1px #e8c98a59}.hud-slot-spec{color:#e8c98a;margin-left:.35em;font-size:.85em;display:inline-block}.hud-wave-preview{color:#cdd6e4;margin:.25em 0;font-size:.9em}.hud-wave-preview-label{color:#e8c98a;font-weight:600}.hud-preview-enemy{white-space:nowrap}.hud-preview-threat{color:#ff9d5c;font-weight:700}.hud-preview-total{color:#8b97a8}.hud-preview-elite{color:#ffd166;font-weight:700}.hud-preview-mutators{vertical-align:middle;gap:.3em;margin-left:.4em;display:inline-flex}.hud-mutator-badge{color:#ffb59c;white-space:nowrap;background:#3a1712;border:1px solid #b5482f;border-radius:999px;padding:.05em .5em;font-size:.82em;font-weight:600}.hud-boss{margin:.4em 0}.hud-boss-bar{flex-direction:column;gap:.2em;display:flex}.hud-boss-bar-head{align-items:baseline;gap:.5em;font-size:.85em;display:flex}.hud-boss-bar-name{color:#ff9d5c;letter-spacing:.05em;font-weight:800}.hud-boss-bar-hp{color:#cdd6e4;font-variant-numeric:tabular-nums}.hud-boss-shield{color:#7ec8ff;font-weight:700}.hud-boss-track{background:#241014;border:1px solid #5a2a1c;border-radius:4px;height:14px;position:relative;overflow:hidden}.hud-boss-fill{background:linear-gradient(90deg,#ff5d4d,#ff9d5c);height:100%;transition:width .12s linear}.hud-boss-fill-shielded{background:linear-gradient(90deg,#4a8fd6,#7ec8ff)}.hud-boss-mark{opacity:.85;background:#ffe0b0;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.hud-boss-telegraph{color:#ffd0c0;letter-spacing:.08em;text-align:center;background:#47130d;border-radius:4px;margin:.25em 0 0;padding:.15em .6em;font-weight:800}@media (prefers-reduced-motion:no-preference){.hud-boss-telegraph{animation:.9s ease-out hud-boss-telegraph-flash}}@keyframes hud-boss-telegraph-flash{0%{background:#b5482f;transform:scale(1.04)}to{background:#47130d;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.hud-boss-fill{transition:none}}.hud-topbar{flex-wrap:wrap;align-items:stretch;gap:6px;margin:0;display:flex}.stat-chip{border:1px solid var(--line);border-radius:var(--r-sm);background:linear-gradient(180deg, var(--panel-2), var(--panel));color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:.4em;padding:6px 11px;font-size:.9rem;font-weight:700;display:inline-flex}.stat-chip:before{font-size:1.02em;line-height:1}.stat-chip--gold{color:var(--amber)}.stat-chip--gold:before{content:"🪙"}.stat-chip--hp:before{content:"🛡"}.stat-chip--wave:before{content:"🌊"}.stat-chip--shard{color:var(--blue)}.stat-chip--shard:before{content:"💎"}.stat-chip--phase{gap:.5em}.stat-chip--phase:before{content:"";background:var(--ink-mute);border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px}.stat-chip--phase[data-phase=running]{color:var(--green)}.stat-chip--phase[data-phase=running]:before{background:var(--green)}.stat-chip--phase[data-phase=defeated]{color:var(--red)}.stat-chip--phase[data-phase=defeated]:before{background:var(--red)}.stat-chip--phase[data-phase=wave-cleared]{color:var(--amber)}.stat-chip--phase[data-phase=wave-cleared]:before{background:var(--amber)}.stat-flag{border-radius:var(--r-sm);align-items:center;padding:6px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.stat-flag--paused{color:var(--amber);background:#2a2214;border:1px solid #ffd78c66}.stat-flag--endless{border:1px solid var(--red-deep);color:#ffb59c;background:#341410}.stat-flag--done{color:var(--green);background:#14261a;border:1px solid #7fd58b66}.hud-dock{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);background:linear-gradient(#141d29,#0f1622);flex-direction:column;gap:12px;padding:12px;display:flex}.hud-group{flex-direction:column;gap:7px;display:flex}.hud-group__title{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin:0;font-size:.72rem;font-weight:800}.hud-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hud-controls .gbtn--primary{flex:auto;min-width:140px}.hud-intermission{border:1px solid var(--line);background:var(--panel);color:var(--amber);font-variant-numeric:tabular-nums;border-radius:999px;margin-left:auto;padding:4px 10px;font-size:.82rem;font-weight:700}.hud-tray{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px;display:grid}.hud-tower{text-align:left;justify-content:flex-start;align-items:stretch;padding:9px 11px}.hud-tower[data-selected=true]{border-color:var(--amber);box-shadow:var(--shadow-1), 0 0 0 1px var(--amber) inset;background:linear-gradient(#2b3446,#202b3b)}.hud-tower__meta{flex-direction:column;gap:1px;min-width:0;display:flex}.hud-tower__name{font-weight:750}.hud-tower__role{color:var(--ink-mute);font-size:.72rem;font-weight:600}.hud-tower__cost{color:var(--amber);font-variant-numeric:tabular-nums;white-space:nowrap;align-self:center;margin-left:auto;font-weight:750}.hud-tower .hud-tower-thumb{flex:none;width:2.1em;height:2.1em;margin-right:0}.hud-slots{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:0;display:grid}.hud-slot{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);flex-direction:column;gap:6px;padding:9px;display:flex}.hud-slot .gbtn{width:100%}.hud-slot__build{justify-content:flex-start;font-weight:700}.hud-slot-spec{border:1px solid var(--line-strong);background:#2a2314;border-radius:999px;align-items:center;gap:.3em;padding:3px 8px;font-size:.8rem;display:inline-flex}.hud-slot-spec:before{content:"★";color:var(--amber)}.hud-slot__specopts{flex-wrap:wrap;gap:6px;display:flex}.hud-slot__specopts .gbtn{flex:auto;width:auto}.hud-panel{border-radius:var(--r-md);border:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;font-size:.88rem;display:flex}.hud-panel--prestige{background:linear-gradient(#2a1512,#1a0f0d);border-color:#ff6a5a66}.hud-panel--research{flex-direction:column;align-items:stretch}.hud-panel__title{color:var(--amber);margin:0;font-weight:800}.hud-research-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px;display:grid}.hud-research-grid .gbtn{justify-content:flex-start;width:100%}.hud-panel--offline{color:var(--green);background:linear-gradient(#16281c,#0f1a13);border-color:#7fd58b66}.hud-reject{border-radius:var(--r-md);color:#ffb9ab;background:#2c1512;border:1px solid #ff6a5a80;margin:0;padding:9px 12px;font-size:.85rem;font-weight:700}.hud-wave-preview{border:1px dashed var(--line-strong);border-radius:var(--r-md);background:var(--panel);padding:8px 11px;display:block}.hud-objective{border-radius:var(--r-md);border:1px solid var(--line);background:var(--panel);color:var(--ink);flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:9px 12px;font-size:.9rem;font-weight:600;display:flex}.hud-objective__label{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:.72rem;font-weight:800}.hud-objective__text{min-width:0}.hud-objective__reward{color:var(--blue)}.hud-objective--push{background:linear-gradient(#23200f,#171407);border-color:#e8c98a6b}.hud-objective--push .hud-objective__label{background:var(--amber);color:#201a08}.hud-objective--spend{background:linear-gradient(#10202e,#0b1622);border-color:#7ec8ff6b}.hud-objective--spend .hud-objective__label{background:var(--blue);color:#071620}