*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#8fbfc9;color:#f4f4e9;font-family:Inter,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:#ffffff13;border:1px solid #ffffff35;border-radius:6px;padding:11px 15px}button:hover{background:#ffffff28}#scene,canvas{display:block}#scene{position:fixed;inset:0}header{position:fixed;top:22px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;z-index:3}.brand{font-weight:900;letter-spacing:3px;color:inherit;text-decoration:none;text-shadow:0 2px 12px #082c36}.brand span{display:block;font-size:8px;letter-spacing:2px;margin-top:5px}#panel{position:fixed;top:90px;left:28px;width:410px;max-height:calc(100dvh - 115px);overflow:auto;padding:28px;background:linear-gradient(135deg,#062c35f5,#082c36d9);backdrop-filter:blur(20px);border:1px solid #ffffff25;border-radius:12px;box-shadow:0 20px 80px #05263344}h1{font-size:64px;line-height:.95;letter-spacing:-3px;margin:22px 0}h1 em{font-style:normal;color:#f9b44b}.eyebrow,.foot{font-size:10px;letter-spacing:2px;color:#a2c6c8}.intro{color:#c7dadd;line-height:1.6;font-size:14px}.modes{display:flex;gap:7px;margin:22px 0}.modes button{padding:12px 8px;text-align:left;flex:1;font-size:12px;font-weight:700}.modes small{display:block;font-weight:400;font-size:9px;line-height:1.5;margin-top:8px;color:#a7c7cc}.modes .selected{border-color:#f9b44b;background:#f9b44b18}label{font-size:10px;letter-spacing:1px}#colorName{float:right;color:#f9b44b}#colors{display:flex;gap:15px;margin:14px 0 20px}#colors button{width:30px;height:30px;padding:0;border-radius:50%;border:3px solid transparent;outline-offset:3px}#colors button.active{outline:2px solid white}.settings{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}select,input{background:#123d46;color:#fff;border:1px solid #547780;padding:7px;border-radius:4px}#endpoint{width:100%}#room{width:45%;margin-top:8px}.primary{background:#f9b44b;color:#152f33;border:0;width:100%;font-weight:800;padding:17px}.primary:hover{background:#ffd08a}.primary span{float:right}details{margin-top:17px;font-size:12px;color:#c3d5d9;line-height:1.5}summary{cursor:pointer}#hud{position:fixed;top:95px;right:28px;display:flex;gap:30px;padding:17px 22px;background:#052d39bd;border:1px solid #ffffff33;border-radius:9px;pointer-events:none}#hud small{display:block;font-size:9px;letter-spacing:2px;color:#afd2d5}#hud strong{font-size:28px;display:inline-block;margin-top:5px}#progress{font-size:20px!important}meter{display:block;width:90px;height:16px}#time{font-size:12px}#notice{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);background:#072d3cce;padding:12px 22px;border-radius:30px;font-size:13px;text-align:center;pointer-events:none}#map{position:fixed;right:28px;bottom:28px;border-radius:50%;border:1px solid #ffffff70;background:#082f3d99;width:150px;height:150px}#touch{position:fixed;bottom:20px;left:14px;right:14px;display:none;justify-content:space-between;gap:10px;pointer-events:none}#touch>div{display:flex;gap:7px;align-items:end}#touch button{pointer-events:auto;touch-action:none;user-select:none;background:#092f44aa;padding:18px 14px;font-weight:700;font-size:11px}.gas{background:#edab42bd!important}#error{position:fixed;inset:30%;background:#102f39;padding:30px;z-index:10}.playing #panel{display:none}@media(pointer:coarse){.playing #touch{display:flex}#notice{bottom:110px}#map{bottom:180px;width:105px;height:105px}}@media(max-width:650px){header{left:16px;right:16px;top:15px}.brand{font-size:13px}#panel{top:76px;left:12px;width:calc(100% - 24px);padding:24px;max-height:calc(100dvh - 90px)}h1{font-size:52px}#hud{top:75px;right:12px;left:12px;justify-content:space-between;gap:10px;padding:10px 15px}body:not(.playing) #hud{display:none}#touch>div{flex-wrap:wrap;max-width:65%}#touch button{padding:17px 11px}#map{right:12px}}
#guide{position:fixed;left:50%;top:115px;transform:translateX(-50%);display:flex;align-items:center;gap:14px;border:1px solid #ffd56a;background:#062835df;border-radius:10px;padding:12px 19px;pointer-events:none;text-shadow:0 1px 3px #000}#guide[hidden]{display:none}#guideArrow{font-size:36px;color:#ffda61;line-height:1}#guide strong{font-size:14px;letter-spacing:1px;color:#ffdf80}#guide small{display:block;font-size:10px;color:#d1e4e7;margin-top:5px}#stuntHud{position:fixed;left:28px;bottom:28px;display:flex;flex-direction:column;padding:13px 18px;background:#062d3cbd;border:1px solid #6ca39c66;border-radius:10px;pointer-events:none;max-width:280px}#stuntHud small{font-size:9px;letter-spacing:2px;color:#8cddc4}#stuntScore{font-size:28px;color:#edf5dd}#combo{font-size:11px;line-height:1.5;color:#d3e9e5}.credits{font-size:10px;line-height:1.6;color:#a1babd}body:not(.playing) #guide,body:not(.playing) #stuntHud{display:none}#hud{top:82px;padding:12px 17px;gap:20px}#guide{top:172px}.playing #notice{max-width:500px;width:max-content;max-width:min(500px,90vw)}@media(max-width:650px){#guide{top:161px;min-width:255px;padding:9px 13px}#guideArrow{font-size:28px}#hud{top:72px;gap:9px;padding:9px 13px}#hud strong{font-size:24px}#progress{font-size:14px!important}#stuntHud{left:12px;bottom:76px;max-width:210px;padding:9px 13px}#stuntScore{font-size:23px}#notice{font-size:11px;bottom:20px}#map{width:105px;height:105px;bottom:76px}.playing #touch>div:last-child{max-width:70%;justify-content:flex-end}#touch button{padding:14px 9px;font-size:10px}#touch{bottom:12px}h1{font-size:48px;margin:15px 0}.modes{margin:16px 0}}@media(pointer:coarse){#stuntHud{bottom:174px}#map{bottom:174px}#notice{bottom:128px}.playing #touch>div:last-child{max-width:70%;justify-content:flex-end}}
.modes button{min-height:80px;font-size:14px;padding:14px 10px}.modes small{font-size:11px}#colors button{width:42px;height:42px}#colors{gap:14px}#menu{min-height:48px;font-size:14px;background:#082c36a8}input,select{min-height:38px}.settings{gap:10px;flex-wrap:wrap}.settings label{display:flex;align-items:center;gap:5px}.settings input[type=checkbox]{width:20px;height:20px;min-height:20px}summary{padding:12px 0;font-size:14px}#boostPercent{font-weight:800;color:#a5ead6;font-size:12px}.boost-active #boostLabel{color:#93ffe0}.boost-active #hud{border-color:#78ffdb;box-shadow:0 0 22px #4cdbc633}#boostVignette{position:fixed;inset:0;pointer-events:none;opacity:0;box-shadow:inset 0 0 100px #4ce9dd38;transition:opacity .2s}.playing.boost-active #boostVignette{opacity:1}#touch{z-index:4;bottom:max(14px,env(safe-area-inset-bottom));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));display:none;align-items:end;justify-content:space-between;gap:14px}.playing.controls-on #touch{display:flex}#touch>div{display:grid;gap:9px;max-width:none!important;flex-wrap:nowrap!important;align-items:stretch}#touch .drive-pad{grid-template-columns:repeat(2,74px)}#touch .trick-pad{grid-template-columns:repeat(3,74px)}#touch button{height:70px;min-width:0;width:100%;padding:8px 4px;font-size:14px;line-height:1.2;font-weight:900;background:#072d3ce6;border:1px solid #9ccbc999;border-radius:12px;box-shadow:0 3px 0 #001b28cc;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:background .08s,transform .08s}#touch button small{display:block;font-size:9px;font-weight:600;letter-spacing:.3px;color:#d5eae7;margin-top:5px}#touch .boost-button{grid-column:span 2;color:#082c36;background:#90e4cc;border-color:#b8ffec}#touch .boost-button small{color:#174c48}#touch .gas{background:#f3b44e!important;color:#18383b}#touch .gas small{color:#294c4a}#touch button.pressed{transform:translateY(3px);background:#347d83;box-shadow:0 0 20px #8dfff744;border-color:#c9fff6}#touch .boost-button.pressed{background:#e4fff7;color:#064b3d;box-shadow:0 0 27px #55ffd9aa}body.controls-on #stuntHud{bottom:184px}body.controls-on #map{bottom:184px}body.controls-on #notice{bottom:185px}body:not(.playing) #boostVignette{display:none}@media(max-width:650px){#touch .drive-pad{grid-template-columns:repeat(2,clamp(56px,15vw,74px))}#touch .trick-pad{grid-template-columns:repeat(3,clamp(54px,14vw,72px))}#touch>div{gap:7px}#touch button{height:64px;font-size:12px}#touch{gap:8px;left:12px;right:12px}#touch button small{font-size:8px}#stuntHud{max-width:185px}body.controls-on #stuntHud{bottom:158px}body.controls-on #map{bottom:158px}body.controls-on #notice{bottom:265px;max-width:90vw}#notice{font-size:11px}.modes button{min-height:76px;font-size:12px}.modes small{font-size:10px}#colors{gap:12px}#colors button{width:38px;height:38px}#panel{padding:22px}#hud small{letter-spacing:1px}#boostLabel{min-width:84px}}@media(max-width:350px){#touch .drive-pad{grid-template-columns:repeat(2,52px)}#touch .trick-pad{grid-template-columns:repeat(3,48px)}#touch button{font-size:11px}#touch{left:8px;right:8px}#colors{gap:10px}#colors button{width:34px;height:34px}}@media(max-height:500px){#touch button{height:52px}#touch button small{font-size:8px}body.controls-on #map{display:none}body.controls-on #stuntHud{bottom:134px;padding:6px 10px}body.controls-on #notice{bottom:24px;max-width:35vw}#guide{top:76px;padding:7px 12px;min-width:0;left:40%}#guideHelp{display:none}#hud{top:72px}#hud strong{font-size:20px}#guide strong{font-size:11px}#guideArrow{font-size:25px}header{top:10px}#menu{min-height:44px}}
#notice{transition:opacity .35s}#touch button:active{transform:translateY(3px);border-color:#d5fff5;filter:brightness(1.2)}