@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Space+Mono:wght@400;700&display=swap";:root{--ui-surface-0:#040e1aeb;--ui-surface-1:#08192ad6;--ui-surface-2:#0d2539c7;--ui-line:#b4e8ff47;--ui-line-strong:#63e6ffb8;--ui-ink:#effaff;--ui-muted:#b9cfdb;--ui-cyan-soft:#b9f8ff;--ui-lime-soft:#d8ffac;--ui-danger-soft:#ffb9bd;--ui-radius:12px;--ui-shadow:0 18px 60px #00000057;--ui-ease:cubic-bezier(.2, .8, .2, 1)}#app .event-thumb img{object-fit:contain;object-position:center;background:#071525}#app .brief-stats,#app .brief-footer{display:none}#app{isolation:isolate;background:radial-gradient(circle at 16% 16%,#63e6ff1c,#0000 30%),radial-gradient(circle at 84% 70%,#c6a7ff1a,#0000 34%),linear-gradient(135deg,#071525fa,#040c18f5)}#hud{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#040e1a94,#040e1a1f);border:1px solid #b4e8ff1f;border-top-color:#63e6ff5c;max-width:1640px;margin-inline:auto;padding:10px 14px;box-shadow:0 16px 46px #00000029}#app[data-phase=boss_combat] #hud{border-top-color:#ff6f79a8;box-shadow:0 16px 46px #ff3f6814}#app[data-phase=victory] #hud{border-top-color:#b6f36ba3}#app .brand-lockup{letter-spacing:.18em;gap:10px}#app .brand-mark{font-size:20px;font-weight:800}#app .stage-chip,#app .sound-button{border-color:var(--ui-line);transition:transform .18s var(--ui-ease), background .18s var(--ui-ease), border-color .18s var(--ui-ease), color .18s var(--ui-ease);background:#0715258a;border-radius:8px}#app .stage-chip{min-width:112px;padding-inline:12px}#app .stage-chip strong{font-size:19px}#app .sound-button:hover,#app .sound-button:focus-visible{transform:translateY(-2px)}#app .count-lockup{border-left:2px solid var(--cyan);background:linear-gradient(90deg,#63e6ff1a,#0000 72%);min-height:56px;padding:8px 12px 8px 7px}#app .count-lockup span,#app .progress-lockup>span,#app .status-lockup,#app .boss-heading{color:var(--ui-muted)}#app .count-lockup strong{min-width:3ch;color:var(--ui-ink);text-shadow:0 0 28px #63e6ff61}#app .progress-lockup{gap:10px;padding:8px 0}#app .progress-track{background:#8da6ba2e;border:1px solid #b4e8ff29;border-radius:999px;height:7px}#app .progress-track span{border-radius:inherit}#app #progress-value{min-width:4ch;color:var(--ui-cyan-soft);letter-spacing:.06em;font-variant-numeric:tabular-nums;font:700 10px Space Mono,monospace}#app .status-lockup{background:#040e1a57;border:1px solid #b4e8ff1f;border-radius:8px;min-height:28px;padding:6px 10px}#app .immunity-chip{background:#c6a7ff0f;border:1px solid #c6a7ff3d;border-radius:999px;min-height:20px;margin-left:auto;padding:3px 8px}#app .boss-meter{padding:8px 0 4px}#app .boss-track{border-radius:999px;height:9px;overflow:hidden;box-shadow:0 0 22px #ff3f682e}#app .boss-track span{border-radius:inherit}#app .gate-callout{max-width:min(88vw,420px);box-shadow:0 12px 34px #00000040, 0 0 24px color-mix(in srgb, var(--callout-color), transparent 78%);letter-spacing:.14em;background:#040e1ae0;border-radius:999px;padding:9px 16px;font-weight:700;top:clamp(118px,19vh,190px)}#app .touch-controls{gap:18px;max-width:540px;margin-inline:auto}#app .touch-button{opacity:.94;background:linear-gradient(145deg,#081f30db,#040e1ad1);border:1px solid #63e6ff8f;border-radius:14px;grid-template-rows:34px auto;align-content:center;gap:1px;width:82px;min-width:82px;height:74px;min-height:74px;display:grid;box-shadow:inset 0 0 20px #63e6ff14,0 12px 36px #0000004d}#app .touch-button span{color:#effaffc7;letter-spacing:.1em;font-size:8px}#app .touch-button svg{justify-self:center}#app .touch-button[data-active],#app .touch-button:active{background:linear-gradient(145deg,#b6f36b38,#071525e6);transform:translateY(2px)scale(.96)}#app .menu-overlay{background:radial-gradient(circle at 78% 28%,#63e6ff21,#0000 22%),radial-gradient(circle at 84% 70%,#ff6f791a,#0000 26%),linear-gradient(90deg,#040e1afa,#040e1ad1 48%,#040e1a8a);padding:clamp(24px,5vw,72px)}#app .menu-content{width:min(720px,100%);padding:22px 0 30px}#app .menu-content:before,#app .menu-content:after{z-index:-1;content:"";pointer-events:none;position:absolute}#app .menu-content:before{aspect-ratio:1;border:1px solid #63e6ff42;border-radius:50%;width:min(28vw,360px);animation:12s linear infinite menu-orbit;top:4%;left:min(640px,84vw);box-shadow:0 0 0 18px #63e6ff0a,0 0 0 46px #c6a7ff08,inset 0 0 80px #63e6ff1a}#app .menu-content:after{border:1px solid var(--lime);width:16px;height:16px;box-shadow:0 0 28px var(--lime), 0 0 80px #b6f36b80;border-radius:50%;top:22%;left:min(735px,94vw)}#app h1{letter-spacing:-.045em;text-shadow:0 0 34px #63e6ff38,8px 8px #63e6ff0d;max-width:9ch;margin-top:30px;font-size:clamp(64px,9.6vw,132px);line-height:.8}#app .menu-content>p{max-width:460px;color:var(--ui-muted);font-size:15px;line-height:1.65}#app .campaign-note{background:#b6f36b12;border:1px solid #b6f36b61;border-radius:999px;align-items:center;min-height:28px;padding:5px 9px;font-weight:700;display:inline-flex}#app .menu-actions{margin-top:26px}#app .primary-button,#app .secondary-button,#app .donate-button{border-radius:8px}#app .primary-button{min-height:56px;transition:transform .2s var(--ui-ease), box-shadow .2s var(--ui-ease), background .2s var(--ui-ease);box-shadow:0 12px 34px #b6f36b33,inset 0 0 0 1px #ffffff47}#app .primary-button:hover,#app .primary-button:focus-visible{transform:translateY(-3px)scale(1.01)}#app .controls-hint{color:var(--ui-muted);opacity:.92}#app .stage-grid{gap:10px;width:min(680px,100%)}#app .stage-card{background:linear-gradient(135deg,#081f30bf,#040e1a9e);border-color:#b4e8ff33;border-radius:9px;min-height:58px;padding:10px 13px}#app .stage-card strong{font-size:26px}#app .stage-card.is-current{border-color:var(--lime);box-shadow:inset 4px 0 var(--lime), 0 0 22px #b6f36b1f}#app .draft-overlay{background:#020912db}#app .draft-panel,#app .pause-panel{box-shadow:var(--ui-shadow), inset 0 1px 0 #effaff1a;background:linear-gradient(145deg,#08192afa,#040e1afa);border-color:#63e6ff80;border-radius:16px}#app .draft-card{transition:transform .2s var(--ui-ease), border-color .2s var(--ui-ease), background .2s var(--ui-ease), box-shadow .2s var(--ui-ease);background:linear-gradient(145deg,#0d2539b8,#040e1ab8);border-radius:12px}#app .draft-card:hover,#app .draft-card:focus-visible{box-shadow:0 12px 30px #0000003d,0 0 20px #b6f36b1a}#app .power-icon{border-radius:11px;box-shadow:inset 0 0 14px #63e6ff1f,0 0 16px #63e6ff29}#app .pause-panel h2{font-size:clamp(58px,10vw,88px)}#app .community-panel{box-shadow:var(--ui-shadow);border-color:#63e6ff57;border-radius:16px}@keyframes menu-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=900px){#app .menu-content:before,#app .menu-content:after{display:none}#app .menu-overlay{background:linear-gradient(135deg,#040e1afa,#040e1adb)}}@media (width<=620px){#app #hud{background:linear-gradient(#040e1ab8,#040e1a2e);border-left:0;border-right:0;padding:6px 7px}#app .count-lockup{min-height:50px;padding-left:5px}#app .count-lockup span{font-size:7px;display:inline}#app .count-lockup strong{font-size:44px}#app .progress-lockup{min-width:132px;padding-right:4px}#app .progress-lockup>span{display:none}#app .progress-track{width:min(27vw,126px)}#app #progress-value{font-size:9px}#app .status-lockup{padding:5px 7px;font-size:8px}#app .immunity-chip{gap:5px;margin-left:auto;padding-inline:6px;font-size:7px}#app .touch-controls{right:max(18px, env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));left:max(18px, env(safe-area-inset-left))}#app .touch-button{width:78px;min-width:78px;height:72px;min-height:72px}#app .menu-content{padding-top:12px}#app h1{margin-top:25px;font-size:clamp(58px,17vw,78px);line-height:.82}#app .menu-content>p{font-size:14px;line-height:1.55}#app .campaign-note{font-size:8px}#app .stage-card{min-height:56px}#app .draft-panel{border-radius:14px}}@media (prefers-reduced-motion:reduce){#app .menu-content:before{animation:none}}#app .mode-select-native{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#app .menu-overlay{background:radial-gradient(circle at 72% 28%,#63e6ff29,#0000 24%),radial-gradient(circle at 88% 78%,#b6f36b14,#0000 28%),linear-gradient(100deg,#030c17fc 0%,#030c17eb 49%,#030c17ad 100%);justify-content:center;align-items:center;padding:clamp(24px,4vw,68px)}#app .menu-content{scrollbar-width:thin;scrollbar-color:#63e6ff6b transparent;width:min(1240px,100%);max-height:100%;padding:clamp(12px,2vw,30px);overflow:auto}#app .menu-layout{grid-template-columns:minmax(0,1.04fr) minmax(320px,.72fr);align-items:center;gap:clamp(26px,5vw,84px);display:grid}#app .menu-primary{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#08192ad6,#040e1a80);border:1px solid #b4e8ff33;border-radius:22px;min-width:0;padding:clamp(24px,4vw,52px);box-shadow:0 26px 90px #00000047,inset 0 1px #effaff14}#app .menu-title-lockup{gap:10px;margin-top:clamp(28px,4vw,52px);display:grid}#app .menu-title-index{color:var(--ui-lime-soft);letter-spacing:.18em;font:700 10px Space Mono,monospace}#app .menu-title-rule{background:linear-gradient(90deg, var(--cyan), transparent);width:min(280px,70%);height:2px;display:block;box-shadow:0 0 18px #63e6ff70}#app .menu-primary h1{max-width:8ch;margin:0;font-size:clamp(68px,8.8vw,132px);line-height:.82}#app .menu-primary>p{max-width:500px;margin-top:20px;font-size:clamp(15px,1.4vw,18px);line-height:1.55}#app .menu-brief{background:linear-gradient(#08192ac2,#040e1ae0),radial-gradient(circle at 50% 38%,#63e6ff24,#0000 36%);border:1px solid #63e6ff57;border-radius:22px;min-height:480px;padding:20px;position:relative;overflow:hidden;box-shadow:0 26px 90px #0000004d,inset 0 1px #effaff1a}#app .menu-brief:before,#app .menu-brief:after{content:"";pointer-events:none;position:absolute}#app .menu-brief:before{border:1px solid #b4e8ff1a;border-radius:14px;inset:12px}#app .menu-brief:after{border:1px solid #b6f36b29;border-radius:50%;width:180px;height:180px;bottom:74px;right:-60px;box-shadow:0 0 0 22px #b6f36b09,0 0 0 46px #63e6ff06}#app .brief-topline,#app .brief-footer{z-index:1;color:var(--ui-muted);letter-spacing:.14em;justify-content:space-between;align-items:center;font:700 9px Space Mono,monospace;display:flex;position:relative}#app .brief-live{color:var(--ui-lime-soft);align-items:center;gap:6px;display:inline-flex}#app .brief-live i{background:var(--lime);width:7px;height:7px;box-shadow:0 0 14px var(--lime);border-radius:50%}#app .brief-visual{z-index:1;background:linear-gradient(90deg,#0000 49.5%,#63e6ff38 50%,#0000 50.5%),repeating-linear-gradient(0deg,#0000 0 45px,#63e6ff1a 46px,#0000 47px),radial-gradient(at 50% 35%,#63e6ff21,#0000 45%);border-block:1px solid #63e6ff2e;height:270px;margin:22px 0 14px;position:relative;overflow:hidden}#app .brief-visual:before{content:"";border:1px solid #b6f36b5c;border-radius:50% 50% 0 0;width:260px;height:360px;position:absolute;bottom:-130px;left:50%;transform:translate(-50%)perspective(180px)rotateX(38deg);box-shadow:0 0 26px #b6f36b14}#app .brief-orbit{border:1px solid #63e6ff8f;border-radius:50%;width:132px;height:132px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 28px #63e6ff21,inset 0 0 24px #63e6ff1a}#app .brief-orbit-b{border-color:#c6a7ff66;width:184px;height:74px;transform:translate(-50%,-50%)rotate(-24deg)}#app .brief-core{border:2px solid var(--lime);width:24px;height:24px;box-shadow:0 0 18px var(--lime), 0 0 56px #b6f36b80;background:#b6f36b2e;border-radius:50%;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}#app .brief-route{background:linear-gradient(#63e6ff8c,#0000);width:1px;height:46%;position:absolute;bottom:0;left:50%}#app .brief-signal{border:1px solid var(--coral);border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:0 0 18px #ff6f79a6}#app .brief-signal-a{top:20%;left:19%}#app .brief-signal-b{border-color:var(--lime);bottom:25%;right:16%;box-shadow:0 0 18px #b6f36b99}#app .brief-heading{z-index:1;border-bottom:1px solid #b4e8ff29;gap:7px;padding:4px 4px 16px;display:grid;position:relative}#app .brief-heading span,#app .brief-stats dt{color:var(--ui-muted);letter-spacing:.14em;font:700 9px Space Mono,monospace}#app .brief-heading strong{color:var(--ui-ink);letter-spacing:.04em;font-size:clamp(24px,3vw,36px)}#app .brief-stats{z-index:1;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:16px 4px;display:grid;position:relative}#app .brief-stats div{gap:7px;min-width:0;display:grid}#app .brief-stats dd{color:var(--ui-cyan-soft);margin:0;font:700 10px/1.3 Space Mono,monospace}#app .brief-footer{border-top:1px solid #b4e8ff29;padding-top:12px;position:absolute;bottom:20px;left:20px;right:20px}#app .brief-footer span:last-child{color:var(--lime);font-size:18px}#app[data-reduced-motion=false] .brief-orbit-a{animation:12s linear infinite brief-orbit}#app[data-reduced-motion=false] .brief-core{animation:2.6s ease-in-out infinite brief-pulse}#app .menu-primary .menu-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;display:flex}#app .menu-primary .primary-button{min-width:190px}#app .menu-primary .secondary-button{min-height:56px}#app .menu-primary .controls-hint{margin-top:17px}#app[data-view=campaign] .menu-brief{display:none}#app[data-view=campaign] .menu-layout{grid-template-columns:1fr;max-width:820px;margin-inline:auto}@keyframes brief-orbit{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes brief-pulse{0%,to{opacity:.8;transform:translate(-50%,-50%)scale(.94)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}@media (width<=900px){#app .menu-content{padding:8px 0 24px}#app .menu-layout{grid-template-columns:1fr;gap:18px}#app .menu-primary{padding:24px}#app .menu-brief{min-height:300px}#app .brief-visual{height:150px;margin-top:16px}#app .brief-heading strong{font-size:25px}#app .brief-orbit{width:88px;height:88px}#app .brief-orbit-b{width:126px;height:54px}#app .brief-core{width:18px;height:18px}#app .brief-visual:before{width:170px;height:220px;bottom:-90px}}@media (width<=620px){#app .menu-overlay{padding:max(18px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-left)) calc(18px + env(safe-area-inset-bottom));align-items:flex-start}#app .menu-primary{border-radius:18px;padding:18px}#app .menu-title-lockup{gap:8px;margin-top:22px}#app .menu-title-index{font-size:8px}#app .menu-primary h1{max-width:7ch;font-size:clamp(58px,18vw,78px)}#app .menu-primary>p{margin-top:14px;font-size:14px}#app .menu-primary .menu-actions{grid-template-columns:1fr;margin-top:20px;display:grid}#app .menu-primary .primary-button,#app .menu-primary .secondary-button{width:100%;min-width:0;min-height:52px}#app .menu-brief{border-radius:18px;min-height:278px;padding:16px}#app .brief-topline{font-size:8px}#app .brief-visual{height:126px;margin:12px 0 8px}#app .brief-stats{padding:12px 2px}#app .brief-stats dt{font-size:7px}#app .brief-stats dd{font-size:8px}#app .brief-footer{font-size:7px;bottom:15px;left:16px;right:16px}}@media (prefers-reduced-motion:reduce){#app[data-reduced-motion=false] .brief-orbit-a,#app[data-reduced-motion=false] .brief-core{animation:none}}@media (width<=620px){#app #menu-overlay[data-menu-phase=defeat]{height:100dvh;min-height:100dvh;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-left)) max(10px, env(safe-area-inset-bottom));overflow:hidden}#app #menu-overlay[data-menu-phase=defeat] .menu-content{flex-direction:column;justify-content:center;width:100%;height:100%;max-height:none;padding:4px 0;display:flex;overflow:hidden}#app #menu-overlay[data-menu-phase=defeat] .menu-layout{flex:none;display:block}#app #menu-overlay[data-menu-phase=defeat] .menu-brief{display:none}#app #menu-overlay[data-menu-phase=defeat] .menu-primary{border-radius:14px;padding:12px 14px}#app #menu-overlay[data-menu-phase=defeat] .menu-title-lockup{gap:4px;margin-top:10px}#app #menu-overlay[data-menu-phase=defeat] .menu-title-index,#app #menu-overlay[data-menu-phase=defeat] .menu-title-rule{display:none}#app #menu-overlay[data-menu-phase=defeat] .menu-primary h1{max-width:8ch;font-size:clamp(42px,13vw,58px);line-height:.78}#app #menu-overlay[data-menu-phase=defeat] .menu-primary>p{-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:none;margin:8px 0 0;font-size:10px;line-height:1.28;display:-webkit-box;overflow:hidden}#app #menu-overlay[data-menu-phase=defeat] .menu-primary .menu-actions{gap:6px;margin-top:10px}#app #menu-overlay[data-menu-phase=defeat] .menu-primary .primary-button,#app #menu-overlay[data-menu-phase=defeat] .menu-primary .secondary-button{height:40px;min-height:40px;font-size:9px}#app #menu-overlay[data-menu-phase=defeat] .controls-hint,#app #menu-overlay[data-menu-phase=defeat] .disclaimer{display:none}#app #menu-overlay[data-menu-phase=defeat] .community-panel{border-radius:14px;flex:none;gap:7px;max-height:275px;margin-top:8px;padding:10px;display:grid;overflow:hidden}#app #menu-overlay[data-menu-phase=defeat] .community-support{grid-template-columns:minmax(0,1fr) 128px;align-items:center;gap:8px;padding-bottom:8px;display:grid}#app #menu-overlay[data-menu-phase=defeat] .community-kicker{font-size:7px}#app #menu-overlay[data-menu-phase=defeat] .community-support h2{margin:3px 0;font-size:20px;line-height:.95}#app #menu-overlay[data-menu-phase=defeat] .community-support p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.25;display:-webkit-box;overflow:hidden;font-size:8px!important}#app #menu-overlay[data-menu-phase=defeat] .donate-button{min-height:42px;padding:8px 5px;font-size:8px}#app #menu-overlay[data-menu-phase=defeat] .events-head{min-height:24px}#app #menu-overlay[data-menu-phase=defeat] .events-head h3{font-size:18px;line-height:.95}#app #menu-overlay[data-menu-phase=defeat] .events-link{font-size:8px}#app #menu-overlay[data-menu-phase=defeat] .events-status{margin:0;font-size:7px}#app #menu-overlay[data-menu-phase=defeat] .events-carousel{height:72px;overflow:hidden}#app #menu-overlay[data-menu-phase=defeat] .events-track{grid-auto-columns:calc(33.3333% - 4px);gap:6px;height:72px;padding:0;overflow:hidden}#app #menu-overlay[data-menu-phase=defeat] .event-card{min-width:0;height:72px;min-height:72px;display:block}#app #menu-overlay[data-menu-phase=defeat] .event-thumb{height:72px}#app #menu-overlay[data-menu-phase=defeat] .event-copy{display:none}}#app .draft-card .power-icon-svg[data-icon=cd8],#app .draft-card .power-icon-svg[data-icon=cd4],#app .draft-card .power-icon-svg[data-icon=memory-tcell]{background-position:50%;background-repeat:no-repeat;background-size:contain}#app .draft-card .power-icon-svg[data-icon=cd8]{background-image:url(../assets/generated/imagegen-2026-08-23/ui/immune-cd8-v1.png)}#app .draft-card .power-icon-svg[data-icon=cd4]{background-image:url(../assets/generated/imagegen-2026-08-23/ui/immune-cd4-v1.png)}#app .draft-card .power-icon-svg[data-icon=memory-tcell]{background-image:url(../assets/generated/imagegen-2026-08-23/ui/immune-memory-v1.png)}#app .draft-options{align-items:stretch}#app .draft-card{box-sizing:border-box;text-align:left;grid-template-columns:72px minmax(0,1fr);align-items:start;gap:14px;min-height:154px;padding:16px;display:grid}#app .draft-card .power-icon{box-sizing:border-box;border-radius:16px;place-items:center;width:72px;height:72px;display:grid}#app .draft-card .power-icon-svg{flex:0 0 60px;width:60px;height:60px}#app .draft-card-copy{align-content:start;gap:6px;min-width:0;padding-top:2px;display:grid}#app .draft-card-copy strong{min-height:2.3em;color:var(--ink);text-wrap:balance;align-items:flex-start;line-height:1.15;display:flex}#app .draft-card-copy small{min-height:1.35em;line-height:1.35;display:block}#app .draft-card-copy em{margin:0;line-height:1.45}@media (width<=620px){#app .draft-card{grid-template-columns:72px minmax(0,1fr);gap:12px;min-height:112px;padding:12px}#app .draft-card .power-icon{width:72px;height:72px}#app .draft-card-copy{padding-top:1px}}#app .brief-visual{background:linear-gradient(#04111f14,#04111f57),url(../assets/generated/imagegen-2026-08-23/ui/mission-brief-poster-v1.png) 50%/cover no-repeat}#app .brief-visual:before,#app .brief-visual>span{display:none}#app .menu-brief{min-height:480px;padding:12px;display:grid}#app .menu-brief>:not(.brief-visual){display:none}#app .brief-visual{border:1px solid #63e6ff33;border-radius:12px;height:100%;min-height:0;margin:0}@media (width<=900px){#app .menu-brief{min-height:0}#app .brief-visual{aspect-ratio:16/9;height:auto}}#app #menu-overlay[data-menu-phase=victory] .menu-title-index,#app #menu-overlay[data-menu-phase=victory] .menu-title-rule,#app #menu-overlay[data-menu-phase=defeat] .menu-title-index,#app #menu-overlay[data-menu-phase=defeat] .menu-title-rule,#app #menu-overlay[data-menu-phase=victory] #menu-copy,#app #menu-overlay[data-menu-phase=defeat] #menu-copy{display:none}#app #menu-overlay[data-menu-phase=victory] .menu-primary h1,#app #menu-overlay[data-menu-phase=defeat] .menu-primary h1{text-wrap:balance;max-width:none}#app #menu-overlay[data-menu-phase=victory] .community-support,#app #menu-overlay[data-menu-phase=defeat] .community-support{padding-bottom:clamp(10px,1.4vw,16px);display:block}#app #menu-overlay[data-menu-phase=victory] .community-support>div,#app #menu-overlay[data-menu-phase=defeat] .community-support>div{display:none}#app #menu-overlay[data-menu-phase=victory] .donate-button,#app #menu-overlay[data-menu-phase=defeat] .donate-button{justify-content:center;align-items:center;width:100%;min-height:54px;display:flex}@media (width<=620px){#app #menu-overlay[data-menu-phase=victory] .menu-primary h1,#app #menu-overlay[data-menu-phase=defeat] .menu-primary h1{font-size:clamp(44px,14vw,72px)}#app #menu-overlay[data-menu-phase=victory] .community-support,#app #menu-overlay[data-menu-phase=defeat] .community-support{padding-bottom:8px}#app #menu-overlay[data-menu-phase=victory] .donate-button,#app #menu-overlay[data-menu-phase=defeat] .donate-button{min-height:48px}}#app #menu-overlay[data-menu-phase=victory],#app #menu-overlay[data-menu-phase=defeat]{align-items:center;padding:clamp(18px,3vw,48px);overflow:hidden}#app #menu-overlay[data-menu-phase=victory] .menu-content,#app #menu-overlay[data-menu-phase=defeat] .menu-content{grid-template:"result community"minmax(0,1fr)/minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;gap:clamp(16px,3vw,44px);width:min(1180px,100%);height:min(680px,100dvh - 36px);max-height:100%;padding:0;display:grid;overflow:hidden}#app #menu-overlay[data-menu-phase=victory] .menu-layout,#app #menu-overlay[data-menu-phase=defeat] .menu-layout{grid-area:result;min-width:0;height:100%;min-height:0;display:block}#app #menu-overlay[data-menu-phase=victory] .menu-brief,#app #menu-overlay[data-menu-phase=defeat] .menu-brief{display:none}#app #menu-overlay[data-menu-phase=victory] .menu-primary,#app #menu-overlay[data-menu-phase=defeat] .menu-primary{flex-direction:column;justify-content:center;height:100%;min-height:0;padding:clamp(24px,3vw,46px);display:flex;overflow:hidden}@media (width>=621px){#app #menu-overlay[data-menu-phase=victory] .menu-title-lockup,#app #menu-overlay[data-menu-phase=defeat] .menu-title-lockup{gap:8px;margin-top:clamp(20px,2.5vw,34px)}#app #menu-overlay[data-menu-phase=victory] .menu-primary h1,#app #menu-overlay[data-menu-phase=defeat] .menu-primary h1{max-width:none;font-size:clamp(56px,5.2vw,84px);line-height:.8}#app #menu-overlay[data-menu-phase=victory] .menu-primary>p,#app #menu-overlay[data-menu-phase=defeat] .menu-primary>p{margin-top:16px;font-size:clamp(13px,1.1vw,16px)}#app #menu-overlay[data-menu-phase=victory] .menu-primary .menu-actions,#app #menu-overlay[data-menu-phase=defeat] .menu-primary .menu-actions{margin-top:20px}}#app #menu-overlay[data-menu-phase=victory] .community-panel,#app #menu-overlay[data-menu-phase=defeat] .community-panel{grid-area:community;grid-template-rows:auto auto auto minmax(0,1fr);align-content:center;gap:clamp(10px,1.4vw,18px);width:100%;max-width:none;height:100%;min-height:0;margin:0;padding:clamp(18px,2.2vw,30px);display:grid;overflow:hidden}#app #menu-overlay[data-menu-phase=victory] .community-support,#app #menu-overlay[data-menu-phase=defeat] .community-support{grid-template-columns:minmax(0,1fr) minmax(150px,.58fr);gap:clamp(12px,2vw,24px);padding-bottom:clamp(12px,1.6vw,18px)}#app #menu-overlay[data-menu-phase=victory] .community-support h2,#app #menu-overlay[data-menu-phase=defeat] .community-support h2{margin:6px 0;font-size:clamp(26px,3vw,38px)}#app #menu-overlay[data-menu-phase=victory] .community-support p,#app #menu-overlay[data-menu-phase=defeat] .community-support p{max-width:34ch!important;font-size:clamp(10px,.9vw,12px)!important}#app #menu-overlay[data-menu-phase=victory] .donate-button,#app #menu-overlay[data-menu-phase=defeat] .donate-button{text-align:center;min-height:52px;padding-inline:14px}#app #menu-overlay[data-menu-phase=victory] .events-head,#app #menu-overlay[data-menu-phase=defeat] .events-head{min-height:34px}#app #menu-overlay[data-menu-phase=victory] .events-head h3,#app #menu-overlay[data-menu-phase=defeat] .events-head h3{margin-top:4px;font-size:clamp(24px,2.5vw,34px)}#app #menu-overlay[data-menu-phase=victory] .events-carousel,#app #menu-overlay[data-menu-phase=defeat] .events-carousel{height:100%;min-height:0}#app #menu-overlay[data-menu-phase=victory] .events-track,#app #menu-overlay[data-menu-phase=defeat] .events-track{grid-auto-columns:minmax(145px,1fr);height:100%;padding-bottom:5px;overflow:auto hidden}#app #menu-overlay[data-menu-phase=victory] .event-card,#app #menu-overlay[data-menu-phase=defeat] .event-card{grid-template-rows:minmax(150px,1fr) auto;height:100%;min-height:0}@media (width<=900px) and (width>=621px){#app #menu-overlay[data-menu-phase=victory] .menu-content,#app #menu-overlay[data-menu-phase=defeat] .menu-content{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:16px}#app #menu-overlay[data-menu-phase=victory] .menu-primary,#app #menu-overlay[data-menu-phase=defeat] .menu-primary{padding:20px}#app #menu-overlay[data-menu-phase=victory] .community-panel,#app #menu-overlay[data-menu-phase=defeat] .community-panel{padding:16px}}@media (width<=620px){#app #menu-overlay[data-menu-phase=victory],#app #menu-overlay[data-menu-phase=defeat]{height:100dvh;min-height:100dvh;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-left)) max(10px, env(safe-area-inset-bottom));align-items:stretch}#app #menu-overlay[data-menu-phase=victory] .menu-content,#app #menu-overlay[data-menu-phase=defeat] .menu-content{flex-direction:column;justify-content:center;gap:clamp(8px,1.6vh,14px);width:100%;height:100%;max-height:none;display:flex;overflow:hidden}#app #menu-overlay[data-menu-phase=victory] .menu-layout,#app #menu-overlay[data-menu-phase=defeat] .menu-layout{flex:none;height:auto}#app #menu-overlay[data-menu-phase=victory] .menu-primary,#app #menu-overlay[data-menu-phase=defeat] .menu-primary{height:auto;padding:clamp(14px,2.7vh,22px) 14px}#app #menu-overlay[data-menu-phase=victory] .community-panel,#app #menu-overlay[data-menu-phase=defeat] .community-panel{flex:auto;grid-template-rows:auto auto auto minmax(0,1fr);gap:8px;height:auto;max-height:none;margin:0;padding:clamp(10px,2.2vw,14px)}#app #menu-overlay[data-menu-phase=victory] .community-support,#app #menu-overlay[data-menu-phase=defeat] .community-support{grid-template-columns:minmax(0,1fr) minmax(118px,.72fr);gap:10px;padding-bottom:9px}#app #menu-overlay[data-menu-phase=victory] .community-support h2,#app #menu-overlay[data-menu-phase=defeat] .community-support h2{margin:3px 0;font-size:clamp(20px,6vw,27px)}#app #menu-overlay[data-menu-phase=victory] .community-support p,#app #menu-overlay[data-menu-phase=defeat] .community-support p{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.3;display:-webkit-box;overflow:hidden;font-size:9px!important}#app #menu-overlay[data-menu-phase=victory] .donate-button,#app #menu-overlay[data-menu-phase=defeat] .donate-button{min-height:clamp(42px,7vh,54px);padding:8px 6px;font-size:8px}#app #menu-overlay[data-menu-phase=victory] .events-head,#app #menu-overlay[data-menu-phase=defeat] .events-head{min-height:26px}#app #menu-overlay[data-menu-phase=victory] .events-head h3,#app #menu-overlay[data-menu-phase=defeat] .events-head h3{font-size:clamp(18px,5.5vw,23px)}#app #menu-overlay[data-menu-phase=victory] .events-carousel,#app #menu-overlay[data-menu-phase=defeat] .events-carousel{height:100%;min-height:0}#app #menu-overlay[data-menu-phase=victory] .events-track,#app #menu-overlay[data-menu-phase=defeat] .events-track{grid-auto-columns:calc(50% - 5px);gap:6px;height:100%;padding:0 0 4px;overflow:auto hidden}#app #menu-overlay[data-menu-phase=victory] .event-card,#app #menu-overlay[data-menu-phase=defeat] .event-card{grid-template-rows:minmax(92px,1fr) auto;height:100%;min-height:0}#app #menu-overlay[data-menu-phase=victory] .event-thumb,#app #menu-overlay[data-menu-phase=defeat] .event-thumb{height:auto;min-height:92px}#app #menu-overlay[data-menu-phase=victory] .event-copy,#app #menu-overlay[data-menu-phase=defeat] .event-copy{min-height:42px;padding:6px;display:grid}#app #menu-overlay[data-menu-phase=victory] .event-title,#app #menu-overlay[data-menu-phase=defeat] .event-title{font-size:8px!important}#app #menu-overlay[data-menu-phase=victory] .event-cta,#app #menu-overlay[data-menu-phase=defeat] .event-cta{font-size:7px}}#app #menu-overlay[data-menu-phase=menu] .mode-picker{grid-template-columns:1fr;gap:10px;margin-top:clamp(20px,2vw,28px)}#app #menu-overlay[data-menu-phase=menu] .mode-picker>span:first-child{color:var(--ui-muted);letter-spacing:.16em;font-size:9px}#app #menu-overlay[data-menu-phase=menu] .mode-menu{width:100%;min-width:0}#app #menu-overlay[data-menu-phase=menu] .mode-options{width:100%;box-shadow:none;background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;display:grid;position:static}#app #menu-overlay[data-menu-phase=menu] .mode-option{min-height:106px;color:var(--ui-ink);font:inherit;text-align:left;transition:transform .18s var(--ui-ease), border-color .18s ease, background .18s ease, box-shadow .18s ease;background:linear-gradient(145deg,#0b2033e6,#040e1ac2);border:1px solid #b4e8ff38;border-radius:12px;align-content:start;gap:9px;padding:16px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #effaff0d}#app #menu-overlay[data-menu-phase=menu] .mode-option:after{content:"SELECT";color:var(--ui-muted);letter-spacing:.12em;font:700 7px Space Mono,monospace;position:absolute;top:10px;right:10px}#app #menu-overlay[data-menu-phase=menu] .mode-option strong{color:var(--ui-ink);letter-spacing:.03em;padding-right:46px;font:800 clamp(17px,1.6vw,22px)/1 Barlow Condensed,sans-serif}#app #menu-overlay[data-menu-phase=menu] .mode-option small{color:#c6d8e4;letter-spacing:0;font:400 10px/1.45 Space Mono,monospace}#app #menu-overlay[data-menu-phase=menu] .mode-option:hover,#app #menu-overlay[data-menu-phase=menu] .mode-option:focus-visible{background:linear-gradient(145deg,#0d2f46f5,#041320e0);border-color:#63e6ffd1;transform:translateY(-2px);box-shadow:0 12px 28px #00000038,0 0 22px #63e6ff1a}#app #menu-overlay[data-menu-phase=menu] .mode-option:active{transform:scale(.985)}#app #menu-overlay[data-menu-phase=menu] .mode-option.is-selected{border-color:var(--lime);box-shadow:inset 3px 0 var(--lime), 0 0 24px #b6f36b1a;background:linear-gradient(145deg,#2a4933e6,#071c20e6)}#app #menu-overlay[data-menu-phase=menu] .mode-option.is-selected:after{content:"ACTIVE";color:var(--ui-lime-soft)}#app #menu-overlay[data-menu-phase=menu] .mode-description{display:none}#app #menu-overlay[data-menu-phase=menu] .mode-select-native{pointer-events:none}#app #menu-overlay[data-menu-phase=menu] .menu-actions{margin-top:clamp(22px,2.5vw,32px)}#app #menu-overlay[data-menu-phase=menu] .primary-button{border-radius:10px;min-width:min(280px,100%);min-height:58px}#app #menu-overlay[data-menu-phase=menu] .campaign-button{border-radius:10px;min-height:58px}#app #menu-overlay[data-menu-phase=victory] .menu-primary,#app #menu-overlay[data-menu-phase=defeat] .menu-primary{isolation:isolate;border-radius:22px;position:relative}#app #menu-overlay[data-menu-phase=victory] .menu-primary{background:linear-gradient(145deg,#122f2bdb,#040e1ad1);border-color:#b6f36b61}#app #menu-overlay[data-menu-phase=defeat] .menu-primary{background:linear-gradient(145deg,#331727db,#040e1ad1);border-color:#ff6f7961}#app #menu-overlay[data-menu-phase=victory] .menu-primary h1,#app #menu-overlay[data-menu-phase=defeat] .menu-primary h1{z-index:1;letter-spacing:-.025em;position:relative}#app #menu-overlay[data-menu-phase=victory] .menu-primary h1{text-shadow:0 0 28px #b6f36b2e}#app #menu-overlay[data-menu-phase=defeat] .menu-primary h1{text-shadow:0 0 28px #ff6f792e}#app #menu-overlay[data-menu-phase=victory] .community-panel,#app #menu-overlay[data-menu-phase=defeat] .community-panel{background:linear-gradient(145deg,#08192aeb,#040e1ad6);border-color:#63e6ff47;border-radius:22px}#app #menu-overlay[data-menu-phase=victory] .events-head h3,#app #menu-overlay[data-menu-phase=defeat] .events-head h3{text-wrap:balance}#app .primary-button,#app .secondary-button,#app .donate-button,#app .mode-option,#app .event-card{touch-action:manipulation}@media (width<=620px){#app #menu-overlay[data-menu-phase=menu] .mode-options{grid-template-columns:1fr;gap:8px}#app #menu-overlay[data-menu-phase=menu] .mode-option{gap:6px;min-height:82px;padding:13px 14px}#app #menu-overlay[data-menu-phase=menu] .mode-option strong{font-size:19px}#app #menu-overlay[data-menu-phase=menu] .mode-option small{max-width:34ch;font-size:9px}#app #menu-overlay[data-menu-phase=menu] .primary-button,#app #menu-overlay[data-menu-phase=menu] .campaign-button{min-height:54px}}@media (width>=901px) and (height<=780px){#app #menu-overlay[data-menu-phase=menu]{padding:22px clamp(34px,5vw,76px)}#app #menu-overlay[data-menu-phase=menu] .menu-content{padding:0;overflow:hidden}#app #menu-overlay[data-menu-phase=menu] .menu-layout{gap:clamp(32px,4vw,62px)}#app #menu-overlay[data-menu-phase=menu] .menu-primary{padding:28px clamp(28px,3.6vw,48px)}#app #menu-overlay[data-menu-phase=menu] .menu-title-lockup{gap:8px;margin-top:0}#app #menu-overlay[data-menu-phase=menu] .menu-primary h1{font-size:clamp(64px,7.2vw,98px)}#app #menu-overlay[data-menu-phase=menu] .menu-primary>p{margin-top:13px;font-size:15px}#app #menu-overlay[data-menu-phase=menu] .mode-picker{gap:7px;margin-top:16px}#app #menu-overlay[data-menu-phase=menu] .mode-options{gap:8px}#app #menu-overlay[data-menu-phase=menu] .mode-option{gap:5px;min-height:82px;padding:12px 14px}#app #menu-overlay[data-menu-phase=menu] .mode-option strong{font-size:19px}#app #menu-overlay[data-menu-phase=menu] .mode-option small{font-size:9px;line-height:1.35}#app #menu-overlay[data-menu-phase=menu] .menu-actions{margin-top:16px}#app #menu-overlay[data-menu-phase=menu] .primary-button,#app #menu-overlay[data-menu-phase=menu] .campaign-button{min-height:52px}#app #menu-overlay[data-menu-phase=menu] .controls-hint{margin-top:14px}#app #menu-overlay[data-menu-phase=menu] .disclaimer{margin-top:16px}#app #menu-overlay[data-menu-phase=menu] .menu-brief{height:calc(100dvh - 44px);min-height:0}}@media (prefers-reduced-motion:reduce){#app #menu-overlay[data-menu-phase=menu] .mode-option{transition:none}}#app span.power-icon-svg{background-image:url(../assets/generated/imagegen-2026-08-23/ui/power-up-icon-atlas-v1.png);background-repeat:no-repeat;background-size:600% 600%;background-position:var(--icon-x,0%) var(--icon-y,0%);filter:drop-shadow(0 0 5px #63e6ff6b);width:24px;height:24px;display:block;overflow:hidden}#app .power-icon-svg[data-icon=burst],#app .power-icon-svg[data-icon=ring],#app .power-icon-svg[data-icon=bolt],#app .power-icon-svg[data-icon=crosshair],#app .power-icon-svg[data-icon=chain],#app .power-icon-svg[data-icon=arrow]{--icon-y:0%}#app .power-icon-svg[data-icon=lock],#app .power-icon-svg[data-icon=nodes],#app .power-icon-svg[data-icon=shield],#app .power-icon-svg[data-icon=pulse],#app .power-icon-svg[data-icon=halo],#app .power-icon-svg[data-icon=life]{--icon-y:20%}#app .power-icon-svg[data-icon=core],#app .power-icon-svg[data-icon=reserve],#app .power-icon-svg[data-icon=energy],#app .power-icon-svg[data-icon=spark],#app .power-icon-svg[data-icon=cleanse],#app .power-icon-svg[data-icon=meter]{--icon-y:40%}#app .power-icon-svg[data-icon=flame],#app .power-icon-svg[data-icon=expand],#app .power-icon-svg[data-icon=cascade],#app .power-icon-svg[data-icon=signal],#app .power-icon-svg[data-icon=balance],#app .power-icon-svg[data-icon=break]{--icon-y:60%}#app .power-icon-svg[data-icon=fracture],#app .power-icon-svg[data-icon=barrier],#app .power-icon-svg[data-icon=refresh],#app .power-icon-svg[data-icon=wave],#app .power-icon-svg[data-icon=route],#app .power-icon-svg[data-icon=path]{--icon-y:80%}#app .power-icon-svg[data-icon=eye],#app .power-icon-svg[data-icon=focus],#app .power-icon-svg[data-icon=memory],#app .power-icon-svg[data-icon=recall],#app .power-icon-svg[data-icon=memory-plus]{--icon-y:100%}#app .power-icon-svg[data-icon=burst],#app .power-icon-svg[data-icon=lock],#app .power-icon-svg[data-icon=core],#app .power-icon-svg[data-icon=flame],#app .power-icon-svg[data-icon=fracture],#app .power-icon-svg[data-icon=eye]{--icon-x:0%}#app .power-icon-svg[data-icon=ring],#app .power-icon-svg[data-icon=nodes],#app .power-icon-svg[data-icon=reserve],#app .power-icon-svg[data-icon=expand],#app .power-icon-svg[data-icon=barrier],#app .power-icon-svg[data-icon=focus]{--icon-x:20%}#app .power-icon-svg[data-icon=bolt],#app .power-icon-svg[data-icon=shield],#app .power-icon-svg[data-icon=energy],#app .power-icon-svg[data-icon=cascade],#app .power-icon-svg[data-icon=refresh],#app .power-icon-svg[data-icon=memory]{--icon-x:40%}#app .power-icon-svg[data-icon=crosshair],#app .power-icon-svg[data-icon=pulse],#app .power-icon-svg[data-icon=spark],#app .power-icon-svg[data-icon=signal],#app .power-icon-svg[data-icon=wave],#app .power-icon-svg[data-icon=recall]{--icon-x:60%}#app .power-icon-svg[data-icon=chain],#app .power-icon-svg[data-icon=halo],#app .power-icon-svg[data-icon=cleanse],#app .power-icon-svg[data-icon=balance],#app .power-icon-svg[data-icon=route],#app .power-icon-svg[data-icon=memory-plus]{--icon-x:80%}#app .power-icon-svg[data-icon=arrow],#app .power-icon-svg[data-icon=life],#app .power-icon-svg[data-icon=meter],#app .power-icon-svg[data-icon=break],#app .power-icon-svg[data-icon=path]{--icon-x:100%}@media (width>=901px) and (height>=781px){#app #menu-overlay[data-menu-phase=menu]{padding:24px clamp(34px,5vw,76px);overflow:hidden}#app #menu-overlay[data-menu-phase=menu] .menu-content{max-height:calc(100dvh - 48px);padding:0;overflow:hidden}#app #menu-overlay[data-menu-phase=menu] .menu-primary{padding:30px clamp(28px,3.2vw,42px)}#app #menu-overlay[data-menu-phase=menu] .menu-title-lockup{gap:8px;margin-top:10px}#app #menu-overlay[data-menu-phase=menu] .menu-primary h1{font-size:clamp(64px,7.2vw,104px)}#app #menu-overlay[data-menu-phase=menu] .menu-primary>p{margin-top:13px;font-size:15px}#app #menu-overlay[data-menu-phase=menu] .mode-picker{margin-top:14px}#app #menu-overlay[data-menu-phase=menu] .mode-option{min-height:76px;padding:10px 14px}#app #menu-overlay[data-menu-phase=menu] .menu-actions{margin-top:14px}#app #menu-overlay[data-menu-phase=menu] .controls-hint{margin-top:11px}#app #menu-overlay[data-menu-phase=menu] .disclaimer{margin-top:12px}}@media (width<=620px){#app #menu-overlay[data-menu-phase=menu]{height:100dvh;min-height:100dvh;padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-left)) max(10px, env(safe-area-inset-bottom));align-items:center;overflow:hidden}#app #menu-overlay[data-menu-phase=menu] .menu-content{max-height:100%;padding:0;overflow:hidden}#app #menu-overlay[data-menu-phase=menu] .menu-brief{display:none}#app #menu-overlay[data-menu-phase=menu] .menu-primary{background:linear-gradient(90deg,#08192afa,#08192ae6),url(../assets/generated/imagegen-2026-08-23/ui/mission-brief-poster-v1.png) 50%/cover no-repeat;padding:16px}#app #menu-overlay[data-menu-phase=menu] .menu-title-lockup{gap:7px;margin-top:14px}#app #menu-overlay[data-menu-phase=menu] .menu-primary h1{font-size:clamp(56px,17vw,68px)}#app #menu-overlay[data-menu-phase=menu] .menu-primary>p{margin-top:10px;margin-bottom:10px}#app #menu-overlay[data-menu-phase=menu] .mode-picker{margin-top:12px}#app #menu-overlay[data-menu-phase=menu] .mode-option{min-height:76px;padding:9px 12px}#app #menu-overlay[data-menu-phase=menu] .menu-primary .menu-actions{margin-top:14px}#app #menu-overlay[data-menu-phase=menu] .menu-primary .controls-hint{margin-top:10px}#app #menu-overlay[data-menu-phase=menu] .menu-primary .disclaimer{margin-top:10px;margin-bottom:4px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#071525;--ink:#effaff;--muted:#9cb4c5;--cyan:#63e6ff;--lime:#b6f36b;--coral:#ff6f79;--line:#b4e8ff38;--panel:#071525c7;font-synthesis:none;text-rendering:geometricprecision;font-family:Space Mono,monospace}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--bg);min-width:320px}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,#game-canvas:focus-visible{outline:3px solid var(--lime);outline-offset:3px}button[hidden],[hidden]{display:none!important}#app{background:radial-gradient(circle at 20% 12%,#63e6ff14,transparent 34%),radial-gradient(circle at 78% 65%,#ff6f7914,transparent 38%),var(--bg);min-height:100dvh;position:relative}#game-canvas{touch-action:none;width:100vw;height:100dvh;display:block}.grain{pointer-events:none;opacity:.08;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");position:absolute;inset:0}#hud{z-index:2;inset:max(16px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) auto max(20px,env(safe-area-inset-left));pointer-events:none;text-transform:uppercase;grid-template-columns:minmax(150px,1fr) minmax(180px,520px);grid-template-areas:"brand tools""count route""status status";gap:8px 18px;transition:opacity .16s;display:grid;position:absolute}.brand-lockup{letter-spacing:.12em;grid-area:brand;align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.brand-mark{color:var(--cyan);letter-spacing:-.14em;text-shadow:0 0 18px #63e6ffa6;font-size:18px}.brand-name{color:var(--ink)}.hud-right{pointer-events:auto;grid-area:tools;justify-content:flex-end;align-items:center;gap:8px;display:flex}.stage-chip,.sound-button{border:1px solid var(--line);background:var(--panel);color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:40px;padding:7px 10px}.stage-chip{justify-content:space-between;align-items:baseline;gap:7px;min-width:96px;display:flex}.stage-chip span,.count-lockup span,.progress-lockup>span,.status-lockup,.boss-heading{color:var(--muted);letter-spacing:.1em;font-size:9px}.stage-chip strong{color:var(--lime);font-size:17px}.stage-chip small{color:var(--muted);font-size:10px}.sound-button{color:var(--cyan);letter-spacing:.08em;font-size:9px;transition:background .18s,color .18s,border-color .18s}.sound-button:hover,.sound-button:focus-visible{color:var(--bg);background:var(--cyan);border-color:var(--cyan)}.count-lockup{grid-area:count;align-items:baseline;gap:7px;min-width:150px;display:flex}.count-lockup img,.boss-heading img{object-fit:contain;filter:drop-shadow(0 0 8px #63e6ff52);width:24px;height:24px}.count-lockup img{align-self:center;width:28px;height:28px}.count-lockup strong{min-width:3ch;color:var(--ink);letter-spacing:-.03em;font-variant-numeric:tabular-nums;text-shadow:0 0 24px #63e6ff40;font:700 clamp(34px,5vw,50px)/.82 Barlow Condensed,sans-serif}.count-lockup em{color:var(--cyan);letter-spacing:.1em;font-size:9px;font-style:normal}.progress-lockup{grid-area:route;justify-content:flex-end;align-self:center;align-items:center;gap:9px;display:flex}.progress-track{background:#8da6ba3d;width:min(42vw,500px);height:5px;overflow:hidden}.progress-track span{transform-origin:0;background:linear-gradient(90deg,var(--cyan),var(--lime));width:100%;height:100%;box-shadow:0 0 14px var(--cyan);display:block;transform:scaleX(0)}.status-lockup{color:var(--ink);grid-area:status;align-items:center;gap:8px;min-height:14px;font-size:10px;display:flex}.status-dot{background:var(--lime);width:6px;height:6px;box-shadow:0 0 14px var(--lime);border-radius:50%}.boss-meter{grid-area:route;place-self:center end;width:min(100%,500px);display:none}.boss-meter.is-visible{display:block}.is-boss-engaged .progress-lockup{display:none}.boss-heading{color:var(--coral);align-items:center;gap:7px;margin-bottom:5px;display:flex}.boss-heading span{margin-right:auto}.boss-heading strong{color:var(--ink);font-variant-numeric:tabular-nums;min-width:8ch;font-weight:400}.boss-track{background:#1a0920bd;border:1px solid #ff6f798a;height:7px;padding:1px}.boss-track span{transform-origin:0;background:linear-gradient(90deg,#ff3d6d,var(--coral));height:100%;display:block;box-shadow:0 0 18px #ff3f68b8}.gate-callout{--callout-color:var(--lime);z-index:3;border:1px solid var(--callout-color);max-width:min(82vw,390px);color:var(--callout-color);letter-spacing:.12em;text-align:center;opacity:0;pointer-events:none;background:#071525e6;padding:10px 14px;font-size:10px;transition:opacity .18s,transform .18s;position:absolute;top:clamp(140px,25vh,240px);left:50%;transform:translate(-50%,-50%)translateY(10px)}.gate-callout.is-visible{opacity:1;transform:translate(-50%,-50%)}.gate-callout.is-hidden{display:none}.touch-controls{z-index:3;right:max(16px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));pointer-events:none;justify-content:space-between;display:none;position:absolute}.swipe-hint{z-index:3;right:50%;bottom:calc(38px + env(safe-area-inset-bottom));color:#effaffc7;letter-spacing:.12em;pointer-events:none;align-items:center;gap:8px;font-size:9px;display:none;position:absolute;transform:translate(50%)}.swipe-hint svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px;width:32px;height:16px}.touch-button{width:64px;min-width:64px;height:64px;min-height:64px;color:var(--cyan);opacity:.78;pointer-events:auto;touch-action:none;background:#071525ad;border:1px solid #63e6ff7a;border-radius:16px;place-items:center;transition:transform .12s,background .12s,border-color .12s,opacity .12s;display:grid;box-shadow:0 10px 32px #00000038,inset 0 0 18px #63e6ff0f}.touch-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:30px;height:30px}.touch-button:hover,.touch-button:focus-visible,.touch-button[data-active]{border-color:var(--lime);color:var(--lime);opacity:1;background:#b6f36b29}.touch-button:active,.touch-button[data-active]{transform:scale(.95)}#app[data-phase=menu] .touch-controls,#app[data-phase=victory] .touch-controls,#app[data-phase=defeat] .touch-controls,#app[data-phase=paused] .touch-controls,#app[data-phase=menu] .swipe-hint,#app[data-phase=victory] .swipe-hint,#app[data-phase=defeat] .swipe-hint,#app[data-phase=paused] .swipe-hint{display:none}.menu-overlay,.pause-overlay{z-index:5;opacity:0;pointer-events:none;padding:28px;transition:opacity .28s;display:grid;position:absolute;inset:0;overflow:auto}.menu-overlay{background:linear-gradient(90deg,#071525f2,#0715259e 54%,#0715252e);place-items:center}.menu-overlay.is-visible,.pause-overlay.is-visible{opacity:1;pointer-events:auto}.menu-grid{opacity:.25;background-image:linear-gradient(#63e6ff12 1px,#0000 1px),linear-gradient(90deg,#63e6ff12 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 74%);mask-image:linear-gradient(90deg,#000,#0000 74%)}.menu-content{width:min(620px,100%);margin-right:auto;padding:18px 0;position:relative}.menu-line{color:var(--muted);letter-spacing:.12em;border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding-bottom:12px;font-size:10px;display:flex}.text-button{color:var(--cyan);letter-spacing:.1em;background:0 0;border:0;margin-top:18px;padding:0;font-size:10px}h1{max-width:11ch;color:var(--ink);letter-spacing:-.035em;overflow-wrap:anywhere;text-wrap:balance;text-shadow:0 0 28px #63e6ff2e;margin:24px 0 14px;font:800 clamp(54px,8.6vw,116px)/.84 Barlow Condensed,sans-serif}.menu-content p{color:#bdd1dc;max-width:390px;font-size:14px;line-height:1.7}.campaign-note{color:var(--lime);letter-spacing:.14em;margin-top:18px;font-size:10px}.menu-actions{align-items:center;gap:10px;margin-top:20px;display:flex}.primary-button{border:1px solid var(--lime);min-height:52px;color:var(--bg);background:var(--lime);letter-spacing:.1em;justify-content:center;align-items:center;gap:10px;padding:0 22px;font:700 12px Space Mono,monospace;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 0 26px #b6f36b38}.primary-button img{object-fit:contain;width:22px;height:22px}.primary-button:hover,.primary-button:focus-visible{background:#d0ff91;transform:translateY(-2px);box-shadow:0 0 36px #b6f36b7a}.secondary-button{border:1px solid var(--line);min-height:44px;color:var(--ink);letter-spacing:.08em;background:#07152559;font-size:10px;transition:border-color .18s,color .18s,background .18s}.secondary-button:hover,.secondary-button:focus-visible{border-color:var(--cyan);color:var(--cyan);background:#63e6ff14}.campaign-button{flex:none;padding:0 18px}.controls-hint{color:var(--muted);align-items:center;gap:8px;margin-top:24px;font-size:11px;display:flex}.disclaimer{margin-top:34px;color:#6d8498!important;font-size:10px!important}.stage-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:min(520px,100%);margin-top:22px;display:grid}.stage-card{border:1px solid var(--line);min-height:48px;color:var(--ink);text-align:left;background:#07152594;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;transition:border-color .18s,background .18s,transform .18s;display:flex}.stage-card strong{color:var(--cyan);font:700 22px/1 Barlow Condensed,sans-serif}.stage-card span{color:var(--muted);letter-spacing:.08em;font-size:8px}.stage-card:hover:not(:disabled),.stage-card:focus-visible{border-color:var(--lime);background:#b6f36b1a;transform:translateY(-2px)}.stage-card.is-current{border-color:var(--lime);box-shadow:inset 3px 0 var(--lime)}.stage-card.is-current strong{color:var(--lime)}.stage-card.is-locked{opacity:.42;cursor:not-allowed}.pause-overlay{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#071525bd;place-items:center}.pause-panel{border:1px solid var(--line);background:#071525f0;width:min(420px,100%);padding:28px;box-shadow:0 22px 80px #00000052}.pause-eyebrow{color:var(--cyan);letter-spacing:.16em;font-size:10px}.pause-panel h2{color:var(--ink);letter-spacing:-.03em;margin:16px 0 8px;font:800 58px/.82 Barlow Condensed,sans-serif}.pause-panel p{color:var(--muted);letter-spacing:.1em;font-size:11px}.pause-actions,.pause-settings{gap:8px;margin-top:10px;display:flex}.pause-actions .secondary-button,.pause-settings .secondary-button{flex:1}.mobile-control-hint{display:none}.screen-flash:after{content:"";z-index:6;pointer-events:none;background:#b6f36b2e;animation:.46s ease-out both flash;position:absolute;inset:0}.victory-flash:after{background:#63e6ff38}@keyframes flash{0%{opacity:1}to{opacity:0}}#app[data-overlay] #hud,#app[data-overlay] .gate-callout,#app[data-overlay] .touch-controls,#app[data-overlay] .swipe-hint{opacity:0;visibility:hidden}@media (pointer:coarse),(width<=760px){.touch-controls,.swipe-hint{display:flex}.mobile-control-hint{display:inline}.desktop-control-hint{display:none}}@media (width<=620px){#hud{inset:max(12px,env(safe-area-inset-top)) max(13px,env(safe-area-inset-right)) auto max(13px,env(safe-area-inset-left));grid-template-columns:minmax(130px,1fr) auto;grid-template-areas:"brand tools""count route""status status";gap:6px 9px}.brand-lockup{font-size:9px}.hud-right{gap:6px}.stage-chip{min-width:88px;min-height:38px;padding:6px 8px}.sound-button:not(.pause-button){display:none}.pause-button{min-height:38px;padding:6px 9px;display:block}.count-lockup{gap:5px;min-width:0}.count-lockup img{width:23px;height:23px}.count-lockup span,.count-lockup em{display:none}.count-lockup strong{font-size:42px}.progress-lockup{gap:6px}.progress-lockup>span{font-size:8px}.progress-track{width:30vw}.status-lockup{letter-spacing:.06em;gap:6px;font-size:8px}.boss-meter{width:30vw}.boss-heading{gap:3px;font-size:7px}.boss-heading img{display:none}.boss-heading strong{min-width:7ch}.gate-callout{padding:8px 11px;font-size:9px;top:clamp(126px,23vh,180px)}.menu-overlay{padding:18px max(18px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:linear-gradient(90deg,#071525f7,#071525ba);align-items:start}.menu-content{padding-top:20px}.menu-line{font-size:8px}.menu-line span:last-child{display:none}h1{max-width:100%;margin:22px 0 12px;font-size:clamp(46px,14.2vw,68px);line-height:.88}.menu-content p{font-size:13px;line-height:1.6}.campaign-note{font-size:9px}.menu-actions{flex-direction:column;align-items:stretch;margin-top:18px}.primary-button,.campaign-button{width:100%}.controls-hint{margin-top:18px;font-size:10px}.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stage-card{min-height:50px}.pause-panel{padding:23px}.pause-panel h2{font-size:52px}.pause-actions{flex-direction:column}.pause-settings{margin-top:14px}.pause-settings .secondary-button{min-height:46px}.swipe-hint{bottom:calc(88px + env(safe-area-inset-bottom))}}@media (height<=460px) and (orientation:landscape){.menu-overlay{padding:14px 26px}.menu-content{width:min(740px,100%);padding:0}.menu-line{padding-bottom:7px}h1{margin:12px 0 7px;font-size:clamp(42px,9vw,72px)}.menu-content p{margin:0;font-size:12px;line-height:1.45}.campaign-note{margin-top:9px}.menu-actions{flex-direction:row;margin-top:12px}.primary-button,.campaign-button{width:auto}.controls-hint,.disclaimer{display:none}.stage-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:12px}.stage-card{min-height:40px}.pause-panel{width:min(520px,100%);padding:18px}.pause-panel h2{margin:8px 0;font-size:46px}.pause-panel p{margin:5px 0}.pause-actions,.pause-settings{margin-top:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}#app[data-reduced-motion=true] .screen-flash:after{display:none}.immunity-chip{color:var(--muted);letter-spacing:.08em;align-items:center;gap:7px;margin-left:auto;font-size:8px;display:inline-flex}.immunity-chip strong{color:var(--lime);font-weight:700}.immunity-chip span:last-child{color:#c6a7ff}.count-lockup strong.is-pulsing{animation:.38s ease-out count-pulse}.combo-badge{z-index:3;border:1px solid var(--lime);color:var(--lime);letter-spacing:.12em;opacity:0;pointer-events:none;background:#071525e0;padding:8px 12px;font-size:10px;transition:opacity .18s,transform .18s;position:absolute;top:clamp(112px,17vh,180px);left:50%;transform:translate(-50%,-8px)}.combo-badge.is-visible{opacity:1;transform:translate(-50%)}#feedback-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.damage-number{color:var(--coral);text-shadow:0 0 14px #ff6f79a6;opacity:0;font:800 26px/.9 Barlow Condensed,sans-serif;position:absolute;top:43%;left:50%;transform:translate(-50%)}.damage-number[data-kind=suppressed]{color:#c6a7ff}.damage-number.is-floating{animation:.7s ease-out both damage-float}@keyframes damage-float{0%{opacity:0;transform:translate(-50%,10px)scale(.8)}18%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-42px)scale(1.08)}}@keyframes count-pulse{0%{transform:scale(1)}45%{color:var(--lime);transform:scale(1.16)}to{transform:scale(1)}}@media (width<=620px){.status-lockup{flex-wrap:wrap}.immunity-chip{gap:6px;width:100%;margin-top:2px;margin-left:0}.combo-badge{font-size:9px;top:clamp(118px,24vh,190px)}.damage-number{font-size:23px;top:47%}}@media (prefers-reduced-motion:reduce){.damage-number.is-floating,.count-lockup strong.is-pulsing{animation:none!important}.combo-badge{transition:none}}.community-panel{background:linear-gradient(145deg,#071525db,#0d2235a6);border:1px solid #63e6ff3d;gap:16px;width:min(620px,100%);margin-top:30px;padding:16px;display:grid;box-shadow:0 18px 54px #0000003d}#menu-overlay[data-menu-phase=menu] .community-panel{display:none}.community-support{border-bottom:1px solid #b4e8ff29;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding-bottom:16px;display:grid}.community-kicker{color:var(--cyan);letter-spacing:.14em;font-size:9px;display:block}.community-support h2{color:var(--ink);letter-spacing:-.02em;margin:7px 0 5px;font:700 clamp(24px,4vw,34px)/.9 Barlow Condensed,sans-serif}.community-support p{max-width:420px!important;color:var(--muted)!important;margin:0!important;font-size:11px!important;line-height:1.55!important}.donate-button{border:1px solid var(--lime);min-height:48px;color:var(--bg);background:var(--lime);letter-spacing:.07em;justify-content:center;align-items:center;padding:0 16px;font-size:10px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 0 24px #b6f36b2e}.donate-button:hover,.donate-button:focus-visible{background:#d0ff91;transform:translateY(-2px);box-shadow:0 0 34px #b6f36b6b}.events-head{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.events-head h3{color:var(--ink);letter-spacing:-.01em;margin:6px 0 0;font:700 25px/.9 Barlow Condensed,sans-serif}.events-link{color:var(--cyan);letter-spacing:.08em;font-size:9px;font-weight:700;text-decoration:none}.events-link:hover,.events-link:focus-visible{color:var(--lime)}.events-status{letter-spacing:.08em;color:var(--muted)!important;margin:0!important;font-size:9px!important;line-height:1.3!important}.events-carousel{overflow:hidden}.events-track{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-color:#63e6ff94 transparent;grid-auto-columns:minmax(154px,42%);grid-auto-flow:column;gap:9px;padding:1px 1px 6px;display:grid;overflow-x:auto}.event-card{min-height:204px;color:var(--ink);scroll-snap-align:start;background:#071525b8;border:1px solid #b4e8ff2e;grid-template-rows:145px auto;text-decoration:none;transition:transform .16s,border-color .16s,background .16s;display:grid;overflow:hidden}.event-card:hover,.event-card:focus-visible{border-color:var(--cyan);background:#63e6ff14;transform:translateY(-3px)}.event-thumb{background:linear-gradient(145deg,#63e6ff1a,#b6f36b0f);place-items:center;display:grid;overflow:hidden}.event-thumb img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.event-copy{align-content:center;gap:7px;padding:8px 9px;display:grid}.event-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;overflow:hidden;color:var(--ink)!important;margin:0!important;font-size:10px!important;line-height:1.25!important;display:-webkit-box!important}.event-cta{color:var(--cyan);letter-spacing:.08em;font-size:8px;font-weight:700}@media (width<=620px){.community-panel{gap:13px;margin-top:24px;padding:12px}.community-support{grid-template-columns:1fr;gap:12px;padding-bottom:13px}.community-support h2{font-size:29px}.community-support p{font-size:10px!important}.donate-button{width:100%;min-height:50px}.events-head h3{font-size:23px}.events-track{grid-auto-columns:minmax(148px,68%)}.event-card{grid-template-rows:140px auto;min-height:198px}.event-title{font-size:9px!important}}@media (prefers-reduced-motion:reduce){.donate-button,.event-card{transition:none}}.draft-overlay{z-index:7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#040e1ad1;place-items:center;padding:24px;transition:opacity .2s;display:grid;position:absolute;inset:0}.draft-overlay.is-visible{opacity:1;pointer-events:auto}.draft-panel{background:linear-gradient(145deg,#071525fa,#0d2235f5);border:1px solid #63e6ff6b;width:min(860px,100%);padding:24px;box-shadow:0 24px 90px #00000073}.draft-kicker{color:var(--cyan);letter-spacing:.16em;font-size:10px}.draft-panel h2{color:var(--ink);letter-spacing:-.03em;margin:12px 0 6px;font:800 clamp(42px,6vw,70px)/.84 Barlow Condensed,sans-serif}.draft-panel p{color:var(--muted);letter-spacing:.06em;margin:0;font-size:11px}.draft-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}.draft-card{border:1px solid var(--line);min-height:190px;color:var(--ink);text-align:left;background:#071525b8;flex-direction:column;align-items:flex-start;gap:12px;padding:16px;transition:transform .16s,border-color .16s,background .16s;display:flex}.draft-card:hover,.draft-card:focus-visible{border-color:var(--lime);background:#b6f36b1a;transform:translateY(-4px)}.draft-card[data-rarity=rare]{border-color:#63e6ff8a}.draft-card[data-rarity=epic]{border-color:#c6a7ff9e}.draft-card[data-rarity=legendary]{border-color:#ffd166b8;box-shadow:inset 0 0 20px #ffd1660f}.power-icon{width:34px;height:34px;color:var(--cyan);background:#63e6ff14;border:1px solid;border-radius:10px;flex:none;place-items:center;font:700 20px/1 Barlow Condensed,sans-serif;display:grid}.draft-card[data-rarity=epic] .power-icon{color:#c6a7ff}.draft-card[data-rarity=legendary] .power-icon{color:#ffd166}.draft-card-copy{gap:5px;display:grid}.draft-card-copy strong{font-size:13px;line-height:1.15}.draft-card-copy small{color:var(--lime);letter-spacing:.1em;font-size:9px}.draft-card-copy em{color:#bdd1dc;font-size:10px;font-style:normal;line-height:1.55}.draft-footer{color:var(--muted);letter-spacing:.1em;align-items:center;gap:12px;margin-top:16px;font-size:9px;display:flex}.draft-footer .secondary-button{padding:0 16px}.build-summary{background:#0715256b;border:1px solid #63e6ff33;margin-top:14px;padding:12px}.build-summary-heading{color:var(--cyan);letter-spacing:.14em;justify-content:space-between;align-items:center;gap:10px;font-size:9px;display:flex}.build-summary-heading strong{color:var(--lime);font-weight:700}.build-summary-heading .text-button{margin:0;font-size:9px}.build-list{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.build-item,.build-synergy{min-height:26px;color:var(--ink);background:#07152575;border:1px solid #b4e8ff2e;align-items:center;gap:5px;padding:4px 7px;font-size:9px;display:inline-flex}.build-item .power-icon,.build-synergy .power-icon{border-radius:5px;width:18px;height:18px;font-size:12px}.build-item small{color:var(--lime)}.build-synergy{color:var(--lime);border-color:#b6f36b61}.build-empty{color:var(--muted);letter-spacing:.08em;font-size:9px}.build-toggle{width:100%;margin-top:12px}.pause-build-summary{text-align:left;margin-top:12px}.pause-build-summary[hidden],.build-summary[hidden]{display:none}@media (width<=620px){.draft-overlay{padding:14px}.draft-panel{max-height:calc(100dvh - 28px);padding:18px;overflow:auto}.draft-panel h2{font-size:48px}.draft-options{grid-template-columns:1fr;gap:8px;margin-top:14px}.draft-card{grid-template-columns:38px 1fr;align-items:start;gap:10px;min-height:104px;padding:12px;display:grid}.draft-card-copy em{font-size:10px}.draft-footer{justify-content:space-between}.build-summary{margin-top:10px}.build-item,.build-synergy{font-size:8px}}.mode-picker{color:var(--muted);letter-spacing:.14em;grid-template-columns:auto minmax(180px,280px) minmax(220px,1fr);align-items:center;gap:12px;margin-top:18px;font-size:9px;display:grid}.mode-picker select{min-height:42px;color:var(--ink);letter-spacing:.08em;background:#071525d6;border:1px solid #63e6ff6b;border-radius:0;padding:0 12px;font:700 11px Barlow Condensed,sans-serif}.mode-picker select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.mode-description{color:#bdd1dc;letter-spacing:.02em;max-width:340px;font-size:11px;line-height:1.45}@media (width<=620px){.mode-picker{grid-template-columns:1fr;gap:7px;margin-top:14px}.mode-picker select{width:100%;min-height:48px;font-size:12px}.mode-description{max-width:none;padding-top:3px;font-size:12px;line-height:1.45}}.power-icon-svg{width:22px;height:22px;color:var(--icon-ink,#b9f8ff);stroke:currentColor;fill:none;filter:drop-shadow(0 0 3px #63e6ff6b);display:block;overflow:visible}.power-icon-svg use{color:inherit;stroke:currentColor;fill:none}.power-icon{--icon-ink:#b9f8ff;color:var(--icon-ink);background:linear-gradient(145deg,#63e6ff33,#63e6ff12);border-color:#63e6ffd1;box-shadow:inset 0 0 12px #63e6ff14,0 0 12px #63e6ff1f}.draft-card[data-rarity=epic] .power-icon{--icon-ink:#eadfff;color:var(--icon-ink);background:linear-gradient(145deg,#c6a7ff38,#c6a7ff14);box-shadow:inset 0 0 12px #c6a7ff1a,0 0 12px #c6a7ff29}.draft-card[data-rarity=legendary] .power-icon{--icon-ink:#fff0b8;color:var(--icon-ink);background:linear-gradient(145deg,#ffd16638,#ffd16614);box-shadow:inset 0 0 12px #ffd1661a,0 0 12px #ffd16629}.build-synergy .power-icon{--icon-ink:#d8ffac;color:var(--icon-ink);background:#b6f36b29;box-shadow:inset 0 0 10px #b6f36b14,0 0 10px #b6f36b1f}.mode-menu{z-index:9;width:min(280px,100%);min-width:180px;position:relative}.mode-menu-button{width:100%;min-height:42px;color:var(--ink);letter-spacing:.08em;text-align:left;background:#071525d6;border:1px solid #63e6ff6b;border-radius:0;justify-content:space-between;align-items:center;padding:0 34px 0 12px;font:700 11px Barlow Condensed,sans-serif;display:flex;position:relative}.mode-menu-button:after{content:"";border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan);width:7px;height:7px;transition:transform .16s;position:absolute;top:50%;right:13px;transform:translateY(-65%)rotate(45deg)}.mode-menu-button[aria-expanded=true]:after{transform:translateY(-25%)rotate(225deg)}.mode-menu-button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.mode-options{background:#071525fa;border:1px solid #63e6ff6b;gap:1px;padding:5px;display:grid;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 16px 40px #00000075}.mode-options[hidden]{display:none}.mode-option{min-height:54px;color:var(--ink);text-align:left;background:#0d2235eb;border:1px solid #0000;gap:3px;padding:9px 10px;display:grid}.mode-option strong{letter-spacing:.06em;font:700 11px/1 Barlow Condensed,sans-serif}.mode-option small{color:#bdd1dc;letter-spacing:0;font:400 10px/1.35 Space Mono,monospace}.mode-option:hover,.mode-option:focus-visible,.mode-option[aria-selected=true]{border-color:var(--lime);background:#b6f36b1f;outline:none}.mode-option[aria-selected=true] strong{color:var(--lime)}@media (width<=900px){.mode-picker{grid-template-columns:1fr;gap:7px;margin-top:14px}.mode-menu{width:100%}.mode-description{max-width:none;padding-top:3px;font-size:12px;line-height:1.45}.mode-options{box-shadow:none;margin-top:4px;position:relative;top:auto;left:auto;right:auto}}