@import url('tokens.css');@import url('reset.css');.skip{position:absolute;inset-block-start:var(--s-3);inset-inline-start:var(--s-3);z-index:30;background:var(--brand);color:var(--brand-ink);padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);transform:translateY(-140%)}.skip:focus{transform:translateY(0)}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-3) var(--s-6);background:color-mix(in oklab,var(--surface) 78%,transparent);border-bottom:1px solid var(--border);backdrop-filter:blur(18px)}.brand{font-family:var(--font-display);letter-spacing:var(--tracking-tight);font-size:var(--fs-xl)}.nav{display:flex;gap:var(--s-2);align-items:center}.nav a,.theme-toggle,.menu-toggle{border:1px solid transparent;border-radius:var(--r-pill);padding:var(--s-2) var(--s-4);background:transparent}.nav a[aria-current='page']{background:var(--brand);color:var(--brand-ink)}.menu-toggle{display:none;border-color:var(--border)}.layout{width:min(1440px,100%);margin-inline:auto;padding-inline:var(--s-6)}.layout-marketing{padding-block:var(--s-12)}.layout-centered{padding-block:var(--s-8)}.layout-article{max-width:900px;padding-block:var(--s-16)}h1,h2,h3{font-family:var(--font-display);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);text-transform:uppercase}h1{font-size:clamp(var(--fs-4xl),9vw,var(--fs-6xl))}h2{font-size:clamp(var(--fs-3xl),5vw,var(--fs-5xl))}.lede{font-size:var(--fs-xl);color:var(--ink-2);max-width:70ch}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--brand)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);border-radius:var(--r-pill);padding:var(--s-3) var(--s-5);border:1px solid var(--border);cursor:pointer;transition:color var(--dur) var(--ease-out),background var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),transform var(--dur-fast) var(--ease-out);min-height:var(--s-12);background:var(--surface);color:var(--ink)}.btn:hover{border-color:var(--border-strong)}.btn:active{transform:scale(.97)}.btn.primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.btn.ghost{background:transparent;color:var(--ink)}.btn.secondary{background:var(--surface-3)}.btn.destructive{background:var(--danger);color:var(--danger-ink);border-color:var(--danger)}.btn:disabled{opacity:.45;cursor:not-allowed}.card{background:linear-gradient(135deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s-6);box-shadow:var(--shadow);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.badge,.chip{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:var(--r-pill);padding:var(--s-1) var(--s-3);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-2);background:var(--surface-3)}.stack{display:grid;gap:var(--s-4)}.page-hero{padding-block:var(--s-16);display:grid;gap:var(--s-4)}.game-station{padding-block:var(--s-10);display:grid;gap:var(--s-6)}.game-title{display:grid;gap:var(--s-4)}.game-cockpit{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:var(--s-5);align-items:start}.canvas-wrap{position:relative;overflow:hidden;border-radius:var(--r-2xl);border:1px solid var(--border);box-shadow:var(--shadow-xl);background:var(--surface-2)}canvas{width:100%;aspect-ratio:16/9;background:var(--surface-2)}.hud{position:absolute;inset:auto var(--s-4) var(--s-4) var(--s-4);display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s-2);font-family:var(--font-mono);font-size:var(--fs-xs)}.hud div{background:color-mix(in oklab,var(--surface) 86%,transparent);border:1px solid var(--border);padding:var(--s-2);border-radius:var(--r)}.loader{position:absolute;inset:0;display:grid;place-content:center;gap:var(--s-2);background:var(--surface);font-family:var(--font-display);letter-spacing:var(--tracking-tight);z-index:2}.driver-panel{display:grid;gap:var(--s-4)}.panel-head{display:flex;justify-content:space-between;gap:var(--s-3);align-items:center}.controls-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-3)}.field{display:grid;gap:var(--s-2);font-weight:var(--fw-700)}.field input,.field select,.input,textarea{width:100%;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r);padding:var(--s-3);color:var(--ink)}.check{grid-template-columns:auto 1fr;align-items:center}.keymap{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-2)}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:var(--s-6);padding:var(--s-1) var(--s-2);border-radius:var(--r-xs);background:var(--surface-3);border:1px solid var(--border);font-family:var(--font-mono)}.toolbar{display:grid;grid-template-columns:1fr 220px;gap:var(--s-3);margin-block-end:var(--s-6)}.grid.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-5);padding-block:var(--s-8)}.route-card,.bus-card{display:grid;gap:var(--s-3)}.route-card img,.bus-card img{border-radius:var(--r-lg);aspect-ratio:16/10;object-fit:cover;width:100%}.split-section{display:grid;grid-template-columns:.85fr 1fr;gap:var(--s-8);padding-block:var(--s-20);border-top:1px solid var(--border)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4)}.stats strong{font-family:var(--font-display);font-size:var(--fs-4xl);display:block}.stats span{color:var(--ink-muted)}.band{margin-block:var(--s-8);padding:var(--s-4);border-block:1px solid var(--border);display:flex;gap:var(--s-8);white-space:nowrap;overflow:hidden;font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--brand)}.pin-scene{min-height:70vh;border-radius:var(--r-2xl);border:1px solid var(--border);background:linear-gradient(135deg,var(--surface-2),var(--surface-3));position:relative;overflow:hidden;display:grid;place-items:center;text-align:center;padding:var(--s-12);margin-block:var(--s-12)}.scene-layer{max-width:760px;position:relative;z-index:1}.mountains{position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(135deg,var(--brand-800),var(--surface-3));clip-path:polygon(0 100%,15% 25%,30% 100%,45% 10%,60% 100%,78% 35%,100% 100%)}.orbital{height:360px;position:relative;border:1px solid var(--border);border-radius:var(--r-2xl);margin-block:var(--s-12);display:grid;place-items:center;background:var(--surface)}.score-table{width:100%;border-collapse:collapse;margin-block-end:var(--s-5)}th,td{text-align:left;border-bottom:1px solid var(--border);padding:var(--s-3)}.skeleton{min-height:220px;border-radius:var(--r-xl);background:linear-gradient(90deg,var(--surface),var(--surface-2),var(--surface));border:1px solid var(--border)}.empty,.error{border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s-8);background:var(--surface-2);display:grid;gap:var(--s-3)}.error{border-color:var(--danger)}.toast-host{position:fixed;right:var(--s-4);bottom:var(--s-4);z-index:40;display:grid;gap:var(--s-2)}.toast{background:var(--brand);color:var(--brand-ink);padding:var(--s-3) var(--s-4);border-radius:var(--r);box-shadow:var(--shadow-lg);font-weight:var(--fw-800)}.modal{position:fixed;inset:0;background:color-mix(in oklab,var(--bg) 68%,transparent);display:grid;place-items:center;z-index:50;backdrop-filter:blur(12px)}.site-footer{margin-top:var(--s-16);border-top:1px solid var(--border);padding:var(--s-10) var(--s-6);display:grid;grid-template-columns:2fr repeat(4,1fr);gap:var(--s-6);background:var(--surface)}.newsletter{display:flex;gap:var(--s-2);margin-top:var(--s-4)}.newsletter input{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r-pill);padding:var(--s-3)}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:100;transform:translate(-50%,-50%);mix-blend-mode:difference}.cursor-dot{width:var(--s-2);height:var(--s-2);border-radius:var(--r-pill);background:var(--ink)}.cursor-ring{width:var(--s-8);height:var(--s-8);border:1px solid var(--ink);border-radius:var(--r-pill)}.page-mask{position:fixed;inset:0;background:var(--brand);z-index:90;transform-origin:left center;pointer-events:none}@media(max-width:1020px){.game-cockpit,.split-section{grid-template-columns:1fr}.grid.cards{grid-template-columns:repeat(2,1fr)}.site-footer{grid-template-columns:1fr 1fr}.hud{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.site-header{padding:var(--s-3)}.menu-toggle{display:inline-flex}.nav{position:absolute;top:100%;left:var(--s-3);right:var(--s-3);display:none;grid-template-columns:1fr;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s-3)}.nav.open{display:grid}.layout{padding-inline:var(--s-4)}.grid.cards{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr}.controls-grid{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.newsletter{display:grid}.hud{position:static;margin:var(--s-3);grid-template-columns:1fr}.band{font-size:var(--fs-xl)}}