@import url('./fonts.css');
:root{color-scheme:dark;--bg:#111210;--panel:#191a17;--line:#30312c;--muted:#92948a;--text:#f2f2e9;--lime:#d5ff5f;--orange:#ff995c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:16px}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .18s,transform .18s}button:disabled{cursor:not-allowed;opacity:.42}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{border:0}header{height:92px;border-bottom:1px solid var(--line);padding:0 5%;display:flex;justify-content:space-between;align-items:center}.brand{font-family:'Space Grotesk',sans-serif;color:var(--text);text-decoration:none;font-weight:700;font-size:29px;letter-spacing:-1.3px;display:flex;align-items:center;gap:10px}.brand span:last-child{color:var(--lime);margin-left:-10px}.brand-icon{display:grid;place-items:center;width:33px;height:33px;background:var(--lime);color:#111;font-size:33px;border-radius:8px;margin-right:3px}.header-right{display:flex;gap:28px;align-items:center;font-family:monospace;font-size:12px;letter-spacing:1px}.private{color:#b9bcb1}.beta{border:1px solid #484a40;padding:7px 9px;border-radius:4px;color:var(--lime)}main{max-width:1480px;margin:auto;padding:45px 5% 26px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.eyebrow,.panel-heading,.duration-label,.timer-caption,.timeline-scale{font-family:monospace;font-size:12px;letter-spacing:1.7px;color:var(--muted)}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(32px,3.1vw,48px);font-weight:500;letter-spacing:-2px;margin:12px 0 0}h1 span{color:var(--muted)}.system-state{color:#b5b7ad;font-size:14px;border:1px solid var(--line);border-radius:30px;padding:10px 16px}.system-state::before{content:'';display:inline-block;width:7px;height:7px;background:#787b6e;border-radius:50%;margin-right:9px}.system-state.online::before{background:var(--lime)}.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,1fr);gap:24px}.monitor,.session{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel)}.panel-heading{display:flex;justify-content:space-between;padding:21px 24px;gap:10px;font-size:12px}.panel-heading span:last-child{letter-spacing:1px;font-size:12px;color:#acafa1}.camera-stage{margin:0 16px;background:#0c0e0b;aspect-ratio:16/10;position:relative;border-radius:9px;overflow:hidden;background-image:radial-gradient(#31342a 1px,transparent 1px);background-size:22px 22px}video,canvas{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;transform:scaleX(-1)}.camera-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:radial-gradient(ellipse,rgba(18,22,14,.95),rgba(12,14,11,.3))}.reticle{font:60px 'Space Grotesk',sans-serif;color:var(--lime);line-height:1;border:1px solid #4a513a;border-radius:50%;width:79px;height:79px;display:grid;place-items:center;margin-bottom:16px}.camera-empty h2{font-family:'Space Grotesk';font-weight:500;font-size:24px;letter-spacing:-.6px;margin:0}.camera-empty p{color:var(--muted);font-size:15px;line-height:1.7;margin:10px 0 20px}.primary{background:var(--lime);color:#172009;padding:15px 22px;border-radius:7px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:35px}.primary:not(:disabled):hover{background:#e0ff8b}.primary span{font-size:22px}.camera-empty small{font-size:12px;color:#92978a;margin-top:13px}.corner{position:absolute;width:22px;height:22px;border-color:#68794a;pointer-events:none}.tl{top:17px;left:17px;border-top:1px solid;border-left:1px solid}.tr{top:17px;right:17px;border-top:1px solid;border-right:1px solid}.bl{bottom:17px;left:17px;border-bottom:1px solid;border-left:1px solid}.br{bottom:17px;right:17px;border-bottom:1px solid;border-right:1px solid}.camera-top{position:absolute;top:22px;left:27px;right:27px;font:12px monospace;letter-spacing:1px;text-shadow:0 1px 4px #000}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:7px}.local-label{float:right}.camera-bottom{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:32px 20px 18px;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.camera-bottom:not([hidden]){display:flex}.ghost{background:#191a17c9;border:1px solid #62665a;border-radius:5px;padding:8px;color:#eee;font-size:12px;white-space:nowrap}.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 24px;gap:23px}.signal-grid>div{min-width:0}.signal-icon{float:right;color:#777e64;font-size:24px}.metric-label{display:block;font-size:14px;color:#b1b5a8;margin-bottom:8px}.metric-label em{font:10px monospace;color:#8c947d;font-style:normal}.signal-grid strong{font-size:17px;font-weight:500;display:block;white-space:nowrap}.meter{height:3px;background:#34392b;margin-top:17px;overflow:hidden}.meter i{display:block;height:100%;width:0;background:var(--lime);transition:width .3s}.calibration-row{border-top:1px solid var(--line);padding:20px 24px;display:flex;align-items:center;gap:16px;justify-content:space-between}.calibration-row strong{font-size:14px;font-weight:500}.calibration-row p{font-size:13px;color:var(--muted);line-height:1.5;margin:5px 0 0}.secondary{border:1px solid #4c4e43;background:#23251f;color:var(--text);padding:12px 14px;border-radius:6px;font-size:14px;white-space:nowrap}.secondary:not(:disabled):hover{background:#34382b}.session{padding:0 28px 27px}.session .panel-heading{padding:21px 0 28px}.task-label{display:block;font-size:16px;margin-bottom:12px}input{width:100%;background:#11120f;border:1px solid #3b3e33;border-radius:7px;padding:15px 16px;color:var(--text);font-size:15px}input::placeholder{color:#7e8274}.duration-label{margin:28px 0 12px;font-size:11px}.durations{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.durations button{color:#dfe2d6;border:1px solid #3b3e33;background:transparent;padding:12px 4px;border-radius:6px;font-family:'Space Grotesk';font-size:17px}.durations button span{font-size:13px;color:#a1a591}.durations button.selected{border-color:var(--lime);background:#d5ff5f12;color:var(--lime)}.durations button.selected span{color:var(--lime)}.timer{font-family:'Space Grotesk',sans-serif;font-size:clamp(64px,7.1vw,102px);font-weight:500;letter-spacing:-5px;text-align:center;line-height:1.1;margin-top:30px;font-variant-numeric:tabular-nums}.timer span{color:#69745a}.timer-caption{text-align:center;font-size:11px;margin:10px 0 26px;letter-spacing:2.3px}.start{width:100%;font-size:15px;letter-spacing:1px;min-height:54px}.running-controls:not([hidden]){display:flex;gap:10px;margin-top:10px}.running-controls button{flex:1}.session-divider{height:1px;background:var(--line);margin:27px 0 24px}.score-row{display:flex;align-items:center;justify-content:space-between}.score{display:flex;align-items:baseline;gap:10px;margin-top:8px}.score strong{font:500 47px 'Space Grotesk';letter-spacing:-2px}.score>span{font:14px monospace;color:#8f9384}.score-mark{color:var(--lime);font-size:57px;transform:rotate(-12deg);line-height:1}.score-note{font-size:13px;color:var(--muted);line-height:1.6;margin:8px 0 18px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-stats strong{font:500 19px 'Space Grotesk';display:block}.mini-stats span{font-size:12px;color:var(--muted);display:block;margin-top:5px}.status-banner{display:flex;gap:15px;align-items:center;padding:14px 20px;margin-top:24px;border:1px solid #3a422c;background:#1b2115;border-radius:8px;color:#d4dec1;min-height:56px}.status-banner>span{color:var(--lime);font-size:23px}.status-banner p{font-size:14px;line-height:1.6;margin:0}.status-banner.warn{border-color:#78503a;background:#291f17;color:#ffd2b4}.timeline-section{margin-top:34px}.timeline-heading{display:flex;justify-content:space-between;align-items:center}.timeline-heading h2{font:500 22px 'Space Grotesk';margin:8px 0 20px;letter-spacing:-.4px}.legend{display:flex;gap:20px;font-size:12px;color:#abb09f}.legend span{display:flex;gap:7px;align-items:center}.legend i{width:7px;height:7px;border-radius:2px}.green{background:var(--lime)}.orange{background:var(--orange)}.gray{background:#464a3d}.timeline{height:69px;border:1px solid var(--line);border-radius:7px;padding:12px;display:flex;gap:3px;align-items:stretch;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),#24271e calc(10% - 1px),#24271e 10%)}.timeline>span{margin:auto;font-size:13px;color:#7e8671;text-align:center}.timeline-bar{min-width:1px;flex:1;border-radius:2px;align-self:end;max-height:100%;opacity:.9}.timeline-scale{display:flex;justify-content:space-between;font-size:10px;margin-top:11px;letter-spacing:1px}footer{border-top:1px solid var(--line);margin-top:33px;padding-top:23px;display:flex;align-items:start;justify-content:space-between;gap:30px;color:#8e9285;font-size:12px}footer b{padding:0 10px;color:#48503d}details{max-width:580px}summary{cursor:pointer;text-align:right}details p{font-size:14px;line-height:1.7}details a{color:var(--lime)}[hidden]{display:none!important}@media(min-width:1500px){.camera-stage{aspect-ratio:16/9.4}}@media(max-width:1050px){main{padding:32px 3%}.workspace{gap:16px;grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr)}.camera-stage{aspect-ratio:1/1}.signal-grid{gap:12px;padding:22px 16px}.signal-icon{display:none}.signal-grid strong{font-size:15px}.calibration-row{padding:18px 16px;flex-wrap:wrap}.session{padding:0 22px 24px}.panel-heading{font-size:11px;padding:20px 16px}.panel-heading span:last-child{font-size:10px}}@media(max-width:760px){header{height:76px;padding:0 5%}.header-right .private{display:none}.brand{font-size:26px}main{padding:28px 5%}.page-heading{align-items:start;gap:20px}.system-state{font-size:12px;white-space:nowrap;padding:8px 10px;margin-top:0}h1{font-size:32px;letter-spacing:-1.5px}h1 span{display:block}.eyebrow{font-size:10px}.workspace{grid-template-columns:1fr}.camera-stage{aspect-ratio:16/12}.camera-empty h2{font-size:21px}.camera-empty p{font-size:14px;margin-bottom:15px}.reticle{width:55px;height:55px;font-size:43px;margin-bottom:13px}.camera-empty small{margin-top:10px}.primary{padding:12px 20px}.session{padding:0 24px 26px}.timer{font-size:90px}.calibration-row{flex-wrap:nowrap}.calibration-row p{font-size:12px}.secondary{font-size:13px}.signal-grid{gap:14px}.metric-label{font-size:13px}.timeline-heading{gap:15px}.legend{gap:9px;font-size:11px}.timeline-heading h2{font-size:20px}footer{display:block}footer details{margin-top:20px}summary{text-align:left}.camera-bottom{font-size:12px}.header-right{gap:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.nav-link{color:var(--text);text-decoration:none;font:14px 'DM Sans',sans-serif;letter-spacing:0}.nav-link:hover{color:var(--lime)}select{background:#22251d;border:1px solid #4b513f;border-radius:6px;color:var(--text);padding:10px 12px;font:14px 'DM Sans',sans-serif;max-width:100%}.setup-mode{border-top:1px solid var(--line);padding:18px 24px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.setup-mode label{font-size:14px;margin-right:auto}.setup-mode p{width:100%;color:var(--muted);font-size:13px;margin:0;line-height:1.5}.check-label{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;cursor:pointer}.check-label input{width:17px;height:17px;flex:none;margin:2px 0 0;accent-color:var(--lime)}.rank-optin{margin-top:20px}.rank-optin p{font-size:12px;color:var(--muted);line-height:1.5}.rank-optin #rankFields{margin-top:12px}.rank-optin #rankFields>label{font-size:13px;display:block;margin-bottom:7px}.text-link{color:var(--lime);font-size:14px}.screen-panel,.leaderboard-panel,.story-panel{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:27px;margin-top:28px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.section-heading h2,.story-copy h2{font:500 28px 'Space Grotesk';letter-spacing:-.8px;margin:10px 0}.section-heading p,.story-copy>p{color:var(--muted);font-size:15px;line-height:1.65;margin:0 0 20px}.pill{font:11px monospace;border:1px solid #424d31;background:#27301d;color:var(--lime);padding:9px 12px;border-radius:30px;white-space:nowrap}.screen-slots{display:grid;grid-template-columns:1fr 1fr;gap:18px}.screen-slot{min-width:0;background:#11140e;border:1px solid #383e2e;border-radius:9px;padding:16px}.slot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:14px}.slot-header span{font-size:12px;color:var(--muted)}.screen-slot video{position:static;transform:none;width:100%;height:160px;object-fit:contain;background:#070906;border-radius:5px}.screen-placeholder{height:160px;display:grid;place-items:center;border:1px dashed #38432a;color:#8d9a7c;font-size:14px;border-radius:5px}.screen-actions{display:flex;gap:10px;margin-top:13px;justify-content:space-between}.screen-result{font-size:13px;color:#a9b59a;line-height:1.6;margin:12px 0 0}.screen-slot details{margin-top:10px}.screen-slot summary{text-align:left;font-size:12px;color:#a0a890}.screen-slot pre{font:12px/1.6 monospace;white-space:pre-wrap;max-height:180px;overflow:auto;overflow-wrap:anywhere;color:#bfc4b5;padding:10px;background:#1b2115}.context-settings{display:flex;align-items:center;gap:24px;margin-top:24px}.context-settings>div{flex:1}.context-settings label{font-size:14px;display:block;margin-bottom:10px}.context-settings label span{color:var(--muted);margin-left:8px;font-size:12px}.context-settings p,.fine-print{font-size:12px;line-height:1.65;color:var(--muted);margin:9px 0 0}.context-state{border-top:1px solid var(--line);padding-top:18px;color:var(--lime);font-size:14px;line-height:1.6}.story-panel{display:grid;grid-template-columns:1fr 230px;align-items:center;gap:40px}.story-copy>p{max-width:440px}.story-preview{width:230px;aspect-ratio:9/16;box-shadow:0 12px 32px #0004;border:1px solid #444a35;border-radius:10px;overflow:hidden;background:#12180c}.story-preview canvas{position:static;transform:none;display:block;width:100%;height:100%}#storyEmpty{height:100%;display:flex;flex-direction:column;justify-content:center;padding:22px;gap:30px}#storyEmpty>span{font:700 34px/.95 'Space Grotesk';letter-spacing:-1.5px;color:var(--lime)}#storyEmpty small{font-size:12px;line-height:1.6;color:var(--muted)}.story-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}#storyStatus{font-size:13px;color:var(--muted);line-height:1.6}.story-copy .fine-print{margin-top:20px;font-size:12px}.board-controls{display:flex;gap:10px;align-items:center}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-size:14px}th{font-weight:400;color:var(--muted);font-size:12px;padding:16px 14px;border-bottom:1px solid #414738}td{padding:18px 14px;border-bottom:1px solid var(--line)}td:first-child{color:var(--lime);font-family:'Space Grotesk'}td:nth-child(2){font-weight:500}td:nth-child(3){font-family:'Space Grotesk';font-size:18px}.leaderboard-panel #removeEntry{margin-top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#leaderboard{scroll-margin-top:25px}.camera-stage.calibrating{outline:2px solid var(--lime);outline-offset:3px}.session .timer{margin-top:24px}@media(max-width:1050px){.header-right .private{display:none}.setup-mode{padding:18px 16px}.workspace{align-items:start}}@media(max-width:760px){.screen-panel,.leaderboard-panel,.story-panel{padding:20px}.section-heading{flex-wrap:wrap;gap:5px}.section-heading h2,.story-copy h2{font-size:25px}.section-heading .pill{margin-bottom:18px}.screen-slots{grid-template-columns:1fr}.context-settings{display:block}.context-settings button{margin-top:12px}.story-panel{grid-template-columns:1fr;gap:24px}.story-preview{margin:auto;width:min(260px,100%)}.board-controls{margin-bottom:12px}.header-right .beta{display:none}.nav-link{font-size:13px}.calibration-row{flex-wrap:wrap}.section-heading p{font-size:14px}.camera-stage{aspect-ratio:1.25}}

.spoken-option{padding:0 24px 18px}.calibration-guide{position:absolute;inset:48px 20px 75px;background:#11180deb;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;text-align:center;border:1px solid #667a42;border-radius:9px;pointer-events:none}.calibration-guide>span{font:12px monospace;letter-spacing:2px;color:var(--lime)}.calibration-guide>strong{font:54px/1.1 sans-serif;color:var(--lime);margin:5px 0}.calibration-guide p{font-size:18px;line-height:1.4;margin:8px 0;max-width:370px}.calibration-guide>b{font-size:14px;font-weight:500;color:#c6d6ad}@media(max-width:760px){.calibration-guide{inset:45px 16px 62px;padding:10px}.calibration-guide p{font-size:15px;margin:5px 0}.calibration-guide>strong{font-size:35px}.calibration-guide>b{font-size:13px}}

.nickname-picker{display:flex;gap:8px}.nickname-picker input{min-width:0;flex:1}.nickname-suggestions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.nickname-suggestions button{border:1px solid #3e4930;background:#222c18;color:#c4d8a6;border-radius:20px;padding:7px 10px;font-size:12px}.nickname-suggestions button:hover:not(:disabled){border-color:var(--lime)}

.rank-optin>label[for="nickname"]{display:block;font-size:14px;margin-bottom:9px}.rank-optin .username-help{margin:10px 0 15px}