:root{--bg: #0d1320;--surface: #172033;--screen: #0a0f1a;--line: rgba(232, 236, 242, .14);--text: #e8ecf2;--muted: #94a1b5;--sodium: #ffb454;--atc: #78e1a2;--apexing: #ffd166;--pitwall: #ff6a57;--ignition: #ff6a1a;--display: "Saira Condensed", "Arial Narrow", sans-serif;--body: "Saira", "Helvetica Neue", Arial, sans-serif;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:400 1.0625rem/1.55 var(--body)}a{color:inherit}h1,h2{font-family:var(--display);font-weight:700;line-height:.95;letter-spacing:0;margin:0}p{margin:0}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--sodium);outline-offset:3px}.skip{position:absolute;left:16px;top:-48px;padding:8px 12px;background:var(--text);color:var(--bg)}.skip:focus{top:12px}.top,main,footer{width:min(1120px,100% - 32px);margin-inline:auto}.top{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.home{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:700 1.5rem/1 var(--display);letter-spacing:.02em}.home img{display:block}.note-open{padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:transparent;cursor:pointer;font-weight:500;font-size:.95rem}.note-open:hover{border-color:var(--text)}.hero{padding:clamp(28px,6vw,72px) 0 clamp(40px,6vw,80px)}.hero-words{max-width:800px}.hero h1{font-size:clamp(3rem,9vw,6.5rem)}.lead{margin-top:20px;max-width:58ch;font-size:clamp(1.05rem,1.5vw,1.25rem);color:var(--muted)}.hangar{display:block;width:100%;height:auto;margin-top:clamp(20px,4vw,44px);overflow:visible}.hangar .stars{fill:var(--text);opacity:.7}.hangar .shell{fill:var(--surface);stroke:var(--text);stroke-width:3;stroke-linejoin:round}.hangar .ribs{stroke:var(--line);stroke-width:2;fill:none}.hangar .apron{stroke:var(--text);stroke-width:3;stroke-linecap:round}.door{--accent: var(--sodium);cursor:pointer}.door[data-door=atc]{--accent: var(--atc)}.door[data-door=apexing]{--accent: var(--apexing)}.door[data-door=pitwall]{--accent: var(--pitwall)}.door[data-door=ignition]{--accent: var(--ignition)}.door .opening{fill:color-mix(in srgb,var(--accent) 22%,var(--screen));stroke:var(--accent);stroke-width:3;transition:fill .16s}.door .spill{fill:var(--accent);opacity:.2;transition:opacity .16s}.door .glyph{fill:none;stroke:var(--accent);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.door .glyph circle[cx]{fill:var(--accent);stroke:none}.door[data-door=ignition] .glyph circle{fill:var(--accent);stroke:none}.door .door-name{font:600 26px var(--display);fill:var(--text);text-anchor:middle;letter-spacing:.02em}.door:hover .opening,.door:focus-visible .opening{fill:color-mix(in srgb,var(--accent) 42%,var(--screen))}.door:hover .spill,.door:focus-visible .spill{opacity:.45}.door:focus-visible{outline:none}.door:focus-visible .opening{stroke:var(--text);stroke-width:5}@media(prefers-reduced-motion:no-preference){.door .opening,.door .spill,.door .glyph{animation:lights-on .5s both}.door[data-door=atc]>*{animation-delay:.15s}.door[data-door=apexing]>*{animation-delay:.4s}.door[data-door=pitwall]>*{animation-delay:.65s}.door[data-door=ignition]>*{animation-delay:.9s}@keyframes lights-on{0%{opacity:0}40%{opacity:.5}55%{opacity:.1}}}.rooms{display:grid;gap:14px}.room{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,6fr);gap:clamp(20px,3.5vw,48px);align-items:center;padding:clamp(16px,2.4vw,28px);background:var(--surface);border-top:4px solid var(--accent);scroll-margin-top:16px}.room:nth-child(2n) .screen{order:2}.room:nth-child(2n) .brief{padding-left:clamp(0px,1.5vw,12px)}.room[data-game=atc]{--accent: var(--atc)}.room[data-game=apexing]{--accent: var(--apexing)}.room[data-game=pitwall]{--accent: var(--pitwall)}.room[data-game=ignition]{--accent: var(--ignition)}.screen{background:var(--screen);aspect-ratio:16 / 10;overflow:hidden}.screen canvas{display:block;width:100%;height:100%}.brief{padding-right:clamp(0px,1.5vw,12px)}.seat{font-family:var(--display);font-weight:500;font-size:1.15rem;color:var(--accent)}.brief h2{font-size:clamp(2.2rem,4vw,3.1rem);margin:4px 0 12px}.brief>p:not(.seat){color:var(--muted);max-width:48ch}.facts{display:flex;flex-wrap:wrap;gap:6px 18px;margin:16px 0 0;padding:0;list-style:none;font-size:.95rem}.facts li{position:relative;padding-left:14px}.facts li:before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--accent)}.play{display:inline-block;margin-top:22px;padding:12px 20px;background:var(--accent);color:var(--screen);border-radius:4px;font-family:var(--display);font-weight:600;font-size:1.25rem;letter-spacing:.01em;text-decoration:none}.play:hover{filter:brightness(1.08)}.note-section{margin:clamp(56px,9vw,120px) 0 60px;max-width:620px}.note-section h2{font-size:clamp(2rem,4vw,2.9rem)}.note-section>p{margin-top:14px;color:var(--muted)}.note-ways{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.note-ways .note-open{border-color:var(--text)}footer{padding:24px 0 40px;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem;display:grid;gap:8px}footer a{margin-right:16px}.foot-brand{display:flex;align-items:center;gap:8px;color:var(--text);font:700 1.2rem/1 var(--display);letter-spacing:.02em}.send-note{width:min(520px,100% - 32px);padding:0;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text)}.send-note::backdrop{background:#060a0eb3}.send-note-form,.send-note-done{display:grid;gap:14px;padding:24px}.send-note h2{font-size:2rem}.send-note-lead{color:var(--muted)}.send-note label{display:grid;gap:6px;font-size:.95rem;color:var(--muted)}.send-note select,.send-note textarea,.send-note input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:4px;background:var(--screen);color:var(--text);font:inherit}.send-note textarea{resize:vertical;min-height:120px}.send-note-status{min-height:1.4em;color:var(--sodium)}.send-note-actions{display:flex;justify-content:flex-end;gap:10px}.send-note button{padding:10px 20px;border-radius:4px;border:1px solid var(--line);background:transparent;color:var(--text);font-weight:500;cursor:pointer;transition:border-color .12s,color .12s,filter .12s}.send-note .send-note-cancel{color:var(--muted)}.send-note .send-note-cancel:hover{color:var(--text);border-color:var(--text)}.send-note .send-note-send,.send-note .send-note-back{background:var(--sodium);border-color:var(--sodium);color:var(--screen);font-weight:600}.send-note .send-note-send:hover:not(:disabled),.send-note .send-note-back:hover{filter:brightness(1.1)}.send-note .send-note-send:disabled{opacity:.75;cursor:progress}.send-note-done{position:relative;overflow:hidden;justify-items:center;text-align:center;padding-block:36px 32px}.send-note-done h2:focus{outline:none}.send-note-done p{color:var(--muted);max-width:40ch}.send-note-done a{color:var(--text)}.send-note-check{width:60px;height:60px;fill:none;stroke:var(--atc);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.send-note-check circle{fill:color-mix(in srgb,var(--atc) 14%,transparent)}.send-note-check path{stroke-dasharray:30;stroke-dashoffset:0;animation:note-tick .38s .12s ease-out both}.send-note .send-note-back{margin-top:6px}.send-note-done .send-note-countdown{font-size:.85rem}.send-note-timer{position:absolute;inset:auto 0 0 0;height:3px;background:var(--atc);transform-origin:left;animation:note-wait var(--note-wait, 4s) linear forwards}@keyframes note-tick{0%{stroke-dashoffset:30}}@keyframes note-wait{to{transform:scaleX(0)}}@media(max-width:760px){.room{grid-template-columns:1fr;gap:16px}.brief,.room:nth-child(2n) .brief{padding:0}.room:nth-child(2n) .screen{order:0}.door .door-name{display:none}.hangar{width:calc(100% + 32px);margin-inline:-16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}.send-note-check path{animation:none}.send-note-timer{display:none}}