.track{display:grid;grid-template-columns:minmax(0,720px) 200px;justify-content:center;align-items:start;gap:1.5rem}@media(max-width:960px){.track{grid-template-columns:minmax(0,720px)}}.defs{position:absolute}.cockpit{padding:.75rem;border:1px solid #0369a1;border-radius:1rem;background:linear-gradient(160deg,#1e3a5f,#0b1220);box-shadow:0 20px 50px -20px #000c;color:#f8fafc;user-select:none;outline:none;cursor:pointer}.cockpit:focus-visible{box-shadow:0 0 0 3px #facc15}#screen{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:.5rem;font-family:ui-monospace,SF Mono,Menlo,monospace}.layer{position:absolute;inset:0;display:block;width:100%;height:100%}.sky{fill:url(#am-sky)}.sun .glow{fill:url(#am-sun-glow)}.sun .rays{fill:#fef9c3}.sun .halo{fill:#fef08a;opacity:.45}.sun .disc{fill:#fffbeb}.flare circle{mix-blend-mode:screen}.flare .warm{fill:#fde68a;opacity:.35}.flare .cool{fill:#a5f3fc;opacity:.35}.flare .violet{fill:#e9d5ff;opacity:.25}.flare .ring{fill:none;stroke:#fef9c3;stroke-width:1.2;opacity:.35}.cloud ellipse{fill:#fff;opacity:.9}.hills.far{fill:#a5c4dc}.hills.near{fill:#86b29b}.chunk .ground{fill:url(#am-ground)}.chunk .ridge{fill:none;stroke:#ffffff4d;stroke-width:.8;stroke-linejoin:round}.chunk .boulder .stone{fill:#78716c;stroke:#44403c;stroke-width:.4;stroke-linejoin:round}.chunk .boulder .facet{fill:#a8a29e}.chunk .trunk{fill:#5b3416}.chunk .needles{fill:#166534}.chunk .needles.dark{fill:#14532d}.chunk .crown{fill:#4d7c0f}.chunk .crown.dark{fill:#3f6212}.chunk .pine,.chunk .oak{transform-box:fill-box;transform-origin:50% 100%;animation:tree-sway 4s var(--delay) infinite ease-in-out}.chunk .pine{animation-name:pine-sway}.chunk .oak .crown{transform-box:fill-box;transform-origin:50% 50%;animation:crown-rustle 1.3s var(--delay) infinite ease-in-out}@keyframes tree-sway{0%,to{transform:skew(0)}30%{transform:skew(-5deg)}45%{transform:skew(-3deg)}60%{transform:skew(-6deg)}}@keyframes pine-sway{0%,to{transform:skew(0)}35%{transform:skew(-3deg)}60%{transform:skew(-4deg)}}@keyframes crown-rustle{50%{transform:scale(1.05,.97)}}@media(prefers-reduced-motion:reduce){.chunk .pine,.chunk .oak,.chunk .oak .crown{animation:none}}.chunk .villager .legs{stroke:#1e3a8a;stroke-width:.9;stroke-linecap:round}.chunk .villager .arm{stroke:#fcd9b6;stroke-width:.7;stroke-linecap:round}.chunk .villager .head{fill:#fcd9b6}.chunk .villager .waving{transform-box:fill-box;transform-origin:0% 100%;animation:villager-wave 3s var(--delay) infinite ease-in-out}@keyframes villager-wave{0%,8%,24%,40%,56%{transform:rotate(-25deg)}16%,32%,48%{transform:rotate(25deg)}64%,to{transform:rotate(150deg)}}@media(prefers-reduced-motion:reduce){.chunk .villager .waving{animation:none}}.chunk .flake{fill:#fff;animation:snowfall linear infinite}@keyframes snowfall{0%{transform:translate(0);opacity:0}10%{opacity:.95}50%{transform:translate(calc(var(--drift) * .5),calc(var(--fall) * .5))}85%{opacity:.95}to{transform:translate(var(--drift),var(--fall));opacity:0}}@media(prefers-reduced-motion:reduce){.chunk .flake{display:none}}.chunk .water{fill:url(#am-water)}.chunk .ripple{stroke:#e0f2fe;stroke-width:.6;stroke-linecap:round;transform-box:fill-box;transform-origin:50% 50%;animation:ripple 3s var(--delay) infinite ease-in-out}.chunk .ripple.row1{stroke-width:.5;animation-duration:4s;animation-direction:reverse}@keyframes ripple{0%,to{transform:translate(-2px) scaleX(.6);opacity:.25}50%{transform:translate(2px) scaleX(1.2);opacity:.85}}@media(prefers-reduced-motion:reduce){.chunk .ripple{animation:none}}.chunk .fish{animation:fish-leap 7s var(--delay) infinite}.chunk .fish .body{fill:#94a3b8;stroke:#475569;stroke-width:.3}.chunk .fish .tail,.chunk .fish .fin{fill:#64748b}.chunk .fish .eye{fill:#0f172a}@keyframes fish-leap{0%,to{transform:translate(-7px,2px) rotate(-55deg);opacity:0}2%{transform:translate(-6px) rotate(-50deg);opacity:1;animation-timing-function:ease-out}7%{transform:translateY(-11px) rotate(0);animation-timing-function:ease-in}12%{transform:translate(6px) rotate(50deg);opacity:1}13%,99%{transform:translate(7px,2px) rotate(55deg);opacity:0}}.chunk .splash{fill:none;stroke:#e0f2fe;stroke-width:.5;opacity:0;transform-box:fill-box;transform-origin:50% 50%}.chunk .splash.out{animation:splash-out 7s var(--delay) infinite}.chunk .splash.in{animation:splash-in 7s var(--delay) infinite}@keyframes splash-out{0%{transform:scale(.4);opacity:.9}10%{transform:scale(2.2);opacity:0}to{opacity:0}}@keyframes splash-in{0%,11%{transform:scale(.4);opacity:0}12%{opacity:.9}22%{transform:scale(2.2);opacity:0}to{opacity:0}}@media(prefers-reduced-motion:reduce){.chunk .leap{display:none}}.chunk .reeds{stroke:#3f6212;stroke-width:.8}.chunk .wall{stroke:#78716c;stroke-width:.3}.chunk .roof{fill:#b91c1c}.chunk .spire{fill:#475569}.chunk .chimney,.chunk .door{fill:#57534e}.chunk .window{fill:#fde047}.chunk .clock{fill:#fff;stroke:#1c1917;stroke-width:.3}.chunk .drop-zone .ring{fill:#fff}.chunk .drop-zone .ring.outer{fill:#dc2626}.chunk .drop-zone .post{fill:#57534e}.chunk .drop-zone .mailbox{fill:#1d4ed8}.chunk .drop-zone .flag{fill:#dc2626;stroke:#57534e;stroke-width:.4}.chunk .runway{fill:#44403c}.chunk .dashes,.chunk .threshold{stroke:#fafaf9;stroke-width:.8}.chunk .threshold{stroke-width:1.6;stroke-dasharray:1 1}.chunk .pole{stroke:#d6d3d1;stroke-width:.8}.chunk .sock{fill:#f97316}.chunk .sock-stripes{stroke:#fff;stroke-width:1}.chunk .hangar{fill:#94a3b8;stroke:#475569;stroke-width:.5}.chunk .hangar-door{fill:#334155}.chunk .airstrip text{font:800 4px sans-serif;fill:#1e3a8a;text-anchor:middle}.chunk .sign{fill:#f8fafc;stroke:#1e3a8a;stroke-width:.3}.chunk .airstrip .sign-label{font-size:2.6px;dominant-baseline:auto}.chunk .tank{fill:#dc2626}.chunk .airstrip .tank-label{font-size:2.6px;fill:#fff}.chunk .sheep .wool,.chunk .sheep .tuft{fill:#fafaf9}.chunk .sheep .face{fill:#292524}.chunk .sheep .ear{fill:#44403c}.chunk .sheep .leg{stroke:#292524;stroke-width:.7}.chunk .sheep *{transform-box:fill-box}.chunk .sheep .wander{animation:sheep-wander 9s var(--delay) infinite ease-in-out}.chunk .sheep .head{transform-origin:0% 50%;animation:sheep-graze 9s var(--delay) infinite ease-in-out}.chunk .sheep .body{transform-origin:50% 100%;animation:sheep-breathe 1.8s var(--delay) infinite ease-in-out}.chunk .sheep .ear{transform-origin:100% 50%;animation:sheep-twitch 3s var(--delay) infinite}.chunk .sheep .leg{transform-origin:50% 0%}.chunk .sheep .leg.front{animation:sheep-step 9s var(--delay) infinite linear}.chunk .sheep .leg.back{animation:sheep-step 9s calc(var(--delay) - .2s) infinite linear}@keyframes sheep-graze{0%,5%{transform:rotate(0)}12%,45%{transform:rotate(40deg)}48%,52%{transform:rotate(30deg)}58%,to{transform:rotate(0)}}@keyframes sheep-wander{0%,60%{transform:translate(0)}72%,88%{transform:translate(4px)}to{transform:translate(0)}}@keyframes sheep-step{0%,60%,72%,88%,to{transform:rotate(0)}63%,69%,91%,97%{transform:rotate(25deg)}66%,94%{transform:rotate(-25deg)}}@keyframes sheep-breathe{50%{transform:scaleY(1.06)}}@keyframes sheep-twitch{0%,90%,to{transform:rotate(0)}94%{transform:rotate(-30deg)}}@media(prefers-reduced-motion:reduce){.chunk .sheep *{animation:none!important}}.plane path,.plane circle{stroke-linejoin:round;stroke-linecap:round}.plane .fuselage{fill:url(#am-fuselage);stroke:#713f12;stroke-width:.35}.plane .cheat{fill:none;stroke:#dc2626;stroke-width:1.1}.plane .cheat-line{fill:none;stroke:#fff;stroke-width:.3}.plane .cockpit{fill:none;stroke:#422006;stroke-width:.7}.plane .windscreen{fill:#e0f2fe;fill-opacity:.55;stroke:#64748b;stroke-width:.25}.plane .jacket{fill:#78350f}.plane .face{fill:#f5c08a}.plane .leather-cap{fill:#5b3416}.plane .strap{stroke:#292524;stroke-width:.35}.plane .goggles{fill:#7dd3fc;stroke:#292524;stroke-width:.3}.plane .scarf{fill:#f8fafc;stroke:#cbd5e1;stroke-width:.2}.plane .cowling{fill:url(#am-cowling);stroke:#1e293b;stroke-width:.3}.plane .slits{stroke:#1e293b;stroke-width:.3}.plane .exhaust{fill:#57534e}.plane .wing,.plane .fin,.plane .stabilizer{fill:url(#am-paint);stroke:#7f1d1d;stroke-width:.35}.plane .wing-edge{stroke:#fca5a5;stroke-width:.3}.plane .rudder{stroke:#fff;stroke-width:.9}.plane .gear{fill:none;stroke:#44403c;stroke-width:.45}.plane .tire{fill:#1c1917}.plane .hubcap{fill:#d6d3d1}.plane .prop-disc{fill:#e7e5e4;opacity:.35}.plane .blade{stroke:#292524;stroke-width:.8}.plane .spinner{fill:#dc2626;stroke:#7f1d1d;stroke-width:.3}.puff{fill:#e5e7eb}.parcel .box{fill:#b45309;stroke:#78350f;stroke-width:.4}.parcel .string{stroke:#fef3c7;stroke-width:.4}.parcel .chute{fill:#f8fafc;stroke:#dc2626;stroke-width:.6}.parcel .lines{stroke:#e5e7eb;stroke-width:.3}.crash .smoke{fill:#57534e;opacity:.55}.crash .fire{fill:#f97316;stroke:#fde047;stroke-width:1.5}.crash .piece{fill:#facc15}.crash .piece.red{fill:#dc2626}.popup{font:800 7px sans-serif;text-anchor:middle;stroke:#00000080;stroke-width:.6;paint-order:stroke}.popup.good{fill:#fde047}.popup.bad{fill:#fca5a5}.hud-layer{position:absolute;inset:0;pointer-events:none}.hud{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;gap:.25rem;padding:.4rem .6rem;background:linear-gradient(rgb(15 23 42 / .55),transparent)}.hud .stat{display:flex;flex-direction:column;align-items:center;min-width:0}.hud span{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#bae6fd}.hud strong{font-size:clamp(.75rem,2.2vw,1.1rem);text-shadow:0 1px 2px #000;white-space:nowrap}.hud .mail em{font-style:normal;opacity:.3}.hud .planes{color:#facc15}.hud .fuel i{width:4.5rem;height:.5rem;margin-top:.35rem;border-radius:1rem;background:linear-gradient(90deg,#ef4444,#facc15,#22c55e) 0 0 / 4.5rem 100% no-repeat,#3f3f46;clip-path:inset(0 calc((1 - var(--fuel)) * 100%) 0 0 round 1rem)}.hud .fuel.low span{color:#f87171;animation:blink .5s steps(2) infinite}@keyframes blink{50%{opacity:.3}}.day,.fps{position:absolute;bottom:.6rem;padding:.2rem .5rem;border-radius:.5rem;background:#0f172a8c;font-size:.7rem;color:#bae6fd}.day{left:.6rem}.fps{right:.6rem}.fps strong{color:#f8fafc}.fps.low strong{color:#f87171}.hint{position:absolute;top:22%;left:50%;padding:.3rem .7rem;border-radius:.5rem;background:#0f172ab3;font-size:.85rem;color:#fde047;transform:translate(-50%);white-space:nowrap}.overlay{position:absolute;inset:35% 12% auto;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1rem;border:1px solid #facc15;border-radius:.75rem;background:#0b1220e0;text-align:center}.overlay strong{font-size:1.5rem;color:#facc15}.overlay.over strong{color:#f87171}.overlay span{font-size:.9rem}.pad{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"start start start" ". up ." "left drop right" ". down ." "help help help";gap:.4rem}.pad .key{margin:0;padding:.8rem .4rem;border:1px solid #334155;border-radius:.6rem;background:#0f172a;color:#f8fafc;font-size:1.1rem;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.pad .key:hover,.pad .key.held{border-color:#facc15}.pad .key.held{background:#334155}.pad .start{grid-area:start;font-size:.9rem;background:#facc15;color:#0f172a}.pad .up{grid-area:up}.pad .down{grid-area:down}.pad .left{grid-area:left}.pad .right{grid-area:right}.pad .drop{grid-area:drop;font-size:.85rem;background:#b45309}.pad .help{grid-area:help;margin:.5rem 0 0;padding:.6rem .7rem;border:1px solid #1e3a5f;border-radius:.6rem;background:#0b1220;font-size:.75rem;line-height:1.45}.stream{margin-top:.6rem;padding:.5rem .75rem;border:1px solid #1e3a5f;border-radius:.6rem;background:#020617;font:.72rem/1.4 ui-monospace,SF Mono,Menlo,monospace;color:#94a3b8}.stream-head{display:flex;align-items:center;gap:.5rem;min-width:0}.stream-head code{overflow:hidden;color:#67e8f9;text-overflow:ellipsis;white-space:nowrap}.stream .state{color:#e2e8f0;letter-spacing:.08em}.stream .led{flex:none;width:.5rem;height:.5rem;border-radius:50%;background:#64748b}.stream .led.connecting{background:#facc15;box-shadow:0 0 6px #facc15}.stream .led.streaming{background:#22c55e;box-shadow:0 0 6px #22c55e}.stream .led.idle{background:#15803d}.stream .led.error{background:#ef4444;box-shadow:0 0 6px #ef4444}.stream-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.25rem 1rem;margin:.4rem 0 0}.stream-stats div{min-width:0}.stream-stats dt{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:#475569}.stream-stats dd{margin:0;color:#e2e8f0;white-space:nowrap}
