:root{--bg: #0e1015;--panel: #171a22;--panel-border: #262b38;--text: #e6e9ef;--muted: #8b93a7;--accent: #5ac8fa;--grid: #20242f}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:radial-gradient(circle at 50% 0%,#171b26,var(--bg) 60%);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:grid;place-items:center;min-height:100vh;-webkit-user-select:none;user-select:none}#app{display:flex;gap:20px;align-items:flex-start;padding:24px}.side{display:flex;flex-direction:column;gap:16px;width:152px}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:14px 16px}.panel h2{margin:0 0 10px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.panel canvas{display:block;width:100%;height:auto}.stage{position:relative}#board{display:block;background:#0a0c11;border:2px solid var(--panel-border);border-radius:8px;box-shadow:0 20px 60px #00000080}.stats{display:flex;flex-direction:column;gap:10px}.stat{display:flex;justify-content:space-between;align-items:baseline}.stat .label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.stat .value{font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#080a0fd1;border-radius:8px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .2s ease}.overlay.hidden{opacity:0;pointer-events:none}.overlay-content{text-align:center;padding:20px}.overlay-content h1{margin:0 0 8px;font-size:40px;letter-spacing:.12em;background:linear-gradient(90deg,#5ac8fa,#b06bff,#ff6b8b);-webkit-background-clip:text;background-clip:text;color:transparent}.overlay-content p{margin:0 0 18px;color:var(--muted)}.controls{list-style:none;margin:0 auto;padding:0;display:grid;gap:6px;font-size:13px;max-width:210px}.controls li{display:flex;justify-content:space-between;color:var(--muted)}.controls li span{color:var(--text);font-weight:600}