:root{color-scheme:dark;--bg:#0c0817;--ink:#fff8ed;--muted:#bcb4c9;--line:rgba(255,255,255,.14);--lime:#c9ff65;--pink:#ff6fae;--violet:#8f7cff;--panel:#171026;--touch:48px}
nav a,footer a{display:inline-flex;align-items:center;min-height:44px}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;min-height:100dvh;color:var(--ink);background:radial-gradient(circle at 15% 8%,rgba(255,111,174,.16),transparent 28%),radial-gradient(circle at 88% 28%,rgba(143,124,255,.2),transparent 31%),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,input,a.button{min-height:var(--touch)}main,footer{width:min(1160px,calc(100% - 32px));margin:auto}nav{display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-size:13px}nav a{text-decoration:none}.brand{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:900;letter-spacing:.14em}.brand:first-letter,.kicker{color:var(--lime)}.brand span{color:var(--pink)}.hero{position:relative;min-height:580px;display:flex;flex-direction:column;justify-content:center;padding:70px 0 110px}.kicker{margin:0 0 14px;font-size:10px;font-weight:900;letter-spacing:.19em;text-transform:uppercase}h1,h2,h3,p{text-wrap:balance}h1{position:relative;z-index:1;max-width:920px;margin:0;font-size:clamp(58px,11vw,126px);line-height:.84;letter-spacing:-.075em}h1 em{color:var(--lime);font-style:normal}.intro{position:relative;z-index:1;max-width:630px;margin:30px 0 0;color:#d3ccdc;font-size:clamp(17px,2.1vw,22px);line-height:1.55}.burst{position:absolute;right:0;top:70px;width:310px;aspect-ratio:1;border:1px solid var(--line);border-radius:42% 58% 64% 36%/39% 35% 65% 61%;transform:rotate(8deg)}.burst:before,.burst:after{content:"";position:absolute;inset:43px;border:1px dashed var(--line);border-radius:50%;transform:rotate(20deg)}.burst:after{inset:98px}.burst i,.burst b,.burst span{position:absolute;font-style:normal;font-size:40px}.burst i{left:20px;top:58px;color:var(--pink)}.burst b{right:25px;bottom:55px;color:var(--lime)}.burst span{right:52px;top:38px}.coming{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:end;padding:clamp(30px,5vw,60px);border:1px solid var(--line);border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025)),var(--panel);box-shadow:0 30px 100px rgba(0,0,0,.2)}.coming h2{max-width:600px;margin:0;font-size:clamp(36px,6vw,70px);line-height:.95;letter-spacing:-.055em}.coming>p{margin:0;color:var(--muted);line-height:1.6}.button{grid-column:2;width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-radius:999px;color:#141020;background:var(--lime);font-weight:900;text-decoration:none}.promise{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:80px 0}.promise article{min-height:220px;padding:28px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.035)}.promise b{color:var(--pink);font-size:12px}.promise h3{margin:48px 0 8px;font-size:24px}.promise p{margin:0;color:var(--muted);line-height:1.5}footer{display:flex;justify-content:space-between;align-items:center;padding:28px 0 40px;border-top:1px solid var(--line);color:#8e879a;font-size:12px}footer a{text-decoration:none;font-weight:900;letter-spacing:.12em}
/* Shared future player/host primitives: mobile-first, TV-safe and 48px minimum controls. */
.qg-player,.qg-shared{width:min(100%,900px);min-height:100dvh;padding:16px}.qg-status,.qg-progress,.qg-shared header,.qg-shared footer{display:flex;justify-content:space-between;gap:16px;align-items:center}.qg-choices{display:grid;gap:12px}.qg-choices button,.qg-primary{min-height:56px;padding:14px 18px;border:1px solid var(--line);border-radius:18px;color:var(--ink);background:var(--panel);font:inherit;font-weight:800}.qg-choices button:disabled{opacity:.55}.qg-waiting{text-align:center;padding:60px 10px}.qg-pulse{display:inline-block;width:48px;aspect-ratio:1;border-radius:50%;background:var(--lime);box-shadow:0 0 0 14px rgba(201,255,101,.12)}.qg-lobby ul,.qg-leaderboard ol{list-style:none;margin:24px 0;padding:0}.qg-lobby li,.qg-leaderboard li{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 0;border-bottom:1px solid var(--line)}.qg-lobby li span,.qg-leaderboard li strong{margin-left:auto}.qg-primary{width:100%;color:#141020;background:var(--lime)}
@media(max-width:720px){.hero{min-height:520px;padding-top:55px}.burst{width:190px;top:130px;opacity:.55}.coming{grid-template-columns:1fr}.coming .button{grid-column:1}.promise{grid-template-columns:1fr;padding:56px 0}.promise article{min-height:180px}.promise h3{margin-top:32px}}
@media(min-width:721px) and (max-width:800px){.burst{right:6px}}
@media(max-height:520px) and (orientation:landscape){.hero{min-height:auto;padding:50px 0 70px}.burst{display:none}.promise{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:no-preference){.qg-pulse{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{transform:scale(.85);opacity:.7}}}