:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#0d0f14;color:#f4f7fb}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 20% 0%,rgba(68,196,255,.12),transparent 32%),linear-gradient(145deg,#0c0f15,#181a21 52%,#10131a)}#app{position:relative}#game{width:100%;height:100%}#game canvas{image-rendering:auto;touch-action:none}#hud{--stage-height: min(100vh, 56.25vw);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.music-toggle{position:absolute;right:calc(env(safe-area-inset-right) + 14px);bottom:calc(env(safe-area-inset-bottom) + 14px);z-index:60;width:42px;height:42px;display:inline-grid;place-items:center;cursor:pointer;pointer-events:auto;border:2px solid rgba(245,210,92,.72);border-radius:50%;background:linear-gradient(180deg,#f5d25c3d,#0c1017e6),#101318;color:#f5d25c;box-shadow:0 10px 26px #00000061,inset 0 1px #ffffff29}.music-toggle:hover,.music-toggle:focus-visible{outline:none;border-color:#f8fbff;color:#f8fbff;transform:translateY(-1px)}.music-toggle:focus-visible{box-shadow:0 0 0 3px #6ee7f857,0 10px 26px #00000061,inset 0 1px #ffffff29}.music-toggle__icon{font-size:24px;font-weight:950;line-height:1;transform:translateY(-1px)}.music-toggle__slash{position:absolute;width:28px;height:3px;border-radius:999px;background:#ff8d6b;opacity:0;transform:rotate(-42deg) scaleX(.5);transition:opacity .12s ease,transform .12s ease}.music-toggle.is-muted{border-color:#ff8d6bb8;color:#b7c3d4;background:linear-gradient(180deg,#ff8d6b29,#0c1017f0),#101318}.music-toggle.is-muted .music-toggle__slash{opacity:1;transform:rotate(-42deg) scaleX(1)}.hud-top{position:absolute;top:16px;left:50%;width:min(920px,calc(100vw - 28px));transform:translate(-50%);display:grid;grid-template-columns:1fr 88px 1fr;gap:14px;align-items:start}.fighter-panel{--element-color: #6ee7f8;--element-dark: #1e4f6b;--element-accent: #f5d25c;--hp-pct: 100%;--hp-color: #6ef59a;--energy-pct: 0%;min-width:0;background:linear-gradient(180deg,#0d1017e6,#080b11c2),linear-gradient(90deg,rgba(255,255,255,.08),transparent 32%);border:2px solid color-mix(in srgb,var(--element-color) 46%,rgba(255,255,255,.22));border-radius:6px;padding:8px 10px 9px;box-shadow:0 10px 28px #00000052,inset 0 1px #ffffff14}.fighter-panel.right{text-align:right}.fighter-panel.super-ready{border-color:color-mix(in srgb,var(--element-accent) 70%,#ffffff);box-shadow:0 10px 28px #00000052,0 0 22px color-mix(in srgb,var(--element-accent) 34%,transparent),inset 0 0 18px color-mix(in srgb,var(--element-accent) 12%,transparent)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.right .panel-header{flex-direction:row-reverse}.fighter-id{min-width:0;display:flex;flex-direction:column;gap:2px}.right .fighter-id{align-items:flex-end}.fighter-name{color:var(--element-color);font-size:13px;font-weight:800;letter-spacing:0;text-transform:uppercase}.fighter-tags{max-width:260px;color:#9facbd;font-size:9px;font-weight:800;letter-spacing:0;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.symbol{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:2px solid var(--element-color);border-radius:4px;background:linear-gradient(180deg,color-mix(in srgb,var(--element-color) 18%,#11151d),#0a0d13);color:#f8fbff;font-size:15px;font-weight:900;line-height:1;box-shadow:0 0 16px color-mix(in srgb,var(--element-color) 28%,transparent)}.meter-block{display:grid;gap:3px}.charge-block{margin-top:5px}.meter-readout{display:flex;justify-content:space-between;gap:10px;color:#dbe6f4;font-size:10px;font-weight:900;letter-spacing:0;line-height:1}.right .meter-readout{flex-direction:row-reverse}.meter{position:relative;border:2px solid #0a0d12;background:#161a22;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 3px #00000061}.meter:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 2px),rgba(255,255,255,.14) calc(10% - 2px),rgba(255,255,255,.14) 10%),linear-gradient(180deg,rgba(255,255,255,.2),transparent 48%,rgba(0,0,0,.22))}.fill{position:absolute;top:0;bottom:0;left:0;height:100%;transition:width .12s linear}.right .fill{right:0;left:auto}.life-meter{height:20px;background:linear-gradient(90deg,#ff42566b,#7f1d2dd1),#2a1018}.health{width:var(--hp-pct);background:linear-gradient(180deg,#ffffff85,#fff0 34%),linear-gradient(90deg,color-mix(in srgb,var(--hp-color) 72%,white),var(--hp-color));box-shadow:0 0 14px color-mix(in srgb,var(--hp-color) 40%,transparent)}.charge-meter{height:10px;background:repeating-linear-gradient(90deg,#151b26 0,#151b26 calc(20% - 3px),#0b0e14 calc(20% - 3px),#0b0e14 20%)}.energy{width:var(--energy-pct);background:linear-gradient(180deg,#ffffff61,#fff0 42%),linear-gradient(90deg,#28d8ff,#88f7ff,#f8f38f);box-shadow:0 0 12px color-mix(in srgb,var(--element-accent) 36%,transparent)}.super-ready .energy{background:linear-gradient(180deg,#ffffffa3,#fff0 38%),linear-gradient(90deg,#28d8ff,#f8f38f,var(--element-accent),#ff5a67);box-shadow:0 0 18px color-mix(in srgb,var(--element-accent) 52%,transparent),0 0 5px #fff}.status-line{min-height:18px;margin-top:8px;color:#cbd7e6;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-pills{display:flex;gap:5px;margin-top:6px;flex-wrap:wrap}.right .status-pills{justify-content:flex-end}.status-pill{--status-color: #f8fafc;--status-pct: 100%;position:relative;min-width:58px;overflow:hidden;border:1px solid color-mix(in srgb,var(--status-color) 58%,#17202b);border-radius:4px;background:#080b10e6;color:#f8fbff;padding:3px 5px;display:flex;justify-content:space-between;gap:5px;font-size:9px;font-weight:900;line-height:1}.status-pill:before{content:"";position:absolute;inset:auto 0 0 0;width:var(--status-pct);height:2px;background:var(--status-color);box-shadow:0 0 8px var(--status-color)}.status-pill em{color:color-mix(in srgb,var(--status-color) 72%,#ffffff);font-style:normal}.round-timer{display:grid;place-items:center;min-height:64px;border:2px solid rgba(255,255,255,.16);border-radius:6px;background:#0c0e14d1;color:#f8fafc;font-size:30px;font-weight:900;box-shadow:0 10px 28px #00000052}.reaction-callout{--callout-color: #f5d25c;position:absolute;top:108px;left:50%;width:min(540px,calc(100vw - 48px));transform:translate(-50%);display:grid;gap:3px;border:2px solid color-mix(in srgb,var(--callout-color) 58%,rgba(255,255,255,.22));border-radius:6px;background:#070a0fdb;padding:9px 12px;text-align:center;box-shadow:0 12px 36px #0000006b,0 0 26px color-mix(in srgb,var(--callout-color) 22%,transparent);animation:callout-pop .18s ease-out}.reaction-callout strong{color:var(--callout-color);font-size:18px;font-weight:950;line-height:1}.reaction-callout code{color:#f8fbff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.reaction-callout span{color:#cbd7e6;font-size:11px;line-height:1.25}.reaction-callout .callout-reason{color:#fff;font-weight:900}.reaction-callout em{color:color-mix(in srgb,var(--callout-color) 76%,#ffffff);font-size:10px;font-style:normal;font-weight:900;line-height:1.25}.enemy-intent-tell{--intent-color: #ffb35c;position:absolute;top:154px;right:54px;z-index:4;width:min(300px,calc(100vw - 36px));border:2px solid color-mix(in srgb,var(--intent-color) 68%,rgba(255,255,255,.18));border-radius:6px;background:linear-gradient(90deg,color-mix(in srgb,var(--intent-color) 18%,rgba(8,11,16,.94)),#080b10db),#070a0f;padding:8px 10px;text-align:right;box-shadow:0 12px 30px #00000061,0 0 20px color-mix(in srgb,var(--intent-color) 18%,transparent);animation:enemy-intent-pop .15s ease-out}.enemy-intent-tell span,.enemy-intent-tell strong,.enemy-intent-tell p{display:block}.enemy-intent-tell span{color:var(--intent-color);font-size:10px;font-weight:950;text-transform:uppercase}.enemy-intent-tell strong{margin-top:2px;color:#fff;font-size:17px;font-weight:950;line-height:1}.enemy-intent-tell p{margin:5px 0 0;color:#dce6f4;font-size:10px;font-weight:750;line-height:1.25}.combo-banner{--combo-color: #f5d25c;position:absolute;top:188px;left:54px;min-width:230px;max-width:min(360px,calc(100vw - 36px));display:grid;gap:2px;border-left:5px solid var(--combo-color);border-radius:5px;background:linear-gradient(90deg,color-mix(in srgb,var(--combo-color) 20%,rgba(8,11,16,.94)),#080b10d1),#070a0f;padding:9px 12px;box-shadow:0 12px 30px #00000061,0 0 22px color-mix(in srgb,var(--combo-color) 18%,transparent);animation:combo-slam .16s ease-out}.combo-banner.enemy-combo{right:54px;left:auto;text-align:right;border-right:5px solid var(--combo-color);border-left:0}.combo-banner span{color:#9facbd;font-size:10px;font-weight:950;text-transform:uppercase}.combo-banner strong{color:var(--combo-color);font-size:26px;font-weight:950;line-height:.98}.combo-banner code{color:#f8fbff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.combo-banner em{color:#f5d25c;font-size:11px;font-style:normal;font-weight:900}.combo-banner.catalyst-combo strong{font-size:30px}.momentum-chip{--momentum-color: #f5d25c;position:absolute;top:252px;left:54px;min-width:190px;border:1px solid color-mix(in srgb,var(--momentum-color) 58%,rgba(255,255,255,.14));border-radius:5px;background:linear-gradient(90deg,color-mix(in srgb,var(--momentum-color) 17%,rgba(8,11,16,.88)),#080b10b8),#070a0f;padding:7px 10px;box-shadow:0 10px 24px #00000052}.momentum-chip span,.momentum-chip strong{display:block}.momentum-chip span{color:var(--momentum-color);font-size:9px;font-weight:950;text-transform:uppercase}.momentum-chip strong{margin-top:2px;color:#f8fbff;font-size:12px;font-weight:900;line-height:1.1}.momentum-chip.is-reaction{border-color:#fff;box-shadow:0 10px 24px #00000057,0 0 24px color-mix(in srgb,var(--momentum-color) 34%,transparent)}.cancel-cue{--cancel-color: #9ef5ff;position:absolute;left:50%;bottom:calc(100vh - var(--stage-height) + 118px);transform:translate(-50%);border:1px solid color-mix(in srgb,var(--cancel-color) 72%,#ffffff);border-radius:999px;background:#05080cd1;color:var(--cancel-color);padding:5px 12px;font-size:10px;font-weight:950;text-transform:uppercase;box-shadow:0 0 18px color-mix(in srgb,var(--cancel-color) 24%,transparent);animation:cancel-pulse .52s ease-out infinite alternate}@keyframes cancel-pulse{0%{opacity:.74;transform:translate(-50%) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1.04)}}@keyframes callout-pop{0%{opacity:0;transform:translate(-50%) translateY(-8px) scale(.94)}}@keyframes combo-slam{0%{opacity:0;transform:translateY(10px) scale(1.14)}}@keyframes enemy-intent-pop{0%{opacity:0;transform:translateY(8px) scale(.95)}}@keyframes victory-fade-in{0%{opacity:0}}@keyframes victory-bg-drift{0%{transform:scale(1.04) translate3d(-1.4%,-1%,0)}to{transform:scale(1.09) translate3d(1.2%,1%,0)}}@keyframes victory-card-slam{0%{opacity:0;transform:translateY(22px) scale(.94)}}@keyframes particle-orbit{0%{opacity:0;transform:rotate(calc(var(--i) * 22deg)) translate(34px) scale(.6)}18%{opacity:1}to{opacity:0;transform:rotate(calc(var(--i) * 22deg + 140deg)) translate(46vw) scale(.1)}}@keyframes winner-pop{0%{transform:translateY(4px) scale(1)}to{transform:translateY(-6px) scale(1.05)}}@keyframes core-pulse{0%{transform:scale(.92);opacity:.78}to{transform:scale(1.08);opacity:1}}@keyframes orbital-spin{0%{rotate:0deg}to{rotate:360deg}}@keyframes equation-scan{0%{opacity:.32;transform:scaleX(.64)}to{opacity:1;transform:scaleX(1)}}@keyframes observation-glow{0%{box-shadow:inset 0 0 20px color-mix(in srgb,var(--reaction-color) 10%,transparent),0 0 color-mix(in srgb,var(--reaction-color) 0%,transparent)}to{box-shadow:inset 0 0 28px color-mix(in srgb,var(--reaction-color) 16%,transparent),0 0 22px color-mix(in srgb,var(--reaction-color) 16%,transparent)}}.forecast-overlay{position:absolute;top:0;left:0;right:0;height:var(--stage-height);display:grid;place-items:center;pointer-events:none;background:radial-gradient(circle at 50% 42%,#080c1233,#0305088a)}.forecast-card{width:min(840px,calc(100vw - 34px));max-height:calc(var(--stage-height) - 28px);overflow:auto;border:2px solid rgba(110,231,248,.58);border-radius:8px;background:#080c12e0;padding:18px;text-align:center;box-shadow:0 18px 48px #0000008a}.forecast-card.is-favorable{border-color:#6ef59aad}.forecast-card.is-hard{border-color:#ff5a67b8}.forecast-kicker{color:#6ee7f8;font-size:12px;font-weight:900;text-transform:uppercase}.forecast-card h2{margin:4px 0 11px;font-size:24px}.forecast-card h2 span{display:inline-grid;place-items:center;min-width:72px;margin-left:8px;border:1px solid rgba(245,210,92,.44);border-radius:999px;color:#f5d25c;padding:4px 9px;font-size:11px;text-transform:uppercase;vertical-align:middle}.forecast-card.is-favorable h2 span{border-color:#6ef59a80;color:#6ef59a}.forecast-card.is-hard h2 span{border-color:#ff5a6794;color:#ff8d96}.prefight-brief{--summary-color: #f5d25c;display:grid;gap:8px;margin-bottom:10px;text-align:left}.is-favorable .prefight-brief{--summary-color: #6ef59a}.is-hard .prefight-brief{--summary-color: #ff5a67}.prefight-plan-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.prefight-plan-chips em{min-width:0;border:1px solid color-mix(in srgb,var(--summary-color) 30%,transparent);border-radius:6px;background:#05080ca8;color:#e9f1fb;padding:8px;font-size:11px;font-style:normal;font-weight:850;line-height:1.22}.prefight-plan-chips b{display:block;margin-bottom:4px;color:var(--summary-color);font-size:8px;text-transform:uppercase}.prefight-plan-chips span{display:block}.prefight-why{display:grid;gap:5px;border:1px solid rgba(158,245,255,.18);border-radius:6px;background:linear-gradient(90deg,#6ee7f817,#080c12ad),#080c12c2;padding:8px 9px}.prefight-why b{color:#9ef5ff;font-size:9px;font-weight:950;text-transform:uppercase}.prefight-why span{color:#dfe8f4;font-size:12px;font-weight:800;line-height:1.24}.forecast-summary{--summary-color: #f5d25c;display:grid;gap:6px;margin-bottom:10px;border:1px solid rgba(245,210,92,.34);border-radius:6px;background:linear-gradient(90deg,#f5d25c21,#080c12c2),#080c12c7;padding:9px;text-align:left}.is-favorable .forecast-summary{--summary-color: #6ef59a;border-color:#6ef59a6b;background:linear-gradient(90deg,#6ef59a21,#080c12c2),#080c12c7}.is-hard .forecast-summary{--summary-color: #ff5a67;border-color:#ff5a677a;background:linear-gradient(90deg,#ff5a6724,#080c12c2),#080c12c7}.forecast-summary>span{color:var(--summary-color);font-size:11px;font-weight:950;text-transform:uppercase}.forecast-summary strong{color:#fff;font-size:14px;line-height:1.15}.forecast-summary p{margin:0;color:#dce6f4;font-size:11px;font-weight:750;line-height:1.3}.forecast-plan-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.forecast-plan-chips em{min-width:0;border-radius:5px;background:#05080c99;color:#e9f1fb;padding:6px;font-size:10px;font-style:normal;font-weight:800;line-height:1.2}.forecast-plan-chips b{display:block;margin-bottom:2px;color:var(--summary-color);font-size:8px;text-transform:uppercase}.forecast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.forecast-chip{--chip-color: #f5d25c;border:1px solid color-mix(in srgb,var(--chip-color) 56%,rgba(255,255,255,.16));border-radius:6px;background:#10151ddb;padding:8px;display:grid;gap:3px;text-align:left}.forecast-chip span{color:#9facbd;font-size:10px;font-weight:900}.forecast-chip strong{color:var(--chip-color);font-size:13px}.forecast-chip code{color:#f5f7fa;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.forecast-chip p{margin:3px 0 0;color:#dce6f4;font-size:10px;font-weight:700;line-height:1.25}.forecast-chip p b{color:color-mix(in srgb,var(--chip-color) 76%,#ffffff)}.forecast-card p{margin:12px 0 6px;color:#d9e3f1;font-size:13px;line-height:1.35}.forecast-card .forecast-summary p{margin:0;color:#dce6f4;font-size:11px;font-weight:750;line-height:1.3}.forecast-card .forecast-chip p{margin:3px 0 0;color:#dce6f4;font-size:10px;font-weight:700;line-height:1.25}.forecast-card small{color:#f5d25c;font-size:12px;font-weight:900}.prefight-moves{margin-top:12px;display:grid;gap:7px}.prefight-move-list{display:grid;gap:5px;margin:10px 0;text-align:left}.prefight-moves-title{color:#9ef5ff;font-size:10px;font-weight:950;text-align:left;text-transform:uppercase}.prefight-move-row{--row-color: #9ef5ff;display:grid;grid-template-columns:28px minmax(120px,1fr) minmax(118px,.72fr) minmax(150px,1fr);align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--row-color) 38%,rgba(255,255,255,.08));border-radius:6px;background:#0c1119d1;padding:6px 8px}.prefight-move-row.is-good{--row-color: #6ef59a}.prefight-move-row.is-neutral{--row-color: #9ef5ff}.prefight-move-row.is-caution{--row-color: #ffd25c}.prefight-move-row.is-bad{--row-color: #ff5a67}.prefight-move-row kbd{width:25px;height:24px;display:inline-grid;place-items:center;border-radius:5px;background:#eef4ff;color:#101318;font-size:11px;font-weight:950}.prefight-move-row strong{min-width:0;color:#fff;font-size:13px;font-weight:950;line-height:1.05}.prefight-move-row strong small{display:block;margin-top:2px;color:#9facbd;font-size:8px;text-transform:uppercase}.prefight-move-row span{color:var(--row-color);font-size:10px;font-weight:950;text-transform:uppercase}.prefight-move-row em{min-width:0;color:#dce6f4;font-size:10px;font-style:normal;font-weight:800;line-height:1.2}.prefight-move-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.prefight-move-card{--move-color: #6ee7f8;--advice-color: #9ef5ff;display:grid;gap:5px;border:1px solid color-mix(in srgb,var(--advice-color) 58%,rgba(255,255,255,.14));border-radius:6px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--advice-color) 18%,transparent),transparent 58%),#10151de0;padding:8px;text-align:left}.prefight-move-card.is-good{--advice-color: #6ef59a}.prefight-move-card.is-neutral{--advice-color: #9ef5ff}.prefight-move-card.is-caution{--advice-color: #ffd25c}.prefight-move-card.is-bad{--advice-color: #ff5a67}.prefight-move-card.has-trigger{box-shadow:inset 0 0 18px color-mix(in srgb,var(--move-color) 10%,transparent)}.prefight-move-card>span{display:inline-flex;align-items:center;gap:5px;color:var(--advice-color);font-size:10px;font-weight:950}.prefight-move-card>span i{border-radius:999px;background:color-mix(in srgb,var(--advice-color) 18%,rgba(5,8,12,.7));color:var(--advice-color);padding:3px 6px;font-size:8px;font-style:normal;text-transform:uppercase}.prefight-move-card kbd{min-width:21px;height:20px;display:inline-grid;place-items:center;border-radius:4px;background:#eef4ff;color:#101318;font-size:10px;font-weight:950}.prefight-move-card strong{color:#fff;font-size:13px;line-height:1.08}.prefight-move-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0}.prefight-move-card dl div{min-width:0;border-radius:4px;background:#05080ca3;padding:4px}.prefight-move-card dt,.prefight-move-card dd{margin:0}.prefight-move-card dt{color:#9facbd;font-size:8px;font-weight:900;text-transform:uppercase}.prefight-move-card dd{color:#f8fbff;font-size:10px;font-weight:950}.prefight-move-card em{color:var(--advice-color);font-size:11px;font-style:normal;font-weight:950}.prefight-move-card code{width:fit-content;max-width:100%;border-radius:3px;background:var(--move-color);color:#101318;padding:3px 5px;font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:900;white-space:normal}.prefight-move-card p{margin:0;color:#dce6f4;font-size:9px;font-weight:750;line-height:1.25}.prefight-move-card p b{color:color-mix(in srgb,var(--move-color) 78%,#ffffff)}.prefight-move-card .move-impact{color:#ffe1ae}.prefight-details{margin-top:8px;border:1px solid rgba(141,185,223,.16);border-radius:6px;background:#080c128f;text-align:left}.prefight-details>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;pointer-events:auto;padding:8px 10px}.prefight-details>summary::-webkit-details-marker{display:none}.prefight-details>summary span{color:#78f2ff;font-size:10px;font-weight:950;text-transform:uppercase}.prefight-details>summary small{color:#aebbd0;font-size:10px;font-weight:750}.prefight-details>summary:after{content:"+";flex:0 0 auto;width:20px;height:20px;border:1px solid rgba(120,242,255,.45);border-radius:50%;color:#78f2ff;display:grid;place-items:center;font-size:14px;font-weight:900;line-height:1}.prefight-details[open]>summary:after{content:"-"}.prefight-details[open]{padding-bottom:10px}.prefight-details[open] .forecast-grid,.prefight-details[open] .prefight-moves,.prefight-details[open]>p{margin-left:10px;margin-right:10px}.reaction-log{position:absolute;left:50%;top:calc(var(--stage-height) - 78px);width:min(540px,calc(100vw - 28px));transform:translate(-50%);display:grid;gap:5px}.reaction-entry{padding:7px 10px;border-left:4px solid #6ee7f8;border-radius:4px;background:#090c12c7;color:#e7edf6;font-size:12px;box-shadow:0 8px 20px #00000047}.lab-card{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:auto;background:#06080cad}.victory-lab{--winner-color: #6ee7f8;--loser-color: #ff5a67;--reaction-color: #f5d25c;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--reaction-color) 18%,transparent),transparent 34%),#030509b8;animation:victory-fade-in .24s ease-out both}.victory-bg{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;z-index:-3;background:linear-gradient(180deg,#04060a1f,#04060a8a),url(/assets/ui/reaction-victory-backdrop.png) center / cover no-repeat;filter:saturate(1.18) contrast(1.08);opacity:.86;transform:scale(1.04);animation:victory-bg-drift 7.6s ease-in-out infinite alternate}.victory-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 55%,transparent 0 24%,rgba(5,7,12,.34) 56%,rgba(5,7,12,.74) 100%),repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 2px,transparent 2px 5px);mix-blend-mode:screen}.reaction-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.reaction-particles i{position:absolute;left:50%;top:48%;width:7px;height:7px;border-radius:2px;background:color-mix(in srgb,var(--reaction-color) 72%,#ffffff);box-shadow:0 0 12px var(--reaction-color),0 0 22px color-mix(in srgb,var(--winner-color) 38%,transparent);animation:particle-orbit 1.6s ease-out infinite;animation-delay:calc(var(--i) * -83ms);transform:rotate(calc(var(--i) * 22deg)) translate(80px)}.lab-inner{width:min(760px,calc(100vw - 30px));max-height:calc(100vh - 32px);overflow:auto;border:2px solid rgba(255,255,255,.22);border-radius:8px;background:#121720;padding:22px;box-shadow:0 18px 48px #00000085}.victory-inner{width:min(900px,calc(100vw - 30px));border-color:color-mix(in srgb,var(--reaction-color) 60%,rgba(255,255,255,.2));background:linear-gradient(180deg,#0a0f17d6,#080a10eb),radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--reaction-color) 18%,transparent),transparent 44%);box-shadow:0 22px 70px #000000a8,0 0 44px color-mix(in srgb,var(--reaction-color) 22%,transparent),inset 0 0 28px #ffffff0f;animation:victory-card-slam .36s cubic-bezier(.2,.9,.22,1.2) both}.result-header{display:grid;justify-items:center;gap:7px;text-align:center}.victory-kicker{width:fit-content;margin:0 auto;border:1px solid color-mix(in srgb,var(--reaction-color) 66%,#ffffff);border-radius:999px;background:#070a0fc7;color:var(--reaction-color);padding:5px 12px;font-size:11px;font-weight:950;letter-spacing:0;text-transform:uppercase;box-shadow:0 0 18px color-mix(in srgb,var(--reaction-color) 28%,transparent)}.victory-stage{position:relative;display:grid;grid-template-columns:minmax(120px,1fr) minmax(220px,1.2fr) minmax(120px,1fr);align-items:center;gap:10px;min-height:132px;margin:12px 0 10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;overflow:hidden;background:radial-gradient(circle at 50% 56%,color-mix(in srgb,var(--reaction-color) 28%,transparent),transparent 32%),linear-gradient(90deg,color-mix(in srgb,var(--winner-color) 16%,transparent),#06090ebd,color-mix(in srgb,var(--loser-color) 14%,transparent))}.victory-stage:before{content:"";position:absolute;inset:auto 8% 20px;height:3px;background:linear-gradient(90deg,transparent,var(--reaction-color),transparent);box-shadow:0 0 18px var(--reaction-color);animation:equation-scan 1.3s ease-in-out infinite alternate}.result-fighter{position:relative;display:grid;grid-template-rows:minmax(0,1fr) 28px;place-items:center;align-self:stretch;gap:4px;padding:8px 0;min-width:0;z-index:1}.result-fighter img{width:min(132px,18vw);max-height:96px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 12px 0 rgba(0,0,0,.28)) drop-shadow(0 0 18px color-mix(in srgb,var(--winner-color) 36%,transparent))}.result-fighter.winner img{animation:winner-pop .9s ease-out infinite alternate}.result-fighter.loser img{opacity:.72;transform:rotate(4deg);filter:grayscale(.26) drop-shadow(0 8px 0 rgba(0,0,0,.3)) drop-shadow(0 0 12px color-mix(in srgb,var(--loser-color) 28%,transparent))}.result-fighter span{display:grid;place-items:center;min-width:34px;height:28px;border:2px solid currentColor;border-radius:4px;background:#05080cdb;color:#f8fbff;font-size:15px;font-weight:950;box-shadow:0 0 18px currentColor}.result-fighter.winner span{color:var(--winner-color)}.result-fighter.loser span{color:var(--loser-color)}.reaction-core{position:relative;display:grid;place-items:center;gap:7px;min-height:112px;text-align:center}.reaction-core:before{content:"";position:absolute;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle,#ffffff 0 9%,var(--reaction-color) 10% 22%,color-mix(in srgb,var(--reaction-color) 36%,transparent) 38%,transparent 68%);box-shadow:0 0 28px var(--reaction-color),0 0 64px color-mix(in srgb,var(--reaction-color) 52%,transparent);animation:core-pulse .78s ease-in-out infinite alternate}.orbital-ring{position:absolute;width:132px;height:50px;border:2px solid color-mix(in srgb,var(--reaction-color) 74%,#ffffff);border-radius:50%;opacity:.72;box-shadow:0 0 16px var(--reaction-color);animation:orbital-spin 1.8s linear infinite}.ring-a{transform:rotate(28deg)}.ring-b{transform:rotate(-34deg);animation-duration:2.3s}.reaction-symbol{position:relative;z-index:1;color:#fff;font-size:clamp(18px,3.2vw,30px);font-weight:950;line-height:.98;text-transform:uppercase}.reaction-core code{position:relative;z-index:1;border:1px solid color-mix(in srgb,var(--reaction-color) 62%,rgba(255,255,255,.24));border-radius:5px;background:#05080ccc;color:#fff7b8;padding:5px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.lab-inner.victory-inner h2{margin:0;color:#fff;font-size:clamp(28px,5vw,52px);line-height:1;text-align:center}.victory-summary{max-width:720px;margin:0;text-align:center}.primary-observation{margin:10px 0;border:2px solid color-mix(in srgb,var(--reaction-color) 62%,rgba(255,255,255,.16));border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--reaction-color) 18%,transparent),#080c12d1),#080c12db;padding:12px;box-shadow:inset 0 0 20px color-mix(in srgb,var(--reaction-color) 10%,transparent);animation:observation-glow 1.2s ease-in-out infinite alternate}.result-main-lesson{animation:none}.primary-observation span{display:block;color:color-mix(in srgb,var(--reaction-color) 78%,#ffffff);font-size:10px;font-weight:950;text-transform:uppercase}.primary-observation strong{display:block;margin:3px 0;color:#fff;font-size:22px}.primary-observation code{color:#fff1a6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.result-learning{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}.result-learn-row{min-width:0;border:1px solid rgba(158,245,255,.16);border-radius:6px;background:linear-gradient(180deg,#6ee7f814,#05080cad),#080c12bd;padding:9px}.result-learn-row span{display:block;color:#9ef5ff;font-size:9px;font-weight:950;text-transform:uppercase}.result-learn-row p{margin:4px 0 0;color:#dfe8f4;font-size:11px;font-weight:750;line-height:1.3}.result-details{margin:10px 0 0;border:1px solid rgba(141,185,223,.16);border-radius:6px;background:#080c128f;text-align:left}.result-details>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;pointer-events:auto;padding:9px 11px}.result-details>summary::-webkit-details-marker{display:none}.result-details>summary span{color:#78f2ff;font-size:10px;font-weight:950;text-transform:uppercase}.result-details>summary small{color:#aebbd0;font-size:10px;font-weight:750}.result-details>summary:after{content:"+";flex:0 0 auto;width:20px;height:20px;border:1px solid rgba(120,242,255,.45);border-radius:50%;color:#78f2ff;display:grid;place-items:center;font-size:14px;font-weight:900;line-height:1}.result-details[open]>summary:after{content:"-"}.result-details[open]{padding-bottom:10px}.result-details[open] .lab-note-grid{margin-left:10px;margin-right:10px}.lab-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:10px 0}.lab-note{--note-color: #6ee7f8;border:1px solid color-mix(in srgb,var(--note-color) 52%,rgba(255,255,255,.12));border-radius:6px;background:#080c12c7;padding:10px}.lab-note-label{display:block;color:color-mix(in srgb,var(--note-color) 78%,#ffffff);font-size:10px;font-weight:900;text-transform:uppercase}.lab-note strong{display:block;margin:3px 0;color:#f8fbff}.lab-note code{color:#f5d25c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.lab-inner h2{margin:0 0 10px;font-size:26px}.lab-inner p{margin:8px 0;color:#d9e3f1;line-height:1.45}.lab-inner button{margin-top:14px;pointer-events:auto;cursor:pointer;border:0;border-radius:5px;background:#f5d25c;color:#111318;padding:11px 16px;font-weight:900}.result-stat-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0}.result-stat{min-width:104px;border:1px solid color-mix(in srgb,var(--reaction-color) 42%,rgba(255,255,255,.14));border-radius:5px;background:#05080cad;padding:7px 9px;text-align:center}.result-stat em,.result-stat strong{display:block}.result-stat em{color:#9facbd;font-size:9px;font-style:normal;font-weight:900;text-transform:uppercase}.result-stat strong{color:#f8fbff;font-size:15px;font-weight:950}.result-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.result-actions .secondary-result-action{border:1px solid rgba(255,255,255,.18);background:#1d2734;color:#f4f7fb}.pause-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:auto;background:radial-gradient(circle at 50% 45%,rgba(110,231,248,.12),transparent 36%),#030509b8}.pause-panel{width:min(520px,calc(100vw - 28px));border:2px solid rgba(245,210,92,.58);border-radius:8px;background:linear-gradient(180deg,#121720f5,#080b11f5),radial-gradient(circle at top,rgba(245,210,92,.14),transparent 48%);padding:22px;text-align:center;box-shadow:0 22px 70px #0000009e,0 0 34px #f5d25c2e}.pause-panel>span{color:#f5d25c;font-size:12px;font-weight:950;text-transform:uppercase}.pause-panel h2{margin:6px 0 4px;font-size:34px;line-height:1}.pause-panel p{margin:0;color:#cbd7e6}.pause-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:18px 0 14px}.pause-actions button{cursor:pointer;border:0;border-radius:5px;background:#f5d25c;color:#111318;padding:10px 14px;font:inherit;font-weight:900}.pause-actions button:not(:first-child){border:1px solid rgba(255,255,255,.18);background:#1d2734;color:#f4f7fb}.pause-controls{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.pause-controls span{display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(255,255,255,.12);border-radius:5px;background:#080c12bd;color:#dbe6f4;padding:5px 7px;font-size:11px;font-weight:800}.pause-controls kbd{min-width:19px;height:19px;display:inline-grid;place-items:center;border-radius:4px;background:#eef4ff;color:#101318;padding:0 5px;font-size:9px;font-weight:900}.menu-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:auto;color:#f4f7fb;font-family:Arial,Helvetica,sans-serif}.menu-shell{width:min(1120px,calc(100vw - 32px));min-height:var(--stage-height);padding:34px 0 28px;display:grid;grid-template-rows:auto auto auto auto auto auto;align-content:start;row-gap:12px}.menu-header{text-align:center}.menu-header h1{margin:0;color:#f5d25c;font-size:clamp(40px,5vw,54px);line-height:.95;font-weight:800;letter-spacing:0;text-transform:uppercase}.menu-header p{margin:10px 0 0;color:#dbe5f2;font-size:16px;font-weight:650}.mode-rail{width:min(1060px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(360px,1fr);gap:10px;align-items:stretch}.mode-primary-action,.mode-pill{cursor:pointer;border:2px solid rgba(255,255,255,.12);border-radius:6px;font:inherit;text-align:left}.mode-primary-action{min-height:74px;background:linear-gradient(180deg,#f5d25c38,#0d121ae6),#151922;color:#dce6f4;padding:12px 14px;box-shadow:0 0 24px #f5d25c24,inset 0 1px #ffffff14}.mode-primary-action span,.mode-primary-action strong,.mode-primary-action em,.mode-pill span,.mode-pill strong{display:block}.mode-primary-action span{color:#f5d25c;font-size:12px;font-weight:950;text-transform:uppercase}.mode-primary-action strong{margin-top:3px;color:#f8fbff;font-size:25px;line-height:1;font-weight:950}.mode-primary-action em{margin-top:5px;color:#dbe5f2;font-size:13px;font-style:normal;font-weight:800}.mode-secondary-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mode-pill{min-height:58px;background:linear-gradient(180deg,#141c28d1,#0a0e15c7),#101620;color:#dce6f4;padding:9px 10px;box-shadow:inset 0 1px #ffffff0f}.mode-pill span{color:#dbe6f4;font-size:12px;font-weight:950}.mode-pill strong{margin-top:4px;color:#91a0b5;font-size:11px;line-height:1.18}.mode-primary-action.is-active,.mode-pill.is-active{border-color:#f5d25c}.mode-primary-action.is-active{background:linear-gradient(180deg,#f5d25c47,#0e1219e0),#171b21;box-shadow:0 0 22px #f5d25c33,inset 0 0 18px #f5d25c14}.mode-pill.is-active{background:linear-gradient(180deg,#f5d25c2e,#0e1219db),#151922}.mode-pill.is-active span{color:#f5d25c}.discovery-tile{border-color:#6ee7f866}.discovery-tile span{color:#6ee7f8}.about-tile{border-color:#f5d25c6b}.about-tile span{color:#f5d25c}.progress-strip{width:min(920px,100%);margin:-2px auto 0;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.progress-strip span{border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#080c12b8;color:#cbd7e6;padding:5px 9px;font-size:11px;font-weight:800}.progress-strip b{color:#f5d25c}.menu-ready-action,.menu-ladder-setup{width:min(920px,100%);margin:0 auto;border:2px solid rgba(245,210,92,.28);border-radius:6px;background:linear-gradient(180deg,#f5d25c1f,#0c1017db),#0a0e15eb;box-shadow:inset 0 1px #ffffff14}.menu-ready-action{min-height:50px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:8px 12px}.menu-ready-action span,.menu-ladder-copy span{color:#f5d25c;font-size:11px;font-weight:950;text-transform:uppercase}.menu-ready-action span{color:#dbe5f2}.menu-ready-start{cursor:pointer;border:0;border-radius:5px;background:#f5d25c;color:#101318;padding:10px 15px;font:inherit;font-size:14px;font-weight:950;text-transform:uppercase;box-shadow:0 10px 24px #00000038,inset 0 1px #ffffff42}.menu-ready-start:hover,.menu-ready-start:focus-visible{outline:none;background:#ffe27a;transform:translateY(-1px)}.menu-ladder-setup{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 16px}.menu-ladder-copy strong,.menu-ladder-copy p{display:block}.menu-ladder-copy strong{margin-top:4px;color:#f8fbff;font-size:25px;line-height:1;font-weight:950}.menu-ladder-copy p{margin:6px 0 0;color:#dbe5f2;font-size:13px;font-weight:750}.objective-chip{position:absolute;top:250px;right:52px;width:min(310px,calc(100vw - 36px));border:2px solid rgba(245,210,92,.34);border-radius:6px;background:#080b11d1;padding:9px 11px;box-shadow:0 12px 30px #00000057}.objective-chip span,.objective-chip strong,.objective-chip p,.objective-chip em{display:block}.objective-chip span{color:#f5d25c;font-size:10px;font-weight:950;text-transform:uppercase}.objective-chip strong{margin-top:3px;color:#f8fbff;font-size:14px;font-weight:950}.objective-chip p{margin:4px 0 0;color:#cbd7e6;font-size:11px;line-height:1.28}.objective-chip em{margin-top:6px;color:#9ef5ff;font-size:12px;font-style:normal;font-weight:950}.menu-steps{display:flex;align-items:center;justify-content:center;gap:12px}.menu-step,.menu-arena-tab,.menu-controls>.control-hint{border:2px solid rgba(255,255,255,.13);border-radius:5px;background:#101620d1;color:#b7c3d4;padding:8px 12px;font:inherit;font-size:14px;font-weight:700}.menu-step,.menu-arena-tab,.menu-controls>button,.menu-card{cursor:pointer}.menu-step.is-active{border-color:#f5d25c;background:#f5d25c;color:#101318}.menu-selection-stage{--arena-color: #6ee7f8;--arena-image: none;position:relative;width:min(920px,100%);min-height:132px;margin:0 auto -2px;display:grid;grid-template-columns:minmax(190px,.78fr) minmax(360px,1.22fr);gap:10px;align-items:center;overflow:hidden;border:2px solid color-mix(in srgb,var(--arena-color) 58%,#263343);border-radius:6px;background:#080d13;box-shadow:inset 0 1px #ffffff1a,0 0 24px color-mix(in srgb,var(--arena-color) 22%,transparent)}.menu-selection-image,.menu-selection-effect{position:absolute;top:0;right:0;bottom:0;left:0}.menu-selection-image{background-image:linear-gradient(90deg,#04070bdb,#04070b66 36%,#04070b8f 74%,#04070bd6),var(--arena-image);background-size:cover;background-position:center;filter:saturate(1.2) contrast(1.08)}.menu-selection-copy{position:relative;z-index:2;padding:12px 16px;text-align:left}.menu-selection-copy span{color:color-mix(in srgb,var(--arena-color) 82%,#ffffff);font-size:10px;font-weight:900;text-transform:uppercase}.menu-selection-copy strong{display:block;margin-top:2px;color:#f8fbff;font-size:22px;font-weight:900;line-height:1}.menu-selection-copy p{margin:5px 0 0;color:#dbe5f2;font-size:11px;font-weight:800}.menu-selection-platform{position:relative;z-index:2;width:min(440px,100%);height:132px;justify-self:center}.menu-selection-beam,.menu-selection-pad,.menu-selection-pad i,.menu-selection-versus,.menu-stage-label,.menu-selection-fighter{position:absolute;pointer-events:none}.menu-selection-beam{left:74px;right:74px;top:7px;bottom:20px;border-radius:999px 999px 22px 22px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--arena-color) 46%,transparent),rgba(255,255,255,.2),color-mix(in srgb,var(--arena-color) 46%,transparent),transparent),linear-gradient(180deg,color-mix(in srgb,var(--arena-color) 18%,transparent),#0a101800);filter:blur(.2px);opacity:.86;animation:central-beam-charge .9s ease-out both,central-beam-pulse 1.45s ease-in-out .9s infinite alternate}.menu-selection-pad{--element-color: #6ee7f8;--element-accent: #f5d25c;bottom:12px;width:158px;height:24px;border:2px solid color-mix(in srgb,var(--element-accent) 74%,#ffffff);border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--element-color) 52%,transparent),transparent 62%),#0a1018e0;box-shadow:0 0 24px color-mix(in srgb,var(--element-accent) 44%,transparent),inset 0 0 14px color-mix(in srgb,var(--element-color) 42%,transparent);animation:central-pad-rise .82s cubic-bezier(.16,.95,.18,1.16) both}.menu-selection-pad--player{left:18px}.menu-selection-pad--rival{right:18px;animation-delay:90ms}.menu-selection-pad i{left:8%;right:8%;top:9px;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--element-accent),#ffffff,var(--element-accent),transparent);box-shadow:0 0 16px var(--element-accent)}.menu-selection-versus{left:50%;bottom:36px;z-index:7;width:42px;height:42px;display:grid;place-items:center;border:2px solid color-mix(in srgb,var(--arena-color) 72%,#ffffff);border-radius:50%;background:#080d13eb;color:#f8fbff;font-size:14px;font-weight:900;transform:translate(-50%);box-shadow:0 0 18px color-mix(in srgb,var(--arena-color) 36%,transparent)}.menu-stage-label{bottom:4px;z-index:6;color:#f8fbff;font-size:10px;font-weight:900;text-transform:uppercase;text-shadow:0 2px 4px #02060a}.menu-stage-label--player{left:54px}.menu-stage-label--rival{right:48px}.menu-selection-fighter{--element-color: #6ee7f8;--element-accent: #f5d25c;--fighter-facing: 1;--fx-a: var(--element-color);--fx-b: var(--element-accent);isolation:isolate;bottom:26px;z-index:5;width:132px;height:98px;filter:drop-shadow(0 0 0 transparent);transform-origin:center bottom;transform:scaleX(var(--fighter-facing, 1));animation:central-fighter-rise .9s cubic-bezier(.16,.95,.18,1.16) both}.menu-selection-fighter--player{left:30px}.menu-selection-fighter--rival{--fighter-facing: -1;right:30px;animation-delay:90ms}.menu-selection-fighter.is-active,.menu-selection-platform.is-choosing-arena .menu-selection-fighter{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--element-accent) 58%,transparent))}.menu-selection-fighter .menu-science-fx{top:9px;right:10px;bottom:5px;left:10px}.menu-card-grid{width:min(980px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 46px}.menu-card-grid--ladder{width:min(900px,100%);gap:12px 28px}.menu-card{--element-color: #6ee7f8;--element-accent: #f5d25c;position:relative;min-height:132px;border:2px solid color-mix(in srgb,var(--element-color) 44%,#495367);border-radius:5px;background:#161b26eb;color:#f8fbff;font:inherit;text-align:center;padding:8px 10px 9px;box-shadow:inset 0 1px #ffffff0f}.menu-card.is-focused{border-width:4px;border-color:var(--element-accent);transform:translateY(-2px);box-shadow:0 0 0 1px #ffffff1f,0 0 22px color-mix(in srgb,var(--element-accent) 24%,transparent)}.menu-card.is-blocked{cursor:not-allowed}.menu-role-row{position:absolute;top:-8px;left:10px;right:10px;display:flex;justify-content:space-between;min-height:18px}.menu-role{border-radius:3px;padding:2px 6px;color:#101318;font-size:10px;font-style:normal;font-weight:900;text-transform:uppercase}.menu-role.is-you{background:#6ee7f8}.menu-role.is-rival{background:#ffb35c}.menu-atomic{position:absolute;top:10px;left:10px;width:42px;height:34px;display:grid;place-items:center;border:2px solid var(--element-accent);border-radius:4px;background:#070c12f0;line-height:1}.menu-atomic small{position:absolute;top:3px;left:5px;color:#d6deea;font-size:8px;font-weight:800}.menu-atomic strong{margin-top:7px;font-size:18px;font-weight:700}.menu-fighter-stage{--fx-a: var(--element-color);--fx-b: var(--element-accent);position:relative;isolation:isolate;width:104px;height:72px;display:block;margin:-4px auto -2px;overflow:visible}.menu-fighter-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;object-fit:contain;opacity:0;filter:drop-shadow(0 7px 6px rgba(0,0,0,.34));animation:menu-fighter-cycle var(--fighter-cycle-duration, 1.75s) steps(1,end) infinite;animation-delay:var(--frame-delay)}.menu-fighter-frame:first-of-type{opacity:1}.menu-card.is-focused .menu-fighter-stage{transform:translateY(-2px) scale(1.08)}.menu-science-fx,.menu-science-fx:before,.menu-science-fx:after,.menu-science-fx i{position:absolute;pointer-events:none}.menu-science-fx{top:8px;right:8px;bottom:4px;left:8px;z-index:2;opacity:.82}.menu-science-fx:before,.menu-science-fx:after{content:""}.menu-science-fx i{width:7px;height:7px;border-radius:999px;background:var(--fx-a);box-shadow:0 0 10px var(--fx-a)}.menu-science-fx i:before,.menu-science-fx i:after{content:none}.menu-science-fx i:nth-child(1){left:14%;top:18%}.menu-science-fx i:nth-child(2){right:15%;top:22%}.menu-science-fx i:nth-child(3){left:24%;bottom:18%;background:var(--fx-b);box-shadow:0 0 10px var(--fx-b)}.menu-science-fx i:nth-child(4){right:24%;bottom:15%;width:5px;height:5px;background:var(--fx-b);box-shadow:0 0 9px var(--fx-b)}.menu-fighter--oxygen .menu-science-fx,.menu-fighter--hydrogen .menu-science-fx,.menu-fighter--sodium .menu-science-fx{opacity:.9}.menu-fighter--oxygen .menu-science-fx:before,.menu-fighter--oxygen .menu-science-fx:after{border-radius:999px}.menu-fighter--oxygen .menu-science-fx:before{left:10%;top:9%;width:80%;height:44%;background:radial-gradient(circle at 29% 50%,#ffffff 0 3px,#ffb0aa 4px 6px,#ff6868 7px 12px,transparent 13px),radial-gradient(circle at 71% 50%,#ffffff 0 3px,#ffb0aa 4px 6px,#ff6868 7px 12px,transparent 13px),linear-gradient(90deg,transparent 0 38%,#ffd5d0 38% 62%,transparent 62%) 0 41% / 100% 2px no-repeat,linear-gradient(90deg,transparent 0 38%,#ff6868 38% 62%,transparent 62%) 0 59% / 100% 2px no-repeat;filter:drop-shadow(0 0 7px rgba(255,104,104,.8));animation:oxygen-molecule-pulse 1.22s ease-in-out infinite alternate}.menu-fighter--oxygen .menu-science-fx:after{left:19%;right:19%;bottom:2%;height:40%;border:1px solid rgba(255,104,104,.58);background:repeating-radial-gradient(ellipse at center,transparent 0 7px,rgba(255,255,255,.18) 8px 9px,transparent 10px 16px),radial-gradient(ellipse at center,rgba(255,104,104,.2),transparent 68%);box-shadow:0 0 14px #ff686857;transform:rotate(-9deg);animation:oxygen-oxidizer-ring 1.5s ease-in-out infinite alternate}.menu-fighter--oxygen .menu-science-fx i{width:7px;height:7px;border-radius:999px;background:radial-gradient(circle,#ffffff 0 1px,#ffd2cc 2px,#ff6868 4px,transparent 5px);box-shadow:0 0 8px #ff6868;animation:oxygen-electron-pull 1.08s ease-in infinite}.menu-fighter--oxygen .menu-science-fx i:nth-child(1){left:2%;top:23%;--pull-x: 31px;--pull-y: 3px}.menu-fighter--oxygen .menu-science-fx i:nth-child(2){right:2%;top:21%;--pull-x: -31px;--pull-y: 2px;animation-delay:-.28s}.menu-fighter--oxygen .menu-science-fx i:nth-child(3){left:10%;bottom:10%;--pull-x: 20px;--pull-y: -22px;animation-delay:-.64s}.menu-fighter--oxygen .menu-science-fx i:nth-child(4){right:9%;bottom:8%;--pull-x: -20px;--pull-y: -21px;animation-delay:-.9s}.menu-fighter--hydrogen .menu-science-fx:before,.menu-fighter--hydrogen .menu-science-fx:after{border-radius:999px}.menu-fighter--hydrogen .menu-science-fx:before{left:12%;top:13%;width:76%;height:36%;background:radial-gradient(circle at 30% 50%,#ffffff 0 3px,#bdf8ff 4px 8px,transparent 9px),radial-gradient(circle at 70% 50%,#ffffff 0 3px,#bdf8ff 4px 8px,transparent 9px),linear-gradient(90deg,transparent 0 38%,#ffffff 38% 62%,transparent 62%) 0 50% / 100% 2px no-repeat;filter:drop-shadow(0 0 7px rgba(132,240,255,.84));animation:hydrogen-molecule-rattle .82s ease-in-out infinite alternate}.menu-fighter--hydrogen .menu-science-fx:after{left:34%;bottom:1%;width:32%;height:46%;border-radius:55% 45% 45% 55%/70% 70% 30% 30%;background:radial-gradient(circle at 50% 31%,#ffffff 0 3px,transparent 4px),linear-gradient(180deg,#eaffff 0%,#6ff0ff 34%,#ffcc6a 63%,#ff844e 88%,transparent 100%);box-shadow:0 0 12px #6ff0ffa8,0 0 16px #ff844e70;clip-path:polygon(50% 0,66% 28%,57% 43%,72% 72%,50% 100%,28% 72%,43% 43%,34% 28%);animation:hydrogen-ignition-pop .78s ease-in-out infinite alternate}.menu-fighter--hydrogen .menu-science-fx i{width:22px;height:8px;border-radius:0;background:linear-gradient(90deg,transparent 0 24%,#dfffff 25% 75%,transparent 76%);box-shadow:none;animation:hydrogen-diffusion-dash .98s ease-in-out infinite}.menu-fighter--hydrogen .menu-science-fx i:before,.menu-fighter--hydrogen .menu-science-fx i:after{content:"";position:absolute;top:1px;width:6px;height:6px;border-radius:999px;background:radial-gradient(circle,#ffffff 0 2px,#bdf8ff 3px,transparent 4px);box-shadow:0 0 7px #84f0ffd6}.menu-fighter--hydrogen .menu-science-fx i:before{left:0}.menu-fighter--hydrogen .menu-science-fx i:after{right:0}.menu-fighter--hydrogen .menu-science-fx i:nth-child(1){left:4%;top:32%;--dash-x: 18px;--dash-y: -10px;--dash-tilt: -18deg}.menu-fighter--hydrogen .menu-science-fx i:nth-child(2){right:3%;top:25%;--dash-x: -20px;--dash-y: 8px;--dash-tilt: 16deg;animation-delay:-.22s}.menu-fighter--hydrogen .menu-science-fx i:nth-child(3){left:16%;bottom:13%;--dash-x: 24px;--dash-y: -13px;--dash-tilt: 10deg;animation-delay:-.46s}.menu-fighter--hydrogen .menu-science-fx i:nth-child(4){right:18%;bottom:12%;--dash-x: -22px;--dash-y: -14px;--dash-tilt: -13deg;animation-delay:-.68s}.menu-fighter--iron .menu-science-fx:before{left:8%;top:10%;width:84%;height:72%;border:2px solid transparent;border-top-color:color-mix(in srgb,var(--fx-b) 64%,transparent);border-bottom-color:color-mix(in srgb,var(--fx-a) 42%,transparent);border-radius:50%;animation:magnetic-field 1.25s ease-in-out infinite alternate}.menu-fighter--iron .menu-science-fx i{width:3px;height:9px;border-radius:1px;transform:rotate(62deg);animation:filings-twitch .52s steps(2,end) infinite}.menu-fighter--sodium .menu-science-fx:before{left:13%;top:9%;width:74%;height:65%;border:1px solid color-mix(in srgb,var(--fx-b) 58%,transparent);border-radius:50%;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fx-b) 22%,transparent),0 0 12px color-mix(in srgb,var(--fx-b) 28%,transparent);animation:sodium-shell-charge 1.38s ease-in-out infinite alternate}.menu-fighter--sodium .menu-science-fx:after{right:3%;top:27%;width:34px;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,#fff7a8,#ffb44a,transparent);box-shadow:0 0 10px #ffc64acc;transform:rotate(-18deg);animation:sodium-ion-trail .93s ease-out infinite}.menu-fighter--sodium .menu-science-fx i{background:#fff56d;box-shadow:0 0 10px #ffd95a}.menu-fighter--sodium .menu-science-fx i:nth-child(1){left:54%;top:26%;width:6px;height:6px;animation:sodium-electron-donate .93s ease-out infinite;--donate-x: 28px;--donate-y: -12px}.menu-fighter--sodium .menu-science-fx i:nth-child(2),.menu-fighter--sodium .menu-science-fx i:nth-child(3),.menu-fighter--sodium .menu-science-fx i:nth-child(4){height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#ffef78,transparent);box-shadow:0 0 8px #ffd35a;animation:sodium-valence-flash 1.12s ease-in-out infinite alternate}.menu-fighter--sodium .menu-science-fx i:nth-child(2){left:22%;top:18%;width:14px;transform:rotate(22deg)}.menu-fighter--sodium .menu-science-fx i:nth-child(3){right:22%;bottom:25%;width:13px;transform:rotate(-19deg);animation-delay:-.35s}.menu-fighter--sodium .menu-science-fx i:nth-child(4){left:36%;bottom:13%;width:10px;transform:rotate(8deg);animation-delay:-.68s}.menu-fighter--neon .menu-science-fx:before{top:6px;right:16px;bottom:8px;left:16px;border:2px solid color-mix(in srgb,var(--fx-b) 62%,transparent);border-radius:999px;animation:neon-shell 1.15s ease-in-out infinite alternate}.menu-fighter--neon .menu-science-fx i{animation:neon-blink .68s steps(2,end) infinite}.menu-fighter--chlorine .menu-science-fx:before,.menu-fighter--chlorine .menu-science-fx:after{bottom:7px;width:22px;height:38px;border-radius:999px;background:linear-gradient(0deg,rgba(139,235,92,.42),transparent);filter:blur(1px);animation:halogen-vapor 1.7s ease-in-out infinite alternate}.menu-fighter--chlorine .menu-science-fx:before{left:8%}.menu-fighter--chlorine .menu-science-fx:after{right:12%;animation-delay:-.62s}.menu-fighter--carbon .menu-science-fx:before{top:10px;right:16px;bottom:9px;left:16px;background:linear-gradient(60deg,transparent 0 43%,color-mix(in srgb,var(--fx-a) 55%,transparent) 44% 45%,transparent 46%),linear-gradient(120deg,transparent 0 48%,color-mix(in srgb,var(--fx-b) 42%,transparent) 49% 50%,transparent 51%),repeating-linear-gradient(0deg,transparent 0 13px,color-mix(in srgb,var(--fx-a) 30%,transparent) 14px 15px);animation:lattice-shift 1.9s linear infinite}.menu-fighter--carbon .menu-science-fx i{width:4px;height:4px}.menu-fighter--copper .menu-science-fx:before{left:16%;right:12%;top:44%;height:2px;background:linear-gradient(90deg,transparent,var(--fx-b),var(--fx-a),transparent);box-shadow:0 0 12px var(--fx-b);animation:conductor-scan .9s linear infinite}.menu-fighter--copper .menu-science-fx i{animation:conductor-spark .62s steps(2,end) infinite}@keyframes menu-fighter-cycle{0%,14.4%{opacity:1}14.41%,to{opacity:0}}@keyframes central-fighter-rise{0%{opacity:0;transform:translateY(46px) scaleX(var(--fighter-facing, 1)) scale(.9)}62%{opacity:1;transform:translateY(-12px) scaleX(var(--fighter-facing, 1)) scale(1.08)}to{opacity:1;transform:translateY(0) scaleX(var(--fighter-facing, 1)) scale(1)}}@keyframes central-pad-rise{0%{opacity:0;transform:translateY(34px) scaleX(.54)}62%{opacity:1;transform:translateY(-7px) scaleX(1.08)}to{opacity:1;transform:translateY(0) scaleX(1)}}@keyframes central-beam-charge{0%{opacity:0;transform:scaleY(.3)}to{opacity:.86;transform:scaleY(1)}}@keyframes central-beam-pulse{to{opacity:.54;filter:brightness(1.35)}}@keyframes oxygen-molecule-pulse{0%{opacity:.72;transform:translateY(1px) scaleX(.94)}to{opacity:1;transform:translateY(-2px) scaleX(1.06);filter:drop-shadow(0 0 10px rgba(255,104,104,.92)) brightness(1.15)}}@keyframes oxygen-oxidizer-ring{0%{opacity:.34;transform:rotate(-9deg) scale(.92)}to{opacity:.78;transform:rotate(-9deg) scale(1.08)}}@keyframes oxygen-electron-pull{0%{opacity:.14;transform:translate(0) scale(.72)}48%{opacity:.94;transform:translate(calc(var(--pull-x, 0) * .52),calc(var(--pull-y, 0) * .52)) scale(1)}to{opacity:.18;transform:translate(var(--pull-x, 0),var(--pull-y, 0)) scale(.28)}}@keyframes hydrogen-molecule-rattle{0%{opacity:.68;transform:translate(-2px,1px) rotate(-3deg) scaleX(.94)}to{opacity:1;transform:translate(2px,-2px) rotate(3deg) scaleX(1.06);filter:drop-shadow(0 0 9px rgba(132,240,255,.95)) brightness(1.2)}}@keyframes hydrogen-ignition-pop{0%{opacity:.42;transform:translateY(3px) scale(.72) rotate(-4deg)}to{opacity:.94;transform:translateY(-4px) scale(1.13) rotate(5deg);filter:hue-rotate(-12deg) brightness(1.28)}}@keyframes hydrogen-diffusion-dash{0%{opacity:.08;transform:translate(0) rotate(var(--dash-tilt, 0deg)) scale(.76)}45%{opacity:.94}to{opacity:.16;transform:translate(var(--dash-x, 0),var(--dash-y, 0)) rotate(var(--dash-tilt, 0deg)) scale(.48)}}@keyframes magnetic-field{to{transform:scaleX(1.08) rotate(-5deg)}}@keyframes filings-twitch{50%{transform:rotate(82deg) translate(4px)}}@keyframes sodium-shell-charge{0%{opacity:.3;transform:scale(.94) rotate(-4deg)}to{opacity:.78;transform:scale(1.06) rotate(4deg)}}@keyframes sodium-ion-trail{0%{transform:translate(-9px,3px) rotate(-18deg) scaleX(.35);opacity:0}40%{opacity:.86}to{transform:translate(4px,-2px) rotate(-18deg) scaleX(1.14);opacity:0}}@keyframes sodium-electron-donate{0%{opacity:0;transform:translate(0) scale(.55)}18%{opacity:1}to{opacity:0;transform:translate(var(--donate-x, 18px),var(--donate-y, -8px)) scale(.78)}}@keyframes sodium-valence-flash{0%{opacity:.22}to{opacity:.82;filter:brightness(1.3)}}@keyframes neon-shell{to{transform:scale(1.12);opacity:.45}}@keyframes neon-blink{50%{opacity:.28}}@keyframes halogen-vapor{to{transform:translateY(-10px) scaleX(1.45);opacity:.35}}@keyframes lattice-shift{to{background-position:18px 0,-18px 0,0 15px}}@keyframes conductor-scan{0%{transform:translate(-16px)}to{transform:translate(16px)}}@keyframes conductor-spark{50%{opacity:.28;transform:translateY(-5px)}}.discovery-shell{max-height:100vh;overflow:auto;padding-bottom:24px}.discovery-header{padding-top:6px}.about-shell{min-height:var(--stage-height);align-content:center;justify-items:center}.about-header p{color:#9facbd;text-transform:uppercase}.about-panel{width:min(720px,100%);display:grid;justify-items:center;gap:16px;border:2px solid rgba(245,210,92,.34);border-radius:6px;background:linear-gradient(180deg,#f5d25c24,#0c1119e6),#101620;padding:28px;text-align:center;box-shadow:0 18px 48px #00000057,inset 0 1px #ffffff14}.about-panel span{color:#f5d25c;font-size:12px;font-weight:950;text-transform:uppercase}.about-panel p{max-width:580px;margin:0;color:#f8fbff;font-size:clamp(22px,3.2vw,34px);font-weight:900;line-height:1.12}.about-panel button{cursor:pointer;border:1px solid rgba(245,210,92,.72);border-radius:999px;background:#f5d25c;color:#111318;padding:9px 14px;font:inherit;font-size:12px;font-weight:950}.discovery-summary{width:min(980px,100%);margin:0 auto;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.discovery-summary span,.discovery-summary button{border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#080c12c2;color:#dbe6f4;padding:7px 11px;font:inherit;font-size:12px;font-weight:850}.discovery-summary b{color:#f5d25c}.discovery-summary button{cursor:pointer;border-color:#f5d25c94;background:#f5d25c;color:#111318;font-weight:950}.discovery-grid{width:min(1080px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.discovery-card{--reaction-color: #6ee7f8;min-height:156px;display:grid;align-content:start;gap:5px;border:2px solid color-mix(in srgb,var(--reaction-color) 36%,rgba(255,255,255,.12));border-radius:6px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--reaction-color) 18%,transparent),transparent 52%),#0c1119e6;padding:11px;text-align:left}.discovery-card.is-locked{border-color:#ffffff1a;background:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 6px,transparent 6px 12px),#0c1119d1;filter:grayscale(.34)}.discovery-card span{color:color-mix(in srgb,var(--reaction-color) 76%,#ffffff);font-size:10px;font-weight:950;text-transform:uppercase}.discovery-card strong{color:#f8fbff;font-size:17px;font-weight:950;line-height:1.05}.discovery-card code{width:fit-content;max-width:100%;border-radius:4px;background:color-mix(in srgb,var(--reaction-color) 82%,#ffffff);color:#101318;padding:4px 6px;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:950;white-space:normal}.discovery-card p{margin:2px 0 0;color:#cbd7e6;font-size:12px;line-height:1.34}.discovery-card em{margin-top:4px;color:#f5d25c;font-size:10px;font-style:normal;font-weight:950;text-transform:uppercase}.menu-card-name,.menu-card-tags,.menu-card-note{display:block}.menu-card-name{font-size:16px;font-weight:700}.menu-card-tags{margin-top:5px;color:#b8c3d2;font-size:11px;font-weight:650}.menu-card-note{margin-top:4px;color:#dbe5f2;font-size:10px;font-weight:700}.menu-arena{--arena-color: #6ee7f8;--arena-image: none;width:min(1030px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(280px,430px) minmax(0,1fr);gap:12px;align-items:stretch}.menu-arena-preview{position:relative;min-height:94px;overflow:hidden;border:2px solid color-mix(in srgb,var(--arena-color) 52%,#263343);border-radius:6px;background:#080d13;box-shadow:inset 0 1px #ffffff14,0 0 22px color-mix(in srgb,var(--arena-color) 18%,transparent)}.menu-arena.is-focused .menu-arena-preview{border-color:color-mix(in srgb,var(--arena-color) 78%,#ffffff);box-shadow:inset 0 1px #ffffff1f,0 0 28px color-mix(in srgb,var(--arena-color) 30%,transparent)}.menu-arena-image,.menu-arena-effect{position:absolute;top:0;right:0;bottom:0;left:0}.menu-arena-image{background-image:linear-gradient(90deg,#04070b2e,#04070b80 62%,#04070bb8),var(--arena-image);background-size:cover;background-position:center;filter:saturate(1.12) contrast(1.04);transform:scale(1.02)}.menu-arena-effect{mix-blend-mode:screen;opacity:.7;pointer-events:none}.menu-arena-copy{position:relative;z-index:1;height:100%;display:grid;align-content:center;gap:3px;padding:12px 14px;text-align:left;background:linear-gradient(90deg,#05080db8,#05080d2e)}.menu-arena-copy span{color:color-mix(in srgb,var(--arena-color) 76%,#ffffff);font-size:10px;font-weight:900;text-transform:uppercase}.menu-arena-copy strong{color:#f8fbff;font-size:18px;font-weight:900;line-height:1.05}.menu-arena-copy p{margin:0;max-width:360px;color:#dbe5f2;font-size:11px;font-weight:700;line-height:1.25}.menu-arena-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-content:stretch}.menu-arena-tab{position:relative;min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;border-color:color-mix(in srgb,var(--arena-color) 28%,rgba(255,255,255,.12));background:linear-gradient(180deg,color-mix(in srgb,var(--arena-color) 10%,rgba(17,24,35,.74)),#090d14c2);color:#cbd6e6;font-size:12px;line-height:1.05;overflow:hidden;white-space:normal;transition:border-color .16s ease-out,box-shadow .16s ease-out}.menu-arena-tab span{width:8px;height:8px;flex:0 0 8px;border-radius:999px;background:var(--arena-color);box-shadow:0 0 10px color-mix(in srgb,var(--arena-color) 70%,transparent)}.menu-arena-tab.is-active{border-color:color-mix(in srgb,var(--arena-color) 78%,#ffffff);background:linear-gradient(180deg,color-mix(in srgb,var(--arena-color) 34%,#17202b),color-mix(in srgb,var(--arena-color) 18%,#0a0f16));color:#f8fbff;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--arena-color) 18%,#ffffff),0 0 18px color-mix(in srgb,var(--arena-color) 24%,transparent)}.menu-arena-tab.is-active span{animation:lab-dot-pulse .78s ease-in-out infinite alternate}.menu-arena--neutral .menu-arena-effect{background:repeating-linear-gradient(90deg,transparent 0 18px,rgba(120,230,255,.24) 19px 20px),repeating-linear-gradient(0deg,transparent 0 20px,rgba(120,230,255,.16) 21px 22px);animation:arena-scan 3.6s linear infinite;opacity:.28}.menu-arena--wet .menu-arena-effect{background:repeating-linear-gradient(105deg,transparent 0 17px,rgba(120,220,255,.34) 18px 20px,transparent 21px 30px),radial-gradient(circle at 22% 78%,rgba(125,230,255,.38),transparent 8%),radial-gradient(circle at 72% 42%,rgba(125,230,255,.28),transparent 9%);animation:arena-rain 1.3s linear infinite}.menu-arena--hot .menu-arena-effect{background:linear-gradient(0deg,rgba(255,96,36,.34),transparent 62%),repeating-linear-gradient(88deg,transparent 0 18px,rgba(255,185,74,.18) 20px 24px,transparent 26px 38px);animation:arena-heat 1.2s ease-in-out infinite alternate}.menu-arena--acidic .menu-arena-effect{background:radial-gradient(circle at 20% 78%,rgba(128,255,80,.7) 0 3px,transparent 4px),radial-gradient(circle at 44% 64%,rgba(128,255,80,.5) 0 4px,transparent 5px),radial-gradient(circle at 76% 72%,rgba(128,255,80,.54) 0 3px,transparent 4px),linear-gradient(0deg,rgba(111,255,80,.24),transparent 72%);animation:arena-bubbles 1.5s ease-in-out infinite}.menu-arena--electric .menu-arena-effect{background:linear-gradient(108deg,transparent 0 39%,rgba(110,170,255,.68) 40% 42%,transparent 43%),linear-gradient(72deg,transparent 0 56%,rgba(160,95,255,.52) 57% 59%,transparent 60%),radial-gradient(circle at 50% 38%,rgba(70,165,255,.6),transparent 22%);animation:arena-arc .95s steps(2,end) infinite}.menu-arena--vacuum .menu-arena-effect{background:radial-gradient(circle at 18% 24%,rgba(255,255,255,.8) 0 1px,transparent 2px),radial-gradient(circle at 38% 68%,rgba(165,220,255,.64) 0 1px,transparent 2px),radial-gradient(circle at 74% 34%,rgba(255,255,255,.72) 0 1px,transparent 2px),radial-gradient(circle at 84% 72%,rgba(180,130,255,.64) 0 1px,transparent 2px),linear-gradient(90deg,transparent,rgba(160,130,255,.18),transparent);animation:arena-stars 5.4s linear infinite}@keyframes lab-dot-pulse{to{transform:scale(1.45)}}@keyframes arena-scan{to{background-position:32px 0,0 32px}}@keyframes arena-rain{to{background-position:0 54px,0 0,0 0}}@keyframes arena-heat{0%{transform:translateY(4px) skew(-1deg);opacity:.5}to{transform:translateY(-4px) skew(1deg);opacity:.82}}@keyframes arena-bubbles{0%{background-position:0 18px,0 8px,0 14px,0 0}to{background-position:0 -18px,0 -30px,0 -24px,0 0}}@keyframes arena-arc{50%{opacity:.22;filter:hue-rotate(28deg)}}@keyframes arena-stars{to{background-position:22px 8px,-18px 12px,10px -16px,-12px -10px,34px 0}}@media (prefers-reduced-motion: reduce){.menu-fighter-frame,.menu-science-fx,.menu-science-fx:before,.menu-science-fx:after,.menu-science-fx i,.menu-selection-beam,.menu-selection-pad,.menu-selection-fighter,.menu-arena-effect,.menu-arena-tab.is-active span{animation:none}.menu-fighter-frame:not(:first-of-type){opacity:0}}.menu-match{width:min(1050px,100%);margin:0 auto;min-height:154px;display:grid;align-items:stretch;gap:7px;border:2px solid #263343;border-radius:5px;background:#090d14c7;color:#e9f1fb;text-align:left;padding:9px 12px}.menu-match.is-favorable{border-color:#6ef59a7a}.menu-match.is-hard{border-color:#ff5a678f}.menu-match-title{justify-self:center;color:#ffbd82;font-size:15px;font-weight:900;text-align:center}.menu-match-glance{--plan-color: #f5d25c;display:grid;grid-template-columns:minmax(260px,1.1fr) minmax(0,1.7fr);gap:8px;align-items:stretch}.menu-match.is-favorable .menu-match-glance{--plan-color: #6ef59a}.menu-match.is-hard .menu-match-glance{--plan-color: #ff5a67}.menu-match-verdict{border:1px solid color-mix(in srgb,var(--plan-color) 36%,transparent);border-radius:5px;background:linear-gradient(90deg,color-mix(in srgb,var(--plan-color) 13%,transparent),#070a0f8c),#0b0f16db;padding:8px 9px}.menu-match-verdict span{display:block;color:var(--plan-color);font-size:10px;font-weight:950;text-transform:uppercase}.menu-match-verdict strong{display:block;margin-top:3px;color:#f8fbff;font-size:16px;font-weight:950;line-height:1.08}.menu-match-verdict p{margin:6px 0 0;color:#dfe8f4;font-size:12px;font-weight:800;line-height:1.25}.menu-match-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.menu-match-actions em{min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:5px;background:#05080cad;color:#e9f1fb;padding:7px 8px;font-size:10px;font-style:normal;font-weight:850;line-height:1.25}.menu-match-actions b{display:block;margin-bottom:4px;color:var(--plan-color);font-size:8px;text-transform:uppercase}.menu-match-actions span{display:block}.menu-match-plan{--plan-color: #f5d25c;display:grid;gap:5px;border:1px solid rgba(245,210,92,.24);border-radius:5px;background:linear-gradient(90deg,#f5d25c1a,#070a0f80),#0b0f16d1;padding:7px 8px}.menu-match.is-favorable .menu-match-plan{--plan-color: #6ef59a;border-color:#6ef59a52;background:linear-gradient(90deg,#6ef59a1a,#070a0f80),#0b0f16d1}.menu-match.is-hard .menu-match-plan{--plan-color: #ff5a67;border-color:#ff5a675c;background:linear-gradient(90deg,#ff5a671c,#070a0f80),#0b0f16d1}.menu-match-plan>span{color:var(--plan-color);font-size:10px;font-weight:950;text-transform:uppercase}.menu-match-plan p{margin:0;color:#f0f5fb;font-size:11px;font-weight:800;line-height:1.25}.menu-match-plan div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.menu-match-plan em{min-width:0;border-radius:4px;background:#05080c9e;color:#e9f1fb;padding:5px 6px;font-size:9px;font-style:normal;font-weight:850;line-height:1.2}.menu-match-plan b{display:block;margin-bottom:2px;color:var(--plan-color);font-size:8px;text-transform:uppercase}.menu-match-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.menu-match-details{border:1px solid rgba(141,185,223,.16);border-radius:5px;background:#080c128a}.menu-match-details>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;padding:7px 9px;color:#e9f1fb}.menu-match-details>summary::-webkit-details-marker{display:none}.menu-match-details>summary span{color:#78f2ff;font-size:10px;font-weight:950;text-transform:uppercase}.menu-match-details>summary small{color:#aebbd0;font-size:10px;font-weight:750}.menu-match-details>summary:after{content:"+";flex:0 0 auto;width:20px;height:20px;border:1px solid rgba(120,242,255,.45);border-radius:50%;color:#78f2ff;display:grid;place-items:center;font-size:14px;font-weight:900;line-height:1}.menu-match-details[open]>summary:after{content:"-"}.menu-match-details[open]{padding-bottom:8px}.menu-match-details[open] .menu-match-grid{padding:0 8px}.menu-match-card{--match-color: #6ee7f8;--match-base: #6ee7f8;position:relative;min-height:82px;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-left:4px solid var(--match-color);border-radius:5px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--match-base) 24%,transparent),transparent 52%),#101620e0;padding:8px 9px 9px 10px}.menu-match-card.is-rival{border-left-color:#ffb35c}.menu-match-kicker{display:block;color:var(--match-color);font-size:9px;font-weight:900;letter-spacing:0;text-transform:uppercase}.menu-match-card strong{display:block;margin-top:3px;color:#f8fbff;font-size:13px;font-weight:900;line-height:1.15}.menu-match-card p{margin:4px 0 0;color:#c9d5e4;font-size:11px;font-weight:650;line-height:1.28}.menu-match-impact{color:#ffe1ae!important;font-weight:850!important}.menu-match-definition b,.menu-match-impact b{color:var(--match-color)}.menu-match-card code{display:block;width:fit-content;max-width:100%;margin-top:5px;border-radius:3px;background:var(--match-color);color:#101318;padding:3px 5px;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:900;line-height:1.15;white-space:normal}.menu-match-tip{margin:0;color:#becae0;font-size:11px;font-weight:700;line-height:1.3;text-align:center}.menu-match-tip b{color:#ff8d6b}.menu-controls{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.control-hint{display:inline-flex;align-items:center;gap:7px;min-height:32px;line-height:1;white-space:nowrap}.control-keys{display:inline-flex;align-items:center;gap:3px}.control-hint kbd{min-width:22px;height:22px;display:inline-grid;place-items:center;box-sizing:border-box;border:1px solid rgba(255,255,255,.24);border-bottom-color:#ffffff14;border-radius:4px;background:#eef4ff;color:#101318;padding:0 6px;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:900;letter-spacing:0}.menu-controls>.control-hint{padding:5px 9px 5px 6px;color:#dce6f4;font-size:12px;font-weight:700}.menu-controls>.menu-start-button{border-color:#f5d25cbd;background:#f5d25c;color:#101318}.menu-start-button kbd,.control-hint.is-primary kbd{background:#101318;color:#f8fbff}.control-strip{position:absolute;left:50%;top:calc(var(--stage-height) - 32px);transform:translate(-50%);width:min(840px,calc(100vw - 28px));display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;pointer-events:none}.menu-control-strip{top:calc(var(--stage-height) - 44px)}.fight-controls{left:16px;top:calc(var(--stage-height) - 154px);transform:none;width:min(210px,calc(100vw - 32px));justify-content:flex-start;gap:6px;align-content:flex-start}.key{border:2px solid rgba(255,255,255,.15);border-radius:5px;background:#0b0d12c7;padding:5px 8px 5px 5px;color:#dce6f4;font-size:12px;font-weight:800}.mobile-combat-controls{--mobile-control-size: clamp(52px, 13vw, 64px);--mobile-control-gap: 8px;--mobile-control-stack: calc(var(--mobile-control-size) + var(--mobile-control-size) + var(--mobile-control-gap));position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:none;pointer-events:none;font-family:Arial,Helvetica,sans-serif}.mobile-combat-controls.is-hidden{display:none}.mobile-control-bank,.mobile-pause-button,.mobile-control-button{touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.mobile-control-bank{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 12px);display:grid;gap:var(--mobile-control-gap);pointer-events:auto}.mobile-control-bank--move{left:calc(env(safe-area-inset-left) + 12px);grid-template-columns:repeat(3,var(--mobile-control-size));grid-template-rows:repeat(2,var(--mobile-control-size));grid-template-areas:"jump dash guard" "left right guard"}.mobile-control-bank--attack{right:calc(env(safe-area-inset-right) + 12px);grid-template-columns:repeat(2,var(--mobile-control-size));grid-template-rows:repeat(2,var(--mobile-control-size));grid-template-areas:"heavy special" "light throw"}.mobile-pause-button,.mobile-control-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto;border:2px solid rgba(255,255,255,.18);border-radius:999px;background:linear-gradient(180deg,#242d3ceb,#0b0e15e0),radial-gradient(circle at 38% 24%,rgba(255,255,255,.18),transparent 42%);color:#f8fbff;box-shadow:0 10px 26px #00000061,inset 0 1px #ffffff2e;font:inherit;font-size:11px;font-weight:950;line-height:1;text-transform:uppercase}.mobile-control-button{width:var(--mobile-control-size);height:var(--mobile-control-size);padding:0 5px}.mobile-control-button span,.mobile-pause-button span{display:grid;place-items:center;width:100%;height:100%}.mobile-control-button--left{grid-area:left}.mobile-control-button--right{grid-area:right}.mobile-control-button--jump{grid-area:jump;border-color:#6ee7f89e}.mobile-control-button--dash{grid-area:dash;border-color:#f5d25c9e}.mobile-control-button--guard{grid-area:guard;height:var(--mobile-control-stack);border-color:#9aff8299}.mobile-control-button--light{grid-area:light;border-color:#6ee7f8b3}.mobile-control-button--heavy{grid-area:heavy;border-color:#ff8d6bb8}.mobile-control-button--special{grid-area:special;border-color:#f5d25cc7;background:linear-gradient(180deg,#f5d25ceb,#cd7034e6),radial-gradient(circle at 38% 24%,rgba(255,255,255,.22),transparent 42%);color:#12151b}.mobile-control-button--throw{grid-area:throw;border-color:#ffffffb3;background:linear-gradient(180deg,#62707df0,#141820e6),radial-gradient(circle at 38% 24%,rgba(255,255,255,.22),transparent 42%)}.mobile-control-button--left span,.mobile-control-button--right span{font-size:25px}.mobile-pause-button{position:absolute;right:calc(env(safe-area-inset-right) + 12px);bottom:calc(env(safe-area-inset-bottom) + var(--mobile-control-stack) + 22px);width:44px;height:44px;padding:0}.mobile-pause-button span{font-size:13px;font-weight:950}.mobile-control-button.is-pressed,.mobile-pause-button.is-pressed{transform:translateY(2px) scale(.97);border-color:#ffffff8f;filter:brightness(1.18);box-shadow:0 4px 14px #00000073,inset 0 0 18px #ffffff2e}@media (hover: none),(pointer: coarse),(max-width: 760px){.music-toggle{top:calc(env(safe-area-inset-top) + 10px);right:calc(env(safe-area-inset-right) + 10px);bottom:auto;width:36px;height:36px}.music-toggle__icon{font-size:21px}.music-toggle__slash{width:24px}.mobile-combat-controls{display:block}.mobile-combat-controls.is-hidden,.fight-controls{display:none}.momentum-chip{top:calc(var(--stage-height) + 118px);left:14px;right:14px;width:auto;min-width:0}.cancel-cue{bottom:calc(env(safe-area-inset-bottom) + var(--mobile-control-stack) + 88px)}}@media (max-width: 430px){.mobile-combat-controls{--mobile-control-size: clamp(48px, 13.5vw, 56px);--mobile-control-gap: 6px}.mobile-control-bank{bottom:calc(env(safe-area-inset-bottom) + 10px)}.mobile-control-bank--move{left:calc(env(safe-area-inset-left) + 8px)}.mobile-control-bank--attack{right:calc(env(safe-area-inset-right) + 8px)}.mobile-control-button{font-size:9px}}@media (max-width: 680px){.menu-shell{width:calc(100vw - 16px);padding-top:18px;row-gap:9px}.menu-header h1{font-size:30px}.menu-header p,.menu-arena p{font-size:12px}.mode-rail{grid-template-columns:1fr;gap:6px}.mode-primary-action{min-height:62px;padding:9px 10px}.mode-primary-action strong{font-size:19px}.mode-primary-action span,.mode-primary-action em{font-size:10px}.mode-secondary-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.mode-pill{min-height:54px;padding:7px 8px}.mode-pill span,.mode-pill strong,.progress-strip span{font-size:9px}.about-panel{padding:20px 14px}.about-panel p{font-size:21px}.menu-ready-action,.menu-ladder-setup{width:100%}.menu-ready-action{justify-content:space-between;gap:7px;padding:7px 8px}.menu-ready-action span{min-width:0;flex:1 1 160px;font-size:9px;line-height:1.2}.menu-ready-start{flex:0 0 auto;padding:8px 10px;font-size:11px}.menu-ladder-setup{grid-template-columns:1fr;justify-items:stretch;gap:9px;padding:10px;text-align:center}.menu-ladder-copy span{font-size:9px}.menu-ladder-copy strong{font-size:19px}.menu-ladder-copy p{font-size:10px}.progress-strip{gap:5px}.objective-chip{top:calc(var(--stage-height) + 212px);left:8px;right:8px;width:auto;padding:7px}.objective-chip span,.objective-chip p{font-size:8px}.objective-chip strong{font-size:10px}.discovery-grid{grid-template-columns:1fr;gap:7px}.discovery-card{min-height:0;padding:9px}.discovery-card strong{font-size:14px}.discovery-card p{font-size:10px}.pause-panel{padding:16px}.pause-panel h2{font-size:26px}.menu-arena{grid-template-columns:1fr;gap:6px}.menu-arena-preview{min-height:64px}.menu-arena-copy{padding:8px 10px}.menu-arena-copy span{font-size:8px}.menu-arena-copy strong{font-size:13px}.menu-arena-copy p{max-width:none;font-size:9px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.menu-steps,.menu-arena-tabs,.menu-controls{gap:6px}.menu-step,.menu-arena-tab{padding:6px 7px;font-size:10px}.menu-arena-tab{min-height:32px}.menu-arena-tab span{width:6px;height:6px;flex-basis:6px}.menu-selection-stage{min-height:152px;grid-template-columns:1fr;gap:0}.menu-selection-copy{padding:8px 10px 0;text-align:center}.menu-selection-copy span{font-size:8px}.menu-selection-copy strong{font-size:16px}.menu-selection-copy p{font-size:8px}.menu-selection-platform{width:min(312px,100%);height:96px;margin:-2px auto 2px}.menu-selection-fighter{width:80px;height:60px;bottom:20px}.menu-selection-fighter--player{left:20px}.menu-selection-fighter--rival{right:20px}.menu-selection-pad{width:106px;bottom:7px;height:14px}.menu-selection-pad--player{left:8px}.menu-selection-pad--rival{right:8px}.menu-selection-versus{bottom:28px;width:30px;height:30px;font-size:10px}.menu-stage-label{bottom:1px;font-size:8px}.menu-stage-label--player{left:32px}.menu-stage-label--rival{right:28px}.menu-selection-beam{left:60px;right:60px;top:4px;bottom:12px}.menu-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.menu-card{min-height:96px;padding:6px 4px}.menu-fighter-stage{width:54px;height:44px;margin:-3px auto 0}.menu-science-fx{top:4px;right:4px;bottom:2px;left:4px}.menu-science-fx i{width:4px;height:4px}.menu-atomic{width:28px;height:24px;top:6px;left:6px}.menu-atomic small{font-size:6px}.menu-atomic strong{font-size:11px}.menu-role{font-size:7px}.menu-card-name{font-size:11px}.menu-card-tags,.menu-card-note{font-size:7px}.menu-match{min-height:0;gap:5px;padding:7px}.menu-match-title{font-size:11px}.menu-match-glance{grid-template-columns:1fr;gap:5px}.menu-match-verdict{padding:6px}.menu-match-verdict span{font-size:8px}.menu-match-verdict strong{font-size:12px}.menu-match-verdict p{display:-webkit-box;overflow:hidden;font-size:9px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.menu-match-actions{grid-template-columns:1fr;gap:4px}.menu-match-actions em{padding:5px 6px;font-size:8px}.menu-match-plan{gap:4px;padding:6px}.menu-match-plan>span{font-size:8px}.menu-match-plan p{display:-webkit-box;overflow:hidden;font-size:8px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.menu-match-plan div{grid-template-columns:1fr;gap:4px}.menu-match-plan em{padding:4px 5px;font-size:8px}.menu-match-grid{grid-template-columns:1fr;gap:5px}.menu-match-details>summary{padding:6px 7px}.menu-match-details>summary span,.menu-match-details>summary small{font-size:8px}.menu-match-card{min-height:0;padding:6px 7px 7px}.menu-match-kicker,.menu-match-card code,.menu-match-tip{font-size:8px}.menu-match-card strong{font-size:10px}.menu-match-card p{display:-webkit-box;overflow:hidden;font-size:8px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.menu-match-tip{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.menu-controls>.control-hint{min-height:28px;padding:4px 7px 4px 5px;font-size:10px}.control-hint{gap:5px}.control-hint kbd{min-width:19px;height:19px;padding:0 5px;font-size:9px}.hud-top{top:8px;width:calc(100vw - 16px);grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);gap:6px}.round-timer{min-height:42px;font-size:22px}.fighter-panel{padding:7px}.status-line,.reaction-entry,.key{font-size:11px}.fight-controls{left:8px;top:calc(var(--stage-height) + 78px);width:min(188px,calc(100vw - 16px));gap:5px}.fight-controls .key{padding:5px 7px}.combo-banner{top:156px;left:12px;min-width:190px}.combo-banner.enemy-combo{right:12px}.combo-banner strong,.combo-banner.catalyst-combo strong{font-size:20px}.enemy-intent-tell{top:102px;right:8px;width:min(194px,calc(100vw - 16px));padding:6px 7px}.enemy-intent-tell span,.enemy-intent-tell p{font-size:8px}.enemy-intent-tell strong{font-size:12px}.forecast-overlay{height:100vh;place-items:start center;overflow:auto;padding:102px 0 14px}.forecast-card{width:calc(100vw - 16px);max-height:calc(100vh - 116px);overflow:auto;padding:9px}.forecast-card h2{margin-bottom:7px;font-size:17px}.forecast-card h2 span{min-width:54px;margin-left:5px;padding:3px 6px;font-size:8px}.prefight-plan-chips{grid-template-columns:1fr;gap:5px}.prefight-plan-chips em{padding:6px;font-size:9px}.prefight-why{padding:6px}.prefight-why span{font-size:10px}.prefight-move-row{grid-template-columns:26px minmax(0,1fr);gap:5px 7px;padding:6px}.prefight-move-row span,.prefight-move-row em{grid-column:2}.prefight-move-row strong{font-size:11px}.prefight-move-row span,.prefight-move-row em,.prefight-details>summary span,.prefight-details>summary small{font-size:8px}.forecast-grid{grid-template-columns:1fr;gap:5px}.forecast-chip{padding:6px}.forecast-card p,.forecast-card small{font-size:10px}.prefight-moves{margin-top:8px}.prefight-move-grid{grid-template-columns:1fr;gap:5px}.prefight-move-card{gap:3px;padding:6px}.prefight-move-card p,.prefight-move-card code{display:none}.fighter-name{font-size:11px}.fighter-tags,.meter-readout{font-size:8px}.life-meter{height:16px}.symbol{width:26px;height:26px;flex-basis:26px;font-size:12px}.victory-inner{padding:14px}.result-learning{grid-template-columns:1fr;gap:6px}.result-learn-row{padding:7px}.result-learn-row p{font-size:9px}.result-details>summary{padding:7px 9px}.result-details>summary span,.result-details>summary small{font-size:8px}.victory-stage{grid-template-columns:minmax(74px,1fr) minmax(120px,1.2fr) minmax(74px,1fr);gap:4px;min-height:112px}.reaction-core,.result-fighter{min-height:96px}.result-fighter img{width:74px;max-height:62px}.lab-note-grid{grid-template-columns:1fr}}@media (max-width: 430px){.mode-secondary-actions{grid-template-columns:1fr}.mode-pill{min-height:38px}.hud-top{grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);gap:4px}.round-timer{order:0;min-height:36px;font-size:18px}.fighter-panel{padding:5px}.fighter-tags,.fighter-panel .status-line{display:none}.panel-header{margin-bottom:4px}.meter-readout{font-size:7px}.charge-block{margin-top:3px}}@media (max-aspect-ratio: 16/9){.reaction-log,.control-strip:not(.fight-controls){top:calc(var(--stage-height) + 10px)}}