:root{font-family:Inter,Segoe UI,Noto Sans JP,sans-serif;color:#edf5f4;background:#071019;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #ffffff35;background:#0a141ccc;padding:12px 18px;border-radius:2px;transition:background .2s,border-color .2s}button:hover{border-color:#8cf0d3;background:#17322f}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8cf0d3;outline-offset:5px}[hidden]{display:none!important}#app{width:100%;height:100dvh;min-height:600px;position:relative;overflow:hidden}#world{position:absolute;inset:0;width:100%;height:100%;display:block}header,footer{position:absolute;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;z-index:3}header{top:30px}.brand{color:inherit;text-decoration:none;font-size:28px;letter-spacing:-2px;font-weight:800;display:flex;gap:20px;align-items:center}.brand span{font-size:10px;font-weight:500;letter-spacing:3px}.topright{display:flex;align-items:center;gap:25px;font-size:11px;letter-spacing:3px}#start{position:absolute;inset:0;padding:16vh 0 90px 5%;background:linear-gradient(90deg,#061019ed 0%,#061019b0 34%,transparent 70%);pointer-events:none}#start>*{pointer-events:auto}h1{font-size:clamp(40px,5.1vw,78px);letter-spacing:.16em;line-height:1.12;font-weight:450;margin:0 0 22px}.tagline{font-size:21px;letter-spacing:.3em;margin:0 0 15px}.intro{color:#a2b5bd;font-size:13px;line-height:1.9}.choices{display:flex;gap:12px;margin-top:25px}.bike-choice{width:175px;padding:0;overflow:hidden;text-align:left;background:#07121b;opacity:.65}.bike-choice.selected{opacity:1;border-color:#8cf0d3;box-shadow:inset 0 -2px #8cf0d3}.bike-choice img{display:block;width:100%;height:85px;object-fit:cover;object-position:center 52%}.bike-choice span{display:block;padding:10px 13px;font-size:10px;color:#9aadb5}.bike-choice strong{font-size:12px;letter-spacing:3px;color:#edf5f4;margin-left:15px}.model-status{font-size:11px;color:#b3c6cf;max-width:400px}.primary{display:flex;justify-content:space-between;align-items:center;width:362px;background:#8cf0d3;color:#09201b;border:0;padding:18px 24px;font-weight:650;letter-spacing:2px}.primary:hover{background:#b4ffe9;color:#09201b}.primary span{font-size:23px;line-height:20px}.course-note{font-size:10px;color:#9aadb5;letter-spacing:1px;margin:10px 0}details{font-size:11px;color:#a2b5bd;max-width:365px}summary{cursor:pointer}details label{display:block;margin-top:10px}input{max-width:350px;font-size:11px}footer{bottom:26px;font-size:11px;color:#c2cfd4;gap:15px}footer span{display:flex;align-items:center;gap:8px}kbd{font-family:inherit;font-size:11px;border:1px solid #9caeb560;border-radius:3px;padding:3px 6px;color:#e3efed;background:#08121b99}.alt{color:#8ca0ab;font-size:10px}.route{position:absolute;left:4%;top:115px;display:flex;align-items:center;gap:15px;background:#08131a80;padding:14px 20px;border-left:2px solid #8cf0d3}.route>span{font-size:24px;border:1px solid #8cf0d3;padding:8px;color:#8cf0d3}.route strong{font-size:20px;font-weight:500;letter-spacing:3px}.route small{display:block;margin-top:7px;color:#a8bbc4;font-size:11px}.speed{position:absolute;right:5%;bottom:100px;text-align:right;text-shadow:0 2px 20px #000}.speed>strong{font-size:100px;font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:-5px}.speed>span{font-size:12px;margin-left:12px;color:#adc0c8}.speed>div:first-child{font-size:10px;letter-spacing:4px;color:#8cf0d3}.speed-track{height:2px;background:#ffffff30;margin:8px 0 14px}.speed-track i{height:2px;background:#8cf0d3;display:block;width:0}.speed small{font-size:13px;color:#b3c6ce;letter-spacing:2px}#notice{position:absolute;top:24%;width:100%;text-align:center;color:#ffe1a6;letter-spacing:3px;font-size:16px}.modal{position:absolute;inset:0;background:#050e18c9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;z-index:4}.modal h2{font-size:36px;font-weight:400;letter-spacing:4px;margin:0}.modal p{color:#b2c2c7;font-size:13px}.modal>button{width:320px}#fatal{position:absolute;inset:20%;padding:40px;background:#132430;z-index:10;line-height:2}.collision:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 100px #ff72435c}@media(max-height:760px){#start{padding-top:14vh}h1{font-size:49px;margin-bottom:15px}.choices{margin-top:16px}.intro{margin:10px 0}.bike-choice img{height:65px}.tagline{font-size:17px}.primary{padding:14px 24px}}@media(max-width:800px){.brand span,.alt,.topright>span{display:none}h1{font-size:40px}.speed>strong{font-size:70px}footer{font-size:10px;flex-wrap:wrap;bottom:16px}.route{top:85px}.intro{max-width:300px}#start{background:linear-gradient(90deg,#061019ed,#06101970)}.speed{bottom:110px}.choices{gap:8px}.bike-choice{width:150px}.primary{width:308px}}