@font-face{font-family:Arcade;src:local('Avenir Next');font-display:swap}
:root{color-scheme:dark;--lime:#d4ff3a;--ink:#111712;--paper:#f5f7eb;--muted:#91a18e}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px;background:#080e0b;background-image:radial-gradient(ellipse at 50% 50%,#2536263d,transparent 65%);color:var(--paper);font-family:Arcade,'Trebuchet MS',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}.arcade{width:100%;max-width:640px;border:1px solid #364531;border-radius:24px;overflow:hidden;box-shadow:0 35px 100px #0008;outline:none;background:var(--ink)}header{display:flex;align-items:center;gap:14px;padding:20px 28px;border-bottom:1px solid #ffffff0c}.brand{display:flex;gap:9px;align-items:center;color:var(--paper);text-decoration:none;font-size:11px;font-weight:800;letter-spacing:1.6px}.brand-sub{display:block;font:8px monospace;letter-spacing:1.8px;color:var(--muted);margin-top:5px}.mark{height:31px;width:31px;border-radius:9px;background:var(--lime);color:#13200a;display:grid;place-items:center;font:bold 27px Georgia;letter-spacing:-2px;padding-right:3px;padding-bottom:5px}.live-label{margin-left:auto;font:8px monospace;letter-spacing:1px;color:#b4c1a8;display:flex;align-items:center;gap:6px}.live-label i{width:5px;height:5px;background:var(--lime);border-radius:50%;box-shadow:0 0 9px #d4ff3a40}.icon-button{width:27px;height:27px;border:1px solid #ffffff1a;border-radius:50%;background:transparent;color:var(--paper);font-size:11px}.stage{position:relative;aspect-ratio:640/490;isolation:isolate}canvas{display:block;width:100%;height:100%;touch-action:manipulation}.panel{position:absolute;top:28px;left:32px;right:32px;pointer-events:none}.panel button{pointer-events:auto}.eyebrow{font:9px monospace;letter-spacing:2px;color:var(--lime);margin:0 0 13px}h1{font-size:69px;font-weight:900;letter-spacing:-4px;line-height:.88;margin:0}h1>span{display:block;color:var(--lime)}.title-dot{color:var(--paper)}.description{color:#a8b6a1;font-size:12px;line-height:1.65;margin:14px 0 17px}.start-wrap{position:relative;display:inline-block;padding:1px;background:#e5ff8c70;border-radius:12px}.start-wrap:after{content:'';position:absolute;left:0;top:0;width:5px;height:5px;border-radius:50%;background:#fffdd4;box-shadow:0 0 10px 3px #eaff8a80;offset-path:inset(0 round 12px);animation:orbit 6s linear infinite;pointer-events:none}.primary{border:0;border-radius:11px;background:linear-gradient(110deg,#e7ff97,#c7ed42);color:#17230c;min-width:220px;padding:12px 15px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;font-weight:800;box-shadow:inset 0 1px 0 #fff7}.primary:hover{filter:brightness(1.07)}.primary .arrow{font-size:22px;line-height:1}.micro{font:7px monospace;letter-spacing:1px;color:#8a9b80;margin-top:10px}.preview-tag{position:absolute;right:43px;top:100px;font:9px/1.7 monospace;letter-spacing:2px;color:#8c9d80}.preview-tag>span{display:block;color:var(--lime);font:34px/1.6 Arcade,sans-serif}.hud{position:absolute;left:32px;right:32px;top:23px;display:flex;justify-content:space-between;pointer-events:none}.hud[hidden],.panel[hidden],[hidden]{display:none!important}.hud span{display:block;font:8px monospace;letter-spacing:1.4px;color:var(--muted);margin-bottom:4px}.hud strong{font-size:34px;font-weight:800;letter-spacing:-1px;font-variant-numeric:tabular-nums}.hud small{font:11px monospace;color:var(--muted);margin-left:5px}.hud .best{text-align:right}.hud .best strong{font-size:23px;color:#c6d3ba}.panel.dialog{top:28px;border-radius:17px;padding:23px;background:#101b14ed;border:1px solid #7e985a40;backdrop-filter:blur(8px);box-shadow:0 10px 40px #0002}.dialog h1{font-size:38px;letter-spacing:-1.6px;line-height:1.05}.dialog .description{margin:10px 0 15px}.dialog .micro{margin-bottom:0}footer{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 28px;border-top:1px solid #ffffff0c;background:#111712}.key-hint{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}kbd{padding:5px 7px;border:1px solid #44513c;border-bottom-width:3px;border-radius:5px;font:8px monospace;color:#d6dfcd}.footer-note{font-size:9px;color:var(--muted)}.jump-button{padding:8px 12px;border-radius:8px;border:1px solid #d4ff3a4d;background:#d4ff3a0b;color:var(--lime);font:bold 9px monospace;letter-spacing:1px}.jump-button span{margin-left:8px}.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}@keyframes orbit{to{offset-distance:100%}}@media(max-width:480px){body{padding:10px}.arcade{border-radius:18px}header{padding:15px 17px;gap:8px}.live-label{font-size:6px;letter-spacing:.5px}.brand{font-size:9px}.brand-sub{font-size:6px}.panel{left:20px;right:20px;top:17px}.eyebrow{font-size:6px;letter-spacing:1.2px;margin-bottom:9px}h1{font-size:42px;letter-spacing:-2.5px}.description{font-size:9px;line-height:1.5;margin:10px 0}.primary{min-width:165px;padding:8px 11px;font-size:10px}.primary .arrow{font-size:17px}.micro{font-size:5px;letter-spacing:.7px;margin-top:6px}.preview-tag{top:60px;right:25px;font-size:6px;letter-spacing:1px}.preview-tag>span{font-size:24px}.hud{left:20px;right:20px;top:17px}.hud strong{font-size:26px}.hud span{font-size:6px}.hud .best strong{font-size:20px}.panel.dialog{top:15px;padding:15px}.dialog h1{font-size:27px}.dialog .description{margin:8px 0}.dialog .micro{display:none}footer{padding:10px 17px;min-height:52px}.key-hint{font-size:8px;gap:5px}kbd{font-size:6px}.footer-note{display:none}.jump-button{padding:8px 12px}}@media(max-height:650px) and (min-width:481px){body{padding:0}.arcade{border:0;border-radius:0}}@media(prefers-reduced-motion:reduce){.start-wrap:after{animation:none}}

/* Night-city palette, with lime controls and an unobstructed skyline. */
body{background-color:#070b13;background-image:radial-gradient(ellipse at 65% 40%,#20263f66,transparent 65%)}.arcade{background:#0d1320;border-color:#2c374b}header,footer{background:#0e1520}.preview-tag{display:none}.panel.intro h1{text-shadow:0 3px 25px #080e1b99}.panel.dialog{background:#0d1422ed;border-color:#596b8340}.description{color:#bac5ce}.micro{color:#96a5b6}

.brand{color:var(--lime);font-size:13px;letter-spacing:1.5px}.brand-sub{color:#98a7b7;font-size:8px}.mark{display:none}@media(max-width:480px){.brand{font-size:10px;letter-spacing:1px}.brand-sub{font-size:6px}}