:root{--yellow:#f8d466;--cream:#f4f1de;--ink:#21362a;--top:18px;--bottom:12px;--app-height:100vh}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#172b24;color:var(--cream);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none}button{font:inherit;color:inherit;border:0;cursor:pointer;-webkit-appearance:none;appearance:none;touch-action:none}button:focus{outline:2px solid #fff5ad;outline-offset:3px}button:active{transform:scale(.97)}button:disabled{opacity:.6;cursor:wait}button[hidden],[hidden]{display:none!important}#app{position:relative;width:100%;height:100%;height:var(--app-height);max-width:1500px;margin:auto;overflow:hidden}#scene,#scene canvas,.screen,.vignette,#hit-flash{position:absolute;top:0;right:0;bottom:0;left:0}#scene canvas{width:100%;height:100%;display:block}.vignette{pointer-events:none;background:linear-gradient(180deg,rgba(9,28,20,.56),transparent 35%,transparent 55%,rgba(9,28,20,.72));z-index:1}#hit-flash{pointer-events:none;background:#ff6c43;opacity:0;z-index:4;transition:opacity .12s}.screen{z-index:2}.home{display:flex;flex-direction:column;padding:var(--top) 24px var(--bottom);padding-top:calc(var(--top) + var(--safe-area-inset-top,env(safe-area-inset-top,0px)));padding-bottom:calc(var(--bottom) + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}.brand{display:flex;align-items:center;font-size:15px;font-weight:750;letter-spacing:1px}.brand-icon{font-size:29px;color:var(--yellow);margin-right:10px}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:2px;opacity:.7;margin-top:3px}.brand-sep{opacity:.4;margin:0 5px}.icon-button{width:42px;height:42px;flex-shrink:0;border:1px solid rgba(245,243,218,.25);background:rgba(22,43,31,.45);border-radius:50%;font-size:19px}.brand .sound{margin-left:auto}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--yellow);margin-right:8px}.home-title{margin-top:29px;pointer-events:none}.home-title h1{font-size:58px;line-height:1.08;letter-spacing:-3px;margin:14px 0 13px;font-weight:900;text-shadow:0 3px 18px #172b2455}.home-title h1 span{color:var(--yellow)}.home-title p{font-size:12px;letter-spacing:1px;opacity:.8;margin:0}.home-bottom{margin-top:auto}.record-line{display:flex;justify-content:space-between;font-size:10px;margin-bottom:12px;opacity:.85}.record-line b{color:var(--yellow);font-weight:700}.mode-picker{display:flex;margin:0 -4px 12px}.mode{width:50%;margin:0 4px;padding:13px 11px;text-align:left;border:1px solid rgba(245,243,218,.25);background:rgba(15,37,26,.7);border-radius:12px;position:relative}.mode b{display:block;font-size:13px}.mode small{display:block;margin-top:5px;font-size:9px;opacity:.65}.mode.active{border-color:var(--yellow);background:rgba(71,79,36,.88)}.mode.active:after{content:'●';position:absolute;right:10px;top:11px;color:var(--yellow);font-size:9px}.primary{width:100%;border-radius:12px;padding:17px 19px;background:var(--yellow);color:#253023;font-size:17px;font-weight:800;display:flex;justify-content:space-between;align-items:center;box-shadow:0 5px 20px #13201422}.primary>span:last-child{font-size:21px}.home-footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:9px;opacity:.7}.home-footer button{padding:0;background:none;font-size:10px}.home-footer button span{margin-left:3px}.hud{pointer-events:none;padding:var(--top) 20px var(--bottom);padding-top:calc(var(--top) + var(--safe-area-inset-top,env(safe-area-inset-top,0px)));padding-bottom:calc(var(--bottom) + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}.hud-top{display:flex;align-items:center;justify-content:space-between}.hud-top small{display:block;font-size:10px;letter-spacing:1px;opacity:.7}.distance strong{font-size:36px;line-height:1.2;letter-spacing:-1px}.distance strong span{font-size:13px;margin-left:4px;font-weight:500}.run-score{text-align:right;margin-left:auto;margin-right:22px}.run-score strong{font-size:22px}.hud button{pointer-events:auto}.chase{margin-top:18px;background:rgba(20,42,29,.5);padding:10px 12px;border-radius:11px}.chase-label{display:flex;justify-content:space-between;align-items:center;font-size:10px}.chase-label b{color:var(--yellow);font-size:13px;margin-left:4px}.chase-label small{font-size:9px;opacity:.7}.chase-label i{display:inline-block;width:5px;height:5px;margin-right:6px;background:#ef986b;border-radius:50%}.chase-track{height:3px;background:#ffffff20;margin-top:8px;border-radius:4px;overflow:hidden}#gap-bar{height:100%;width:50%;background:var(--yellow);transition:width .1s}.milestone{position:absolute;left:20px;right:20px;top:25%;text-align:center;opacity:0;transform:translateY(6px);transition:.25s;pointer-events:none}.milestone.show{opacity:1;transform:translateY(0)}.milestone>span{display:block;font-size:10px;letter-spacing:3px;color:var(--yellow);margin-bottom:8px}.milestone strong{font-size:20px;text-shadow:0 3px 12px #18291b}.bottom-hud{position:absolute;left:20px;right:20px;bottom:calc(18px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));display:flex;align-items:flex-end;justify-content:space-between}.steer-guide{width:85px;text-align:center;padding:18px 12px;border:1px dashed #eeefd54d;border-radius:50%;color:#f4f1deaa}.steer-guide span{font-size:28px;display:block;line-height:1.1}.steer-guide small{font-size:9px}.hold-controls{display:flex}.hold{width:66px;height:76px;margin-left:9px;border:1px solid #f4f1de44;border-radius:16px;background:rgba(22,43,31,.65)}.hold span{font-size:25px;display:block;line-height:1.1}.hold small{font-size:9px;display:block;margin-top:6px}.hold.brake{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.hold.pressed{background:#fff5bf;color:var(--ink);transform:scale(.94)}.speed{padding-bottom:7px;opacity:.9;text-align:center}.speed strong{font-size:22px;display:block}.speed small{font-size:8px;letter-spacing:1px}.tutorial-tip{position:absolute;bottom:122px;left:15px;right:15px;text-align:center;font-size:10px;text-shadow:0 2px 5px #1a291f}.look-tag{position:absolute;top:42%;left:50%;transform:translateX(-50%);padding:9px 14px;background:#203a2dd9;border:1px solid #efd77a55;border-radius:30px;font-size:10px;white-space:nowrap}.modal-screen{z-index:6;display:flex;align-items:center;justify-content:center;background:rgba(10,27,18,.75);padding:20px;overflow-y:auto}.panel{background:var(--cream);color:var(--ink);width:100%;max-width:370px;padding:28px 25px 18px;border-radius:22px;box-shadow:0 20px 60px #07120e44;max-height:96%;overflow-y:auto;touch-action:pan-y}.panel .eyebrow{color:#7e8e65;font-size:9px}.panel h2{font-size:31px;line-height:1.22;letter-spacing:-1.5px;margin:13px 0 10px}.panel p{font-size:11px;line-height:1.7;color:#7b8573;margin:0 0 22px}.panel .primary{font-size:14px;padding:15px 16px;box-shadow:none}.secondary{width:100%;padding:12px 10px;border:1px solid #203c2b33;border-radius:10px;color:var(--ink);background:transparent;font-size:12px;margin-top:10px}.text-button{display:block;width:100%;background:none;padding:14px 0 2px;color:#7b8573;font-size:11px}.result-score{border-top:1px solid #23392922;padding-top:17px;margin-top:18px;position:relative}.result-score small{font-size:10px;color:#74826b;display:block}.result-score strong{font-size:64px;line-height:1.12;letter-spacing:-3px}.result-score>span{font-size:9px;background:#dfe6c5;padding:5px 7px;position:absolute;right:0;bottom:10px;border-radius:5px}.result-stats{display:flex;margin:18px 0 25px}.result-stats>div{width:33.333%;border-left:1px solid #203c2b22;padding-left:12px}.result-stats>div:first-child{padding-left:0;border:0}.result-stats b{display:block;font-size:16px}.result-stats small{font-size:9px;color:#7b8573;display:block;margin-top:5px}.result-actions{display:flex;margin:0 -4px}.result-actions button{width:50%;margin-left:4px;margin-right:4px}.help-panel ol{padding:0;list-style:none;counter-reset:help;margin:22px 0}.help-panel li{position:relative;padding-left:30px;margin:16px 0}.help-panel li:before{counter-increment:help;content:'0' counter(help);position:absolute;left:0;top:2px;font-size:11px;color:#899773}.help-panel li b{font-size:13px;display:block;margin-bottom:5px}.help-panel li span{font-size:11px;line-height:1.7;display:block;color:#7b8573}.help-panel .keyboard-tip{font-size:9px;margin-bottom:15px}.help-panel button{margin-top:10px}#toast{position:absolute;bottom:125px;left:50%;transform:translateX(-50%);z-index:15;background:#173527ed;border:1px solid #f1dda13d;color:var(--cream);padding:11px 16px;border-radius:10px;max-width:88%;width:max-content;font-size:11px;line-height:1.6;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}#poster-preview{position:absolute;top:0;bottom:0;left:0;right:0;z-index:20;background:#11291aee;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px 20px}#poster-image{height:auto;max-width:100%;max-height:80%;object-fit:contain;border-radius:12px}#poster-preview p{font-size:10px;text-align:center}#poster-close{position:absolute;top:15px;right:15px;background:var(--cream);color:var(--ink);width:36px;height:36px;border-radius:50%;font-size:24px}
@media(min-width:650px){.home{padding-left:46px;padding-right:46px}.brand{font-size:17px}.home-title{margin-top:35px}.home-title h1{font-size:76px}.home-bottom{width:370px}.hud{padding-left:35px;padding-right:35px}.chase{width:340px}.bottom-hud{left:35px;right:35px}.panel{max-width:390px}.tutorial-tip{bottom:65px}.hold{width:76px;height:80px}}@media(max-height:710px) and (max-width:649px){.home{padding-top:12px;padding-bottom:10px}.home-title{margin-top:16px}.home-title h1{font-size:46px;margin:10px 0}.mode{padding:11px 9px}.primary{padding:14px 17px}.home-footer{margin-top:10px}.record-line{margin-bottom:8px}.panel{padding:22px 21px 14px}.panel h2{font-size:27px}.result-score strong{font-size:53px}.result-stats{margin:13px 0 18px}.chase{margin-top:10px}}@media(max-height:480px) and (min-width:650px){.home-title h1{font-size:45px}.home-title{margin-top:15px}.home-bottom{position:absolute;right:40px;bottom:20px;width:300px}.panel{max-height:95%;}.hud-top{max-width:400px}.chase{margin-top:8px}.hold{height:64px}.tutorial-tip{bottom:25px}}

.view-controls{display:flex;margin-top:10px;pointer-events:auto;width:210px;padding:3px;background:rgba(15,35,24,.65);border:1px solid #f4f1de33;border-radius:24px}.view-controls button{width:33.333%;padding:7px 5px;border-radius:20px;background:none;font-size:10px;color:#f4f1deaa;white-space:nowrap}.view-controls button.active{background:#f4f1de;color:#243829;font-weight:750}.view-controls button span{font-size:9px;margin-left:3px}.selfie-window{position:absolute;z-index:3;border:3px solid #172820;border-radius:24px;overflow:hidden;background:#718779;box-shadow:0 8px 24px #0b1b1955,0 0 0 1px #f4f1de44;pointer-events:auto;touch-action:none;cursor:grab;transition:left .23s,top .23s;isolation:isolate}.selfie-window.dragging{transition:none;cursor:grabbing;box-shadow:0 12px 32px #081c1766;transform:scale(1.025)}#selfie-canvas{display:block;width:100%;height:100%;border-radius:20px;pointer-events:none}#pip-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:#15291fc9;color:#f4f1de;font-size:17px;line-height:18px;padding:0}.pip-caption{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:16px 9px 11px;background:linear-gradient(transparent,#13291ed9);font-size:9px;pointer-events:none}.pip-caption>span:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:#c7e995;margin-right:4px}#pip-swap{pointer-events:auto;width:25px;height:22px;border-radius:7px;background:#f4f1de26;color:#f4f1de;font-size:18px;line-height:18px;padding:0}.pip-grip{position:absolute;width:23px;height:3px;background:#f4f1de77;border-radius:4px;bottom:4px;left:50%;margin-left:-11px;pointer-events:none}.dual-view .milestone{right:145px;text-align:left;top:29%}.dual-view .milestone strong{font-size:17px}.dual-view .milestone>span{letter-spacing:1px}@media(max-height:710px){.view-controls{margin-top:7px}.view-controls button{padding:5px}.selfie-window{border-radius:21px}}@media(max-height:480px) and (min-width:650px){.view-controls{position:absolute;top:20px;left:450px;margin:0}}

:root{--ui-top:12px;--ui-bottom:12px;--ui-left:14px;--ui-right:14px}#safe-probe{position:absolute;visibility:hidden;pointer-events:none;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
.home,.hud{padding:var(--ui-top) var(--ui-right) var(--ui-bottom) var(--ui-left)}.home{overflow:hidden}.home-title{margin-top:20px}.home-title h1{font-size:54px}.home-bottom{width:100%;position:static}.brand{min-height:40px}.brand .sound{flex-shrink:0}.benefit{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;padding:11px 13px;border:1px solid #f2dda35c;border-radius:12px;background:#294a35e6;margin-bottom:11px}.benefit b{display:block;font-size:12px;font-weight:700}.benefit small{display:block;font-size:9px;opacity:.66;line-height:1.6;margin-top:3px}.benefit strong{font-size:11px;color:var(--yellow);margin-left:8px;white-space:nowrap}.benefit.unlocked{background:#47572fe6}.rank-entry{white-space:nowrap}.chase{width:100%}.hud-top{max-width:none}.bottom-hud{left:var(--ui-left);right:var(--ui-right);bottom:var(--ui-bottom)}.tutorial-tip{bottom:calc(var(--ui-bottom) + 97px);left:var(--ui-left);right:var(--ui-right)}.view-controls{position:static;max-width:100%;margin-top:9px}.milestone,.dual-view .milestone{top:calc(var(--ui-top) + 200px);left:var(--ui-left);right:var(--ui-right);font-size:14px}.dual-view .milestone{right:calc(var(--ui-right) + 124px)}.look-tag{max-width:calc(100% - 40px);text-align:center;white-space:normal;top:calc(var(--ui-top) + 200px)}.modal-screen{padding:var(--ui-top) var(--ui-right) var(--ui-bottom) var(--ui-left);overflow:hidden}.panel{max-height:100%;-webkit-overflow-scrolling:touch}.panel .primary{min-height:44px}.secondary{min-height:42px}.text-button{min-height:40px}.result-actions .secondary{font-size:11px}.rank-submit-status{font-size:10px!important;line-height:1.5!important;margin:10px 0 0!important;min-height:15px}.rank-select{display:block;font-size:10px;color:#71826c}.rank-select select{width:100%;display:block;margin-top:7px;padding:11px 9px;border:1px solid #203c2b33;border-radius:9px;background:#f6f3e6;color:#253d2c;font-size:12px;max-width:100%}.rank-periods{display:flex;padding:3px;background:#dfe5ce;margin:14px 0;border-radius:20px}.rank-periods button{width:25%;background:none;color:#6b7d60;font-size:11px;padding:8px 4px;border-radius:18px}.rank-periods button.active{background:#253d2c;color:#f3efd9}#rank-status{margin:12px 0!important;font-size:11px!important}#rank-mine{padding:10px;background:#e2e8ce;border-radius:8px;font-size:11px}#rank-list{list-style:none;padding:0;margin:12px 0;max-height:230px;overflow-y:auto;touch-action:pan-y}#rank-list li{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #203c2b19;font-size:11px}#rank-list li b{width:25px;color:#859171}#rank-list li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#rank-list li strong{margin-left:8px;font-size:12px}#rank-close{margin-top:14px}#toast{bottom:calc(var(--ui-bottom) + 108px);max-width:calc(100% - var(--ui-left) - var(--ui-right))}#poster-preview{padding:calc(var(--ui-top) + 45px) var(--ui-right) var(--ui-bottom) var(--ui-left)}#poster-close{top:var(--ui-top);right:var(--ui-right);width:40px;height:40px}#pip-close{width:28px;height:28px;line-height:24px}#pip-swap{width:30px;height:27px}
.compact-layout .home-title{margin-top:13px}.compact-layout .home-title h1{font-size:43px;margin:10px 0}.compact-layout .home-title p{font-size:10px}.compact-layout .home-title .eyebrow{font-size:9px}.compact-layout .brand{font-size:13px;min-height:34px}.compact-layout .brand-icon{font-size:24px}.compact-layout .brand small{font-size:7px}.compact-layout .brand .sound{width:34px;height:34px}.compact-layout .benefit{padding:8px 10px;margin-bottom:8px}.compact-layout .benefit small{font-size:8px}.compact-layout .record-line{margin-bottom:8px}.compact-layout .mode{padding:10px 8px}.compact-layout .mode-picker{margin-bottom:9px}.compact-layout .primary{padding:13px 15px;font-size:15px}.compact-layout .home-footer{margin-top:9px}.compact-layout .hold{width:59px;height:65px}.compact-layout .steer-guide{width:68px;padding:12px 6px}.compact-layout .chase{margin-top:9px;padding:8px 10px}.compact-layout .distance strong{font-size:29px}.compact-layout .hud-top .icon-button{width:36px;height:36px}.compact-layout .view-controls{margin-top:7px}.compact-layout .view-controls button{padding:5px}.compact-layout .tutorial-tip{bottom:calc(var(--ui-bottom) + 81px);font-size:9px}.compact-layout .milestone{top:calc(var(--ui-top) + 165px)}.compact-layout .panel{padding:21px 19px 12px}.compact-layout .panel h2{font-size:26px}.compact-layout .result-score strong{font-size:50px}.compact-layout .result-stats{margin:12px 0 17px}
.tiny-layout .home-title h1{font-size:32px;margin:7px 0}.tiny-layout .home-title p{display:none}.tiny-layout .home-title{margin-top:9px}.tiny-layout .benefit small{display:none}.tiny-layout .benefit{padding:8px 9px}.tiny-layout .benefit b{font-size:10px}.tiny-layout .mode small{font-size:8px}.tiny-layout .mode b{font-size:11px}.tiny-layout .record-line{font-size:9px}.tiny-layout .mode-picker{margin-bottom:7px}.tiny-layout .home-footer{font-size:8px}.tiny-layout .home-footer button{font-size:9px}.tiny-layout .home .primary{padding:11px 13px}.tiny-layout .hold{width:54px;height:58px;margin-left:7px}.tiny-layout .hold span{font-size:21px}.tiny-layout .steer-guide{width:60px;padding:8px 4px}.tiny-layout .chase-label small{display:none}.tiny-layout .chase{margin-top:5px}.tiny-layout .view-controls{margin-top:5px}.tiny-layout .distance strong{font-size:25px}.tiny-layout .milestone{top:calc(var(--ui-top) + 140px)}
.wide-layout .home-title{width:32%;margin-top:18px}.wide-layout .home-title h1{font-size:44px}.wide-layout .home-bottom{position:absolute;right:var(--ui-right);bottom:var(--ui-bottom);width:33%;max-width:350px}.wide-layout .home-title p{display:block;font-size:10px}.wide-layout .home .brand{max-width:46%}.wide-layout .home-title .eyebrow{font-size:8px;letter-spacing:1px}.wide-layout .benefit{padding:8px 10px}.wide-layout .benefit small{display:none}.wide-layout .home-bottom .record-line{margin-bottom:6px}.wide-layout .mode{padding:9px 7px}.wide-layout .mode small{font-size:8px}.wide-layout .mode b{font-size:11px}.wide-layout .hud-top{width:43%;max-width:400px}.wide-layout .chase{width:43%;max-width:400px;margin-top:7px}.wide-layout .view-controls{position:absolute;top:var(--ui-top);left:auto;right:var(--ui-right);margin:0}.wide-layout .milestone,.wide-layout.dual-view .milestone{top:calc(var(--ui-top) + 95px);left:45%;right:calc(var(--ui-right) + 105px);text-align:left}.wide-layout .milestone strong{font-size:13px}.wide-layout .tutorial-tip{bottom:calc(var(--ui-bottom) + 7px);left:28%;right:28%;font-size:9px}.wide-layout .speed{position:absolute;left:21%;bottom:5px}.wide-layout .hold{height:58px;width:60px}.wide-layout .steer-guide{width:60px;padding:8px 3px}.wide-layout .panel{max-width:470px}.wide-layout #rank-list{max-height:120px}.wide-layout .look-tag{top:calc(var(--ui-top) + 110px)}

.tiny-layout .home-title .eyebrow{display:none}.tiny-layout .home-title h1 br{display:none}.tiny-layout .home-title h1{font-size:28px;letter-spacing:-1px}.wide-layout.tiny-layout .home-title h1 br{display:block}.dual-view .milestone{right:calc(var(--ui-right) + 144px)}
/* Toy: desktop gets a full game canvas, touch layouts retain their safe insets. */
#app{max-width:1920px}.hud-sound{margin-right:10px}#audio-settings{z-index:12}.audio-panel .primary{margin-top:20px}.audio-slider{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;margin:24px 0}.audio-slider input{min-width:0;width:62%;accent-color:#718849;touch-action:pan-x}.sound.secondary{font-size:13px!important}#rank-profile{display:flex;align-items:center;gap:9px;font-size:12px;margin-top:14px}#rank-authorize{padding:8px 0;min-height:35px;text-align:left}#rank-list li .rank-avatar,#rank-profile .rank-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;margin-right:9px;border-radius:50%;background:#d8e1bd;color:#657a47;overflow:hidden}#rank-profile .rank-avatar{margin:0}#rank-list li .rank-avatar img,#rank-profile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.rank-name{padding-right:6px}#desktop-keys{display:none;position:absolute;z-index:3;bottom:var(--ui-bottom);left:50%;transform:translateX(-50%);font-size:10px;color:#f4f1deaa;pointer-events:none;white-space:nowrap;padding:10px 14px;background:#183329b3;border:1px solid #f4f1de22;border-radius:10px}kbd{font:inherit;color:#f4f1de;border:1px solid #f4f1de55;border-radius:4px;padding:2px 4px;margin:0 3px}#desktop-keys i{font-style:normal;margin:0 8px;opacity:.4}
@media(min-width:1000px) and (min-height:600px){
 :root{--ui-left:32px;--ui-right:32px}.wide-layout .home .brand{max-width:100%;font-size:18px}.wide-layout .home-title{margin-top:48px;width:38%}.wide-layout .home-title h1{font-size:clamp(62px,5vw,88px);line-height:1.08}.wide-layout .home-title .eyebrow{font-size:11px;letter-spacing:2px}.wide-layout .home-title p{font-size:13px}.wide-layout .home-bottom{width:350px;max-width:350px;bottom:calc(var(--ui-bottom) + 45px)}.wide-layout .benefit{padding:14px}.wide-layout .benefit small{display:block;font-size:10px}.wide-layout .mode{padding:15px 11px}.wide-layout .mode b{font-size:13px}.wide-layout .mode small{font-size:9px}.wide-layout .home-bottom .record-line{margin-bottom:12px}.wide-layout .hud-top,.wide-layout .chase{max-width:360px}.wide-layout .distance strong{font-size:40px}.wide-layout .hud-top small{font-size:11px}.wide-layout .view-controls{width:255px}.wide-layout .view-controls button{font-size:12px;padding:9px}.wide-layout .milestone,.wide-layout.dual-view .milestone{left:42%;right:24%;top:calc(var(--ui-top) + 110px);text-align:center}.wide-layout .milestone strong{font-size:21px}.wide-layout .hold{width:78px;height:78px}.wide-layout .hold small{font-size:10px}.wide-layout .speed{left:105px;bottom:12px}.wide-layout .steer-guide{width:78px;padding:15px 4px}.wide-layout .tutorial-tip{bottom:calc(var(--ui-bottom) + 75px);font-size:12px}.wide-layout .panel{max-width:420px}.wide-layout .rank-panel{max-width:480px}.wide-layout #rank-list{max-height:260px}.home:not([hidden])~#desktop-keys{display:block}.hud:not([hidden])~#desktop-keys{display:block}.hud .steer-guide small{font-size:0}.hud .steer-guide small:after{content:'A / D';font-size:10px}
}
@media(pointer:coarse){#desktop-keys{display:none!important}}
.source-credit{font-size:9px;line-height:1.5;color:#f4f1de99;text-align:center;margin:7px 0 0;pointer-events:none}.source-credit span{font-size:8px;letter-spacing:.2px}.compact-layout .source-credit{margin-top:5px;font-size:8px}.tiny-layout .source-credit{line-height:1.25;margin-top:4px;font-size:7px}.wide-layout .source-credit{text-align:right}
#app button,#app button *,#app .hud,#app .hud *,#app .brand,#app .brand *,#app .home-title,#app .home-title *,#app .source-credit,#app .source-credit *,#scene,#scene canvas{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-webkit-touch-callout:none!important;-webkit-user-drag:none;}
#app button{touch-action:manipulation}#app .hold,#app #pip-swap,#app #pip-close{touch-action:none}#app input,#app select,#app textarea{user-select:auto;-webkit-user-select:auto}#poster-image{-webkit-touch-callout:default}
.view-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:280px;max-width:100%;border-radius:14px}.view-controls button{width:100%;min-height:30px;padding:6px 3px}.compact-layout .view-controls button{min-height:28px}.wide-layout .view-controls{width:320px}.tiny-layout .view-controls button{min-height:24px;padding:4px 2px}.dual-view .milestone{top:calc(var(--ui-top) + 235px)}.compact-layout.dual-view .milestone{top:calc(var(--ui-top) + 200px)}
@media(min-width:1000px) and (min-height:600px){.wide-layout .view-controls{display:flex;width:500px;border-radius:24px}.wide-layout .view-controls button{width:14.285%;font-size:11px}.wide-layout .milestone,.wide-layout.dual-view .milestone{top:calc(var(--ui-top) + 110px)}}