:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#030508;color:#f8efd9;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 18%,rgba(229,182,88,.13),transparent 30%),linear-gradient(135deg,#030508,#071116 45%,#0b0805)}button,input{font:inherit}button{border:0;border-radius:8px;padding:.9rem 1.1rem;color:#100d07;background:linear-gradient(135deg,#ffe093,#bf7f28);font-weight:800;cursor:pointer}button:disabled{opacity:.55;cursor:default}input{width:100%;border:1px solid rgba(244,203,106,.22);background:#030508e6;border-radius:8px;color:#fff7e6;padding:.9rem 1rem}.game-page{min-height:100vh;height:100vh;overflow:hidden}.stage{position:relative;min-height:100vh;height:100vh;overflow:hidden;background:#020407}.stage canvas{display:block;width:100%!important;height:100%!important}.arcade-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;border:clamp(8px,1.4vw,18px) solid rgba(2,3,6,.95);box-shadow:inset 0 0 0 2px #f4cb6a33,inset 0 0 70px #00000073}.arcade-title{position:absolute;top:8px;left:50%;z-index:6;transform:translate(-50%);padding:7px 18px 9px;border:2px solid rgba(244,203,106,.35);border-top:0;border-radius:0 0 8px 8px;background:linear-gradient(180deg,#2b1608eb,#0a0604bd);color:#ffd35f;font-size:clamp(1.1rem,2.1vw,2rem);font-weight:1000;letter-spacing:.08em;text-shadow:2px 2px 0 #221000,0 0 18px rgba(255,190,72,.65)}.page-title span,.admin-header span{color:#d7a746;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.result-modal,.controller-shell,.board-shell{border:1px solid rgba(244,203,106,.18);background:#090c10d6;border-radius:8px;box-shadow:0 24px 80px #00000059}.qr-float{position:absolute;right:14px;bottom:14px;z-index:8;display:grid;grid-template-columns:132px minmax(0,1fr);width:min(420px,calc(100vw - 28px));gap:14px;align-items:center;padding:14px;border:2px solid rgba(244,203,106,.38);border-radius:8px;background:#040609d1;box-shadow:0 18px 60px #0000007a;overflow:hidden}.qr-float svg{width:132px;height:132px}.qr-float div{min-width:0;display:grid;gap:5px}.qr-float span{display:flex;align-items:center;gap:6px;color:#ffd45c;font-size:.82rem;font-weight:900;text-transform:uppercase}.qr-float strong{display:block;color:#fff;font-size:clamp(1.25rem,1.85vw,1.55rem);letter-spacing:.06em;line-height:1;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.qr-float small{color:#cab889;overflow-wrap:anywhere}.tilt-copy,.result-modal p{color:#cfc0a0;line-height:1.55;margin:0}.demo-banner{position:absolute;left:50%;bottom:32px;transform:translate(-50%);z-index:7;width:min(600px,calc(100vw - 470px));padding:13px 16px;border:2px solid rgba(244,203,106,.28);border-radius:8px;background:#030508c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:grid;gap:6px;text-align:center}.demo-banner span{color:#d7a746;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:900}.demo-banner strong{color:#fff0c2;font-size:1rem}.score-hud,.race-hud,.connection-pill{position:absolute;z-index:6;color:#fff;text-shadow:3px 3px 0 rgba(0,0,0,.8),0 0 16px rgba(0,0,0,.55)}.score-hud{top:clamp(34px,4vw,58px);left:clamp(38px,6vw,106px);display:grid;gap:2px}.score-hud span,.race-hud span,.leaderboard-float>span{color:#ffd23d;font-size:clamp(.95rem,1.65vw,1.45rem);font-weight:1000;letter-spacing:.03em;line-height:1}.score-hud strong{color:#fff;font-size:clamp(2.5rem,5vw,5rem);font-weight:1000;line-height:.95}.race-hud strong{color:#fff;font-size:clamp(2.1rem,3.9vw,3.9rem);font-weight:1000;line-height:.9}.race-hud{top:clamp(30px,3.4vw,48px);right:clamp(38px,5vw,78px);display:grid;gap:clamp(10px,1.6vw,16px);justify-items:start}.race-hud div{display:grid;gap:3px}.connection-pill{left:24px;bottom:24px;display:flex;align-items:center;gap:8px;padding:10px 12px;border:2px solid rgba(244,203,106,.26);border-radius:8px;background:#030508b3;color:#ffd45c;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.boost-live{color:#7bf4ff;text-shadow:0 0 16px rgba(53,221,255,.95)}.beat-live{color:#ff83ec;text-shadow:0 0 18px rgba(255,54,224,.95);animation:beat-pop .24s ease both}.sound-button{position:absolute;left:24px;bottom:84px;z-index:8;padding:10px 13px;border:2px solid rgba(244,203,106,.34);border-radius:8px;background:#030508c7;color:#ffd45c;box-shadow:0 14px 38px #00000059;text-transform:uppercase;letter-spacing:.04em}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:grid;place-items:center;pointer-events:none;color:#ffe39b;font-size:clamp(5rem,18vw,14rem);font-weight:1000;text-shadow:0 0 24px rgba(244,203,106,.85),0 18px 80px rgba(0,0,0,.9);animation:countdown-pop .9s ease both}.leaderboard-float{position:absolute;right:min(10px,1.2vw);top:clamp(390px,56vh,500px);bottom:auto;z-index:7;width:min(330px,calc(100vw - 28px));padding:13px;border:2px solid rgba(244,203,106,.28);border-radius:8px;background:#030508a8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.leaderboard-float>span{display:block;margin-bottom:10px;font-size:.95rem}.countdown.go{color:#7bf4ff;text-shadow:0 0 24px rgba(53,221,255,.95),0 18px 80px rgba(0,0,0,.9)}@keyframes countdown-pop{0%{opacity:0;transform:scale(.72)}18%{opacity:1;transform:scale(1.08)}to{opacity:.88;transform:scale(1)}}@keyframes beat-pop{0%{transform:scale(1)}55%{transform:scale(1.08)}to{transform:scale(1)}}.result-modal{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(460px,calc(100vw - 36px));padding:26px;z-index:8;display:grid;gap:16px;text-align:center}.result-modal h1{margin:0;font-size:2.2rem}.result-modal form{display:grid;gap:10px}.leaderboard-table{display:grid;gap:8px}.leader-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;gap:12px;align-items:center;min-height:42px;padding:9px 10px;border-radius:8px;background:#ffffff0b;color:#f5e5c1}.side-leaderboard .leader-row,.leaderboard-float .leader-row{grid-template-columns:30px minmax(0,1fr) auto}.rank{color:#ffd66d;font-weight:900}.leader-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.empty-state{color:#b6a98e;padding:14px 0}.controller-page,.board-page{min-height:100vh;display:grid;place-items:center;padding:18px}.controller-shell{width:min(440px,100%);padding:22px;display:grid;gap:22px}.mobile-status{display:flex;align-items:center;justify-content:center;gap:8px;color:#f4cb6a;font-weight:800}.controller-title{text-align:center;display:grid;justify-items:center;gap:8px}.controller-title h1{margin:0;font-size:1.7rem}.controller-title p{margin:0;color:#d7a746;font-weight:900;letter-spacing:.12em}.manual-room-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.wheel-wrap{display:grid;place-items:center;min-height:220px}.wheel{width:190px;aspect-ratio:1;border:14px solid #d9a94a;border-radius:50%;position:relative;transition:transform 80ms linear;box-shadow:inset 0 0 0 8px #0000008c,0 18px 45px #00000073}.wheel span{position:absolute;width:12px;height:76px;background:#f3d38a;border-radius:999px;left:calc(50% - 6px);top:calc(50% - 6px);transform-origin:center 6px}.wheel span:nth-child(1){transform:rotate(0)}.wheel span:nth-child(2){transform:rotate(120deg)}.wheel span:nth-child(3){transform:rotate(240deg)}.gyro-readout{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gyro-readout span{padding:12px;border-radius:8px;background:#ffffff0e;color:#f2d083;text-align:center}.controller-actions{display:grid;gap:10px}.secondary{background:#f4cb6a1a;color:#ffe6a3;border:1px solid rgba(244,203,106,.28);display:inline-flex;align-items:center;justify-content:center;gap:8px}.board-shell{width:min(860px,100%);padding:26px}.page-title,.admin-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.page-title{justify-content:flex-start}.page-title h1,.admin-header h1{margin:0;font-size:2.3rem}.danger{background:#8e2b22;color:#fff1e7}@media(max-width:980px){.game-page{grid-template-columns:1fr}.event-panel{min-height:auto;border-left:0;border-top:1px solid rgba(244,203,106,.18)}.stage{min-height:72vh}.hud{flex-wrap:wrap}}@media(max-height:760px)and (min-width:900px){.race-hud span{font-size:clamp(.85rem,1.35vw,1.15rem)}.race-hud strong{font-size:clamp(1.8rem,3.25vw,3rem)}.race-hud{gap:9px}.leaderboard-float{top:390px;right:min(460px,36vw)}}@media(max-width:620px){.top-left,.top-right{left:12px;right:12px}.top-right{top:88px}.demo-banner{bottom:188px;width:calc(100vw - 28px)}.qr-float{grid-template-columns:112px minmax(0,1fr)}.qr-float svg{width:112px;height:112px}.leaderboard-float{display:none}.metric{font-size:1rem}.leader-row{grid-template-columns:28px minmax(0,1fr) auto}.leader-row span:nth-child(3){display:none}.manual-room-form{grid-template-columns:1fr}}