:root{color-scheme:dark;--bg:#080d0a;--panel:#101813;--green:#b5ff69;--text:#f0f5ee;--muted:#a1b2a6;--line:#334a3b;font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--green);outline-offset:5px}header,main,footer{max-width:1480px;margin:auto;padding-left:48px;padding-right:48px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:28px;padding-bottom:26px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.04em;line-height:1.05;text-decoration:none}.brand img{width:52px;height:52px;object-fit:contain}.brand-sub{display:block;color:var(--green);font-size:10px;letter-spacing:.1em;margin-top:7px}.terminal-status{font-size:11px;letter-spacing:.1em;color:var(--muted)}.dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:9px}.start{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--green);color:#10200a;font-size:12px;font-weight:bold;text-decoration:none;padding:17px 22px;min-height:48px}.start:hover{background:#d4ffac}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding:52px 0 34px}.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--green);font-weight:bold;line-height:1.6}h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(35px,4.3vw,65px);letter-spacing:-.055em;line-height:1.02;margin:15px 0 0;font-weight:800}h1 em{font-style:normal;color:var(--green)}.lede{color:var(--muted);font-size:12px;line-height:1.9;margin:0 0 5px}.console{border:1px solid #55715c;box-shadow:0 0 80px #77c84d0b;background:#0b120e}.console-bar{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:13px 20px;color:var(--muted);font-size:10px;letter-spacing:.06em}.dots{letter-spacing:5px;color:#70967c}.scene-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid var(--line);min-height:95px}h2{font-family:Arial,Helvetica,sans-serif;font-size:29px;letter-spacing:-.04em;line-height:1.12;margin:5px 0 0}.badge{border:1px solid #507140;background:#b5ff690c;color:#c6e5b0;font-size:9px;font-weight:700;line-height:1.5;padding:8px 12px;max-width:220px;text-align:center}.stage{position:relative;height:450px;overflow:hidden;background:#060b08;background-image:linear-gradient(#4f82550c 1px,transparent 1px),linear-gradient(90deg,#4f82550c 1px,transparent 1px);background-size:32px 32px}.arcade{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;overflow:hidden}.arcade pre{font-size:clamp(8px,1.2vw,17px);line-height:1.18;color:var(--green);text-shadow:0 0 20px #a9ff633b;margin:0;white-space:pre}.arcade p{color:var(--text);font-size:12px;text-align:center;max-width:90%;line-height:1.6}.screen{width:100%;height:100%;position:relative;background:#111}.screen iframe{position:absolute;left:0;top:0;width:1500px;height:830px;border:0;transform-origin:top left;background:#10141d}.stage-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:10px;padding:10px 20px;background:#080d0af2;border-top:1px solid var(--line);font-size:9px;color:#a9c6b0;pointer-events:none}.scene-copy{min-height:84px;padding:15px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line)}.scene-copy p{color:var(--muted);font-size:12px;line-height:1.65;margin:0;max-width:750px}.scene-copy a{font-size:11px;color:var(--green);flex-shrink:0}.playback{display:flex;align-items:center;gap:24px;padding:14px 24px;background:#121c15;border-top:1px solid var(--line)}.transport{display:flex;gap:6px}.transport button{border:1px solid #47604e;background:transparent;color:var(--text);min-height:40px;padding:8px 13px}.transport button:hover{background:#2a3b2c}.transport #play{min-width:80px;background:#b5ff69;color:#10200a;border-color:var(--green)}.scrub-label{font-size:0;flex:1}.scrub-label input{width:100%;accent-color:var(--green);cursor:pointer}.playback output{font-size:11px;white-space:nowrap}.below-console{display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-size:10px;line-height:1.7;margin:10px 0 30px}.board-selector>div{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;margin-top:12px}.board-selector button{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;background:#101a13;color:var(--text);border:1px solid var(--line);padding:17px 12px;min-height:83px;font-weight:bold;font-size:11px}.board-selector button span{font-size:9px;font-weight:normal;color:var(--muted)}.board-selector button[aria-current=true]{border-color:var(--green);color:var(--green);background:#182518}.board-selector button:hover{border-color:#8bab91}.invitation{margin-top:64px;padding:48px 0;display:grid;grid-template-columns:1fr 1.6fr;gap:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center}.invitation pre{font-size:clamp(11px,1.1vw,17px);color:var(--green);line-height:1.4}.invitation h2{font-size:42px}.invitation p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.8;max-width:550px}.cta-row{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin:24px 0 17px}.cta-row a:not(.start){font-size:11px}.invitation small{font-size:10px;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:25px;font-size:9px;color:var(--muted);padding-top:26px;padding-bottom:28px;line-height:1.6}footer nav{display:flex;gap:24px}.skip{position:absolute;top:-100px;left:20px;background:var(--green);color:#000;padding:15px;z-index:10}.skip:focus{top:12px}.no-script{padding:25px}[hidden]{display:none!important}
@media(max-width:1000px){header,main,footer{padding-left:24px;padding-right:24px}.terminal-status{display:none}.intro{align-items:flex-start}.lede{max-width:240px}.board-selector>div{grid-template-columns:repeat(5,minmax(0,1fr))}.stage{height:380px}.scene-copy{align-items:flex-start;flex-direction:column;gap:9px}.invitation{grid-template-columns:1fr 2fr;gap:15px}.invitation pre{font-size:10px}.invitation h2{font-size:34px}}
@media(max-width:600px){header,main,footer{padding-left:16px;padding-right:16px}header{gap:12px;padding-top:18px;padding-bottom:18px}.brand{font-size:12px}.brand img{width:37px;height:37px}.brand-sub{font-size:8px}header .start{font-size:10px;gap:10px;padding:12px;min-height:44px}.intro{display:block;padding:30px 0 24px}.lede{max-width:none;font-size:11px;margin-top:20px}.console-bar{font-size:8px;padding:12px;gap:8px}.dots{display:none}.scene-heading{padding:14px;min-height:106px;align-items:flex-start}.scene-heading h2{font-size:25px}.badge{font-size:8px;max-width:115px;padding:7px}.stage{height:265px}.arcade pre{font-size:8px}.arcade p{font-size:10px}.stage-bottom{padding:8px;font-size:7px}.scene-copy{padding:14px;min-height:110px}.scene-copy p{font-size:11px}.scene-copy a{font-size:10px}.playback{padding:12px;gap:10px;flex-wrap:wrap}.transport{flex:1}.transport button{min-width:40px;padding:7px}.scrub-label{order:3;flex-basis:100%;height:22px}.below-console{display:block;font-size:9px}.board-selector>div{grid-template-columns:repeat(3,minmax(0,1fr))}.board-selector button{min-height:75px}.invitation{margin-top:36px;display:block;padding:28px 0}.invitation pre{margin-bottom:25px;font-size:13px}.invitation h2{font-size:34px}.cta-row{gap:18px}footer{flex-direction:column;gap:14px}.stage.is-board{height:210px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.board-selector button pre{font-size:7px;line-height:1.05;white-space:pre;margin:0 0 6px;color:var(--green);height:75px;letter-spacing:-.4px}.screen iframe{left:50%;translate:-50% 0;transform-origin:top center}.board-selector button{overflow:hidden}@media(max-width:600px){.board-selector button pre{font-size:6px;height:68px}}
.scene-links{display:flex;flex-direction:column;gap:12px;flex-shrink:0}@media(min-width:1001px){.stage{height:600px}}@media(min-width:601px) and (max-width:1000px){.stage{height:420px}}
/* Immersive stage with compact, accessible control overlays. */
html,body{height:100%;overflow:hidden}header{position:fixed;z-index:5;top:0;left:0;right:0;max-width:none;padding:18px 28px;border:0;background:linear-gradient(#080d0aee,#080d0a00);pointer-events:none}header>*{pointer-events:auto}header .brand{margin-right:auto}header .terminal-status{margin-right:20px}#choose{background:#0e1b12;color:var(--text);border:1px solid var(--line);padding:13px 16px;min-height:44px;font-size:11px}main{padding:0;max-width:none}.intro,.invitation,footer,.below-console,.console-bar{display:none}.console{position:fixed;inset:0;border:0;background:var(--bg);box-shadow:none}.stage,.stage.is-board{position:absolute;inset:0;width:100%;height:100%;background-size:46px 46px}.stage-bottom{display:none}.arcade{padding:125px 24px 190px;gap:20px}.arcade pre{font-size:clamp(13px,2.8vh,34px);line-height:1.12}.arcade p{font-size:12px;color:var(--muted)}.scene-heading{position:absolute;z-index:2;top:88px;left:28px;right:28px;padding:0;border:0;min-height:0;pointer-events:none;align-items:center}.scene-heading h2{font-size:23px}.scene-heading .eyebrow{font-size:9px}.badge{background:#0c180fe8}.screen{position:absolute;left:28px;right:28px;top:155px;bottom:175px;width:auto;height:auto;background:transparent}.screen iframe{background:#10141d}.scene-copy{position:absolute;z-index:3;left:28px;right:28px;bottom:76px;padding:14px 18px;min-height:74px;max-height:96px;border:1px solid var(--line);background:#0a140df0}.scene-copy p{font-size:11px;max-width:800px}.scene-links{flex-direction:row;gap:20px}.scene-links a{font-size:10px}.playback{position:absolute;z-index:3;bottom:max(16px,env(safe-area-inset-bottom));left:28px;right:28px;padding:0;border:0;background:transparent;gap:20px}.transport button{background:#101c13dd}.board-selector{position:fixed;z-index:7;right:28px;top:82px;width:380px;max-width:calc(100vw - 32px);padding:18px;background:#0c180ff7;border:1px solid #668d55;max-height:calc(100dvh - 110px);overflow:auto;box-shadow:0 18px 60px #000b}.board-selector>div{grid-template-columns:repeat(3,minmax(0,1fr))}.board-selector button{min-height:112px;padding:12px;gap:8px}.board-selector button pre{font-size:5px;height:47px}.board-selector button span{font-size:8px}.skip{z-index:10}.no-script{position:fixed;z-index:20;top:30%;background:#080d0a}
@media(max-width:1000px){header .terminal-status{display:none}.scene-copy{flex-direction:row;align-items:center;gap:20px}.scene-links{flex-direction:column;gap:10px}.arcade pre{font-size:clamp(12px,2.6vh,30px)}}
@media(max-width:600px){header{padding:14px 14px;gap:8px}.brand{font-size:10px}.brand img{width:32px;height:32px}.brand-sub{font-size:7px}#choose{font-size:9px;padding:10px 8px}header .start{font-size:9px;gap:5px;padding:10px}.scene-heading{top:84px;left:16px;right:16px;align-items:flex-start}.scene-heading h2{font-size:19px;max-width:205px}.scene-heading .badge{max-width:99px;font-size:7px}.scene-heading .eyebrow{font-size:8px}.screen{left:8px;right:8px;top:155px;bottom:225px}.arcade{padding:150px 12px 230px;gap:15px}.arcade pre{font-size:clamp(9px,2.1vh,18px);line-height:1.12}.arcade p{font-size:10px}.scene-copy{left:14px;right:14px;bottom:106px;min-height:90px;max-height:120px;padding:10px;display:block}.scene-copy p{font-size:10px;line-height:1.5}.scene-links{flex-direction:row;gap:14px;margin-top:10px}.scene-links a{font-size:9px}.playback{left:14px;right:14px;bottom:max(12px,env(safe-area-inset-bottom));gap:8px}.transport button{min-height:36px}.board-selector{right:14px;top:76px;width:350px}.board-selector button{min-height:102px}.arcade{overflow:hidden}}
@media(max-height:650px) and (min-width:601px){header{padding-top:10px;padding-bottom:10px}.scene-heading{top:74px}.screen{top:130px;bottom:154px}.arcade{padding-top:115px;padding-bottom:170px}.arcade pre{font-size:2.4vh}.scene-copy{bottom:65px;min-height:65px}.playback{bottom:10px}.scene-heading h2{font-size:19px}}
.signup-note{position:absolute;right:28px;top:74px;font-size:8px;color:var(--muted)}@media(max-width:600px){.signup-note{right:14px;top:65px;font-size:7px}}@media(max-height:650px) and (min-width:601px){.signup-note{top:60px}}