@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#10121a;--panel:#171a25;--panel2:#1d2130;--line:#2b3040;--text:#f5f6fb;--muted:#969caf;--purple:#9c7cff;--green:#b9f56b;--orange:#ffad70;--blue:#7bbdff;font-family:'Space Grotesk',system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0%,#1e2034 0%,var(--bg) 54%);color:var(--text);min-height:100vh}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:3px}.topbar{height:78px;padding:0 clamp(20px,6vw,92px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0c}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-size:13px;font-weight:700;letter-spacing:2px}.brand-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--green);color:#171b17;font-weight:700;font-size:18px;letter-spacing:0}.dot{color:var(--green)}.icon-button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;width:42px;height:42px;font-size:20px}.icon-button:hover,.secondary:hover{border-color:#68708a}main{max-width:1120px;margin:0 auto;padding:0 24px}.view{display:none;padding:56px 0 72px}.view.active{display:block}.hero{text-align:center;padding:55px 0 68px}.eyebrow,.mini-label,.tag{font:500 10px 'DM Mono',monospace;letter-spacing:1.8px;color:var(--muted)}.eyebrow{display:flex;justify-content:center;align-items:center;gap:9px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #b9f56b80}.hero h1,.section-head h1{font-size:clamp(42px,7vw,76px);line-height:1.02;letter-spacing:-4px;margin:24px 0 17px}.hero h1 span,.section-head h1 span{color:var(--green)}.muted,.intro{color:var(--muted)}.intro{font-size:15px;margin-bottom:32px}.primary,.secondary{border-radius:12px;font-weight:700;border:1px solid transparent;transition:transform .15s,border-color .15s}.primary{background:var(--green);color:#171b17;padding:15px 22px}.primary:hover{transform:translateY(-2px);background:#caff8a}.train-main{display:flex;align-items:center;justify-content:center;gap:50px;width:min(300px,100%);margin:0 auto;font-size:18px;padding:19px 25px;box-shadow:0 12px 40px #b9f56b16}.train-main span{font-size:22px}.secondary{background:var(--panel);color:var(--text);border-color:var(--line);padding:14px 20px}.leaderboard-main{display:block;margin:12px auto 0;border:0;background:transparent;color:#c9cddd}.feature-line{display:flex;justify-content:center;align-items:center;gap:17px;margin-top:43px;color:#7d8499;font:11px 'DM Mono',monospace;letter-spacing:1px}.feature-line i{height:4px;width:4px;background:#596077;border-radius:50%}.home-bottom{border-top:1px solid var(--line);padding:33px 0 24px;display:flex;align-items:end;justify-content:space-between}.home-bottom h2{font-size:24px;margin:9px 0 0;letter-spacing:-.8px}.text-button{background:none;border:0;color:var(--green);padding:8px 0}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.game-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.game-card{background:linear-gradient(145deg,#1a1d2a,#151822);border:1px solid var(--line);border-radius:18px;padding:24px;min-width:0}.compact .game-card{padding:18px}.game-card h2{font-size:22px;margin:17px 0 8px;letter-spacing:-.6px}.game-card h3{font-size:15px;margin:14px 0 6px}.game-card p{color:var(--muted);font-size:13px;line-height:1.6;margin:0;min-height:42px}.compact .game-card p{font-size:12px;min-height:0}.card-top,.card-foot,.section-head,.board-toolbar,.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.game-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;font-size:24px}.purple{color:var(--purple);background:#9c7cff1a}.orange{color:var(--orange);background:#ffad701a}.blue{color:var(--blue);background:#7bbdff1a}.green{color:var(--green);background:#b9f56b18}.card-foot{border-top:1px solid var(--line);margin-top:24px;padding-top:17px;color:var(--muted);font-size:12px}.small{padding:10px 14px;font-size:12px}.section-head{align-items:end;margin-bottom:32px}.section-head h1{font-size:clamp(34px,5vw,52px);letter-spacing:-2.4px;margin:14px 0 10px}.section-head .eyebrow{justify-content:flex-start}.section-head p{margin:0;font-size:14px}.tag{font-size:9px;letter-spacing:1.2px}.leaderboard-panel{border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:hidden}.board-toolbar{padding:20px 24px;border-bottom:1px solid var(--line)}.board-toolbar h2{font-size:17px;margin:0}.board-toolbar select{background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:9px;padding:9px 12px;font-size:12px}.board-empty{text-align:center;padding:52px 20px}.empty-icon{margin:0 auto 15px;display:grid;place-items:center;width:56px;height:56px;background:var(--panel2);border-radius:16px;color:var(--green);font-size:25px}.board-empty h3{margin:0 0 8px}.board-empty p{max-width:440px;margin:0 auto 20px;color:var(--muted);font-size:13px;line-height:1.7}.coming-soon{margin-top:18px;padding:22px 24px;border:1px dashed #41475a;border-radius:16px;display:flex;align-items:center;gap:18px}.rank-symbol{font-size:28px;color:var(--purple)}.coming-soon h3{margin:8px 0 5px}.coming-soon p{font-size:12px;line-height:1.6;margin:0}.coming-label{margin-left:auto;white-space:nowrap;font:10px 'DM Mono',monospace;color:#858ba0}.game-stage{margin-top:24px;padding:24px;border-radius:18px;border:1px solid var(--line);background:var(--panel)}.game-stage.hidden{display:none}.stage-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.stage-head h2{margin:0}.stage-stat{font:12px 'DM Mono',monospace;color:var(--green)}.stage-instructions{color:var(--muted);font-size:13px}.stage-area{position:relative;min-height:280px;background:#10121a;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:grid;place-items:center;margin:18px 0}.target{position:absolute;width:42px;height:42px;border-radius:50%;border:7px solid #b9f56b;background:#f5f6fb;box-shadow:0 0 0 5px #b9f56b25;cursor:crosshair}.big-click{padding:35px 50px;border-radius:20px;font-size:22px}.typing-prompt{font:18px 'DM Mono',monospace;line-height:1.9;letter-spacing:.5px;color:#dfe3ef;max-width:600px;padding:20px}.typing-input{display:block;width:100%;max-width:600px;margin:0 auto;background:#10121a;border:1px solid var(--line);border-radius:10px;padding:14px;color:white}.reaction-area{width:100%;height:100%;min-height:280px;border:0;background:#292e3c;color:white;font-weight:700;font-size:20px}.reaction-area.waiting{background:#b33d4b}.reaction-area.ready{background:#b9f56b;color:#171b17}.result{text-align:center;padding:22px}.result strong{display:block;font-size:42px;color:var(--green);margin:10px}.settings-dialog{width:min(440px,calc(100% - 30px));background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:18px;padding:25px}.settings-dialog::backdrop{background:#07080cbb;backdrop-filter:blur(5px)}.dialog-head{margin-bottom:15px}.dialog-head h2{margin:7px 0 0}.dialog-head .eyebrow{justify-content:flex-start}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.setting-row strong,.setting-row small{display:block}.setting-row small{color:var(--muted);font-size:12px;margin-top:5px}.setting-row input{accent-color:var(--green);width:18px;height:18px}.settings-note{font-size:12px;line-height:1.6;margin:18px 0}.full{width:100%}footer{border-top:1px solid var(--line);padding:25px clamp(20px,6vw,92px);display:flex;align-items:center;justify-content:space-between;gap:15px;color:#747b90;font-size:11px}.tiny{font-size:10px}.tiny .brand-mark{width:23px;height:23px;font-size:14px;border-radius:7px}
body.reduce-motion *,body.reduce-motion *::before,body.reduce-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:760px){.game-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:35px 0 48px}.hero h1{letter-spacing:-2px}.view{padding-top:35px}.section-head{align-items:start}.section-head h1{letter-spacing:-1.5px}.section-head .secondary{margin-top:12px}.game-card{padding:18px}.coming-label{display:none}.home-bottom{align-items:start;gap:12px;flex-direction:column}footer{flex-wrap:wrap}.feature-line{gap:9px;font-size:9px}}
@media(max-width:480px){main{padding:0 16px}.game-grid{grid-template-columns:1fr}.section-head{flex-direction:column}.section-head .secondary{margin-top:0}.board-toolbar{padding:16px;align-items:start;flex-direction:column}.stage-head{align-items:start;flex-direction:column}.game-stage{padding:16px}.game-grid.compact{gap:9px}.compact .game-card{padding:13px}.game-icon{width:40px;height:40px}.hero h1{font-size:48px}}