@font-face{font-family:system;src:local('Arial')}*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;background:#0c101b;color:#f1f4ff;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a:hover{color:#abf653}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #abf653;outline-offset:5px}.skip{position:absolute;left:12px;top:-90px;z-index:10;background:#abf653;color:#10180c;padding:10px}.skip:focus{top:8px}.shell{max-width:1400px;margin:auto;padding:0 38px}.header{height:88px;border-bottom:1px solid #262e40;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;font-size:19px;font-weight:850;line-height:1.15;letter-spacing:-.7px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;background:#abf653;color:#111a0b;transform:rotate(-8deg);font-size:25px;box-shadow:4px 4px 0 #425d28}.brand small{display:block;font-size:12px;font-weight:600;letter-spacing:3px;color:#9ca8bd;margin-top:4px}.header nav{display:flex;gap:32px;font-size:14px;font-weight:650}.header nav a[aria-current=page]{color:#abf653}.header-tag{font-size:12px;letter-spacing:1px;color:#a8b4c9}.preview-note{background:#243319;border-bottom:1px solid #48692a;color:#c4e3a0;font-size:13px;text-align:center;padding:7px 18px}.eyebrow{color:#abf653;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:30px 0 22px}.page-heading h1{font-size:clamp(25px,3vw,40px);letter-spacing:-1.5px;line-height:1.13;margin:7px 0}.page-heading p{color:#aab5c9;margin:4px 0;font-size:14px}.tag{font-size:12px;border:1px solid #384057;color:#c2cce0;padding:5px 11px;border-radius:30px;white-space:nowrap}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}.player{background:#11182a;border:1px solid #303c52;border-radius:14px;overflow:hidden}.stage{position:relative;aspect-ratio:16/8.4;background:#121e34;overflow:hidden}.stage canvas{display:block;width:100%;height:100%;touch-action:none}.game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(90deg,#0c142cca,#0c142c45);text-align:center;padding:20px}.game-overlay[hidden]{display:none}.game-overlay .eyebrow{margin-bottom:14px}.game-overlay h2{font-size:clamp(32px,4.5vw,65px);letter-spacing:-2px;line-height:1;margin:0 0 15px;max-width:700px;text-transform:uppercase;font-weight:900}.game-overlay p{max-width:400px;color:#d0dbef;font-size:15px;margin:0 0 24px}.primary{border:0;background:#abf653;color:#162309;font-size:15px;font-weight:850;border-radius:6px;padding:12px 25px;box-shadow:0 4px 0 #6f9e37}.primary:hover{background:#c1ff7d;transform:translateY(-1px)}.game-overlay .micro{font-size:12px;color:#bac8df;margin-top:18px}.hud{position:absolute;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;font-weight:750;pointer-events:none;text-shadow:0 1px 4px #000}.hud span{background:#0c142cca;padding:4px 8px;border-radius:4px}.progress{height:3px;background:#28374f}.progress div{height:100%;width:0;background:#abf653}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:13px 16px;background:#171e2f}.toolbar button,.toolbar select,.control-btn{background:#232d42;color:#e0e7f8;border:1px solid #3a4560;border-radius:6px;padding:6px 10px;font-size:13px;min-height:36px}.toolbar label{font-size:12px;color:#c8d3e6}.toolbar .spacer{flex:1}.toolbar button[aria-pressed=true]{color:#abf653;border-color:#729f3a}.key-help{font-size:12px;color:#aab8d2;padding:12px 16px;border-top:1px solid #2b354a}.key-help kbd{border:1px solid #556078;border-radius:3px;padding:1px 5px;color:#e6eeff;font:12px system-ui}.side-title{font-size:12px;color:#9ca8bd;letter-spacing:2px;margin:0 0 14px}.game-card{display:block;background:#151d2d;border:1px solid #2b3549;border-radius:10px;overflow:hidden;transition:border-color .2s,transform .2s}.game-card:hover{border-color:#abf653;transform:translateY(-2px)}.game-card.active{border-color:#86bb45}.game-thumb{display:block;width:100%;aspect-ratio:2/1;background:#19283d}.card-info{padding:11px 14px}.card-info h3{font-size:16px;line-height:1.3;margin:0 0 5px}.card-info p{font-size:12px;color:#9eacc5;margin:0}.sidebar .game-card{margin-bottom:14px}.sidebar .game-thumb{aspect-ratio:2.9/1}.side-note{color:#a6b4cb;font-size:13px;border-left:2px solid #3b4c66;padding-left:12px;margin-top:22px}.section{margin:44px 0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.section-head h2{font-size:25px;line-height:1.2;letter-spacing:-.7px;margin:0}.section-head a{font-size:14px;color:#abf653}.game-grid,.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-card{background:#141b2b;border-top:2px solid #3c4a64;padding:24px;border-radius:0 0 8px 8px}.guide-card:hover{border-color:#abf653}.guide-card .category{color:#aaf052;font-size:12px;letter-spacing:1px;text-transform:uppercase}.guide-card h3{font-size:21px;line-height:1.3;letter-spacing:-.5px;margin:12px 0}.guide-card p{font-size:14px;line-height:1.7;color:#aab6cc;margin:0}.guide-card .read{display:block;color:#c9d4e8;font-size:12px;margin-top:20px}.info-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:60px;border-top:1px solid #2a3446;padding-top:34px}.info-grid h2{font-size:25px;line-height:1.25;letter-spacing:-.6px}.info-grid p,.info-grid li{color:#afbbd0;font-size:15px}details{border-bottom:1px solid #323c50;padding:16px 0}summary{font-weight:650;cursor:pointer}details p{margin:12px 0 0}.footer{border-top:1px solid #293349;padding:30px 0;margin-top:55px;color:#98a6c0;font-size:12px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:start}.footer nav{display:flex;flex-wrap:wrap;gap:12px 22px;max-width:600px;justify-content:flex-end}.footer p{max-width:750px;margin:22px 0 0}.footer .brand{color:#e5edfc;font-size:16px}.article-layout{max-width:1040px;margin:40px auto;display:grid;grid-template-columns:minmax(0,740px) 220px;gap:60px}.article{color:#c1cbe0}.article h1{color:#f3f6ff;font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-1.7px;margin:14px 0 24px}.article h2{color:#f3f6ff;font-size:25px;line-height:1.3;margin:36px 0 12px;letter-spacing:-.5px}.article h3{color:#eef4ff;font-size:19px}.article p,.article li{line-height:1.9}.article a{color:#abf653;text-decoration:underline;text-underline-offset:4px}.article .intro{font-size:20px;color:#d8e2f4;line-height:1.7}.article .meta{font-size:12px;color:#9cabc4}.article aside{background:#1c273a;border-left:3px solid #abf653;padding:17px 22px;margin:25px 0}.article-side{padding-top:30px}.article-side a{display:block;margin:15px 0;font-size:14px}.article-side h2{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#a8b6cc}.breadcrumbs{font-size:12px;color:#9facc3;margin:24px 0 0}.breadcrumbs a{text-decoration:underline}.plain{max-width:800px;margin:40px auto}.notice{padding:15px 20px;background:#29351e;border:1px solid #617a3b;border-radius:7px;color:#d7eabe}.settings{margin:25px 0;padding:20px;background:#1a2335;border-radius:8px}.settings button{margin-top:10px}.mobile-jump{display:none}.player:fullscreen{width:100vw;height:100vh;display:flex;flex-direction:column;border:0;border-radius:0;justify-content:center;background:#090e18}.player:fullscreen .stage{aspect-ratio:16/8.4;width:100%;max-height:calc(100vh - 100px)}.player:fullscreen .stage canvas{object-fit:contain}.player:fullscreen .key-help{display:none}@media(max-width:1050px){.shell{padding:0 24px}.play-layout{grid-template-columns:minmax(0,1fr) 220px}.header-tag{display:none}.game-overlay h2{font-size:40px}.game-overlay p{font-size:13px;margin-bottom:16px}.hud{top:10px;left:10px;right:10px}.article-layout{gap:30px}.info-grid{gap:30px}}@media(max-width:760px){.shell{padding:0 16px}.header{height:auto;min-height:80px;flex-wrap:wrap;padding:17px 0;gap:17px}.header nav{gap:24px}.brand{font-size:16px}.brand small{font-size:10px}.page-heading{margin:24px 0 18px}.page-heading .tag{display:none}.play-layout{display:block}.sidebar{margin-top:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sidebar .side-title,.sidebar .side-note{display:none}.sidebar .game-card{margin:0}.sidebar .card-info{padding:8px}.sidebar h3{font-size:12px}.sidebar .card-info p{display:none}.sidebar .game-thumb{aspect-ratio:1.7/1}.stage{aspect-ratio:4/3}.game-overlay h2{font-size:36px}.game-overlay p{font-size:13px;max-width:260px}.game-overlay .micro{font-size:11px;margin-top:12px}.toolbar{padding:10px;gap:6px}.toolbar button,.toolbar select{font-size:12px;padding:6px 8px}.toolbar .spacer{display:none}.key-help{font-size:11px}.game-grid,.guide-grid{grid-template-columns:1fr}.game-grid .game-card{display:grid;grid-template-columns:140px 1fr;align-items:center}.game-grid .game-thumb{height:100%;aspect-ratio:1.3}.info-grid{grid-template-columns:1fr;gap:20px}.section{margin:32px 0}.footer-top{flex-direction:column}.footer nav{justify-content:flex-start}.article-layout{display:block;margin-top:26px}.article-side{border-top:1px solid #35415a}.mobile-jump{display:inline-block!important}.section-head h2{font-size:22px}.article h1{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.game-card,.primary{transition:none;transform:none!important}}
.start-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.start-actions [hidden]{display:none}.hud #shards{color:#ffda76}.game-overlay p{min-height:24px}.game-overlay h2{max-width:95%}@media(max-width:500px){.hud{font-size:10px;letter-spacing:0;gap:4px}.hud span{padding:3px 4px}.game-overlay .eyebrow{font-size:10px;margin-bottom:10px}.game-overlay h2{font-size:30px}.game-overlay{padding:28px 12px 14px}.game-overlay p{font-size:12px;line-height:1.5;max-width:285px;margin-bottom:14px}.game-overlay .primary{font-size:13px;padding:9px 20px}.game-overlay .micro{font-size:10px}.stage{aspect-ratio:1.5}}
.toolbar button,.toolbar select{font-size:14px}.toolbar label{font-size:14px}@media(max-width:760px){.sidebar h3{font-size:14px}.game-overlay p{font-size:14px}.game-overlay .primary{font-size:14px}}
.stage:has(.game-overlay:not([hidden])) .hud{visibility:hidden}@media(max-width:500px){.stage{min-height:260px}.game-overlay .micro{display:none}.game-overlay h2{line-height:1.1}}
.stage{width:100%}
.vehicle-tile{background:linear-gradient(135deg,#28485e,#8dbaaf);display:flex;align-items:center;justify-content:center;gap:14px;color:white}.vehicle-tile b{font-size:30px;opacity:.6}.vehicle-tile span{font-weight:800;font-size:18px}.summit-rider{background:linear-gradient(135deg,#4d674e,#d3945f)}.sidebar .game-card{display:grid;grid-template-columns:100px 1fr}.sidebar .game-thumb{height:82px;aspect-ratio:auto;object-fit:cover}.sidebar .card-info{padding:12px 10px}.sidebar .card-info p{font-size:11px}.sidebar .vehicle-tile span{display:none}.vehicle-controls{display:flex;gap:8px;align-items:center;padding:12px 16px;background:#111c2a;border-top:1px solid #344359;touch-action:none}.vehicle-controls span{flex:1}.vehicle-controls button{min-height:42px;border:1px solid #52647c;color:#edf4ff;border-radius:7px;background:#263650;font-weight:700;padding:8px 16px;user-select:none;touch-action:none}.vehicle-controls .gas{background:#abf653;color:#14220a;border-color:#abf653}.vehicle-controls button:active{filter:brightness(1.4);transform:scale(.97)}.speedometer{position:absolute;left:20px;bottom:20px;display:flex;align-items:baseline;gap:8px;color:white;background:#0b172bc9;padding:10px 14px;border-radius:8px;pointer-events:none;min-width:140px;flex-wrap:wrap}.speedometer strong{font-size:34px;line-height:1;font-variant-numeric:tabular-nums}.speedometer span,.speedometer small{font-size:11px;font-weight:750;letter-spacing:1px}.speedometer i{display:block;flex-basis:auto;height:3px;position:absolute;bottom:0;left:0;background:#59dbff;border-radius:0 0 8px 8px}.stage:has(.game-overlay:not([hidden])) .speedometer{display:none}.game-overlay{background:linear-gradient(90deg,#061326e0,#08162b70);backdrop-filter:blur(1px)}.game-overlay h2{font-style:italic;text-shadow:0 4px 0 #071320}.toolbar{gap:8px}.toolbar label[for=skin],.toolbar label[for=training-speed]{color:#94a6c0;font-size:12px}.game-overlay:not([hidden]){animation:reveal .2s ease-out}@keyframes reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.sidebar{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.sidebar .game-card{display:block}.sidebar .game-thumb{height:56px}.sidebar .card-info{padding:6px}.sidebar h3{font-size:11px}.sidebar .vehicle-tile b{font-size:24px}.vehicle-controls{gap:5px;padding:10px;flex-wrap:wrap}.vehicle-controls button{padding:7px 10px;font-size:12px;min-height:44px}.vehicle-controls span{display:none}.vehicle-controls .gas{flex:1}.speedometer{left:10px;bottom:10px;min-width:110px}.speedometer strong{font-size:26px}}@media(prefers-reduced-motion:reduce){.game-overlay:not([hidden]){animation:none}}

.toolbar button,.toolbar select{flex-shrink:0}.game-thumb{object-fit:cover}@media(max-width:760px){.sidebar{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:7px}.sidebar .game-card{flex:0 0 125px;scroll-snap-align:start}.sidebar h3{font-size:13px}.sidebar .game-thumb{height:70px}}

.keyboard-guide{padding:20px;border-top:1px solid #344359;background:#121c2c}.keyboard-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.keyboard-title h2{font-size:18px;margin:0}.keyboard-title button{background:#293850;color:#e6f1ff;border:1px solid #57708c;border-radius:6px;padding:8px 12px;white-space:nowrap}.keyboard-intro,.keyboard-tip{font-size:13px;color:#afbed3}.keyboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.keyboard-row{display:flex;gap:12px;align-items:start;background:#1c293e;padding:12px;border-radius:8px}.keyboard-row kbd{font:700 12px/1.7 system-ui;flex:0 0 105px;color:#c5fa8c;border:1px solid #52664c;border-bottom:3px solid #52664c;background:#16241e;border-radius:5px;padding:5px 7px;text-align:center}.keyboard-row strong{font-size:13px}.keyboard-row p{font-size:12px;color:#aabbd1;line-height:1.5;margin:4px 0 0}.keyboard-tip{border-left:2px solid #a7ed58;padding-left:12px;margin-bottom:0}.player:fullscreen .keyboard-guide{display:none}@media(max-width:1050px){.keyboard-grid{grid-template-columns:1fr}}@media(max-width:500px){.keyboard-guide{padding:14px}.keyboard-title h2{font-size:16px}.keyboard-row kbd{flex-basis:95px}}
