*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Germania One;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/germania-one.woff2)format("woff2")}:root{--color-void:#0c100e;--color-page:#0d0d0d;--color-forest:#1c2b20;--color-forest-deep:#1e2620;--color-forest-mid:#3d4540;--color-moss:#6b7368;--color-moss-muted:#8a9188;--color-moss-dim:#7a847c;--color-cream:#e8e2d4;--color-cream-soft:#e4ddd0;--color-cream-muted:#c5c1b4;--color-slate:#5e6d7d;--color-fog:#9faab4;--color-fog-soft:#bac4cc;--color-shadow:#080e0ce6;--overlay-slate:#5e6d7d66;--overlay-forest:#1c2b20a8;--overlay-void:#0c100ee6;--overlay-vignette:#0a100eb3;--overlay-scanline:#00000040;--glow-rest:#bac4cc42;--glow-rest-mid:#5e6d7d1a;--glow-hover:#e8e2d452;--glow-hover-mid:#9faab424}html,body{background:var(--color-page);touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;font-family:Germania One,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue;font-style:normal;font-weight:400;overflow:hidden}#game-container{width:100%;height:100%;position:relative}#game-canvas{width:100%;height:100%;display:block}#shoulder-hazard{pointer-events:none;z-index:4;opacity:0;width:100%;height:100%;transition:opacity .1s ease-out;position:absolute;top:0;left:0;box-shadow:inset 0 0 70px 25px #e628148c}#shoulder-hazard.active{opacity:var(--shoulder-opacity,.6);animation:.4s ease-in-out infinite alternate shoulder-pulse}@keyframes shoulder-pulse{0%{box-shadow:inset 0 0 50px 15px #dc501466}to{box-shadow:inset 0 0 85px 35px #f01e0ab3}}#vhs-overlay{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}#vhs-overlay:before{content:"";opacity:.45;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.12'/%3E%3C/svg%3E");width:200%;height:200%;animation:.25s steps(3,end) infinite grain;position:absolute;top:-50%;left:-50%}#vhs-overlay:after{content:"";background:repeating-linear-gradient(0deg,#0000000a 0 1px,#0000 1px 3px);width:100%;height:100%;position:absolute;top:0;left:0}#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{background:radial-gradient(ellipse at 50% 38%, var(--overlay-slate) 0%, var(--overlay-forest) 55%, var(--overlay-void) 100%);-webkit-backdrop-filter:saturate(80%)contrast(108%)brightness(.78);z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}.screen:before{content:"";pointer-events:none;opacity:.85;mix-blend-mode:overlay;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.22'/%3E%3C/svg%3E");width:200%;height:200%;animation:.3s steps(3,end) infinite grain;position:absolute;top:-50%;left:-50%}.screen:after{content:"";background:radial-gradient(ellipse at center, transparent 35%, var(--overlay-vignette) 100%), repeating-linear-gradient(0deg, var(--overlay-scanline) 0px, var(--overlay-scanline) 1px, transparent 1px, transparent 2px);pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.screen>*{z-index:3;position:relative}.screen.hidden{display:none}h1{text-align:center;color:var(--color-cream);text-shadow:0 1px 0 var(--color-moss), 0 2px 0 var(--color-forest-mid), 0 4px 0 var(--color-forest-deep), 0 8px 24px var(--color-shadow);letter-spacing:.24em;text-transform:uppercase;margin-bottom:1.8rem;font-size:4.5rem;font-weight:400;line-height:1.1}h2{color:var(--color-cream-soft);text-shadow:0 2px 0 var(--color-forest-mid), 0 4px 16px #080e0ce0;letter-spacing:.18em;text-transform:uppercase;margin-bottom:2rem;font-size:3rem;font-weight:400}.subtitle{color:var(--color-moss-muted);text-shadow:0 1px 2px #080e0ccc;letter-spacing:.25em;text-transform:uppercase;margin-bottom:2.5rem;font-size:1.1rem}button{isolation:isolate;-webkit-appearance:none;appearance:none;color:var(--color-cream);text-shadow:0 1px 2px #080e0c8c;box-shadow:none;cursor:pointer;letter-spacing:.16em;text-transform:uppercase;background:0 0;border:none;border-radius:999px;padding:.85rem 2.8rem;font-family:Germania One,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue;font-size:1.35rem;font-style:normal;font-weight:400;position:relative}button:before,button:after{content:"";border-radius:inherit;pointer-events:none;z-index:-1;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}button:before{background:radial-gradient(ellipse 58% 62% at 50% 50%, var(--glow-rest) 0%, var(--glow-rest-mid) 38%, transparent 70%)}button:after{background:radial-gradient(ellipse 62% 66% at 50% 50%, var(--glow-hover) 0%, var(--glow-hover-mid) 40%, transparent 74%);opacity:0}@media (hover:hover){button:hover:before{opacity:0}button:hover:after{opacity:1}}button:active:before{opacity:0}button:active:after{opacity:1}.hint{color:var(--color-moss-muted);text-shadow:0 1px 3px var(--color-shadow);letter-spacing:.18em;text-transform:uppercase;margin-top:2rem;font-size:.85rem}#permission-prompt p{color:var(--color-cream-muted);text-align:center;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2rem;padding:0 2rem;font-size:1.1rem}@media (max-width:480px){h1{letter-spacing:.18em;font-size:2.8rem}h2{letter-spacing:.14em;font-size:2rem}.subtitle{font-size:.95rem}button{padding:.8rem 1.8rem;font-size:1.15rem}}@keyframes grain{0%,to{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-2%)}}.overlay{z-index:100;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:absolute;top:0;left:0}#rotate-screen h1{margin-bottom:2.4rem}.rotate-content{text-align:center;color:var(--color-cream)}.rotate-content p{color:var(--color-moss-muted);text-shadow:0 2px 4px var(--color-shadow);letter-spacing:.12em;text-transform:uppercase;margin-top:2rem;font-size:1.3rem}.phone-icon{display:inline-block;position:relative}.phone-body{border:3px solid var(--color-cream);width:60px;height:100px;box-shadow:0 4px 15px var(--color-shadow);border-radius:8px;animation:2s ease-in-out infinite rotatePhone}.rotate-arrow{color:var(--color-cream);font-size:2.5rem;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{padding:1.5rem;display:flex!important}#rotate-screen h1{letter-spacing:.16em;margin-bottom:1.4rem;font-size:2.4rem}.phone-body{width:44px;height:74px}.rotate-arrow{font-size:1.8rem}.rotate-content p{margin-top:1.2rem;font-size:1rem}#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:var(--color-cream-muted);text-align:center;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1rem;padding:0 2rem;font-size:1.1rem}#no-gyro-screen .hint,#desktop-screen .hint{color:var(--color-moss-dim);text-shadow:none;margin-bottom:1rem}#desktop-screen .qr-hint{color:#555;margin-top:2rem;font-size:.85rem}