:root{color:#f4f1e8;font-synthesis:none;--bg:#0b0d10;--surface:#111419;--surface-2:#171b21;--line:#292f36;--line-strong:#3a424b;--text:#f4f1e8;--muted:#a2a8b0;--green:#76d49f;--green-dark:#173526;--amber:#d7ad68;--red:#df8b8b;--blue:#8bb9ff;--radius:16px;background:#0b0d10;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);min-width:320px;color:var(--text);margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;width:min(1180px,100% - 40px);height:74px;margin:0 auto;display:grid}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:750;display:inline-flex}.brand-mark{background:var(--text);width:30px;height:30px;color:var(--bg);border-radius:9px;place-items:center;font-weight:800;display:inline-grid}.nav-links{color:var(--muted);gap:6px;font-size:14px;display:flex}.nav-links a{border-radius:8px;padding:8px 11px}.nav-links a:hover,.nav-links a.active{color:var(--text);background:var(--surface)}.mode-chip{color:var(--green);text-transform:uppercase;letter-spacing:.07em;background:#10251b;border:1px solid #28503b;border-radius:8px;justify-self:end;padding:7px 9px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.page{width:min(1180px,100% - 40px);margin:0 auto;padding:72px 0 100px}.page-narrow{width:min(980px,100% - 40px)}.today-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:54px;display:grid}.today-main h1,.section-heading h1,.operator-heading h1,.share-shell h1{letter-spacing:-.055em;max-width:850px;margin:12px 0 18px;font-size:clamp(42px,6vw,70px);line-height:.98}.lede{color:#b4bac1;max-width:720px;margin:0 0 28px;font-size:18px;line-height:1.65}.eyebrow-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.12em;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.game-day{color:var(--muted);font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.metrics-row{flex-wrap:wrap;gap:10px;margin:30px 0 24px;display:flex}.stat-pill{border:1px solid var(--line);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:baseline;gap:16px;min-width:145px;padding:12px 14px;display:flex}.stat-label{color:var(--muted);font-size:12px}.stat-pill strong{letter-spacing:-.03em;font-size:20px}.challenge-card,.aside-card,.schedule-card,.runway-card,.share-shell{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius)}.challenge-card{padding:28px}.challenge-meta{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;justify-content:space-between;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.challenge-card h2{letter-spacing:-.035em;margin:18px 0 10px;font-size:30px}.challenge-card>p{color:var(--muted);max-width:680px;margin:0;line-height:1.65}.option-grid{grid-template-columns:1fr 1fr;gap:12px;margin:28px 0;display:grid}.answer-option{border:1px solid var(--line);color:var(--text);text-align:left;background:#0e1115;border-radius:12px;align-items:center;gap:14px;min-height:72px;padding:16px;transition:border-color .14s,background .14s,transform .14s;display:flex}.answer-option:not(:disabled):hover{border-color:var(--line-strong);transform:translateY(-1px)}.answer-option.selected{border-color:var(--blue);background:#111a27}.answer-option.correct{border-color:var(--green);background:#10251b}.answer-option.wrong{border-color:var(--red);background:#2a1719}.option-key{border:1px solid var(--line-strong);width:30px;height:30px;color:var(--muted);border-radius:8px;flex:none;place-items:center;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.challenge-actions{align-items:center;gap:16px;padding-top:8px;display:flex}.primary-button,.secondary-button,.row-button{border:1px solid #0000;border-radius:10px;font-weight:700}.primary-button{background:var(--text);color:var(--bg);padding:12px 17px}.primary-button:disabled{opacity:.35;cursor:not-allowed}.secondary-button{color:var(--text);border-color:var(--line-strong);background:0 0;padding:10px 14px}.row-button{color:#d8dce1;border-color:var(--line);background:0 0;padding:7px 10px;font-size:12px}.row-button:disabled{opacity:.35;cursor:not-allowed}.link-button{width:fit-content;display:inline-flex}.helper-copy{color:var(--muted);font-size:12px}.result-panel{border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:16px;display:flex}.result-panel.success{background:#10251b;border-color:#29523d}.result-panel.failed{background:#251517;border-color:#563134}.result-panel div{flex-direction:column;gap:4px;display:flex}.result-kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.share-ready{background:#121820;border:1px solid #263a51;border-radius:10px;justify-content:space-between;gap:14px;margin-top:12px;padding:12px 14px;font-size:13px;display:flex}.share-ready a{color:var(--blue)}.text-button{color:var(--muted);background:0 0;border:0;margin-top:14px;padding:8px 0;font-size:12px}.today-aside,.operator-side{gap:14px;display:grid;position:sticky;top:94px}.aside-card{padding:20px}.muted-card{background:#0e1115}.aside-label{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;margin-bottom:14px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.system-list{display:grid}.system-list>div{border-top:1px solid var(--line);gap:3px;padding:12px 0;display:grid}.system-list>div:first-child{border-top:0;padding-top:0}.system-list strong{font-size:13px}.system-list span,.aside-card p,.plain-list{color:var(--muted);font-size:12px;line-height:1.55}.plain-list{gap:10px;margin:0;padding-left:18px;display:grid}.section-heading{margin-bottom:34px}.archive-list,.schedule-list{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.archive-row{border-bottom:1px solid var(--line);background:var(--surface);grid-template-columns:120px 1.4fr .8fr .8fr auto;align-items:center;gap:16px;padding:16px 18px;display:grid}.archive-row:last-child{border-bottom:0}.archive-date{color:var(--muted);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.archive-title{gap:3px;display:grid}.archive-title span{color:var(--muted);text-transform:capitalize;font-size:12px}.archive-outcome{color:#cfd3d8;text-transform:capitalize;align-items:center;gap:8px;font-size:12px;display:flex}.archive-attempts{color:var(--muted);font-size:12px}.status-dot{background:#606771;border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.green{background:var(--green)}.status-dot.amber{background:var(--amber)}.status-dot.red{background:var(--red)}.share-page{place-items:center;min-height:calc(100vh - 150px);display:grid}.share-shell{width:min(520px,100%);padding:30px}.share-number{color:var(--muted);margin-top:28px;font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.share-shell h1{font-size:clamp(36px,8vw,56px)}.share-result,.share-streak{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:15px 0;display:flex}.share-result span,.share-streak span{color:var(--muted);font-size:13px}.share-result strong,.share-streak strong{font-size:20px}.share-note{color:var(--muted);margin:22px 0;font-size:13px;line-height:1.65}.operator-heading{grid-template-columns:1fr 250px;align-items:end;gap:36px;margin-bottom:34px;display:grid}.operator-heading h1{font-size:clamp(42px,5.5vw,64px)}.runway-card{gap:6px;padding:18px;display:grid}.runway-card span{color:var(--muted);font-size:12px}.runway-card strong{letter-spacing:-.04em;font-size:30px}.runway-card small{color:var(--muted);line-height:1.45}.operator-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.schedule-card{overflow:hidden}.table-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:17px 18px;display:flex}.schedule-list{border:0;border-radius:0}.schedule-row{border-bottom:1px solid var(--line);grid-template-columns:110px 1fr auto;align-items:center;gap:18px;padding:15px 18px;display:grid}.schedule-row:last-child{border-bottom:0}.schedule-status{color:var(--muted);text-transform:uppercase;align-items:center;gap:8px;font-size:11px;display:flex}.schedule-row>div:nth-child(2){gap:3px;display:grid}.schedule-row>div:nth-child(2) span{color:var(--muted);font-size:12px}.notice{border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:12px 14px}.notice.error{color:#f0aaaa;background:#251517;border-color:#563134;margin-top:14px}.skeleton{background:linear-gradient(90deg,#111419,#191e24,#111419) 0 0/200% 100%;animation:1.5s infinite pulse}.hero-skeleton{border-radius:var(--radius);height:420px}@keyframes pulse{0%{background-position:100% 0}to{background-position:-100% 0}}.footer{border-top:1px solid var(--line);color:#707781;justify-content:space-between;gap:18px;width:min(1180px,100% - 40px);margin:0 auto;padding:24px 0 36px;font-size:11px;display:flex}@media (width<=900px){.topbar{grid-template-columns:1fr auto}.nav-links{display:none}.today-grid,.operator-grid,.operator-heading{grid-template-columns:1fr}.today-aside,.operator-side{position:static}.archive-row{grid-template-columns:100px 1fr auto}.archive-outcome,.archive-attempts{display:none}}@media (width<=620px){.topbar,.page,.page-narrow,.footer{width:min(100% - 28px,1180px)}.topbar{height:64px}.brand{font-size:13px}.mode-chip{padding:6px 7px;font-size:9px}.page{padding-top:44px}.today-main h1,.section-heading h1,.operator-heading h1{font-size:42px}.lede{font-size:16px}.metrics-row{grid-template-columns:repeat(3,1fr);display:grid}.stat-pill{min-width:0;padding:10px;display:grid}.stat-pill strong{font-size:18px}.option-grid{grid-template-columns:1fr}.challenge-card{padding:20px}.challenge-actions,.result-panel,.share-ready,.footer{flex-direction:column;align-items:stretch}.archive-row{grid-template-columns:1fr auto;gap:10px}.archive-date{grid-column:1/-1}.schedule-row{grid-template-columns:1fr auto}.schedule-status{grid-column:1/-1}.operator-heading{gap:18px}}.back-link{color:var(--muted);margin-bottom:28px;font-size:13px;display:inline-flex}.back-link:hover{color:var(--text)}.replay-heading{margin-bottom:24px}.success-notice{color:#aee7c5;background:#10251b;border-color:#29523d}.operator-notice{margin:-12px 0 20px}.operator-editor{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);margin-bottom:20px;padding:20px}.compact-editor{grid-template-columns:1fr 1.25fr;align-items:end;gap:20px;display:grid}.editor-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.editor-heading>div{gap:3px;display:grid}.editor-heading .aside-label{margin:0}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid label,.challenge-picker,.attempt-select{gap:7px;display:grid}.form-grid label>span,.challenge-picker>span,.attempt-select>span,.form-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.full-field{grid-column:1/-1}.form-grid input,.form-grid textarea,.option-editor-row input,.challenge-picker input,.challenge-picker select,.attempt-select select{border:1px solid var(--line-strong);width:100%;color:var(--text);background:#0e1115;border-radius:9px;padding:11px 12px}.form-grid textarea{resize:vertical;min-height:82px}.option-editor{gap:9px;margin-top:18px;display:grid}.option-editor-row{grid-template-columns:34px 1fr 90px;align-items:center;gap:10px;display:grid}.correct-radio{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.editor-actions{justify-content:space-between;align-items:end;gap:18px;margin-top:18px;display:flex}.attempt-select select{min-width:90px}.challenge-picker select{min-height:43px}.compact-editor .editor-heading{margin-bottom:0}.compact-editor .editor-actions{margin-top:0}.table-heading>div{gap:3px;display:grid}.table-heading>div span{color:var(--muted);font-size:11px}.schedule-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.danger-row-button{color:#e6aaaa;border-color:#4b3033}.danger-row-button:hover{background:#251517}@media (width<=900px){.compact-editor{grid-template-columns:1fr}.compact-editor .editor-heading{margin-bottom:0}.schedule-actions{flex-wrap:wrap}}@media (width<=620px){.operator-editor{padding:16px}.form-grid{grid-template-columns:1fr}.full-field{grid-column:auto}.option-editor-row{grid-template-columns:32px 1fr}.correct-radio{grid-column:2}.editor-actions{flex-direction:column;align-items:stretch}.editor-actions .primary-button{width:100%}.table-heading{align-items:flex-start;gap:12px}.table-heading .secondary-button{max-width:135px}.schedule-actions{justify-content:flex-start}}.mobile-nav{display:none}@media (width<=900px){.mobile-nav{z-index:40;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#111419f7;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:4px;width:min(420px,100% - 28px);margin:10px auto 0;padding:6px;display:grid;position:sticky;top:10px;box-shadow:0 10px 30px #0000003d}.mobile-nav a{min-height:42px;color:var(--muted);border-radius:9px;place-items:center;font-size:13px;font-weight:650;display:grid}.mobile-nav a.active{color:var(--text);background:var(--surface-2)}}.demo-journey{border:1px solid var(--line);background:#0e1115;border-radius:14px;grid-template-columns:210px minmax(0,1fr);gap:10px;margin-bottom:38px;padding:10px;display:grid}.journey-intro{flex-direction:column;justify-content:center;gap:4px;padding:9px 11px;display:flex}.journey-intro span{color:var(--green);text-transform:uppercase;letter-spacing:.1em;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.journey-intro strong{font-size:14px}.journey-steps{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.journey-step{min-width:0;color:var(--muted);border:1px solid #0000;border-radius:10px;grid-template-columns:28px 1fr;gap:8px;padding:11px 12px;transition:background .14s,border-color .14s,color .14s;display:grid}.journey-step:hover{color:var(--text);background:var(--surface)}.journey-step.active{color:var(--text);border-color:var(--line-strong);background:var(--surface-2)}.journey-number{color:var(--green);font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace}.journey-step strong{font-size:12px;display:block}.journey-step p{color:var(--muted);margin:3px 0 0;font-size:10px;line-height:1.4}.tour-next{color:var(--text);background:#0e1c16;border:1px solid #30513f;border-radius:12px;gap:4px;padding:15px 16px;display:grid}.tour-next span{color:var(--green);text-transform:uppercase;letter-spacing:.08em;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.tour-next strong{font-size:13px;line-height:1.4}.tour-next:hover{background:#11241b;border-color:#497961}.tour-next-wide{grid-template-columns:120px 1fr;align-items:center;margin-top:18px}@media (width<=900px){.demo-journey{grid-template-columns:1fr;margin-bottom:28px}.journey-intro{padding:6px 7px 2px}}@media (width<=620px){.page{padding-top:32px}.demo-journey{gap:8px;margin-top:0;padding:8px}.journey-steps{grid-template-columns:1fr;gap:6px;display:grid}.journey-step{width:100%}.tour-next-wide{grid-template-columns:1fr}}