:root{color-scheme:light;--wood-dark: #24160f;--wood-mid: #352219;--wood-warm: #4b2f22;--paper: #f6efe1;--paper-dark: #e8dcc6;--ink: #2d221b;--accent: #2f4a3b;--accent-light: #6b8b6f;--gold: #d6b67e;--shadow: rgba(12, 8, 6, .4)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Crimson Pro,Times New Roman,serif;color:var(--paper);background:radial-gradient(circle at 18% 12%,rgba(90,60,40,.7),transparent 45%),radial-gradient(circle at 80% 0%,rgba(40,28,18,.8),transparent 40%),repeating-linear-gradient(90deg,#322118bf,#3a251be6,#2c1d15d9 120px),linear-gradient(160deg,var(--wood-mid),var(--wood-dark));display:flex;align-items:center;justify-content:center}#app{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px}.stage{width:min(94vw,1100px);aspect-ratio:4 / 3;position:relative;border-radius:26px;overflow:hidden;box-shadow:0 28px 70px #0b0705b3,0 0 0 1px #ffffff0f,inset 0 0 0 2px #ffffff0d;background:radial-gradient(circle at 30% 20%,rgba(255,245,228,.08),transparent 45%),radial-gradient(circle at 70% 80%,rgba(0,0,0,.3),transparent 55%),linear-gradient(140deg,#3c281ce6,#20140ef2)}canvas{width:100%;height:100%;display:block}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:22px 26px}.hud-top,.hud-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;pointer-events:auto}.hud-top{pointer-events:none}.brand{font-family:Marcellus,Times New Roman,serif;font-size:22px;letter-spacing:.12em;text-transform:uppercase;color:var(--paper);text-shadow:0 2px 6px rgba(0,0,0,.5)}.scoreboard{display:flex;gap:14px;pointer-events:none}.score-card{padding:10px 14px;border-radius:14px;background:#faf2e0e6;color:var(--ink);box-shadow:0 10px 20px #00000040,inset 0 0 0 1px #fff9;min-width:130px}.score-card small{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.score-card span{font-size:22px;font-weight:600}.controls{display:flex;gap:12px;align-items:center}.btn,.toggle{border:none;border-radius:999px;padding:8px 16px;font-family:Marcellus,Times New Roman,serif;letter-spacing:.08em;text-transform:uppercase;font-size:12px;cursor:pointer;background:#ffffff1a;color:var(--paper);box-shadow:inset 0 0 0 1px #fff3,0 6px 12px #00000059;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.btn:hover,.toggle:hover{background:#fff3;transform:translateY(-1px)}.toggle.is-off{background:#00000040;color:#fff9}.message{padding:10px 16px;border-radius:999px;background:#00000059;color:var(--paper);font-size:14px;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 6px 16px #00000059;pointer-events:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0c080699;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s ease}.overlay.is-active{opacity:1;pointer-events:auto}.panel{background:#faf2e0f2;color:var(--ink);border-radius:22px;padding:32px 40px;text-align:center;box-shadow:0 30px 70px #0006,inset 0 0 0 1px #ffffffb3;max-width:360px}.panel h1{margin:0 0 8px;font-family:Marcellus,Times New Roman,serif;font-size:30px;letter-spacing:.08em}.panel p{margin:0 0 20px;font-size:14px;opacity:.7}.panel .btn{background:var(--accent);color:#f6f0e2;box-shadow:0 12px 22px #17120d59}@media (max-width: 720px){#app{padding:18px}.stage{aspect-ratio:3 / 4}.hud{padding:16px 18px}.scoreboard{flex-direction:column}.controls{flex-direction:column;align-items:flex-end}}