:root{font-family:"Baloo 2","Nunito",system-ui,"Noto Sans",sans-serif;color:#163d3d;background:#efd9ad;color-scheme:light}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select,input{font:inherit;color:inherit}button,select{min-width:44px;min-height:44px;border:2px solid #183e3d;background:#fff2d4;border-radius:12px;padding:7px 12px;cursor:pointer}button:disabled{opacity:.5;cursor:default}button:not(:disabled):active,button.held{background:#f4bd58;transform:scale(.97)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e5754c;outline-offset:2px}label{display:inline-flex;align-items:center;gap:7px;min-height:44px;flex-wrap:wrap}input[type=checkbox]{width:22px;height:22px;accent-color:#287c6a}h1,h2,p{margin:8px 0}h1{font-size:clamp(25px,4vw,37px);line-height:1.08}#stage{height:100dvh;display:grid;grid-template-rows:auto minmax(160px,1fr) auto;gap:7px;padding:max(6px,env(safe-area-inset-top)) max(7px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));max-width:1600px;margin:auto}header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:2px solid #183e3d;background:#fff2d4;border-radius:13px;padding:5px;font-size:14px}#timeLabel{flex:1;font-size:21px}#road{position:relative;min-width:0;min-height:0;border:3px solid #163d3d;border-radius:16px;overflow:hidden;background:#307567}canvas{display:block;width:100%;height:100%;touch-action:none}#cue{position:absolute;top:6px;left:7px;right:7px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:2px solid #193e3d;background:#fff2d4ec;padding:6px 10px;border-radius:13px;pointer-events:none;min-height:45px}#notice{position:absolute;bottom:5px;left:8px;right:8px;background:#fff2d4e8;border-radius:9px;padding:5px 9px;font-size:13px;pointer-events:none}#notice:empty{display:none}#dock{border:2px solid #183e3d;border-radius:13px;padding:5px 8px;background:#fff2d4}.steering,.pedals{display:flex;gap:7px;align-items:center;margin:4px 0}.pedals button{flex:1;font-size:14px}#steerLabel{display:flex;flex:1;min-width:0;text-align:center;font-size:13px;gap:0;flex-direction:column}#steer{display:block;width:100%;min-width:80px;min-height:44px;margin:0;appearance:none;background:transparent;touch-action:none}#steer::-webkit-slider-runnable-track{height:9px;border-radius:6px;background:#9abea1;border:1px solid #193e3d}#steer::-webkit-slider-thumb{appearance:none;width:44px;height:44px;margin-top:-18px;border-radius:50%;border:3px solid #193e3d;background:#e8774b;cursor:grab}#steer::-moz-range-track{height:9px;background:#9abea1}#steer::-moz-range-thumb{width:40px;height:40px;border-radius:50%;background:#e8774b;border:2px solid #193e3d}#status{font-size:13px;line-height:1.1;min-height:16px;margin:2px 0}dialog{width:min(570px,calc(100vw - 22px));max-height:calc(100dvh - 22px);padding:0;border:3px solid #193e3d;border-radius:18px;background:#fff2d4;color:#163d3d;overflow:auto}dialog::backdrop{background:#143d3bb0}.body{padding:16px}.row{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}#menuArt{display:block;width:130px;height:130px;object-fit:contain;margin:auto}#splits{max-height:160px;overflow:auto;padding-left:35px;font-size:14px}#targets,#bestLabel,#courseLabel{font-size:14px}body[data-motion=false] *{transition:none!important;animation:none!important}[hidden]{display:none!important}@media(max-width:600px){header{gap:5px;font-size:12px}header button{font-size:13px;padding:5px 8px}#timeLabel{font-size:18px}.pedals{flex-wrap:wrap}.pedals button{flex-basis:40%;font-size:13px;padding:5px}#cue{font-size:13px}.body{padding:13px}}@media(max-height:480px) and (min-width:600px){#stage{grid-template-columns:minmax(280px,1fr) 225px;grid-template-rows:auto minmax(130px,1fr);gap:5px}header{grid-column:1/-1;padding:3px}#road{grid-column:1;grid-row:2}#dock{grid-column:2;grid-row:2;overflow:auto}.steering{flex-wrap:wrap}#steerLabel{order:3;flex-basis:100%}.steering>button{flex:1}.pedals{flex-wrap:wrap}.pedals button{flex-basis:40%;padding:5px;font-size:12px}#menuArt{width:65px;height:65px}#splits{max-height:80px}.body{padding:11px}}
.choices label{flex:1;min-width:130px}.choices select{width:100%;max-width:100%}#modeNote,#metaLabel{font-size:14px}#coolerChoices{display:grid;gap:10px;margin:12px 0}.cooler{width:100%;text-align:left}.cooler[aria-pressed=true]{border-width:3px;background:#f3cf7f}.cooler:before{content:'●';display:inline-block;width:28px;color:#2e7e68}.skin1:before{content:'☀';color:#b86531}.skin2:before{content:'♣';color:#2e7e68}.skin3:before{content:'★';color:#a76236}#hero{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px}#menuArt{width:110px;height:110px}.body .row button{flex-shrink:0}@media(max-height:480px){#menuArt{width:55px;height:55px}.choices{margin:6px 0}.choices label{min-width:120px}}
#resultArt{float:right;display:block;width:90px;height:90px;object-fit:contain;margin:0 0 6px 8px}@media(max-height:480px),(max-width:350px){#resultArt{width:58px;height:58px}}
#hero{height:120px;aspect-ratio:auto;object-position:50% 60%}#menuArt{float:right;width:72px;height:72px;margin:3px 0 0 7px}.choices{clear:both}@media(max-height:480px){#hero{height:72px}#menuArt{width:55px;height:55px}}
#cue{flex-wrap:wrap}#splitLabel{font-size:12px}