:root{color-scheme:dark;--ice:#ff4d63;--gold:#7fe8ff;--ink:#07050d;--muted:#8fa6b5}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--ink);overflow:hidden;color:#edf3f7;font-family:Arial,'Yu Gothic',Meiryo,sans-serif}body{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}button,input{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #365565;background:#0d1c29;padding:14px 22px;min-height:46px;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:hover{filter:brightness(1.18)}[hidden]{display:none!important}#game-stage{position:absolute;inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:flex;align-items:center;justify-content:center}canvas{display:block}#app-ui{position:absolute;inset:0;pointer-events:none}#app-ui section{pointer-events:auto}.screen{position:absolute;inset:0;background:linear-gradient(100deg,rgba(7,4,12,.97) 0%,rgba(7,4,12,.9) 44%,rgba(7,4,12,.45) 100%);padding:max(28px,env(safe-area-inset-top)) max(5.5vw,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(5.5vw,env(safe-area-inset-left));display:flex;flex-direction:column}.mast,.title-footer{display:flex;align-items:center;justify-content:space-between;font-family:monospace;font-size:11px;letter-spacing:1.7px;color:var(--muted)}.mast{padding-bottom:22px;border-bottom:1px solid #20313e}.wordmark{color:#dbe6ed}i{display:inline-block;width:6px;height:6px;background:var(--ice);margin-right:9px;box-shadow:0 0 10px #ff4d6366}.hero{flex:1;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:0}.hero-copy{position:relative;z-index:1}.eyebrow{font:11px monospace;letter-spacing:3px;color:var(--gold);margin:0 0 22px}h1{font-size:clamp(48px,6.9vw,105px);line-height:.87;letter-spacing:-.065em;font-weight:800;margin:0 0 25px}h1 span{display:block;color:transparent;-webkit-text-stroke:1px var(--ice);letter-spacing:-.05em}h2{font-size:29px;letter-spacing:.04em;margin:0 0 18px}.tagline{font-size:clamp(14px,1.55vw,21px);letter-spacing:.12em;margin:0 0 20px}.description{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 30px}.launch-row,.secondary-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.primary{background:var(--ice);color:#150306;border-color:var(--ice);font-weight:700;min-width:175px;display:inline-flex;justify-content:space-between;gap:28px}.secondary{background:#0b1722;color:#cde1e9}.secondary-row{margin-top:15px;gap:28px}.text-button{background:transparent;border:0;padding:10px 0;color:var(--muted);font-size:12px;min-height:40px}.text-button span{color:var(--ice);margin-left:15px}.bike-art{width:118%;margin-left:-7%;opacity:.94}.bike-art svg{width:100%;max-height:65vh;display:block}.title-footer{border-top:1px solid #20313e;padding-top:18px;font-size:9px;gap:15px}.title-footer span:first-child{color:var(--ice)}.modal-screen{position:absolute;inset:0;background:#030a13dc;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(8px)}.modal{width:min(460px,100%);max-height:calc(100dvh - 48px);overflow:auto;touch-action:pan-y;border:1px solid #385662;border-top:2px solid var(--ice);padding:30px;background:#0a1522;box-shadow:0 24px 100px #0008}.modal p{font-size:14px;color:#a5bac6;line-height:1.9}.modal .eyebrow{font-size:10px;line-height:1.4;color:var(--gold)}.modal .primary{margin-right:8px}.modal .secondary{margin-top:12px}.small{font-size:11px!important;color:#8297a5!important}.wide-modal{width:min(760px,100%)}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.guide-grid p{margin:8px 0;font-size:12px}.guide-grid b{display:block;color:var(--ice);margin-bottom:3px}.briefing{border-top:1px solid #2a3e4b;padding-top:16px;font-size:12px!important}.settings{display:grid;gap:18px;padding:24px 0 0;color:var(--muted);font-size:13px}.settings label{display:flex;align-items:center;gap:16px}.settings input[type=range]{flex:1;accent-color:var(--ice)}#toolbar{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));z-index:3}#toolbar button{padding:9px 12px;min-height:40px;background:#07121dbb;color:#c6dce4;font:11px monospace;letter-spacing:1px}#rotate-hint{display:none;position:absolute;bottom:0;left:0;right:0;padding:9px;text-align:center;background:#152633;color:#bfe7ed;font-size:11px;pointer-events:none}.screen~.modal-screen{z-index:5}@media(max-width:720px){.screen{padding:24px}.mast{font-size:9px;padding-bottom:16px}.edition{display:none}.hero{grid-template-columns:1fr 1fr}.hero-copy{grid-column:1/-1;grid-row:1}.bike-art{grid-column:2;grid-row:1;opacity:.25;width:180%;margin-left:-35%;pointer-events:none}h1{font-size:clamp(55px,12vw,78px)}.description{font-size:12px}.eyebrow{font-size:9px}.title-footer span:nth-child(2){display:none}.title-footer{letter-spacing:.5px}.tagline{font-size:14px}.modal{padding:22px}.guide-grid{grid-template-columns:1fr}}@media(max-height:520px) and (orientation:landscape){.screen{padding:14px 5vw}.mast{padding-bottom:10px}.hero{grid-template-columns:1.1fr 1fr}.hero-copy{grid-column:1;grid-row:1}.bike-art{grid-column:2;grid-row:1;opacity:.9;width:110%;margin-left:-8%}.bike-art svg{max-height:73vh}.eyebrow{margin:0 0 10px;font-size:9px}h1{font-size:clamp(44px,8vw,75px);margin-bottom:14px}.tagline{font-size:12px;margin-bottom:12px}.description{display:none}.launch-row button{padding:10px 16px;min-height:42px;min-width:120px;font-size:12px}.secondary-row{margin-top:1px;gap:18px}.text-button{font-size:10px}.title-footer{padding-top:9px;font-size:8px}.guide-grid{grid-template-columns:1fr 1fr}.modal .eyebrow{margin-top:0}#toolbar button span{display:none}}@media(orientation:portrait){#rotate-hint{display:block}.title-footer{padding-bottom:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.bike-art img{width:100%;max-height:65vh;object-fit:contain;display:block;mix-blend-mode:screen;filter:drop-shadow(0 0 18px #ff2a4a44);mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 94%,transparent 100%)}
@media(max-height:520px) and (orientation:landscape){.bike-art img{max-height:73vh}}
#quit-button{margin-left:8px}
#garage-ui{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));text-align:right;z-index:4}#garage-ui .eyebrow{font-size:10px}#garage-ui .small{font-size:11px;color:#8297a5}