*{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#1a3a5c;width:100%;height:100%;font-family:Courier New,monospace;overflow:hidden}#game-container{width:100%;height:100%;position:relative}#game-canvas{width:100%;height:100%;display:block}#dashboard-overlay{pointer-events:none;height:30%;display:none;position:absolute;bottom:0;left:0;right:0}#dashboard-overlay.visible{display:block}#left-panel,#right-panel{background:linear-gradient(#0000 0%,#6b4a3a 30%,#5a3a2a 100%);width:18%;height:100%;position:absolute;bottom:0}#left-panel{left:0}#right-panel{right:0}#dash-bottom{background:linear-gradient(#0000 0%,#252525 40%,#1a1a1a 100%);justify-content:space-between;align-items:flex-end;height:70%;padding:0 20% 8px;display:flex;position:absolute;bottom:0;left:0;right:0}#steering-wheel{flex-shrink:0;width:100px;height:100px;transition:transform 50ms ease-out;position:relative}.wheel-rim{background:#1a1a1a;border:10px solid #222;border-radius:50%;width:100%;height:100%;position:relative;box-shadow:0 0 15px #000c,inset 0 0 20px #00000080}.wheel-spoke{transform-origin:top;background:linear-gradient(#444 0%,#333 100%);border-radius:2px;width:8px;height:35px;margin-left:-4px;position:absolute;top:50%;left:50%}.spoke-1{transform:rotate(0)translateY(-100%)}.spoke-2{transform:rotate(120deg)translateY(-100%)}.spoke-3{transform:rotate(240deg)translateY(-100%)}.wheel-center{background:radial-gradient(circle,#333 0%,#222 100%);border:3px solid #444;border-radius:50%;width:35px;height:35px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 5px #00000080}#gauge-cluster{flex-shrink:0;gap:20px;display:flex}.gauge{flex-direction:column;align-items:center;width:80px;display:flex}.gauge-face{background:radial-gradient(circle,#1a1a1a 0%,#111 100%);border:4px solid #333;border-radius:50%;width:70px;height:70px;position:relative;box-shadow:0 0 10px #00000080,inset 0 0 15px #000c}.gauge-face:before{content:"";border:1px solid #444;border-radius:50%;position:absolute;top:8px;bottom:8px;left:8px;right:8px}.gauge-needle{transform-origin:bottom;background:linear-gradient(#f60 0%,#f30 100%);border-radius:2px;width:4px;height:25px;position:absolute;bottom:50%;left:50%;transform:translate(-50%)rotate(-135deg);box-shadow:0 0 5px #ff330080}.gauge-label{color:#666;letter-spacing:2px;margin-top:4px;font-size:11px;font-weight:700}@media (max-height:400px){#dashboard-overlay{height:35%}#steering-wheel{width:70px;height:70px}.wheel-rim{border-width:7px}.wheel-spoke{width:6px;height:22px;margin-left:-3px}.wheel-center{width:25px;height:25px}.gauge{width:55px}.gauge-face{width:50px;height:50px}.gauge-needle{width:3px;height:18px}.gauge-label{font-size:9px}#dash-bottom{padding:0 18% 5px}}.screen{z-index:10;background:linear-gradient(#1a3a5cf2 0%,#285078e6 50%,#1a3a5cf2 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.screen.hidden{display:none}h1{text-align:center;color:#f0f;text-shadow:0 0 10px #f0f,0 0 20px #f0f,0 0 40px #f0f,4px 4px #0ff;letter-spacing:.2em;margin-bottom:.5rem;font-size:4rem;font-weight:700;line-height:1.1}h2{color:#f06;text-shadow:0 0 10px #f06,0 0 20px #f06,3px 3px #0ff;letter-spacing:.15em;margin-bottom:2rem;font-size:3rem;font-weight:700}.subtitle{color:#0ff;text-shadow:0 0 10px #0ff;letter-spacing:.3em;margin-bottom:3rem;font-size:1.2rem}button{color:#0ff;text-shadow:0 0 10px #0ff;cursor:pointer;letter-spacing:.1em;background:0 0;border:3px solid #0ff;padding:1rem 2rem;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;transition:all .2s;box-shadow:0 0 10px #0ff,inset 0 0 10px #0ff3}button:hover,button:active{background:#0ff3;box-shadow:0 0 20px #0ff,inset 0 0 20px #00ffff4d}.hint{color:#f90;text-shadow:0 0 5px #f90;letter-spacing:.1em;margin-top:2rem;font-size:.9rem}#permission-prompt p{color:#fff;text-align:center;margin-bottom:2rem;padding:0 2rem;font-size:1.2rem}@media (max-width:480px){h1{font-size:2.5rem}h2{font-size:2rem}.subtitle{font-size:1rem}button{padding:.8rem 1.5rem;font-size:1.2rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}button{animation:2s ease-in-out infinite pulse}.overlay{z-index:100;background:#1a0a2e;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.rotate-content{text-align:center;color:#0ff}.rotate-content p{text-shadow:0 0 10px #0ff;letter-spacing:.1em;margin-top:2rem;font-size:1.5rem}.phone-icon{display:inline-block;position:relative}.phone-body{border:4px solid #0ff;border-radius:10px;width:60px;height:100px;animation:2s ease-in-out infinite rotatePhone;box-shadow:0 0 20px #0ff}.rotate-arrow{color:#f0f;text-shadow:0 0 10px #f0f;font-size:3rem;animation:2s ease-in-out infinite rotateArrow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rotatePhone{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}@keyframes rotateArrow{0%,to{opacity:1}25%,75%{opacity:.5}50%{opacity:1}}@media (orientation:portrait) and (max-width:900px){#rotate-screen{display:flex!important}#title-screen,#game-over-screen,#permission-prompt,#no-gyro-screen{display:none!important}}@media (orientation:landscape){#rotate-screen{display:none!important}}#no-gyro-screen p,#desktop-screen p{color:#fff;text-align:center;margin-bottom:1rem;padding:0 2rem;font-size:1.1rem}#no-gyro-screen .hint,#desktop-screen .hint{color:#f60;text-shadow:0 0 5px #f60;margin-bottom:1rem}#desktop-screen .qr-hint{color:#888;margin-top:2rem;font-size:.9rem}