@font-face{font-family:DS-Digital;src:url(/assets/fonts/DS-DIGIB.TTF) format("truetype");font-weight:700;font-display:block}:root{--teal: #8fb0ad;--teal-dark: #6e908d;--ink: #4a4a4a;--stage-w: 1080px;--stage-h: 1920px}*{box-sizing:border-box;margin:0}html,body{height:100%;background:#000;overflow:hidden;font-family:PingFang TC,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;color:var(--ink)}#viewport{position:fixed;top:0;right:0;bottom:0;left:0}#stage{position:absolute;top:50%;left:50%;width:var(--stage-w);height:var(--stage-h);transform-origin:center center;background:#ececec url(/assets/bg/bg-main.png) center / cover no-repeat;overflow:hidden}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:none;flex-direction:column;align-items:center}#stage[data-screen=standby] [data-screen-el=standby],#stage[data-screen=howto] [data-screen-el=howto],#stage[data-screen=select] [data-screen-el=select],#stage[data-screen=countdown] [data-screen-el=countdown],#stage[data-screen=challenge] [data-screen-el=challenge],#stage[data-screen=result] [data-screen-el=result]{display:flex}.imgbtn{border:none;padding:0;background:none;cursor:pointer}.imgbtn:active{transform:scale(.96)}.imgbtn img{display:block}.screen--standby{justify-content:flex-start}.standby-visual{width:1010px;margin-top:120px}.btn-enter{margin-top:90px}.btn-enter img{width:549px}.btn-enter,.standby-visual{animation:fadeUp .6s ease-out both}.btn-enter{animation-delay:.15s}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}}.screen--howto{justify-content:flex-start}.howto-logo{width:678px;margin-top:130px}.howto-carousel{width:949px;margin-top:90px;overflow:hidden}.howto-track{display:flex;transition:transform .45s ease}.howto-track img{width:949px;flex:none}.howto-dots{display:flex;justify-content:center;gap:18px;margin-top:40px}.howto-dots i{width:20px;height:20px;border-radius:50%;background:#c3c3c3;transition:background .2s}.howto-dots i.on{background:var(--teal-dark)}.btn--next{border:none;cursor:pointer;font-family:inherit;margin-top:70px;width:549px;height:170px;border-radius:999px;font-size:62px;font-weight:800;letter-spacing:.35em;text-indent:.35em;color:#fff;background:linear-gradient(180deg,#9dbab7 0%,var(--teal) 55%,var(--teal-dark) 100%);box-shadow:0 14px 30px #0000002e}.btn--next:active{transform:scale(.96)}.screen--select{justify-content:flex-start}.select-logo{width:678px;margin-top:96px}.select-title{width:58%;margin-top:44px}.switcher{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:46px}.switcher__row{display:flex;align-items:center}.switcher__arrow{border:none;padding:10px;background:none;cursor:pointer;flex:none}.switcher__arrow img{width:114px;display:block}.switcher__arrow:active{transform:scale(.9)}.switcher__label{width:560px;flex:none}.switcher__hint{width:300px;margin-top:26px}.switcher__img{width:900px;margin-top:18px}.switcher__img.anim{animation:vehiclePop .35s ease-out}@keyframes vehiclePop{0%{opacity:0;transform:scale(.94)}}.btn-go{margin-top:34px}.btn-go img{width:620px}.street-bg,.street-mask,.street-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.street-mask{opacity:.55;z-index:1}.street-video{z-index:0;transform:scale(1.06)}.speed-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;mix-blend-mode:screen;opacity:0;pointer-events:none;transition:opacity .4s ease}.screen--countdown{justify-content:flex-start}.countdown-hint{position:absolute;top:590px;left:50%;transform:translate(-50%);width:560px;z-index:3;filter:drop-shadow(0 6px 20px rgba(0,0,0,.35))}.countdown-number{position:absolute;top:900px;left:50%;transform:translate(-50%);height:320px;opacity:.92;z-index:2;filter:drop-shadow(0 8px 30px rgba(0,0,0,.4))}.countdown-number.anim{animation:pop .6s ease-out}@keyframes pop{0%{transform:translate(-50%) scale(1.8);opacity:0}40%{transform:translate(-50%) scale(1);opacity:.92}}.screen--challenge{justify-content:flex-start}.handlebar{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2}.dash-speed{position:absolute;transform:translate(-50%,-50%);z-index:3;font-family:DS-Digital,monospace;font-weight:700;font-size:60px;line-height:1;color:#eafcff;text-shadow:0 0 8px rgba(120,230,255,.75);pointer-events:none}[data-vehicle=primavera] .dash-speed{left:530px;top:1406px}[data-vehicle=sprint-s] .dash-speed{left:530px;top:1386px}[data-vehicle=sprint-tech] .dash-speed{left:528px;top:1405px}.hud-logo{position:absolute;top:66px;right:60px;width:210px;z-index:3}.hud-timer{position:absolute;top:56px;left:56px;z-index:3}.hud-timer img{width:238px;display:block}.hud-timer__text{position:absolute;top:50%;left:95px;transform:translateY(-52%);font-family:DS-Digital,monospace;font-weight:700;font-size:50px;color:#fff;letter-spacing:.04em}.speedo{position:absolute;top:130px;left:50%;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center}.speedo__dial{position:relative;width:540px;aspect-ratio:560 / 360}.speedo__svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;overflow:visible}.speedo__value{position:absolute;top:132px;left:50%;transform:translate(-50%);font-family:DS-Digital,monospace;font-weight:700;font-size:132px;line-height:1;color:#1fffff;text-shadow:0 0 30px currentColor;transition:color .25s}.atmosphere{position:absolute;top:620px;left:50%;transform:translate(-50%);width:835px;z-index:3}.atmosphere.anim{animation:atmoIn .35s ease-out}@keyframes atmoIn{0%{opacity:0;transform:translate(-50%,16px)}}.feature-popup{position:absolute;top:800px;left:50%;transform:translate(-50%);width:1020px;z-index:4}.feature-popup[hidden]{display:none}.feature-popup.anim{animation:featurePop .4s ease-out}@keyframes featurePop{0%{transform:translate(-50%,24px) scale(.95);opacity:0}}.screen--result{justify-content:flex-start}.result-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.result-title{position:relative;width:800px;margin-top:100px}.result-label{position:relative;height:60px;margin-top:6%}.result-vehicle-wrap{position:relative;width:720px;margin-top:3%}.result-vehicle{position:relative;width:100%;display:block}.result-features{position:relative;width:985px}.result-qr{position:absolute;top:6%;right:0;width:150px;z-index:1}[data-result=fail] .result-qr{display:none}.btn-back{position:relative;margin-top:70px}[data-result=fail] .btn-back{margin-top:80px}.btn-back img{width:650px}#debug{position:fixed;right:12px;bottom:12px;z-index:99;display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;color:#eee;background:#000000a6;border-radius:8px}#debug input{width:160px}