:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#f6f1e9;background-color:#0b0806;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;justify-content:center;background:radial-gradient(circle at 20% 20%,rgba(255,208,128,.08),transparent 25%),radial-gradient(circle at 80% 0%,rgba(122,197,205,.08),transparent 22%),#0b0806}:root,body,.app{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-y}.app{width:min(960px,100%);margin:24px auto 48px;padding:12px 16px;color:#f6f1e9}.hud{display:flex;flex-direction:column;gap:10px}.title{font-size:28px;font-weight:700;letter-spacing:.02em;color:#f6f1e9}.stats{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pill{background:#1b1612;padding:6px 12px;border-radius:999px;border:1px solid #2d241d}.badge{border-radius:999px;padding:6px 12px;border:1px solid #2d241d;font-weight:600;-webkit-user-select:none;user-select:none}.badge.status-ready{background:#23314d;color:#a6c8ff}.badge.status-playing{background:#1b3b2f;color:#9ef0c0}.badge.status-paused{background:#3b2b0f;color:#ffd166}.badge.status-over{background:#4d1f1f;color:#ff9b9b}.badge.status-won{background:#26421c;color:#c3ff8a}.controls{color:#d6c9b8;font-size:14px;-webkit-user-select:none;user-select:none}.canvas-wrapper{position:relative;margin-top:16px;background:#0c0a08;border:1px solid #2d241d;border-radius:10px;overflow:hidden;box-shadow:0 12px 32px #00000059;touch-action:none}canvas{display:block;width:100%;height:auto;background:#0c0a08}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;background:#0c0a0859}.overlay-card{padding:12px 16px;background:#1b1612;border:1px solid #2d241d;border-radius:12px;color:#f6f1e9;font-weight:600;box-shadow:0 6px 24px #0006;-webkit-user-select:none;user-select:none}.mobile-controls{display:none;margin-top:12px;gap:10px}@media(max-width:900px){.mobile-controls{display:flex;flex-direction:column;align-items:center;gap:10px}.dpad{display:grid;grid-template-columns:repeat(3,56px);grid-template-rows:repeat(3,56px);gap:6px;align-items:center;justify-items:center}.dpad button{width:56px;height:56px;border-radius:12px;border:1px solid #2d241d;background:#1b1612;color:#f6f1e9;font-size:18px;font-weight:700;box-shadow:0 6px 18px #00000059;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;transition:transform 80ms ease,box-shadow .12s ease,background .12s ease}.dpad button:active{background:#2d241d;transform:translateY(2px);box-shadow:0 2px 10px #00000059}.pad-actions button{width:180px;padding:10px 12px;border-radius:12px;border:1px solid #2d241d;background:#23314d;color:#f6f1e9;font-weight:600;box-shadow:0 6px 18px #00000059;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.canvas-wrapper{touch-action:none}}