:root{font-family:Inter,"Arial", "PingFang SC","Microsoft YaHei",sans-serif;color:#fff;--lime:#d9ff68;--ink:#122b32;--muted:#b8c9c8}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#a4b9bc}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button:disabled{cursor:wait;opacity:.65}#game{position:absolute;width:100%;height:100%;display:block;outline:none}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#0b252f88,transparent 25%,transparent 62%,#0b252fb5),linear-gradient(90deg,#09222e45,transparent 48%)}header{position:fixed;top:0;left:0;right:0;padding:28px 38px;display:flex;justify-content:space-between;align-items:center;z-index:3}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#fff;font-size:25px;font-weight:950;font-style:italic;letter-spacing:-1px;line-height:1}.brand-mark{color:var(--lime);font-size:43px;font-weight:1000;letter-spacing:-10px;width:34px;transform:skew(-8deg)}.brand-thin{font-weight:350;margin-left:5px}.brand small{display:block;font-size:9px;letter-spacing:2px;font-style:normal;font-weight:500;margin-top:9px}nav{display:flex;gap:12px;align-items:center}.track-label{font-size:13px;letter-spacing:1px;margin-right:18px}.track-label i,footer i{display:inline-block;width:4px;height:4px;background:var(--lime);margin:0 10px;vertical-align:middle}.icon-btn{width:38px;height:38px;border:1px solid #ffffff40;background:#15343b55;backdrop-filter:blur(12px);border-radius:50%;color:white;font-size:20px;position:relative}.icon-btn:hover{background:#ffffff28}.sound-line{position:absolute;width:24px;height:1px;background:#fff;transform:rotate(-45deg);top:18px;left:7px}.sound-on .sound-line{display:none}.hud{position:fixed;inset:116px 38px auto;display:flex;justify-content:space-between;pointer-events:none}.timing{opacity:0;transition:opacity .35s}.playing .timing{opacity:1}.lap-label{font-size:14px;font-weight:600;display:flex;align-items:baseline;gap:10px;letter-spacing:2px}.lap-label strong{font-size:43px;font-style:italic;letter-spacing:-2px}.lap-label span{color:#cad5d5;letter-spacing:0}.timer{font-variant-numeric:tabular-nums;font-size:28px;letter-spacing:1px;margin-top:9px}.best-line{display:flex;gap:24px;font-size:11px;letter-spacing:1px;color:#cfdbdb;margin-top:14px}.best-line span{font-variant-numeric:tabular-nums}.map-panel{width:195px;background:#0c303b2b;border:1px solid #ffffff20;backdrop-filter:blur(8px);padding:15px 13px 11px;border-radius:3px}.map-title,.map-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.5px}.map-title span:last-child{color:#c5d3d4;font-size:11px}#map{display:block;width:100%;height:auto;opacity:.95;margin:6px 0}.map-meta{font-size:9px;letter-spacing:1px;color:#d5e2e1}.intro{position:fixed;left:8%;top:22%;width:430px;text-shadow:0 2px 20px #17303630}.eyebrow{font-size:12px;font-weight:600;letter-spacing:3px;display:flex;align-items:center;gap:12px}.tag{background:var(--lime);color:var(--ink);padding:5px 8px;font-weight:800;letter-spacing:0}h1{font-size:clamp(42px,4.9vw,76px);font-weight:850;line-height:1.17;letter-spacing:-3px;margin:24px 0 20px}h1 span{color:var(--lime)}.intro-desc{color:#f0f5f1;font-size:15px;line-height:1.9;margin:0}.course-info{display:flex;gap:36px;margin:26px 0}.course-info small{font-size:11px;color:#d6dfda;display:block;margin-bottom:7px}.course-info b{font-size:14px;font-weight:500}.primary{background:var(--lime);color:var(--ink);border:0;display:flex;align-items:center;justify-content:space-between;padding:17px 22px;width:100%;font-size:16px;font-weight:750;transition:background .2s,transform .2s}.primary span:last-child{font-size:26px;line-height:1}.primary:hover{background:#eaffaa;transform:translateY(-1px)}.intro .primary{width:330px}.start-note{display:flex;gap:8px;align-items:center;font-size:12px;color:#e1e9de;margin-top:14px}.start-note kbd{font-size:10px;min-width:34px;height:21px}.inspired{font-size:10px;color:#d4ddd2;margin-top:24px;letter-spacing:.4px}.bottom-hud{position:fixed;left:38px;right:38px;bottom:59px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.keys-help{font-size:12px;min-width:230px}.keys-help>div{display:flex;gap:6px;align-items:center;margin-top:10px}.keys-help span{margin:0 12px 0 5px;color:#e0e8e4}kbd{font-family:inherit;font-weight:500;font-size:12px;display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:25px;padding:0 6px;border:1px solid #d2e1d360;border-radius:3px;background:#18303928;color:#fff}#helpLink{border:0;padding:0;color:#cbd8d7;background:none;font-size:11px;margin-top:18px;pointer-events:auto}#helpLink span{color:var(--lime);margin-left:12px}.nitro-panel{width:270px;margin-left:-50px;opacity:0;transition:opacity .3s}.playing .nitro-panel{opacity:1;pointer-events:auto}.nitro-top{display:flex;align-items:center;margin-bottom:9px;gap:10px}.nitro-top b{font-size:18px;font-style:italic}.nitro-top span{font-size:11px;color:var(--muted);flex:1}.nitro-top kbd{font-size:10px;height:21px}.bottles{display:flex;gap:7px}.bottle{flex:1;display:flex;align-items:center;justify-content:space-between;border:1px solid #e8ffff55;background:#14323970;height:33px;transform:skew(-10deg);padding:0 11px;color:#ffffff50}.bottle span{font-size:10px}.bottle b{font-size:13px;font-style:italic;letter-spacing:1px}.bottle.charged{background:var(--lime);color:#233932;border-color:var(--lime)}.charge-track{height:3px;background:#ffffff35;margin-top:10px;overflow:hidden}.charge-track div{height:100%;width:0;background:var(--lime)}.charge-label{display:flex;justify-content:space-between;font-size:10px;color:#d1dbd8;margin-top:6px;letter-spacing:1px}.mini{border:0;background:transparent;color:#ffffff70;display:flex;align-items:center;justify-content:center;gap:9px;margin:12px auto 0;font-size:12px;height:27px;pointer-events:auto}.mini kbd{font-size:10px;height:22px;opacity:.5}.mini.ready{color:var(--lime);animation:ready .5s ease-in-out infinite alternate}.mini.ready kbd{opacity:1;border-color:var(--lime);color:var(--lime)}.speed-panel{width:200px;text-align:right}.speed-panel>div:first-child{font-size:clamp(68px,7vw,110px);font-weight:900;font-style:italic;letter-spacing:-6px;line-height:1;font-variant-numeric:tabular-nums}.speed-unit{font-size:12px;letter-spacing:3px;margin-top:3px;display:flex;justify-content:flex-end;align-items:center;gap:16px}.speed-unit span{display:inline-flex;background:#ffffff1b;border:1px solid #ffffff50;width:25px;height:25px;align-items:center;justify-content:center;font-weight:bold;color:var(--lime);letter-spacing:0}.speed-bars{display:flex;justify-content:flex-end;gap:4px;margin-top:14px}.speed-bars i{display:block;height:6px;width:12px;background:#ffffff38;transform:skew(-20deg)}.speed-bars i.active{background:var(--lime)}footer{position:fixed;bottom:19px;left:38px;right:38px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#d2dedd80;pointer-events:none}.countdown{position:fixed;top:33%;left:0;right:0;text-align:center;font-size:130px;font-weight:950;font-style:italic;text-shadow:0 4px 30px #13293055;color:var(--lime);pointer-events:none}.notice{position:fixed;top:25%;left:50%;transform:translateX(-50%) skew(-8deg);background:#15313cbb;backdrop-filter:blur(12px);border-left:3px solid var(--lime);padding:11px 24px;font-size:15px;font-weight:650;opacity:0;transition:opacity .15s;pointer-events:none;white-space:nowrap}.drift-status{position:fixed;left:50%;bottom:245px;transform:translateX(-50%) rotate(-3deg);display:flex;flex-direction:column;align-items:center;opacity:0;pointer-events:none}.drift-status b{font-size:34px;font-weight:950;font-style:italic;letter-spacing:4px;color:var(--lime)}.drift-status span{font-size:11px;margin-top:4px;letter-spacing:3px}#boostFx{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 130px #88faff70;opacity:0;transition:opacity .2s}.hidden{display:none!important}dialog{border:1px solid #b2d0c54a;background:#112c34f7;color:white;max-width:600px;width:calc(100% - 32px);padding:32px;border-radius:8px;box-shadow:0 30px 120px #0006;max-height:90dvh;overflow:auto}dialog::backdrop{background:#09242b85;backdrop-filter:blur(8px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start}.dialog-head small,dialog>small{font-size:11px;letter-spacing:2px;color:var(--lime)}h2{font-size:27px;letter-spacing:-.5px;font-weight:650;margin:10px 0 24px}.close{background:none;color:white;border:0;font-size:28px;line-height:1}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.control-grid>div{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#cddad9;gap:10px}.control-grid kbd{font-size:11px;min-width:80px}.tip{border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;padding:18px 0;font-size:13px;line-height:1.9;color:#c5d5d4;margin-top:23px}.tip b{color:var(--lime);display:block;margin-bottom:5px}.tuning>div{display:flex;align-items:center;justify-content:space-between}.tuning h3{font-size:15px;margin:7px 0 15px}.tuning>div span{font-size:11px;color:#a7bdbd}.tuning label{display:block;font-size:13px;margin:10px 0 15px}.tuning output{float:right;color:var(--lime);font-size:12px}.tuning input{display:block;width:100%;margin-top:12px;accent-color:var(--lime)}.text-btn{padding:0;background:none;border:0;color:#c9dbd2;font-size:12px}.fineprint{font-size:11px;line-height:1.7;color:#90abaa;margin-bottom:0}#pauseDialog,#result{max-width:390px;padding:35px}#pauseDialog p{font-size:14px;color:#b7cdcc;margin-bottom:30px}.secondary{background:none;border:1px solid #ffffff40;color:white;width:100%;padding:14px;margin-top:12px;font-size:14px}.result-time{font-size:42px;font-variant-numeric:tabular-nums;color:var(--lime);font-weight:700;margin-bottom:22px}#resultLaps>div{display:flex;justify-content:space-between;border-bottom:1px solid #fff2;padding:12px 0;font-size:14px}#resultStats{font-size:12px;color:#c6d8d5;line-height:1.7;margin:20px 0}.touch{display:none}.error{position:fixed;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);padding:30px;background:#142f38;width:min(440px,90vw)}.error p{font-size:14px;line-height:1.8}.error button{padding:12px 20px;background:var(--lime);border:0}@keyframes ready{to{filter:brightness(1.4);transform:scale(1.04)}}
@media(max-height:800px) and (min-width:800px){.intro{top:19%}h1{font-size:58px;margin:19px 0 16px}.course-info{margin:18px 0}.intro-desc{font-size:14px}.inspired{margin-top:14px}.bottom-hud{bottom:46px}.keys-help{opacity:.75}.intro~.bottom-hud .keys-help{visibility:hidden}.playing .bottom-hud .keys-help{visibility:visible}}@media(max-width:800px){header{padding:20px}.brand{font-size:20px}.brand small{font-size:7px}.brand-mark{font-size:36px;width:28px}nav{gap:7px}.track-label{display:none}.icon-btn{width:33px;height:33px;font-size:17px}.sound-line{top:16px;left:5px}.hud{inset:92px 20px auto}.map-panel{width:142px;padding:10px}.map-title{font-size:10px}.map-title span:last-child{font-size:9px}.map-meta{font-size:7px}.intro{left:7%;top:24%;width:85%}h1{font-size:52px}.intro-desc{font-size:14px}.intro .primary{max-width:310px;width:100%}.eyebrow{font-size:10px}.bottom-hud{left:20px;right:20px;bottom:45px}.keys-help{display:none}.nitro-panel{width:210px;margin:0}.speed-panel{width:135px}.speed-panel>div:first-child{font-size:70px;letter-spacing:-4px}.speed-unit{font-size:10px}.speed-bars{gap:3px}.speed-bars i{width:8px}.bottle{height:28px}.bottle b{font-size:11px}.nitro-top b{font-size:15px}.lap-label strong{font-size:32px}.lap-label{font-size:11px}.timer{font-size:21px}.best-line{font-size:9px;gap:15px}footer{left:20px;right:20px;font-size:7px;letter-spacing:1px}.control-grid{gap:14px;grid-template-columns:1fr}.control-grid kbd{min-width:100px}dialog{padding:24px}.drift-status{bottom:235px}.notice{top:35%}.inspired{font-size:9px}}
@media(pointer:coarse){.playing .touch{display:flex;position:fixed;bottom:35px;left:15px;right:15px;justify-content:space-between;gap:12px;touch-action:none}.touch>div{display:flex;gap:7px;align-items:flex-end}.touch button{touch-action:none;user-select:none;background:#19394190;border:1px solid #e8ffff55;border-radius:8px;color:white;min-width:48px;height:52px;font-size:13px;padding:0 11px}.touch button.pressed{background:var(--lime);color:var(--ink)}.touch .touch-drift{height:66px;border-color:var(--lime);color:var(--lime)}.playing .bottom-hud{bottom:115px}.playing .keys-help{display:none}.start-note{visibility:hidden}.drift-status{bottom:295px}}@media(max-width:500px) and (pointer:coarse){.touch{gap:5px!important;left:10px!important;right:10px!important}.touch>div{gap:4px}.touch button{min-width:38px;padding:0 7px;height:48px;font-size:11px}.map-panel{width:123px}.intro{top:25%}h1{font-size:44px}.intro-desc{line-height:1.7}.course-info{margin:20px 0}.speed-panel>div:first-child{font-size:57px}.nitro-panel{width:180px}.bottle b{font-size:10px}.speed-panel{width:116px}}
@media(max-height:560px){header{padding:12px 22px}.brand small{display:none}.hud{top:70px}.map-panel{width:130px}.intro{top:22%;left:7%}h1{font-size:37px;margin:12px 0}.intro-desc,.inspired,.course-info{display:none}.intro .primary{width:240px;padding:12px 18px;margin-top:24px}.start-note{margin-top:8px}.bottom-hud{bottom:30px}.speed-panel>div:first-child{font-size:64px}.nitro-panel{width:220px}.keys-help{display:none}.playing .bottom-hud{bottom:95px}.drift-status{bottom:210px}.countdown{font-size:90px}footer{bottom:10px}.playing .touch{bottom:20px}}

kbd.held{background:var(--lime);color:var(--ink);border-color:var(--lime)}.tip b:not(:first-child){margin-top:12px}.tip{margin-bottom:16px}.nitro-top kbd{font-size:9px}#settings{max-height:88dvh}.mini{min-width:240px}

#collisionFx{position:fixed;inset:0;pointer-events:none;opacity:0;background:linear-gradient(180deg,#ffd17c75,transparent 26%)}#collisionFx[data-side="left"]{background:linear-gradient(90deg,#ffd17c95,transparent 22%)}#collisionFx[data-side="right"]{background:linear-gradient(270deg,#ffd17c95,transparent 22%)}

.start-hint{position:fixed;top:calc(33% + 150px);left:50%;transform:translateX(-50%);padding:9px 18px;border:1px solid #ffffff40;border-radius:4px;background:#112c34cf;color:#e0e8e4;text-align:center;font-size:14px;letter-spacing:1px;white-space:nowrap;pointer-events:none}.start-hint.ready{border-color:#91ecff;color:#d6fbff;box-shadow:0 0 28px #3cbbff55}.start-hint.hidden{display:none}@media(max-height:560px){.start-hint{top:calc(33% + 100px);font-size:12px}}

.tuning .feel-select{display:flex;align-items:center;justify-content:space-between;gap:16px}.feel-select select{font:inherit;font-size:14px;color:#e7f5ee;background:#1a3c45;border:1px solid #7c999e;border-radius:4px;padding:8px;max-width:65%}.feel-select select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.feel-note{font-size:13px;color:#b8cccc;line-height:1.7;margin:0 0 20px}

.road-state{position:fixed;top:105px;left:50%;transform:translateX(-50%);color:#d9ff68;background:#173a46b8;padding:.4rem .8rem;font-size:.9rem;pointer-events:none;z-index:4;border-radius:4px}.road-state:empty{display:none}.tuning .practice-toggle{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.55rem}.tuning .practice-toggle input{width:1.1rem;height:1.1rem;margin:0}.practice-toggle span{flex-basis:100%;font-size:.875rem;color:#aebfc5}