:root{--bg: #06070b;--ink: #f3f1ee;--amber: #ffb070;--teal: #7ef0c0;--coral: #ff8a6b}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);overflow:hidden;height:100%}#app{position:relative;width:100vw;height:100vh;background:var(--bg);overflow:hidden;font-family:JetBrains Mono,monospace;touch-action:none;user-select:none;cursor:crosshair}#stage{position:absolute;inset:0;width:100%;height:100%;display:block}#overlay{position:absolute;inset:0;pointer-events:none}@keyframes driftFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:radial-gradient(120% 120% at 50% 42%,#06070b8c,#06070be6);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:driftFade .45s ease both;pointer-events:auto}.eyebrow{font-size:11px;letter-spacing:.42em;font-weight:500;margin-bottom:18px}.title{margin:0;font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:.14em;line-height:1;color:var(--ink)}.title.huge{font-size:clamp(54px,11vw,128px);letter-spacing:.16em;text-shadow:0 0 38px rgba(255,176,112,.35)}.title.big{font-size:clamp(40px,8vw,84px)}.tagline{margin-top:22px;font-size:14px;color:#f3f1ee9e;max-width:520px;line-height:1.6}.keys{margin-top:36px;display:flex;flex-direction:column;gap:12px;font-size:12.5px;color:#f3f1ee80}.keys .row{display:flex;gap:14px;align-items:baseline;justify-content:center}.keys .k{color:var(--amber);min-width:132px;text-align:right}.stats{margin-top:26px;display:flex;gap:42px;font-size:13px;color:#f3f1ee9e}.stat{display:flex;flex-direction:column;align-items:center;gap:6px}.stat .label{font-size:10px;letter-spacing:.28em;color:#f3f1ee66}.stat .value{font-size:24px;color:var(--ink)}button.cta{margin-top:42px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;letter-spacing:.22em;color:var(--bg);border:none;padding:15px 38px;border-radius:2px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}button.cta:hover{transform:translateY(-2px)}.sub{margin-top:18px;font-size:11px;letter-spacing:.16em;color:#f3f1ee52}.board{margin-top:26px;width:min(440px,90vw);display:flex;flex-direction:column;gap:4px;font-size:12px}.board .line{display:flex;justify-content:space-between;padding:7px 14px;border-radius:2px;background:#ffffff08;color:#f3f1ee99}.board .line.cut{opacity:.4}.board .line.you{background:#ffb07024;color:var(--ink)}.board .line .pos{color:#f3f1ee66;width:34px;text-align:left}.board .line .tag{letter-spacing:.12em}.modes{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center}button.modecard{--accent: #ffb070;width:220px;text-align:left;display:flex;flex-direction:column;gap:8px;padding:16px 18px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-left:3px solid var(--accent);border-radius:3px;color:var(--ink);font-family:JetBrains Mono,monospace;cursor:pointer;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}button.modecard:hover{transform:translateY(-3px);background:#ffffff0f;box-shadow:0 10px 28px #0006}.modecard .modename{font-size:14px;font-weight:700;letter-spacing:.14em;color:var(--accent)}.modecard .modeblurb{font-size:11px;line-height:1.5;color:#f3f1ee8c}#ctrlbar{position:absolute;bottom:54px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;pointer-events:none}#ctrlbar:empty{display:none}.ctrlbtn{pointer-events:auto;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--ink);background:#ffffff0f;border:1px solid rgba(255,255,255,.14);padding:10px 18px;border-radius:2px;cursor:pointer;transition:transform .1s ease,background .1s ease}.ctrlbtn:hover{transform:translateY(-1px);background:#ffffff1f}.ctrlbtn.ready{color:var(--bg);background:var(--teal);border-color:var(--teal)}.ctrlstat{font-size:11px;letter-spacing:.1em;color:#f3f1ee80;min-width:120px;text-align:center}