@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#090f1d;--panel:#111a2d;--panel2:#17223a;--line:#263653;--text:#f4f7fb;--muted:#91a0ba;--green:#83e3ad;--gold:#ffca63;--purple:#9d8cff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#1b2c50 0,#090f1d 42%);color:var(--text);font-family:'DM Sans',sans-serif;min-height:100vh}.app-shell{max-width:1180px;margin:auto;padding:0 34px}.topbar{height:82px;border-bottom:1px solid rgba(145,160,186,.16);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;color:var(--text);font-family:'Space Grotesk';font-weight:700;font-size:19px;text-decoration:none}.brand-mark{color:var(--green);font-size:25px}.top-nav{display:flex;gap:30px;margin-left:90px}.top-nav a,footer a{color:var(--muted);text-decoration:none;font-size:14px}.top-nav a:hover,.top-nav .active{color:var(--text)}.top-nav .active{font-weight:600}.profile-button{width:36px;height:36px;border-radius:50%;background:#e7d8ff;color:#493e73;text-decoration:none;display:grid;place-items:center;font-weight:700;font-size:12px}.game-layout{max-width:720px;margin:52px auto 30px}.intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--green);font-weight:700;margin:0 0 10px}.intro h1{font:700 48px 'Space Grotesk';letter-spacing:-2px;margin:0 0 7px}.subtitle{color:var(--muted);margin:0;font-size:15px}.stats{display:flex;gap:11px}.stat-card{background:rgba(23,34,58,.8);border:1px solid var(--line);border-radius:12px;padding:10px 18px;min-width:86px}.stat-label{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.stat-card strong{font:600 21px 'Space Grotesk';letter-spacing:1px}.game-card{background:rgba(17,26,45,.84);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 22px 70px rgba(0,0,0,.24)}.game-toolbar,.game-actions{display:flex;align-items:center;justify-content:space-between}.game-toolbar{padding:0 4px 15px}.status-wrap{display:flex;gap:9px;align-items:center;font-size:13px;color:var(--muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:#76829a}.status-dot.live{background:var(--green);box-shadow:0 0 0 4px rgba(131,227,173,.12)}.status-dot.paused{background:var(--gold)}.difficulty-label{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:8px}select{background:#192642;color:var(--text);border:1px solid var(--line);border-radius:7px;padding:7px 9px;font:inherit;font-size:12px;outline:none}.board-wrap{position:relative;border-radius:11px;overflow:hidden;line-height:0;background:#101a2f}canvas{width:100%;height:auto;display:block}.game-overlay{position:absolute;inset:0;background:rgba(9,15,29,.78);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;line-height:normal}.game-overlay.hidden{display:none}.overlay-icon{font-size:42px;margin-bottom:10px;filter:drop-shadow(0 5px 12px rgba(131,227,173,.25))}.game-overlay h2{font:600 26px 'Space Grotesk';margin:0 0 7px}.game-overlay p{color:var(--muted);font-size:13px;margin:0 0 20px}.primary-button,.secondary-button{border:0;font:600 13px 'DM Sans';cursor:pointer;transition:.2s}.primary-button{background:var(--green);color:#102039;padding:12px 18px;border-radius:8px;box-shadow:0 7px 20px rgba(131,227,173,.18)}.primary-button:hover{transform:translateY(-2px);filter:brightness(1.06)}.primary-button span{margin-left:14px;font-size:18px;vertical-align:-1px}.game-actions{padding:15px 3px 0}.secondary-button{background:transparent;color:var(--muted);padding:8px 3px}.secondary-button:hover{color:var(--text)}kbd{border:1px solid var(--line);background:#18243e;border-radius:4px;padding:3px 6px;font-size:10px;margin-left:7px;color:#aab7ce}.below-game{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.tip-card{display:flex;gap:11px;align-items:center;color:var(--muted);font-size:12px}.tip-card strong{display:block;color:var(--text);font-size:13px;margin-bottom:3px}.tip-card p{margin:0}.tip-icon{width:29px;height:29px;border-radius:8px;background:#192642;color:var(--purple);display:grid;place-items:center;font-weight:700}.leaderboard-link{color:var(--green);font-size:12px;text-decoration:none;display:flex;gap:10px}.touch-controls{display:none}footer{border-top:1px solid rgba(145,160,186,.14);margin-top:60px;padding:23px 0 28px;display:flex;gap:22px;color:#66738d;font-size:12px}footer a{font-size:12px}@media(max-width:650px){.app-shell{padding:0 17px}.topbar{height:68px}.top-nav{gap:13px;margin-left:0}.top-nav a{font-size:12px}.top-nav a:nth-child(2){display:none}.profile-button{width:32px;height:32px}.game-layout{margin-top:34px}.intro{display:block}.intro h1{font-size:40px}.stats{margin-top:20px}.stat-card{flex:1}.game-card{padding:12px;border-radius:15px}.below-game{display:block}.leaderboard-link{margin-top:16px}.touch-controls{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:24px}.touch-controls div{display:flex;gap:8px}.touch-controls button{width:52px;height:42px;border:1px solid var(--line);border-radius:9px;background:#17233c;color:var(--text);font-size:20px;cursor:pointer}.touch-controls button:active{background:#263b5b}.game-toolbar{padding-bottom:11px}}