@font-face{font-family:system;src:local('Arial')}*{box-sizing:border-box}html,body{margin:0;background:#10191b;color:#f3f2da;font-family:Arial,Helvetica,sans-serif;height:100%;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #d5fd61;outline-offset:4px}[hidden]{display:none!important}.raid-shell{height:100dvh;max-width:1600px;margin:auto;padding:0 24px;display:flex;flex-direction:column}.topbar{height:76px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #435048}.wordmark{font-size:27px;font-weight:950;letter-spacing:-.8px;display:flex;align-items:center}.wordmark>span{color:#d5fd61;display:inline-block;transform:rotate(-6deg) translateY(-2px)}.wordmark small{font-size:9px;letter-spacing:1.6px;line-height:1.4;margin-left:22px;max-width:140px;color:#a3b1a8;font-weight:600}nav{display:flex;gap:10px;align-items:center}nav button,nav a{background:transparent;border:1px solid #435048;border-radius:20px;color:#c8d3ca;font-size:11px;padding:9px 12px}nav button[aria-pressed=true]{color:#d5fd61;border-color:#879d45}.arena{isolation:isolate;position:relative;flex:1;min-height:0;background:#10292b;overflow:hidden;border:1px solid #435048;border-top:0;border-radius:0 0 12px 12px}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.boss-hud{position:absolute;top:20px;left:24px;right:24px;pointer-events:none}.boss-heading{display:flex;align-items:center;gap:14px;font-size:14px;font-weight:900;letter-spacing:1px;text-shadow:0 2px 8px #000}.boss-heading i{font-style:normal;font-size:11px;color:#c7fa72;border:1px solid #b3d464;padding:3px 5px;margin-right:8px}.boss-heading small{font-size:9px;font-weight:600;letter-spacing:1.8px;color:#d1d4c4;margin-left:auto}.boss-heading>b{font-size:11px}.boss-track{height:6px;background:#263734;margin-top:10px;border-radius:10px;overflow:hidden}.boss-track>div{height:100%;background:#daf87c;width:100%;transition:width .1s linear}.player-hud{position:absolute;top:79px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.hud-label{display:block;font-size:9px;color:#b6c7b9;letter-spacing:1.5px;font-weight:700}.player-hud #health{display:block;color:#d5fd61;font-size:13px;letter-spacing:2px;margin-top:5px}.clock{position:absolute;left:50%;transform:translateX(-50%);text-align:center}.clock>b{font-size:35px;font-weight:900;line-height:.95;font-variant-numeric:tabular-nums;letter-spacing:-2px}.clock>span{display:block;font-size:8px;letter-spacing:2px;margin-top:6px;color:#bdc7b9}#pause{pointer-events:auto;border:1px solid #8a9d8070;background:#112824c9;border-radius:50%;height:38px;width:38px;color:#eff5d6;font-size:17px}#pause:disabled{opacity:.35}.callout{position:absolute;top:41%;left:16px;right:16px;text-align:center;font-size:11px;font-weight:900;letter-spacing:2px;color:#effbbd;pointer-events:none;text-shadow:0 2px 6px #000}.callout[data-tone=danger]{color:#ff987a}.callout[data-tone=open]{color:#d5fd61}.bottom-hud{position:absolute;bottom:22px;left:24px;right:24px;display:flex;align-items:end;justify-content:space-between;pointer-events:none}.swarm-readout strong{display:inline-block;font-size:40px;letter-spacing:-2px;margin-right:12px;line-height:1.1}.swarm-readout>span:last-child{font-size:11px;color:#c4ccac}.bottom-hud button{pointer-events:auto;width:180px;min-height:68px;padding:13px 15px;border:1px solid #799049;color:#c8d2b9;background:#122827e8;border-radius:6px;text-align:left;font-weight:900}.bottom-hud button>small{display:block;font-size:8px;letter-spacing:1px;margin-top:5px;color:#acb99c}#burst.ready{color:#17231b;background:#d5fd61;border-color:#d5fd61;box-shadow:0 0 28px #b0dc3230}#burst.ready small{color:#374a21}.charge-track{display:block;height:3px;background:#73903c50;border-radius:3px;margin-top:8px;overflow:hidden}.charge-track>span{display:block;width:0;height:100%;background:#cafa66}#burst.ready .charge-track>span{background:#2f4d1c}.overlay{position:absolute;inset:0;background:#0c1718df;z-index:4}.intro{display:flex;align-items:center;padding:5% 6%;background:linear-gradient(90deg,#0b191a 0%,#0c1919f5 35%,#0a161873 70%,#0a161811 100%)}.intro-copy{max-width:520px}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:800;color:#d5fd61}h1{font-size:clamp(40px,5.3vw,76px);line-height:.94;letter-spacing:-3px;margin:20px 0 18px;font-weight:950}h1 em{font-style:normal;color:#d5fd61}.intro-copy>p{font-size:14px;line-height:1.5;color:#b9c8ba;margin:0 0 20px}.briefing{max-width:380px;margin-bottom:22px}.briefing p{display:flex;gap:17px;padding:10px 0;margin:0;border-top:1px solid #c2d6b326}.briefing b{font-size:10px;letter-spacing:.5px;flex-shrink:0;padding-top:3px;width:73px;color:#f5f4dc}.briefing span{font-size:12px;line-height:1.45;color:#b8c9ba}.primary{display:block;width:100%;max-width:380px;background:#d5fd61;color:#13241c;border:0;border-radius:4px;padding:17px 24px;font-weight:900;font-size:14px;letter-spacing:.3px}.primary:disabled{opacity:.6}.primary:hover:enabled{background:#e4ff97}.practice{display:block;color:#91a394;font-size:10px;line-height:1.5;margin-top:12px}.quiet-link{display:inline-block;margin-top:15px;color:#c4cdb5;font-size:11px}.centered{display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(7px)}.dialog{width:430px;max-width:100%;text-align:center}.dialog h2{font-size:44px;letter-spacing:-1.8px;line-height:1;margin:20px 0}.dialog p{font-size:13px;color:#b8c9ba;line-height:1.6;margin:0 0 25px}.dialog .primary{margin:0 auto;max-width:none}.secondary{background:none;color:#b9c8aa;border:1px solid #536045;padding:12px 20px;margin-top:12px;border-radius:5px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #52644a;border-bottom:1px solid #52644a;padding:18px 0;gap:8px;margin:24px 0}.result-stats b{display:block;font-size:27px;color:#d5fd61;font-variant-numeric:tabular-nums}.result-stats span{display:block;margin-top:6px;font-size:8px;letter-spacing:1px;color:#98b4a0}.countdown{position:absolute;inset:0;display:grid;place-items:center;background:#0b16194d;color:#d5fd61;font-size:110px;font-weight:900;z-index:5;pointer-events:none}#skip{position:absolute;right:24px;bottom:24px;z-index:6;border:1px solid #d5fd61;background:#15261f;color:#d5fd61;padding:12px 18px;border-radius:5px}footer{height:37px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.4px;font-weight:700;color:#94a093}footer i{color:#d5fd61;font-style:normal;margin:0 8px}
@media(max-width:600px){.raid-shell{padding:0 8px}.topbar{height:59px}.wordmark{font-size:23px}.wordmark small{display:none}nav{gap:5px}nav button,nav a{font-size:9px;padding:8px}.boss-hud{top:16px;left:14px;right:14px}.boss-heading{font-size:12px;gap:5px}.boss-heading small{font-size:7px;letter-spacing:.7px;max-width:125px;text-align:right}.boss-heading i{margin-right:5px}.player-hud{top:68px;left:14px;right:14px}.clock>b{font-size:30px}.callout{font-size:9px;letter-spacing:1.1px;top:40.5%}.bottom-hud{left:14px;right:14px;bottom:max(16px,env(safe-area-inset-bottom))}.bottom-hud button{width:130px;min-height:64px;font-size:12px}.swarm-readout strong{font-size:32px;margin-right:6px}.swarm-readout>span:last-child{font-size:9px;display:block}.intro{padding:24px;background:linear-gradient(90deg,#0b191aee,#0b191abf)}h1{font-size:48px;letter-spacing:-2px;margin:18px 0}.intro-copy>p{font-size:13px;margin-bottom:18px}.briefing{margin-bottom:20px}.briefing p{gap:12px;padding:9px 0}.briefing span{font-size:11px}.intro .eyebrow{font-size:8px;letter-spacing:1.9px}.primary{padding:16px 20px}footer{height:29px;font-size:6px;letter-spacing:.6px}.dialog h2{font-size:38px}.practice{font-size:9px}.result-stats b{font-size:23px}.result-stats span{font-size:7px}}
@media(max-height:650px){.topbar{height:50px}footer{height:22px}.intro{padding:20px 5%}.intro h1{font-size:38px;margin:10px 0}.intro-copy>p{display:none}.briefing{margin:12px 0}.briefing p{padding:6px 0}.practice{margin-top:8px}.quiet-link{margin-top:8px}.primary{padding:13px}.clock>b{font-size:26px}.player-hud{top:65px}.bottom-hud{bottom:12px}.bottom-hud button{min-height:55px;padding:10px}.dialog h2{font-size:32px;margin:12px 0}.dialog p{margin-bottom:15px}.result-stats{margin:15px 0;padding:12px 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.boss-track>div{transition:none}}
.clock{left:auto;right:56px;transform:none}.arena:has(.intro:not([hidden])) :is(.boss-hud,.player-hud,.bottom-hud,.callout){visibility:hidden}
.centered,.intro{align-items:flex-start}.centered>.dialog,.intro>.intro-copy{margin-block:auto;flex-shrink:0}
.build-readout{position:absolute;left:24px;top:128px;font-size:10px;letter-spacing:1px;color:#cce3ad;max-width:240px;pointer-events:none}.arena:has(.intro:not([hidden])) .build-readout{visibility:hidden}.mutation-dialog{width:480px}.mutation-dialog h2{font-size:40px}.mutation-options{display:grid;gap:10px}.mutation-options button{text-align:left;padding:16px 20px;border:1px solid #82984d;border-radius:7px;background:#1c3026;color:#eef5d4}.mutation-options button:hover,.mutation-options button:focus-visible{background:#344b2b;border-color:#d5fd61}.mutation-options small{color:#c4f47a;font-size:10px;letter-spacing:1.4px}.mutation-options strong{display:block;font-size:21px;margin:5px 0}.mutation-options span{display:block;font-size:14px;line-height:1.4;color:#c5d3b9}.dialog .build-result{font-size:12px;color:#d5fd61;margin:-8px 0 12px}.overlay{overflow:auto}@media(max-width:600px){.build-readout{left:14px;top:112px;font-size:9px;max-width:155px}.mutation-dialog h2{font-size:33px}.mutation-options button{padding:13px 16px}.mutation-options strong{font-size:20px}}@media(max-height:650px){.mutation-dialog h2{font-size:25px;margin:10px 0}.mutation-dialog p{font-size:12px;margin:0 0 12px}.mutation-options{gap:7px}.mutation-options button{padding:9px 12px}.mutation-options strong{font-size:17px;display:inline-block;margin:0 8px}.mutation-options span{font-size:12px}.mutation-dialog .secondary{padding:8px;margin-top:8px}.build-readout{top:107px}}

/* Phone-safe intro: the copy may shrink and wrap inside the arena. */
.intro>.intro-copy{max-width:min(520px,100%);width:100%;min-width:0;flex-shrink:1}.intro h1{overflow-wrap:anywhere}.briefing{max-width:100%}.briefing p{min-width:0}.briefing span{min-width:0}
@media(max-width:600px){.intro{padding:14px 14px 18px}.intro h1{font-size:30px;line-height:1.02}.briefing b{width:60px}.briefing span{font-size:11.5px}.intro .primary{width:100%;max-width:none}.quiet-link{display:block}}
@media(max-height:450px){.intro{padding:10px 16px}.intro h1{font-size:24px;margin:6px 0}.briefing p{padding:4px 0}.intro-copy>p{display:none}}