:root{--bg:#010813;--bg-2:#04101e;--surface:#0d1c2a;--surface-2:#142537;--surface-3:#1e2f41;--fg:#f6f9fc;--muted:#89939e;--muted-2:#5b646f;--border:#222f3c;--border-soft:#192532;--accent:#61d46a;--accent-soft:#61d46a24;--accent-2:#f38400;--danger:#f85452;--warn:#e6ad00;--info:#32b3e6;--pitch:#045e17;--pitch-dark:#005211;--font-display:"SF Pro Display", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--font-mono:"SF Mono", ui-monospace, Menlo, monospace}@supports (color:lab(0% 0 0)){:root{--bg:lab(1.93132% -.423662 -5.65639);--bg-2:lab(4.34224% -1.05088 -10.5156);--surface:lab(9.40633% -2.1807 -11.9349);--surface-2:lab(14.0337% -2.56364 -13.6548);--surface-3:lab(18.6877% -2.83948 -13.717);--fg:lab(97.6762% -.553459 -1.78936);--muted:lab(60.5372% -2.0676 -7.08044);--muted-2:lab(41.9742% -2.00994 -7.05371);--border:lab(18.7325% -2.45664 -10.3756);--border-soft:lab(14.0849% -2.30718 -10.3331);--accent:lab(76.6558% -50.5136 42.0179);--accent-soft:lab(76.6558% -50.5136 42.0179/.14);--accent-2:lab(66.3926% 49.5561 146.198);--danger:lab(59.7195% 63.0789 37.7788);--warn:lab(74.6481% 12.6892 76.8998);--info:lab(67.7961% -22.4327 -36.2343);--pitch:lab(34.2428% -36.6503 31.9143);--pitch-dark:lab(29.4822% -33.8463 29.6069)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum";line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.app-shell{flex-direction:column;max-width:100%;min-height:100dvh;margin:0 auto;display:flex}.topbar{z-index:20;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-soft);background:#010813d9;background:lab(1.93132% -.423662 -5.65639/.85);flex-shrink:0;justify-content:space-between;align-items:center;min-height:52px;padding:12px 16px;display:flex;position:sticky;top:0}.brand-row{align-items:center;gap:8px;display:flex}.brand-mark{background:var(--accent);width:28px;height:28px;color:var(--bg);font-size:13px;font-weight:900;font-family:var(--font-display);letter-spacing:-.04em;border-radius:7px;place-items:center;display:grid}.brand-name{font-family:var(--font-display);letter-spacing:-.02em;font-size:17px;font-weight:800}.topbar-nav{align-items:center;gap:10px;display:flex}.nav-link{color:var(--muted);border-bottom:2px solid #0000;padding:4px 0;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.nav-link:hover{color:var(--fg)}.nav-link.active{color:var(--accent);border-color:var(--accent)}.content{flex-direction:column;flex:1;width:100%;max-width:480px;margin:0 auto;padding:0;display:flex}.content>*{flex-direction:column;flex:1;display:flex}.content-wide{max-width:680px}@media (min-width:768px){.content{max-width:720px}}@media (min-width:1024px){.content{max-width:100%}}.btn{border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 20px;font-family:inherit;font-size:15px;font-weight:600;transition:transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--bg)}.btn-ghost{background:var(--surface);color:var(--fg);border:1px solid var(--border)}.btn-dark{background:var(--bg-2);color:var(--fg);border:1px solid var(--border)}.btn-sm{border-radius:9px;width:auto;padding:8px 14px;font-size:13px}.btn-lg{border-radius:14px;padding:16px 24px;font-size:16px}.pill{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:10px;font-weight:600;display:inline-flex}.pill-accent{background:var(--accent-soft);color:var(--accent)}.pill-warn{color:var(--warn);background:#e6ad0029;background:lab(74.6481% 12.6892 76.8998/.16)}.pill-neutral{background:var(--surface);color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:16px;padding:18px}.card-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:16px;font-weight:700}.card-sub{color:var(--muted);font-size:13px}.eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:10px}.eyebrow-accent{color:var(--accent)}.h-display{font-family:var(--font-display);letter-spacing:-.03em;font-weight:800;line-height:1}.section{padding:0 16px}.section-h{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-h h2{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:14px;font-weight:700}.section-link{color:var(--accent);font-size:13px;font-weight:600}.step-counter{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.step-dots{gap:4px;display:flex}.step-dot{background:var(--surface-3);border-radius:2px;width:20px;height:3px;transition:background .3s}.step-dot.active{background:var(--accent)}.step-dot.done{background:var(--accent);opacity:.5}.pitch{aspect-ratio:3/4;background:linear-gradient(180deg, var(--pitch), var(--pitch-dark));border-radius:16px;width:100%;position:relative;overflow:hidden}.pitch:before{content:"";border:1.5px solid #eaf0ea66;border:1.5px solid lab(94.3327% -2.79456 2.16122/.4);border-radius:8px;position:absolute;inset:10px}.pitch:after{content:"";border-top:1.5px solid #eaf0ea66;border-top:1.5px solid lab(94.3327% -2.79456 2.16122/.4);height:0;position:absolute;top:50%;left:10px;right:10px}.pitch .center-circle{border:1.5px solid #eaf0ea66;border:1.5px solid lab(94.3327% -2.79456 2.16122/.4);border-radius:50%;width:70px;height:70px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spot{background:var(--bg);border:2px solid var(--accent);width:40px;height:40px;font-family:var(--font-mono);color:var(--fg);border-radius:50%;place-items:center;font-size:9px;font-weight:700;transition:all .2s;display:grid;position:absolute;transform:translate(-50%,-50%)}.spot.empty{color:#eaf0eab3;color:lab(94.3327% -2.79456 2.16122/.7);background:0 0;border-style:dashed;border-color:#eaf0ea80;border-color:lab(94.3327% -2.79456 2.16122/.5)}.spot-gk{top:90%;left:50%}.spot-rb{top:72%;left:83%}.spot-rcb{top:70%;left:58%}.spot-lcb{top:70%;left:42%}.spot-lb{top:72%;left:17%}.spot-rcm{top:50%;left:72%}.spot-cm{top:46%;left:50%}.spot-lcm{top:50%;left:28%}.spot-rw{top:22%;left:78%}.spot-st{top:14%;left:50%}.spot-lw{top:22%;left:22%}.outcome-W{color:var(--accent)}.outcome-D{color:var(--warn)}.outcome-L{color:var(--danger)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (min-width:1024px){.app-shell{grid-template-columns:248px 1fr;max-width:100%;min-height:100vh;display:grid}.sidebar{background:var(--bg-2);border-right:1px solid var(--border);flex-direction:column;gap:6px;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid var(--border-soft);align-items:center;gap:10px;margin-bottom:6px;padding:4px 6px 22px;display:flex}.sidebar-brand .brand-mark{border-radius:9px;width:36px;height:36px;font-size:16px}.sidebar-brand .brand-name{font-size:18px}.nav-section-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted-2);padding:14px 10px 6px;font-size:10px}.sidebar-nav-link{color:var(--muted);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar-nav-link:hover{background:var(--surface);color:var(--fg)}.sidebar-nav-link.active{background:var(--accent-soft);color:var(--accent)}.topbar{display:none}.content{max-width:100%;padding:32px 36px 56px}}