:root{color-scheme:dark;--night-950: #071019;--night-900: #0d1c27;--night-800: #173242;--fog-100: #f1f6f2;--fog-300: #b8c8c8;--amber-400: #ffb84d;--amber-200: #ffd991;--cyan-300: #75e6e0;--red-300: #ff8a80;--display: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;--body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--night-950);scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;color:var(--fog-100);background:var(--night-950);font:400 1rem/1.6 var(--body)}button,input{font:inherit}a{color:var(--amber-200);text-underline-offset:.22em;text-decoration-thickness:.08em}a:hover{color:var(--fog-100)}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--cyan-300);outline-offset:4px}.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}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:12px 16px;color:var(--night-950);background:var(--cyan-300);transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.site-header,.site-footer,main{width:min(100% - 32px,1200px);margin-inline:auto}.site-header{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--night-800)}.site-header nav,.site-footer nav{display:flex;align-items:center;gap:24px}.site-header nav a{min-height:44px;display:inline-flex;align-items:center;color:var(--fog-300);text-decoration:none;border-bottom:2px solid transparent}.site-header nav a:hover{color:var(--fog-100);border-color:var(--amber-400)}.wordmark{min-height:44px;display:inline-flex;align-items:center;gap:12px;color:var(--fog-100);font:700 1rem/1 var(--display);letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.wordmark-pulse{width:34px;height:18px;background:url(/favicon.svg) center / 34px no-repeat}h1,h2,h3{margin:0;font-family:var(--display);line-height:.94;letter-spacing:.015em;text-transform:uppercase;text-wrap:balance}h1{max-width:13ch;font-size:clamp(3.5rem,9vw,8.5rem)}h2{max-width:18ch;font-size:clamp(2.4rem,5vw,4.8rem)}h3{font-size:1.5rem}p{max-width:68ch}.eyebrow{margin:0 0 16px;color:var(--amber-400);font:700 .78rem/1.2 var(--body);letter-spacing:.16em;text-transform:uppercase}.lede{max-width:44ch;margin:24px 0;color:var(--fog-300);font-size:clamp(1.08rem,2vw,1.35rem)}.hero{position:relative;min-height:720px;overflow:clip;display:grid;grid-template-columns:minmax(0,.85fr) minmax(400px,1.15fr);align-items:center;padding:72px 0 96px}.hero-copy{position:relative;z-index:2}.hero-art{position:relative;z-index:1;width:128%;margin:0 0 0 -20%}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--night-950) 0%,transparent 38%),linear-gradient(0deg,var(--night-950) 0%,transparent 32%);pointer-events:none}.hero-art img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;clip-path:polygon(5% 0,100% 0,100% 88%,93% 100%,0 100%,0 10%)}.hero-art figcaption{position:absolute;z-index:2;right:12%;bottom:8px;color:var(--fog-300);font-size:.82rem}.hero-action-row{display:flex;align-items:center;gap:16px;margin:32px 0 12px}.hero-action-row>span{max-width:18ch;color:var(--fog-300);font-size:.88rem;line-height:1.35}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border:1px solid var(--night-800);border-radius:2px;cursor:pointer;color:var(--fog-100);background:var(--night-900);font-weight:750;text-decoration:none;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:transform .16s ease,background .16s ease}.button:hover:not(:disabled){color:var(--fog-100);background:var(--night-800);transform:translateY(-2px)}.button.primary{border-color:var(--amber-400);color:var(--night-950);background:var(--amber-400)}.button.primary:hover:not(:disabled){color:var(--night-950);background:var(--amber-200)}.button.secondary{margin-top:4px}.button.compact{min-height:44px;margin:0;padding:8px 16px}.button.wide{width:100%}.button:disabled{cursor:not-allowed;opacity:.5}.plain-facts{display:flex;gap:20px;margin:40px 0 0;padding:0;list-style:none;color:var(--fog-300);font-size:.84rem}.plain-facts li{max-width:16ch;padding-top:8px;border-top:1px solid var(--night-800)}.plain-facts span{display:block;color:var(--amber-400);font-variant-numeric:tabular-nums}.preview-section,.limits-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center;padding:96px 0;border-top:1px solid var(--night-800)}.preview-section>div:first-child p:last-child{color:var(--fog-300)}.signal-stage{min-height:360px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#102635,#08131c);border-top:2px solid var(--amber-400);clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));box-shadow:0 24px 80px #0008}.stage-status,.connection-state{color:var(--fog-300)}.live-dot,.status-dot{display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:50%;background:var(--amber-400);box-shadow:0 0 18px var(--amber-400)}.status-dot.connected{background:var(--cyan-300);box-shadow:0 0 18px var(--cyan-300)}.beat-rail{position:relative;display:flex;justify-content:space-between;align-items:center}.beat-rail:before{content:"";position:absolute;inset-inline:0;height:1px;background:var(--night-800)}.beat-rail i{z-index:1;width:18px;height:18px;border:2px solid var(--fog-300);border-radius:50%;background:var(--night-900)}.beat-rail i.active{width:30px;height:30px;border-color:var(--amber-400);background:var(--amber-400);box-shadow:0 0 32px var(--amber-400)}.preview-score,.score-readout{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.preview-score span,.score-readout span{color:var(--fog-300)}.preview-score strong,.score-readout strong{font:700 clamp(3rem,8vw,6rem)/.8 var(--display);font-variant-numeric:tabular-nums}.meter{height:7px;overflow:hidden;background:var(--night-800)}.meter span{display:block;width:var(--score);height:100%;background:var(--cyan-300);transition:width .24s ease}.meter .score-0{width:0}.meter .score-86{width:86%}.meter .score-88{width:88%}.meter.large{height:10px;margin-top:16px}.steps-section{padding:96px 0;border-top:1px solid var(--night-800)}.steps{margin:64px 0 0;padding:0;list-style:none;counter-reset:steps}.steps li{counter-increment:steps;display:grid;grid-template-columns:90px .65fr 1fr;gap:24px;align-items:baseline;padding:24px 0;border-top:1px solid var(--night-800)}.steps li:before{content:"0" counter(steps);color:var(--amber-400);font:700 1.2rem/1 var(--display)}.steps strong{font:700 1.6rem/1 var(--display);text-transform:uppercase}.steps span,.prose{color:var(--fog-300)}.limits-section{padding-bottom:128px}.prose p{margin:0 0 16px}.site-footer{display:grid;grid-template-columns:1fr auto;gap:16px 32px;padding:40px 0 max(40px,env(safe-area-inset-bottom));color:var(--fog-300);border-top:1px solid var(--night-800);font-size:.85rem}.site-footer p{margin:0}.build-note{grid-column:1 / -1}.app-main{min-height:calc(100vh - 72px);padding-block:64px 96px}.room-shell,.join-shell{max-width:1000px;margin-inline:auto}.room-heading h1,.join-shell>h1{max-width:12ch;font-size:clamp(3.2rem,7vw,6.5rem)}.room-heading>p:last-child,.join-shell>p{color:var(--fog-300)}.notice{margin:24px 0;padding:16px;border-left:3px solid var(--red-300);color:var(--fog-100);background:#331b20}.code-board{margin:48px 0 16px;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--night-900);border-top:2px solid var(--amber-400)}.code-board div>span{display:block;color:var(--fog-300);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}.code-board strong{display:block;font:700 clamp(2.5rem,7vw,5.5rem)/1 var(--display);letter-spacing:.16em;font-variant-numeric:tabular-nums}.connection-state{min-height:32px}.host-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:24px;margin-top:48px}.controls-panel,.round-panel,.companion-stage,.join-form{padding:32px;background:var(--night-900);border-top:1px solid var(--night-800)}.controls-panel h2,.round-panel h2,.companion-stage h2{margin-bottom:32px;font-size:2rem}.controls-panel label{display:flex;justify-content:space-between;gap:16px;margin:24px 0 8px;font-weight:700}.controls-panel label span{color:var(--fog-300);font-size:.78rem;font-weight:400}input[type=range]{width:100%;height:44px;accent-color:var(--amber-400)}input[type=file]{width:100%;min-height:48px;padding:8px;color:var(--fog-300);border:1px solid var(--night-800)}input::file-selector-button{min-height:36px;margin-right:12px;padding:4px 12px;color:var(--night-950);background:var(--amber-400);border:0;cursor:pointer}.file-name,.control-help,.tap-count{color:var(--fog-300);font-size:.86rem}.controls-panel .wide{margin-top:24px}.round-panel{min-height:460px;display:flex;flex-direction:column}.round-top{display:flex;justify-content:space-between;align-items:baseline}.round-top span{color:var(--amber-400)}.beat-orbit{position:relative;height:130px;margin:16px 0;display:flex;justify-content:space-between;align-items:center}.beat-orbit:before{content:"";position:absolute;inset-inline:0;top:50%;height:1px;background:var(--night-800)}.beat-orbit span{z-index:1;width:16px;height:16px;border:2px solid var(--fog-300);border-radius:50%;background:var(--night-900)}.beat-orbit b{position:absolute;left:0;top:calc(50% - 10px);width:20px;height:20px;border-radius:50%;background:var(--amber-400);opacity:0}.beat-orbit.beat b{animation:cross-rail .24s ease-out}.beat-orbit.returned:after{content:"";position:absolute;right:0;top:calc(50% - 18px);width:32px;height:32px;border:2px solid var(--cyan-300);border-radius:50%;animation:return-ring .18s ease-out}.round-state{min-height:48px;color:var(--fog-300)}.score-readout{margin-top:auto}.join-shell{max-width:720px}.join-form,.companion-stage{margin-top:48px}.join-form label{display:block;margin-bottom:8px;font-weight:700}.join-form input{width:100%;min-height:64px;padding:8px 16px;color:var(--fog-100);background:var(--night-950);border:1px solid var(--night-800);font:700 2rem/1 var(--display);letter-spacing:.16em;text-transform:uppercase}.join-form p{color:var(--fog-300)}.field-error{min-height:24px;color:var(--red-300)!important}.tap-pad{width:min(100%,420px);aspect-ratio:1;margin:16px auto 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--night-950);background:var(--amber-400);border:8px solid var(--night-800);border-radius:50%;cursor:pointer;box-shadow:0 0 0 12px #ffb84d12,0 24px 80px #0008;transition:transform .1s ease,box-shadow .1s ease}.tap-pad span{font:700 clamp(2rem,8vw,4rem)/1 var(--display);text-transform:uppercase}.tap-pad small{margin-top:12px}.tap-pad:disabled{color:var(--fog-300);background:var(--night-800);cursor:not-allowed}.tap-pad.cue:not(:disabled){animation:cue .18s ease-out}.tap-pad.tapped:not(:disabled){transform:scale(.96)}.demo-banner{min-height:48px;padding:6px max(16px,calc((100% - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--night-950);background:var(--cyan-300);font-size:.86rem}.demo-actions{display:flex;align-items:center;gap:16px}.demo-banner a,.demo-banner button{color:var(--night-950);font-weight:750}.text-button{min-height:36px;padding:4px;border:0;background:transparent;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.sample-label{color:var(--cyan-300);font-weight:700}.sample-list{margin:0}.sample-list div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--night-800)}.sample-list dt{color:var(--fog-300)}.sample-list dd{margin:0;text-align:right}.legal-main{min-height:70vh;padding:80px 0 120px}.legal-main article{max-width:720px}.legal-main h1{max-width:15ch;font-size:clamp(3.4rem,7vw,6rem)}.legal-main h2{margin:56px 0 16px;font-size:2rem}.legal-main p{color:var(--fog-300)}.lost-main{min-height:72vh;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding-block:80px}.lost-main h1{font-size:clamp(4rem,9vw,8rem)}.lost-main p{color:var(--fog-300)}.lost-signal{display:flex;align-items:center;justify-content:space-between}.lost-signal:before{content:"";position:absolute;width:40%;height:1px;background:var(--night-800)}.lost-signal i{z-index:1;width:24px;height:24px;border:2px solid var(--fog-300);border-radius:50%;background:var(--night-950)}.lost-signal i:nth-child(3){border-style:dashed;opacity:.4}@keyframes cross-rail{0%{opacity:0;transform:translate(0) scale(.6)}20%{opacity:1}to{opacity:0;transform:translate(min(480px,42vw)) scale(1.35)}}@keyframes return-ring{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:translate(-120px) scale(1.5)}}@keyframes cue{50%{transform:scale(1.035);box-shadow:0 0 0 22px #ffb84d2d,0 24px 80px #0008}}@media(max-width:800px){.site-header nav{gap:12px}.site-header nav a{font-size:.88rem}.wordmark span:last-child{max-width:9ch;line-height:1.1}.hero{min-height:auto;grid-template-columns:1fr;padding-top:56px}.hero-copy{grid-row:1}.hero-art{grid-row:2;width:calc(100% + 32px);margin:48px 0 0 -16px}.hero-art:after{background:linear-gradient(0deg,var(--night-950),transparent 32%)}.hero-art figcaption{right:16px}.plain-facts{flex-direction:column}.plain-facts li{max-width:none}.preview-section,.limits-section,.lost-main{grid-template-columns:1fr;gap:40px}.steps li{grid-template-columns:56px 1fr}.steps li span{grid-column:2}.host-grid,.site-footer{grid-template-columns:1fr}.build-note{grid-column:auto}}@media(max-width:480px){.site-header,.site-footer,main{width:min(100% - 24px,1200px)}.site-header{min-height:64px;flex-wrap:wrap;padding-block:8px}.site-header nav{width:100%;justify-content:space-between}.site-header nav a:first-child{display:none}h1,h2,.eyebrow{overflow-wrap:anywhere}h1{font-size:clamp(2rem,17vw,5rem)}.room-heading h1,.join-shell>h1,.legal-main h1,.lost-main h1{font-size:clamp(2rem,14vw,4rem)}.hero-copy,section,article,.code-board>div,.preview-section>*,.limits-section>*{min-width:0}.hero{padding-top:48px}.hero-art{width:100%;margin-inline:0}.hero-action-row{align-items:flex-start;flex-direction:column}.hero-action-row>span{max-width:none}.button{max-width:100%;text-align:center;white-space:normal}.preview-section,.steps-section,.limits-section{padding-block:72px}.signal-stage,.controls-panel,.round-panel,.companion-stage,.join-form{padding:24px 20px}.code-board{padding:20px;align-items:flex-start;flex-direction:column}.code-board strong{max-width:100%;font-size:clamp(2rem,13vw,3.2rem);letter-spacing:.1em;overflow-wrap:anywhere}.round-panel{min-height:420px}.demo-banner{align-items:flex-start;flex-direction:column;padding-block:8px}.demo-actions{width:100%;justify-content:space-between}.site-footer nav{flex-wrap:wrap;gap:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.beat-orbit.beat b{left:calc(100% - 20px);opacity:1}}