:root{color-scheme:dark;font-family:Arial Narrow,DIN Condensed,Segoe UI,sans-serif;--ink: #ecf9ff;--muted: #8eacc3;--cyan: #4fd8ff;--cyan-deep: #1a7fd4;--gold: #ffc247;--gold-deep: #b9791a;--danger: #ff4764;--hp: #3ddc6a;--panel: linear-gradient(150deg, rgba(10, 24, 48, .93), rgba(3, 9, 22, .95));--panel-line: rgba(120, 200, 255, .38)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{overflow:hidden;color:var(--ink);background:radial-gradient(circle at 50% -20%,rgba(31,110,190,.28),transparent 55%),#030713}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}button:disabled{cursor:not-allowed}.stage{display:grid;place-items:center;width:100%;height:100%;padding:clamp(4px,1vh,16px)}.board{container-type:inline-size;position:relative;width:min(100%,calc((100vh - 2 * clamp(4px,1vh,16px)) * 1672 / 941));aspect-ratio:1672 / 941;overflow:hidden;border-radius:clamp(6px,.7cqw,14px);box-shadow:0 0 0 1px #5ac8ff59,0 30px 90px #0009}.board__map,.board__layer{position:absolute;inset:0;width:100%;height:100%}.board__map{object-fit:fill}.board__layer{pointer-events:none}.board__input{pointer-events:auto;touch-action:none;outline-offset:-3px}.board__input.placing{cursor:crosshair}.hud{position:absolute;left:0;right:0;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:1.5cqw;padding:1.4cqw 1.8cqw;pointer-events:none}.hud--top{top:0}.hud--bottom{bottom:0;align-items:end}.hud>*{pointer-events:auto}.hero-card{grid-column:1;justify-self:start}.wave-card{grid-column:2}.credit-card{grid-column:3;justify-self:end}.tower-shop{grid-column:2;justify-self:center}.controls{grid-column:3;justify-self:end}.hero-card{position:relative;display:flex;align-items:center;gap:1cqw;min-width:30cqw;padding:.7cqw 2cqw .7cqw 6cqw;background:var(--panel);border:1px solid var(--panel-line);border-radius:1cqw;box-shadow:inset 0 1px #ffffff1a,0 1cqw 3cqw #00000073}.hero-card__portrait{position:absolute;left:-.6cqw;top:50%;translate:0 -50%;display:grid;place-items:end center;width:6.6cqw;height:6.6cqw;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 50% 30%,#1c4f7d,#061127 70%);border:.28cqw solid var(--gold);box-shadow:0 0 1.4cqw #ffc24780,inset 0 0 1cqw #0009}.hero-card__portrait img{width:250%;height:auto;translate:0 -6%}.hero-card__body{flex:1;min-width:0}.hero-card__title{margin:0 0 .45cqw;color:var(--gold);font-size:1.65cqw;font-weight:900;letter-spacing:.12em;text-shadow:0 .12cqw .3cqw rgba(0,0,0,.8)}.meter{position:relative;display:flex;align-items:center;height:1.9cqw;margin-top:.38cqw;padding-left:2.4cqw;overflow:hidden;background:#020814eb;border:1px solid rgba(120,200,255,.3);border-radius:.4cqw}.meter__icon{position:absolute;left:.55cqw;z-index:2;font-size:1.2cqw;line-height:1}.meter i{position:absolute;left:0;top:0;bottom:0;width:100%;transition:width .35s ease}.meter b{position:relative;z-index:2;font-size:1.15cqw;font-weight:800;letter-spacing:.06em;text-shadow:0 .1cqw .25cqw rgba(0,0,0,.9)}.meter--hp .meter__icon{color:#ff6b8a}.meter--hp i{background:linear-gradient(90deg,#1a8f43,var(--hp) 60%,#9dffb8);box-shadow:0 0 1cqw #3ddc6a80}.meter--shield .meter__icon{color:var(--cyan)}.meter--shield i{background:linear-gradient(90deg,#14508f,var(--cyan-deep) 55%,var(--cyan));box-shadow:0 0 1cqw #4fd8ff73}.wave-card{min-width:21cqw;padding:.7cqw 1.6cqw .9cqw;text-align:center;background:var(--panel);border:1px solid var(--panel-line);border-radius:1cqw;box-shadow:inset 0 1px #ffffff1a,0 1cqw 3cqw #00000073}.wave-card__head{display:flex;align-items:baseline;justify-content:center;gap:.9cqw;margin:0}.wave-card__head span{font-size:1.5cqw;font-weight:800;letter-spacing:.3em}.wave-card__head strong{color:var(--gold);font-size:2.7cqw;line-height:1;text-shadow:0 0 1.6cqw rgba(255,194,71,.55)}.wave-track{display:flex;align-items:center;justify-content:center;gap:.28cqw;margin:.55cqw 0 .4cqw}.wave-track u{width:1.1cqw;height:2px;background:#78beeb59}.wave-track em{margin-left:.5cqw;color:var(--danger);font-size:1.2cqw;font-style:normal}.wave-dot{width:.78cqw;height:.78cqw;border-radius:50%;background:#0a1c33;border:1px solid rgba(120,190,235,.55)}.wave-dot.is-done{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 .7cqw var(--cyan)}.wave-dot.is-active{background:var(--gold);border-color:var(--gold);box-shadow:0 0 1cqw var(--gold);scale:1.35}.wave-card__foot{display:flex;align-items:center;justify-content:center;gap:.8cqw;margin:0}.wave-card__foot b{font-size:1.05cqw;letter-spacing:.1em}.wave-card__foot small{color:var(--cyan);font-size:.92cqw;letter-spacing:.08em}.credit-card{display:flex;align-items:center;gap:.9cqw}.credit-chip{display:flex;align-items:center;gap:.7cqw;padding:.55cqw 1.5cqw;background:var(--panel);border:1px solid rgba(255,194,71,.55);border-radius:3cqw;box-shadow:0 0 1.6cqw #ffc24733,inset 0 1px #ffffff1a}.credit-chip span{color:var(--gold);font-size:1.7cqw;filter:drop-shadow(0 0 .5cqw rgba(255,194,71,.8))}.credit-chip strong{color:#fff3d4;font-size:1.9cqw;letter-spacing:.04em}.icon-button{display:grid;place-items:center;width:3.2cqw;height:3.2cqw;font-size:1.5cqw;background:var(--panel);border:1px solid var(--panel-line);border-radius:50%;transition:color .18s ease,border-color .18s ease,rotate .4s ease}.icon-button:hover{color:var(--gold);border-color:var(--gold);rotate:90deg}.tower-shop{display:flex;gap:.8cqw}.tower-card{position:relative;display:grid;grid-template-rows:auto auto auto;gap:.25cqw;width:9.6cqw;padding:.6cqw .5cqw .5cqw;text-align:center;background:linear-gradient(160deg,#102a4bed,#030b1bf2);border:1px solid rgba(120,200,255,.35);border-radius:.8cqw;box-shadow:0 .8cqw 2.4cqw #00000080;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease}.tower-card:hover{transform:translateY(-.5cqw);border-color:var(--cyan);box-shadow:0 1.2cqw 3cqw #0009,0 0 1.6cqw #4fd8ff4d}.tower-card.is-selected{border-color:var(--gold);box-shadow:0 0 0 .12cqw var(--gold),0 1cqw 2.6cqw #0009,0 0 2cqw #ffc24773}.tower-card.is-unaffordable{filter:saturate(.25) brightness(.7)}.tower-card__art{height:6.4cqw}.tower-card__art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 .3cqw .6cqw rgba(0,0,0,.7))}.tower-card__name{overflow:hidden;color:#fff;font-size:.92cqw;font-weight:700;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis}.tower-card__cost{display:flex;align-items:center;justify-content:center;gap:.3cqw;padding-top:.3cqw;color:var(--gold);font-size:1.15cqw;font-weight:900;border-top:1px solid rgba(120,200,255,.2)}.tower-card__key{position:absolute;top:.25cqw;right:.45cqw;color:#fff6;font-size:.8cqw}.controls{display:flex;align-items:center;gap:.6cqw}.controls__row{display:flex;gap:.55cqw}.start-wave{min-width:13cqw;padding:.75cqw 1.4cqw;color:#06172c;font-size:1.15cqw;font-weight:900;letter-spacing:.1em;background:linear-gradient(135deg,#8df3ff,#2ab6f0);border:0;border-radius:.6cqw;box-shadow:0 .6cqw 2cqw #2ab6f073;transition:transform .15s ease,filter .15s ease}.start-wave:hover:not(:disabled){transform:translateY(-.2cqw);filter:brightness(1.1)}.start-wave:disabled{filter:grayscale(1);opacity:.45;box-shadow:none}.round-button{display:grid;place-items:center;width:3.6cqw;height:3.6cqw;font-size:1.25cqw;font-weight:800;background:linear-gradient(150deg,#0c1e3af2,#030916f2);border:1px solid var(--panel-line);border-radius:50%;box-shadow:0 .5cqw 1.6cqw #00000080;transition:color .18s ease,border-color .18s ease,transform .15s ease}.round-button:hover:not(:disabled){color:var(--gold);border-color:var(--gold);transform:translateY(-.2cqw)}.round-button.is-active{color:var(--gold);border-color:var(--gold);box-shadow:0 0 1.4cqw #ffc24773}.round-button:disabled{opacity:.35}.boss-meter{position:absolute;top:12.5cqw;left:50%;z-index:6;width:30cqw;padding:.5cqw .9cqw .7cqw;translate:-50% -1cqw;opacity:0;pointer-events:none;background:#10041ae6;border:1px solid #ff4ded;border-radius:.5cqw;box-shadow:0 0 2cqw #ff4ded59;transition:opacity .25s ease,translate .25s ease}.boss-meter.is-visible{opacity:1;translate:-50% 0}.boss-meter span{color:#ff75f0;font-size:.8cqw;font-weight:800;letter-spacing:.2em}.boss-meter strong{float:right;font-size:1cqw}.boss-meter>div{clear:both;height:.45cqw;margin-top:.45cqw;overflow:hidden;background:#22092c;border-radius:2cqw}.boss-meter i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ff2f72,#db44ff);transition:width .15s linear}.toast{position:absolute;top:9.4cqw;left:50%;z-index:7;max-width:56cqw;padding:.65cqw 1.4cqw;translate:-50% -.8cqw;opacity:0;color:#fff;font-size:1.05cqw;font-weight:700;text-align:center;background:#020a1ced;border:1px solid var(--cyan);border-radius:.5cqw;box-shadow:0 0 2cqw #4fd8ff4d;pointer-events:none;transition:opacity .25s ease,translate .25s ease}.toast.is-visible{opacity:1;translate:-50% 0}.mission-modal{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:4%;background:radial-gradient(circle at 50% 35%,#0e4f808c,#01050fed 62%);transition:opacity .3s ease}.mission-modal.is-hidden{opacity:0;pointer-events:none}.mission-modal__panel{width:min(52cqw,100%);padding:2.6cqw;background:linear-gradient(150deg,#091b38f7,#020816fa);border:1px solid var(--panel-line);border-radius:1cqw;box-shadow:0 0 5cqw #2acbff38}.eyebrow{margin:0 0 .5cqw;color:var(--gold);font-size:.95cqw;font-weight:900;letter-spacing:.22em}.mission-modal h1{margin:0 0 1cqw;font-size:3.6cqw;line-height:.98;letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#75e9ff 72%);-webkit-background-clip:text;background-clip:text;color:transparent}.mission-modal__panel>p:not(.eyebrow){margin:0;color:#b6ccdb;font-size:1.15cqw;line-height:1.6}.intel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6cqw;margin:1.4cqw 0}.intel-grid.is-hidden{display:none}.intel-card{display:flex;gap:.8cqw;padding:.7cqw;background:#13365680;border-left:.16cqw solid var(--cyan);border-radius:.3cqw}.intel-card>span{color:var(--gold);font-size:1.6cqw;font-weight:900}.intel-card strong{display:block;font-size:.95cqw;letter-spacing:.06em}.intel-card small{display:block;margin-top:.25cqw;color:var(--muted);font-size:.8cqw;line-height:1.4}.primary-action{margin-top:.6cqw;padding:.9cqw 2cqw;color:#06172c;font-size:1.2cqw;font-weight:900;letter-spacing:.1em;background:linear-gradient(135deg,#8df3ff,#2ab6f0);border:0;border-radius:.5cqw;box-shadow:0 .6cqw 2cqw #2ab6f066}.primary-action:hover{filter:brightness(1.1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.001ms!important}}