.game-page{background:#11120f}.game-page main{max-width:1500px;margin:auto;padding:45px var(--gutter) 70px}.game-intro{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.game-intro .eyebrow{color:var(--orange);margin-bottom:17px;font-size:9px}.game-intro h1{font-size:clamp(58px,7vw,102px)}.game-intro>p{font-size:13px;line-height:1.8;color:var(--muted);padding-bottom:4px}.game-shell{border:1px solid #eeeae035;overflow:hidden;background:#171b1a;isolation:isolate;scroll-margin-top:110px}.game-shell:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.game-hud{display:grid;grid-template-columns:1fr 1.35fr 1fr 1fr auto;gap:20px;padding:20px 25px;background:#1b1e19;align-items:center;border-bottom:1px solid #eeeae026}.game-hud>div>span{display:block;font-size:8px;letter-spacing:.13em;color:var(--muted)}.game-hud strong{display:block;font:800 35px/1.1 var(--display);margin-top:5px;font-variant-numeric:tabular-nums}.game-hud strong b{font-weight:800}.game-hud strong small{font:700 12px var(--body)}.game-hud>div:first-child strong{color:var(--orange)}#game-pause{color:var(--paper);background:none;border:1px solid #eeeae04d;padding:10px 15px;font-size:12px;min-height:44px}#game-pause span{margin-left:12px}#game-pause:disabled{opacity:.35;cursor:default}.game-stage{position:relative}#game-canvas{display:block;width:100%;height:clamp(300px,38vw,460px);background:#182426}.game-feedback{position:absolute;top:24px;left:25px;pointer-events:none}.game-feedback>span{display:block;font-size:8px;letter-spacing:.13em;color:#c4d1cb}.game-feedback strong{display:block;font:800 clamp(20px,2.5vw,34px)/1.1 var(--display);margin-top:6px;color:var(--paper)}.angle-meter{position:absolute;right:24px;top:24px;width:160px}.angle-meter>span{display:block;text-align:right;font-size:8px;letter-spacing:.14em;color:#c4d1cb}.angle-meter>div{height:8px;position:relative;margin-top:14px;background:#ffffff21;border-radius:4px}.angle-meter i{position:absolute;left:37%;width:33%;height:100%;background:var(--orange)}.angle-meter b{position:absolute;left:0;top:50%;width:9px;height:18px;border-radius:2px;background:var(--paper);transform:translate(-50%,-50%);box-shadow:0 1px 8px #0008}.angle-meter small{display:block;text-align:right;font-size:10px;margin-top:8px}.game-overlay{position:absolute;inset:0;display:grid;place-items:center;text-align:center;background:linear-gradient(90deg,#101614e8,#101614aa);padding:25px;backdrop-filter:blur(3px)}.game-overlay[hidden]{display:none}.game-overlay>div{max-width:440px}.game-overlay .eyebrow{font-size:8px;letter-spacing:.16em;color:var(--orange);margin-bottom:15px}.game-overlay h2{font-size:clamp(49px,6.7vw,85px)}.game-overlay-copy,#game-overlay-copy{font-size:12px;line-height:1.8;margin:17px auto 20px;max-width:360px}.game-overlay .button{min-width:225px;min-height:58px}.game-overlay-hint{font-size:9px;color:var(--muted);margin-top:14px}.game-controls{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:stretch;border-top:1px solid #eeeae02c;padding:16px;gap:20px}.game-pedal{min-height:76px;padding:13px 20px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;border:1px solid #eeeae073;color:var(--paper);background:#30332a}.game-pedal>span{display:block;font-size:17px;font-weight:700;letter-spacing:.03em}.game-pedal>small{display:block;font-size:8px;letter-spacing:.11em;margin-top:5px;opacity:.8}.lift-pedal{background:var(--orange);color:var(--ink);border-color:var(--orange)}.game-pedal.is-down{filter:brightness(1.25);box-shadow:inset 0 4px 0 #0005}.game-pedal:disabled{opacity:.45;cursor:default}.control-note{text-align:center;align-self:center}.control-note>span{display:block;font-size:12px;font-weight:700}.control-note>small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.game-options{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);margin:16px 0 55px}.game-options button{background:none;border:0;border-bottom:1px solid #eeeae054;color:var(--paper);padding:8px 0;font-size:10px}.game-how{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.game-how article{border-top:1px solid var(--line);padding-top:24px}.game-how article>span{color:var(--orange);font-size:9px;letter-spacing:.12em}.game-how h2{font-size:34px;margin:17px 0}.game-how p{font-size:12px;line-height:1.9;color:var(--muted);max-width:340px}.game-to-training{margin-top:65px;padding:35px;border:1px solid var(--line);background:#1b1e19;display:flex;align-items:center;justify-content:space-between;gap:30px}.game-to-training .eyebrow{margin-bottom:15px;font-size:8px}.game-to-training h2{font-size:clamp(32px,4vw,54px)}.game-to-training p:last-child{font-size:11px;color:var(--muted);max-width:400px;margin-top:20px}.game-to-training .button{flex-shrink:0;font-size:12px}
.game-promo{padding:65px var(--gutter);display:flex;gap:40px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);background:radial-gradient(ellipse at 80% 100%,#ff6a2b17,transparent 65%),#1b1e19}.game-promo .eyebrow{color:var(--orange);margin-bottom:20px}.game-promo h2{font-size:clamp(46px,5.4vw,78px)}.game-promo p:last-child{font-size:13px;color:var(--muted);margin-top:20px;max-width:460px}.game-promo .button{min-width:230px;flex-shrink:0}
@media(max-width:1000px){.game-hud{gap:12px}.game-to-training{display:block}.game-to-training .button{margin-top:25px}.game-page .header nav{gap:15px}}
@media(max-width:700px){.game-page main{padding:25px 16px 45px}.game-intro{display:block;margin-bottom:25px}.game-intro h1{font-size:58px}.game-intro>p{font-size:11px;margin-top:15px}.game-intro>p br{display:none}.game-hud{grid-template-columns:1fr 1.1fr 1fr 1fr;padding:14px 12px;gap:10px}.game-hud>div>span{font-size:6px;letter-spacing:.05em;min-height:18px}.game-hud strong{font-size:28px}.game-hud #game-pause{grid-column:1/-1;min-height:36px;padding:5px;font-size:10px}.game-feedback{top:17px;left:15px}.game-feedback>span{font-size:6px}.game-feedback strong{font-size:22px}.angle-meter{right:16px;top:17px;width:100px}.angle-meter>span{font-size:6px}.game-overlay{padding:16px}.game-overlay h2{font-size:48px}.game-overlay .eyebrow{margin-bottom:10px;font-size:7px}#game-overlay-copy{font-size:10px;margin:12px 0 15px;line-height:1.7}.game-overlay .button{min-height:50px;padding:12px 20px;font-size:12px}.game-overlay-hint{display:none}.game-controls{grid-template-columns:1fr 1fr;gap:12px;padding:12px}.game-pedal{min-height:72px;padding:12px 8px}.game-pedal>span{font-size:13px}.game-pedal>small{font-size:7px}.control-note{grid-column:1/-1;grid-row:2}.control-note>span{font-size:10px}.control-note>small{display:none}.game-options{font-size:8px;gap:15px;margin-bottom:35px}.game-options button{font-size:9px;white-space:nowrap}.game-how{grid-template-columns:1fr;gap:25px}.game-how h2{font-size:30px;margin:12px 0}.game-to-training{margin-top:35px;padding:25px}.game-to-training .button{width:100%;font-size:11px}.game-promo{display:block;padding:50px var(--gutter)}.game-promo .button{margin-top:28px;width:100%}.game-promo p:last-child{font-size:12px}}
.terrain-readout{position:absolute;right:24px;bottom:16px;display:flex;align-items:center;gap:16px;padding:10px 13px;border:1px solid #eeeae035;background:#14221ee8;pointer-events:none;font-variant-numeric:tabular-nums}.terrain-readout span{font-size:9px;font-weight:700;letter-spacing:.07em;color:#e1d5b7}.terrain-readout strong{font:800 22px/1 var(--display);color:var(--orange)}@media(max-width:700px){.terrain-readout{right:12px;bottom:12px;gap:10px;padding:8px 10px}.terrain-readout span{font-size:7px}.terrain-readout strong{font-size:19px}}
.game-feedback{max-width:calc(100% - 220px)}@media(max-width:700px){.game-feedback{max-width:calc(100% - 145px)}}
.bike-garage{margin-bottom:24px}.garage-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.garage-heading h2{font-size:26px}.garage-heading p{font-size:10px;color:var(--muted)}.bike-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.bike-choice{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:17px 20px 15px;color:var(--paper);background:radial-gradient(ellipse at 50% 50%,#52667c28,transparent 75%),#191f22;border:1px solid #eeeae029;transition:border-color .15s,background .15s;cursor:pointer}.bike-choice[data-bike=supermoto]{background:radial-gradient(ellipse at 50% 50%,#94541c25,transparent 75%),#1f201c}.bike-choice[data-bike=naked]{background:radial-gradient(ellipse at 50% 50%,#9a304c25,transparent 75%),#211d20}.bike-choice[aria-pressed=true]{border-color:var(--orange);box-shadow:inset 0 -3px var(--orange)}.bike-choice:hover:not(:disabled){border-color:#eeeae0a6}.bike-choice:focus-visible,.garage-return:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.bike-choice:disabled{cursor:default}.bike-choice:disabled:not([aria-pressed=true]){opacity:.55}.bike-choice-top{display:flex;justify-content:space-between;gap:6px;font-size:8px;letter-spacing:.08em;color:#adbbc4}.bike-selected{color:var(--orange);visibility:hidden}.bike-choice[aria-pressed=true] .bike-selected{visibility:visible}.bike-choice canvas{width:100%;height:107px;object-fit:contain;margin:8px 0;filter:drop-shadow(0 10px 5px #0006)}.bike-choice strong{font:800 31px/1.1 var(--display);letter-spacing:.01em}.bike-type{font-size:10px;color:var(--muted);margin-top:5px}.bike-character{font-size:8px;letter-spacing:.08em;color:#b8c6d0;margin-top:12px;padding-top:10px;border-top:1px solid #eeeae020}.bike-description{font-size:11px;color:var(--muted);margin-top:13px;min-height:18px;line-height:1.6}.garage-return{display:block;margin:12px auto 0;background:none;border:0;border-bottom:1px solid #eeeae060;padding:6px 0;color:var(--paper);font-size:10px;letter-spacing:.07em;cursor:pointer}.garage-return[hidden]{display:none}.terrain-readout .active-bike{color:#e6eef5;padding-right:12px;border-right:1px solid #eeeae038}.game-overlay:has(.garage-return:not([hidden])) .game-overlay-hint{display:none}
@media(max-width:700px){.garage-heading{align-items:start;gap:12px}.garage-heading h2{font-size:23px;white-space:nowrap}.garage-heading p{font-size:8px;text-align:right;max-width:125px;line-height:1.6}.bike-choices{gap:7px}.bike-choice{padding:10px 9px 12px}.bike-choice-top{font-size:6px;letter-spacing:0;display:block;min-height:22px}.bike-selected{display:block;margin-top:4px}.bike-choice canvas{height:61px;margin:5px 0 10px}.bike-choice strong{font-size:21px;min-height:46px}.bike-type{font-size:8px;min-height:23px;line-height:1.4}.bike-character{font-size:6px;letter-spacing:0;margin-top:6px;min-height:25px;line-height:1.5}.bike-description{font-size:10px;min-height:32px}.terrain-readout{gap:8px;padding:8px}.terrain-readout .active-bike{padding-right:8px;font-size:6px}.garage-return{font-size:9px;margin-top:8px;padding:5px 0}}