@font-face{font-family:Zodiak;src:url(/fonts/Zodiak-Regular.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Zodiak;src:url(/fonts/Zodiak-Italic.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Switzer;src:url(/fonts/Switzer-Regular.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Switzer;src:url(/fonts/Switzer-Medium.otf) format("opentype");font-weight:500;font-display:swap}:root{--paper: #eeeae2;--ink: #1f1a15;--sepia: #5f503f;--rule: rgba(31, 26, 21, .16);--wash: #2f5d9c;--display: Zodiak, Georgia, serif;--body: Switzer, "Helvetica Neue", Arial, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-family:var(--body)}.game{position:fixed;inset:0}.js-canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.hud{position:fixed;z-index:2;margin:0}.hud-left{top:16px;left:16px;pointer-events:none}.brand{margin:0;font-family:var(--display);font-size:28px;line-height:1}.visited{margin:6px 0 0;font-size:13px;color:var(--sepia);font-variant-numeric:tabular-nums}.hud-right{top:16px;right:16px;display:grid;gap:8px;justify-items:end}.hud-buttons{display:flex;gap:8px}.minimap{width:200px;height:200px;display:block;border:1px solid var(--ink);background:#5f8fb8;pointer-events:none}button{font:inherit;cursor:pointer;border-radius:0}.hud-right button,.panel-close,.intro-list{font-size:13px;padding:7px 12px;background:var(--paper);color:var(--ink);border:1px solid var(--ink)}button:focus-visible,a:focus-visible,.js-canvas:focus-visible{outline:2px solid var(--wash);outline-offset:2px}.keys{left:16px;bottom:14px;font-size:12px;color:var(--sepia);pointer-events:none}.keys p{margin:0}kbd{font:inherit;font-weight:500;color:var(--ink);padding:0 5px;border:1px solid var(--rule);background:#eeeae2cc}.touch-hint{display:none;left:50%;bottom:18px;transform:translate(-50%);font-size:13px;color:var(--sepia);pointer-events:none}.nearby{position:fixed;z-index:3;left:50%;bottom:52px;transform:translate(-50%);padding:12px 20px;font-size:15px;font-weight:500;background:var(--ink);color:var(--paper);border:1px solid var(--ink)}.toast{position:fixed;z-index:3;left:50%;top:18px;transform:translate(-50%,-6px);margin:0;font-family:var(--display);font-size:20px;color:var(--ink);background:#eeeae2eb;padding:6px 14px;border-bottom:1px solid var(--rule);opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;white-space:nowrap}.toast.is-visible{opacity:1;transform:translate(-50%)}.panel{position:fixed;z-index:6;top:0;right:0;bottom:0;width:min(440px,100%);overflow-y:auto;background:var(--paper);border-left:1px solid var(--ink);padding:20px 24px 40px;transform:translate(102%);transition:transform .45s cubic-bezier(.2,.7,.2,1)}.panel.is-open{transform:translate(0)}.panel-close{position:sticky;top:0;float:right}.panel-heading{font-family:var(--display);font-weight:400;font-size:30px;margin:44px 0 8px}.panel-wing-title{font-size:13px;font-weight:500;color:var(--sepia);margin:28px 0 0;padding-top:12px;border-top:1px solid var(--rule)}.panel-item{margin-top:36px}.panel-wing .panel-item{margin-top:14px}.panel-kind{margin:0;font-size:13px;color:var(--sepia)}.panel-title{margin:4px 0 14px;font-family:var(--display);font-weight:400;font-size:34px;line-height:1.05}.panel-wing .panel-title{font-size:26px}.panel-media{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#e2dccf;border:1px solid var(--rule)}.panel-media--crest{aspect-ratio:1;object-fit:contain;border:0;background:transparent}.panel-text{font-size:16px;line-height:1.5;margin:14px 0;max-width:60ch}.panel-link{display:inline-block;font-size:15px;font-weight:500;color:var(--paper);background:var(--wash);padding:10px 16px;text-decoration:none}.intro{position:fixed;z-index:8;inset:0;display:grid;place-items:center;padding:16px;background:#eeeae266;transition:opacity .6s}.intro.is-gone{opacity:0;pointer-events:none}.intro-card{width:min(460px,100%);padding:28px;background:var(--paper);border:1px solid var(--ink)}.intro-kicker{margin:0;font-size:13px;color:var(--sepia)}.intro h1{margin:6px 0 12px;font-family:var(--display);font-weight:400;font-size:52px;line-height:1}.intro-line{margin:0 0 20px;font-size:16px;line-height:1.5}.intro-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.intro-start{font-size:15px;font-weight:500;padding:12px 18px;background:var(--ink);color:var(--paper);border:1px solid var(--ink)}.intro-start:disabled{background:var(--sepia);border-color:var(--sepia);cursor:wait}.skeleton{display:grid;gap:8px;margin:-6px 0 18px}.skeleton span{display:block;height:10px;background:linear-gradient(90deg,#e2dccf,#ebe6dc,#e2dccf);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.skeleton span:last-child{width:62%}@keyframes shimmer{to{background-position:-200% 0}}@media(pointer:coarse){.keys{display:none}.touch-hint{display:block}html.is-started .touch-hint{animation:fadeHint 6s forwards}}@keyframes fadeHint{70%{opacity:1}to{opacity:0}}@media(max-width:640px){.brand{font-size:22px}.minimap{width:128px;height:128px}.intro h1{font-size:40px}.nearby{bottom:64px}}@media(prefers-reduced-motion:reduce){.panel,.toast,.intro{transition:none}.skeleton span{animation:none}}.garage{left:16px;bottom:56px;display:grid;gap:6px}.garage-name{margin:0;font-family:var(--display);font-size:15px;color:var(--ink);pointer-events:none}.garage-swatches{display:flex;gap:6px}.garage-swatch{width:34px;height:34px;padding:0;border:1px solid var(--ink);position:relative;background:var(--paint)}.garage-swatch:after{content:"";position:absolute;left:0;right:0;top:0;height:30%;background:var(--top)}.garage-swatch[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px}@media(max-width:640px){.garage{bottom:auto;top:64px}.garage-swatch{width:28px;height:28px}}