:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#0f1117;--panel:#171a23;--text:#e6e8ee;--muted:#8b90a0;--accent:#57b6ff;--border:#262a36;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{border-bottom:1px solid var(--border);background:var(--panel);align-items:center;gap:1.5rem;padding:.75rem 1.5rem;display:flex}.app-header .brand{color:var(--text);font-size:1.1rem;font-weight:700;text-decoration:none}.app-nav{gap:1rem;display:flex}.app-nav a,.app-header .brand{color:var(--text);text-decoration:none}.app-nav a:hover{color:var(--accent)}.rule-badge{color:var(--muted);border:1px solid var(--border);border-radius:999px;margin-left:auto;padding:.15rem .6rem;font-size:.75rem}.app-main{flex:1;justify-content:center;padding:2rem 1.5rem;display:flex}.page{width:100%;max-width:640px}.page h1{margin-top:0}.page-home{max-width:960px}.cta{background:var(--accent);color:#06121f;border-radius:8px;margin:1rem 0;padding:.6rem 1.2rem;font-weight:600;text-decoration:none;display:inline-block}.scaffold-note{color:var(--muted);border-left:3px solid var(--border);padding-left:.75rem;font-size:.85rem}.page-play{max-width:1200px}.play-title{margin-bottom:.75rem;font-size:1.1rem}.challenge-briefing{background:var(--panel);border:1px solid var(--border);border-radius:12px;margin-bottom:.9rem;padding:1rem}.challenge-briefing-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.challenge-briefing-eyebrow{color:var(--accent);letter-spacing:.14em;margin:0 0 .15rem;font-size:.68rem;font-weight:800}.challenge-briefing h2{margin:0;font-size:1.1rem}.challenge-briefing-environment{color:var(--muted);border:1px solid var(--border);white-space:nowrap;background:#0f1117;border-radius:8px;margin:0;padding:.45rem .65rem;font-size:.78rem}.challenge-briefing-environment strong{color:var(--text)}.challenge-briefing-body{grid-template-columns:minmax(14rem,.8fr) minmax(22rem,1.4fr);align-items:center;gap:1rem;display:grid}.challenge-briefing-orbit{border:1px solid var(--border);background:#0b0e14;border-radius:10px;width:100%;max-height:13rem;display:block}.challenge-briefing-orbit-ring{fill:none;stroke:#57b6ffbf;stroke-width:2px;stroke-dasharray:6 5}.challenge-briefing-orbit-arrow{fill:none;stroke:#ffd166;stroke-width:4px;stroke-linecap:round}#briefing-arrow path{fill:#ffd166}.challenge-briefing-target{fill:#57b6ff;stroke:#cfe8ff;stroke-width:2px}.challenge-briefing-player{fill:#83cfd7;stroke:#e8ffff;stroke-width:2px}.challenge-briefing-orbit text{fill:var(--text);font-size:10px;font-weight:700}.challenge-briefing-objective{margin:0 0 .65rem;line-height:1.5}.challenge-set-guide{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-bottom:.7rem;padding:0;list-style:none;display:grid}.challenge-set-guide li{text-align:center;border:1px solid var(--border);background:#0f1117;border-radius:8px;margin:0;padding:.5rem;font-size:.78rem}.challenge-set-guide small{color:var(--muted);margin-top:.25rem;font-size:.7rem;display:block}.challenge-attack-guide{counter-reset:briefing-step;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.challenge-attack-guide li{counter-increment:briefing-step;background:#57b6ff14;border:1px solid #57b6ff40;border-radius:8px;padding:.55rem .55rem .55rem 2rem;font-size:.78rem;line-height:1.35;position:relative}.challenge-attack-guide li:before{content:counter(briefing-step);color:#06121f;background:var(--accent);text-align:center;border-radius:50%;width:1.1rem;height:1.1rem;font-weight:800;line-height:1.1rem;position:absolute;top:50%;left:.55rem;transform:translateY(-50%)}.challenge-briefing-reminder{color:#ffd166;margin:.6rem 0 0;font-size:.82rem}.play-input-sequence{color:var(--muted);background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:0 0 .75rem;padding:.65rem .9rem;font-size:.9rem;list-style:none;display:flex}.play-input-sequence li{white-space:nowrap;align-items:center;display:flex}.play-input-step{border-radius:6px;align-items:center;gap:.2rem;padding:.35rem .55rem;transition:background-color .12s,color .12s;display:flex}.play-input-step.is-active{color:#0b0e14;background:#fff}.play-input-sequence li:not(:last-child):after{content:"→";color:var(--accent);margin-left:.5rem;font-weight:700}.play-input-sequence strong{color:var(--text)}.play-input-step.is-active strong{color:#0b0e14}.play-controls{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.play-start{background:var(--accent);color:#06121f;cursor:pointer;border:none;border-radius:8px;padding:.5rem 1.1rem;font-weight:600}.play-start:hover{filter:brightness(1.08)}.play-runstate{color:var(--muted);font-size:.85rem}.play-projection-toggle{border:1px solid var(--border);border-radius:8px;align-items:center;gap:.35rem;margin:0;padding:.35rem .5rem;display:inline-flex}.play-projection-toggle legend{color:var(--muted);padding:0 .25rem;font-size:.72rem}.play-projection-toggle button{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#111827;border-radius:6px;padding:.3rem .55rem}.play-projection-toggle button.is-selected{border-color:var(--accent);color:var(--text);background:#57b6ff2e}.play-projection-toggle:disabled button{cursor:not-allowed;opacity:.65}.play-projection-toggle small{color:var(--muted);font-size:.7rem}.play-stage{aspect-ratio:16/9;border:1px solid var(--border);background:#0b0e14;border-radius:8px;width:100%;overflow:hidden}.play-canvas{width:100%;height:100%;display:block}.play-hud{color:var(--text);font-variant-numeric:tabular-nums;margin:.75rem 0 .25rem;font-size:.9rem}.play-hud strong{color:var(--accent)}.page-result{max-width:880px}.result-hero{text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.result-eyebrow{color:var(--muted);letter-spacing:.14em;margin:0;font-size:.75rem;font-weight:700}.result-hero h1{color:var(--accent);font-variant-numeric:tabular-nums;margin:.2rem 0;font-size:clamp(3rem,10vw,5rem)}.result-hero p:last-child{color:var(--muted);margin:0;font-size:.8rem}.page-result h2{margin:1.5rem 0 .75rem;font-size:1rem}.result-score-grid,.result-input-counts{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.result-score-grid article,.result-input-counts div{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:1rem}.result-score-grid span,.result-input-counts dt{color:var(--muted);margin-bottom:.35rem;font-size:.8rem;display:block}.result-score-grid strong,.result-input-counts dd{font-variant-numeric:tabular-nums;margin:0}.result-table-wrap{border:1px solid var(--border);border-radius:8px;overflow-x:auto}.result-table{border-collapse:collapse;text-align:right;font-variant-numeric:tabular-nums;width:100%}.result-table th,.result-table td{border-bottom:1px solid var(--border);padding:.75rem}.result-table th:first-child{text-align:left}.result-table thead{color:var(--muted);background:var(--panel);font-size:.8rem}.result-table tbody tr:last-child th,.result-table tbody tr:last-child td{border-bottom:0}.result-input-counts{margin:1.5rem 0}.result-trace-section{background:var(--panel);border:1px solid var(--border);border-radius:12px;margin-top:1.5rem;padding:1rem}.result-trace-section h2{margin-top:0}.result-trace-note,.result-trace-empty{color:var(--muted);font-size:.85rem}.result-trace-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.result-trace-tab{color:var(--text);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:.5rem .75rem}.result-trace-tab[aria-pressed=true]{color:#06121f;background:var(--accent);border-color:var(--accent);font-weight:700}.result-trace-figure{margin:0}.result-trace-svg{border:1px solid var(--border);background:#0b0e14;border-radius:8px;width:100%;height:auto;display:block}.result-trace-field{fill:#0b0e14}.result-trace-orbit{fill:none;stroke:#57b6ff80;stroke-width:3px;stroke-dasharray:10 8}.result-trace-target{fill:#57b6ff;stroke:#cfe8ff;stroke-width:3px}.result-trace-path{fill:none;stroke:#e6e8ee;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.result-trace-start{fill:#72d572;stroke:#0b0e14;stroke-width:3px}.result-trace-end{fill:#ff6b6b;stroke:#0b0e14;stroke-width:3px}.result-trace-hit{fill:#ffd166;stroke:#0b0e14;stroke-width:2px}.result-trace-click{fill:#ff7aa2;stroke:#fff1f5;stroke-width:1.5px;opacity:.8}.result-trace-switch circle{fill:#d38cff;stroke:#0b0e14;stroke-width:3px}.result-trace-switch text{fill:#0b0e14;font-size:18px;font-weight:800}.result-click-detail{border:1px solid var(--border);background:#0b0e14;border-radius:8px;grid-template-columns:minmax(12rem,1fr) minmax(14rem,22rem);align-items:center;gap:1rem;margin-top:1rem;padding:1rem;display:grid}.result-click-detail-copy h3{margin:0 0 .5rem}.result-click-detail-copy p{color:var(--muted);margin:.35rem 0;font-size:.85rem}.result-click-detail-copy .result-click-detail-score-note{color:#ffb2c9}.result-click-detail-svg{justify-self:center;width:min(100%,22rem);height:auto;display:block}.result-click-detail-target{fill:#57b6ff2e;stroke:#cfe8ff;stroke-width:1px}.result-click-detail-axis{stroke:#cfe8ff80;stroke-width:.5px;stroke-dasharray:2 2}.result-click-detail-point{fill:#ff7aa2;stroke:#fff1f5;stroke-width:.6px;opacity:.7}.result-trace-legend{color:var(--muted);flex-wrap:wrap;gap:.75rem 1rem;padding-top:.65rem;font-size:.78rem;display:flex}.result-trace-legend span{align-items:center;gap:.35rem;display:inline-flex}.result-trace-legend i{background:currentColor;border-radius:50%;width:.75rem;height:.75rem}.result-trace-legend .legend-orbit{color:#57b6ff}.result-trace-legend .legend-path{color:#e6e8ee}.result-trace-legend .legend-hit{color:#ffd166}.result-trace-legend .legend-click{color:#ff7aa2}.result-trace-legend .legend-switch{color:#d38cff}.result-report,.result-empty{background:var(--panel);border-left:3px solid var(--accent);border-radius:8px;padding:1rem 1.25rem}.result-report h2{margin-top:0}.result-report ol{margin:0;padding-left:1.25rem}.result-report li+li{margin-top:.5rem}.result-report-intro{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .5rem;font-size:.82rem;font-weight:700}.result-report-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-top:1rem;display:grid}.result-report-set{border:1px solid var(--border);background:#08101e7a;border-radius:8px;padding:.9rem}.result-report-set h3{color:var(--accent);margin:0 0 .7rem}.result-report-set dl,.result-report-set dd{margin:0}.result-report-set dl>div+div{margin-top:.65rem}.result-report-set dt{color:var(--muted);font-size:.78rem;font-weight:700}.result-report-set dd{margin-top:.15rem;font-size:.88rem;line-height:1.45}.result-report-set p{border-top:1px solid var(--border);color:#d9f7ee;margin:.8rem 0 0;padding-top:.7rem;font-size:.86rem}.result-dev-note,.play-dev-mode{color:#ffd166;font-size:.8rem}.result-guest-note{color:var(--muted);font-size:.85rem}@media (width<=640px){.challenge-briefing-heading{display:block}.challenge-briefing-environment{white-space:normal;margin-top:.65rem}.challenge-briefing-body,.challenge-set-guide,.challenge-attack-guide,.result-score-grid,.result-input-counts,.result-click-detail,.result-report-grid{grid-template-columns:1fr}}