*{box-sizing:border-box}html,body{margin:0;overflow:hidden;background:#252a2d;color:#f8f4e9;font-family:Arial,Helvetica,sans-serif}#game{position:fixed;inset:0;width:100%;height:100%;display:block}.grain{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#171c2138,transparent 25%,transparent 75%,#171c2160);z-index:1}button,input{font:inherit}button{cursor:pointer;color:inherit;background:#20282acc;border:1px solid #ffffff40;border-radius:3px;padding:10px 13px;font-size:10px;font-weight:bold;letter-spacing:1px}button:focus-visible{outline:3px solid #ffc460;outline-offset:3px}header{position:fixed;top:25px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;z-index:5}.logo{font-weight:1000;font-style:italic;letter-spacing:-2px;font-size:29px;text-shadow:1px 2px #151c1e}.logo>span{color:#ffbe62}.logo small{display:block;font-size:9px;letter-spacing:2px;font-weight:700;font-style:normal;margin-top:5px}.head-right{display:flex;align-items:center;gap:8px}.live{font-size:9px;letter-spacing:1.5px;margin-right:18px}.live i{display:inline-block;width:6px;height:6px;background:#d4f7b0;border-radius:50%;margin-right:8px}.screen{position:fixed;inset:0;z-index:4;background:linear-gradient(90deg,#1c2428f7 0%,#1c2428e8 34%,#1c242869 65%,transparent);display:flex;align-items:center;padding:95px 6vw 25px;overflow-y:auto}.panel{width:520px;max-width:100%}.kicker{font-size:10px;font-weight:bold;letter-spacing:3px;color:#ffc67b;margin-bottom:18px}h1{font-size:clamp(62px,8.5vw,110px);font-weight:1000;letter-spacing:-6px;line-height:.86;margin:0 0 22px;font-style:italic}h1 span{color:#ffbf65}.intro{font-size:13px;color:#d5d7d5;line-height:1.7;max-width:430px}.route{display:flex;gap:18px;align-items:center;font-size:10px;font-weight:bold;letter-spacing:1px;color:#ffcc83;border-top:1px solid #ffffff27;border-bottom:1px solid #ffffff27;padding:15px 0;margin:20px 0}.route-mid{color:#fff;font-size:19px}.settings{display:flex;gap:25px}.settings label{flex:1}.settings span{display:flex;justify-content:space-between;color:#cfceca;font-size:11px}.settings b{color:#ffcd8e}.settings input{width:100%;accent-color:#ffbf65;margin:14px 0 5px}.toggles{display:flex;gap:14px;font-size:11px;margin:12px 0 21px;color:#e1e3da}.toggles label{display:flex;align-items:center;gap:3px}.toggles input{accent-color:#ffbf65}.actions{display:flex;gap:8px;flex-wrap:wrap}.primary{background:#ffc16d;color:#252a2b;border:0;padding:17px 26px;font-size:12px;min-width:180px}.primary span{float:right;margin-left:35px}.secondary{padding:15px 18px}.help{font-size:11px;line-height:1.9;color:#aeb9bd}.help b{color:#ecece3}.help span{display:block;margin-top:8px;color:#d8bc94;font-size:10px}.side-note{position:absolute;right:5vw;bottom:12vh;text-shadow:0 2px 10px #111}.side-note span{font-size:10px;letter-spacing:2px;color:#ffe1af}.side-note h2{font-size:36px;letter-spacing:-1px;font-style:italic;line-height:1;margin:15px 0}.side-note p{font-size:12px;line-height:1.7;color:#e5e7df}.hidden{display:none!important}#hud{pointer-events:none}.scorebox{position:fixed;top:112px;left:32px;text-shadow:0 2px 5px #172026}.scorebox small{font-size:10px;letter-spacing:2px}.scorebox strong{display:block;font-size:45px;letter-spacing:-2px;font-style:italic}.scorebox div{font-size:10px;color:#ffda9c;letter-spacing:1px}.status{position:fixed;top:115px;right:32px;text-align:right;text-shadow:0 2px 5px #172026}.status span{font-size:13px;font-weight:bold}.status small{display:block;font-size:10px;margin-top:8px;letter-spacing:1px}.combo{position:fixed;top:22%;left:50%;transform:translateX(-50%);text-align:center;min-width:320px;text-shadow:0 3px 10px #162327}.combo>div:first-child{font-size:48px;font-weight:1000;font-style:italic;color:#ffcd7e}.combo p{font-size:12px;font-weight:bold}.meter{height:4px;width:220px;margin:auto;background:#1b2b3070}.meter i{display:block;background:#ffc16d;height:100%;width:0}.combo small{font-size:9px;letter-spacing:2px;display:block;margin-top:10px}.telemetry{position:fixed;bottom:36px;left:32px;display:flex;gap:24px;text-shadow:0 2px 8px #142026}.telemetry b{font-size:31px;font-style:italic;display:block}.telemetry small{font-size:9px;letter-spacing:2px;color:#e0e4de}.guide{position:fixed;bottom:39px;left:50%;transform:translateX(-50%);font-size:9px;color:#dce1df;white-space:nowrap;text-shadow:0 2px 5px #172026}.guide b{color:#ffd48f}#toast{position:fixed;bottom:125px;left:50%;transform:translateX(-50%);font-weight:bold;font-size:13px;text-shadow:0 2px 7px #142026;letter-spacing:1px;text-align:center;min-width:300px}#map{position:fixed;right:25px;bottom:24px;width:115px;height:137px;background:#1a262b9c;border:1px solid #ffffff22;border-radius:5px}#loading{position:fixed;inset:0;background:#222a2e;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:16px;font-weight:bold;letter-spacing:3px}#loading span{font-weight:normal;font-size:11px;margin-top:15px;color:#ffc16d;letter-spacing:1px}#sessionStats{font-size:11px;color:#ffc983;margin-top:12px}#touch{display:none;position:fixed;bottom:18px;left:12px;right:12px;justify-content:space-between;z-index:3;gap:6px}#touch>div{display:flex;gap:5px}#touch button{touch-action:none;min-height:49px;min-width:46px;background:#202b32bb;font-size:10px} @media(pointer:coarse){#touch{display:flex}.guide{display:none}.telemetry{bottom:83px}#map{bottom:82px}#toast{bottom:170px}}@media(max-width:850px){.side-note{display:none}.live{display:none}.guide{display:none}.screen{padding:100px 30px 25px}.panel{width:480px}}@media(max-width:550px){header{left:18px;right:18px;top:18px}.logo{font-size:24px}.logo small{font-size:7px}.head-right button{font-size:8px;padding:9px}#sound{display:none}.screen{padding:95px 22px 25px}h1{font-size:65px;letter-spacing:-4px}.kicker{font-size:8px}.scorebox{left:18px;top:95px}.scorebox strong{font-size:35px}.status{top:100px;right:18px}.status span{font-size:10px}.status small{font-size:8px}.combo{top:29%}.combo>div:first-child{font-size:35px}.toggles{gap:8px;font-size:10px}.route{gap:12px;font-size:9px}.telemetry{left:18px;gap:15px}.telemetry b{font-size:24px}.help{font-size:10px}.primary{min-width:155px}}
#publisher{position:fixed;inset:0;z-index:30;background:radial-gradient(ellipse at center,#220b08 0%,#080605 52%,#030303 100%);display:flex;align-items:center;justify-content:center;transition:opacity .4s,transform .4s}.stamp-frame{text-align:center;width:min(88vw,440px);animation:stampImpact .8s cubic-bezier(.15,.8,.3,1) both}.stamp-frame p{font-size:10px;letter-spacing:4px;color:#bd9c92;margin:0 0 15px}.stamp-frame img{display:block;width:100%;height:auto;max-width:390px;margin:auto;filter:brightness(1.5);box-shadow:0 0 80px #a01b1319}.stamp-rule{width:65%;height:1px;background:linear-gradient(90deg,transparent,#8a281c,transparent);margin:20px auto}.stamp-frame button{background:#a82e21;border:1px solid #e6573b;font-size:12px;padding:17px 30px;min-width:240px;color:#fff3e6;letter-spacing:3px}.stamp-frame button:hover{background:#c63b29}.stamp-frame button span{margin-left:18px}.stamp-frame small{display:block;font-size:9px;letter-spacing:3px;color:#8f7970;margin:22px 0}#publisher.dismissed{opacity:0;transform:scale(1.05);pointer-events:none}@keyframes stampImpact{0%{transform:scale(1.6) rotate(-8deg);opacity:0}55%{transform:scale(.98) rotate(1deg);opacity:1}75%{transform:scale(1.02) rotate(-.5deg)}100%{transform:scale(1);opacity:1}}.trick-legend{display:grid;grid-template-columns:repeat(4,1fr);gap:9px 13px;padding:13px 0;border-top:1px solid #ffffff26;font-size:10px;color:#c4cec9}.trick-legend b{color:#ffd087;background:#ffffff10;border:1px solid #ffffff25;padding:3px 6px;border-radius:3px;margin-right:4px}.screen{align-items:flex-start}.panel{margin:auto 0}.guide{max-width:64vw;white-space:normal;line-height:1.8;text-align:center}.touch-tricks{display:none!important}@media(pointer:coarse){#touch{display:grid;grid-template-columns:1fr 1fr;gap:7px}#touch>div:nth-child(2){justify-content:flex-end}#touch .touch-tricks{display:grid!important;grid-column:1/-1;grid-template-columns:repeat(8,1fr);gap:4px}#touch .touch-tricks button{font-size:8px;min-width:0;padding:7px 2px;min-height:39px}.telemetry{bottom:135px}#map{bottom:135px}#toast{bottom:215px}}@media(max-width:550px){.trick-legend{font-size:8px;gap:12px 5px}.trick-legend b{margin-right:2px;padding:3px 4px}.head-right #sound{display:inline-block;font-size:7px;padding:8px 6px}}@media(prefers-reduced-motion:reduce){.stamp-frame{animation:none}#publisher{transition:none}}

@media(pointer:coarse) and (max-width:400px){#touch button{min-width:36px;padding:8px 5px;font-size:8px}#touch .touch-tricks button{padding:6px 1px;font-size:7px}}
h1{font-size:clamp(48px,6.5vw,86px);letter-spacing:-5px;white-space:nowrap}.timer-help{font-size:11px;line-height:1.8;color:#c8d2ca;margin:-8px 0 20px}.timer-help b{color:#ffcd80}#runClock{display:block;font-size:43px;font-style:italic;font-weight:900;color:#ffda9a;line-height:1.15;margin:6px 0}#runClock.urgent{color:#ff806d}#timeBonus{font-size:10px;color:#ffce88;margin-bottom:12px}.result-title{font-size:65px;font-style:italic;letter-spacing:-3px;margin:15px 0}.final-score{font-size:34px;font-weight:900;color:#ffcb7d;margin:20px 0}#runResult{z-index:6;background:#19232bea}#runResult .panel{margin:auto}.status>small:first-child{letter-spacing:2px}.combo{top:29%}@media(max-width:550px){h1{font-size:53px;letter-spacing:-3px}#runClock{font-size:34px}#timeBonus{font-size:8px}.status>span,.status>small:last-child{display:none}.combo{top:34%}.result-title{font-size:48px}}

.world-board{margin:20px 0;padding:18px;background:#111b20ee;border:1px solid #ffd08755;border-radius:5px}.world-board h3{margin:0 0 14px;color:#ffd087;letter-spacing:2px}.world-board label{display:block;font-size:12px;margin-bottom:7px}.world-board form>div{display:flex;gap:8px}.world-board input{min-width:0;flex:1;color:#fff;background:#233238;padding:10px;border:1px solid #ffffff66}.world-board table{width:100%;border-collapse:collapse;font-size:13px;margin:12px 0}.world-board td,.world-board th{text-align:left;padding:8px 4px;border-bottom:1px solid #ffffff20;overflow-wrap:anywhere}.world-board td:last-child,.world-board th:last-child{text-align:right}.world-board .your-score{color:#ffd087;background:#ffd08715}.world-board small{display:block;color:#bfc9cc;font-size:10px;line-height:1.5;margin-top:12px}#worldStatus{font-size:12px;color:#dce3e5;line-height:1.4}

.world-board .empty-score{color:#89979c}.world-board .empty-score td{border-bottom-style:dashed}
