:root{--wood-light:#dcae6c;--wood-dark:#b8823f;--grain:#6b4f2a;--slate:#25262b;--shell:#f6f3ec;--night:#0a0512;--magenta:#ff2d9b;--cyan:#00e5ff;--deep-stone:#12001f;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ease:cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box}html,body{background:var(--night);height:100%;color:var(--shell);font-family:var(--sans);overscroll-behavior:none;margin:0}body{overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#scene.is-live{cursor:crosshair}#scene.is-dragging{cursor:grabbing!important}.is-hidden{display:none!important}.boot{z-index:40;transition:opacity .9s var(--ease);background:radial-gradient(circle at 50% 45%,#2a1d10 0%,#140d07 55%,#080505 100%);flex-direction:column;justify-content:center;align-items:center;gap:1.4rem;display:flex;position:fixed;inset:0}.boot.is-done{opacity:0;pointer-events:none}.boot__mark{font-family:var(--serif);color:var(--wood-light);letter-spacing:.02em;opacity:.9;animation:breathe 3.4s var(--ease) infinite;font-size:clamp(3rem,9vw,5.5rem);line-height:1}.boot__label{font-family:var(--serif);letter-spacing:.14em;color:#dcae6c8c;margin:0;font-size:.95rem;font-style:italic}@keyframes breathe{0%,to{opacity:.35}50%{opacity:.95}}.stage{z-index:20;pointer-events:none;justify-content:center;padding:0 1.5rem;display:flex;position:fixed;bottom:clamp(2rem,8vh,5.5rem);left:0;right:0}.narration{text-align:center;max-width:46ch;font-family:var(--serif);letter-spacing:.01em;color:#f6f3eceb;text-shadow:0 2px 22px #000000d9;opacity:0;transition:opacity 1.1s var(--ease);margin:0;font-size:clamp(1.05rem,2.4vw,1.5rem);line-height:1.5}.narration.is-visible{opacity:1}.narration.is-charged{font-family:var(--mono);letter-spacing:.06em;color:#fff;text-shadow:0 0 18px #ff2d9be6,0 0 46px #ff2d9b73;font-size:clamp(.95rem,2vw,1.25rem)}.skip{z-index:25;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#f6f3ec99;cursor:pointer;transition:color .26s var(--ease), border-color .26s var(--ease), opacity .5s var(--ease);background:#0a051259;border:1px solid #f6f3ec38;border-radius:2px;padding:.55rem 1.1rem;font-size:.72rem;position:fixed;bottom:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem)}.skip:hover,.skip:focus-visible{color:var(--shell);border-color:#f6f3ec99}.replay{z-index:16;inset:calc(clamp(1rem,3vw,2rem) + 3.1rem) auto auto clamp(1rem,3vw,2rem)}.brand{z-index:15;pointer-events:none;animation:fade-up 1.2s var(--ease) both;flex-direction:column;gap:.3rem;display:flex;position:fixed;top:clamp(1rem,3vw,2rem);left:clamp(1rem,3vw,2rem)}.brand__name{font-family:var(--mono);letter-spacing:.32em;color:#f6f3ecd9;font-size:clamp(.85rem,1.6vw,1rem)}.brand__37{color:var(--magenta);text-shadow:0 0 16px #ff2d9bd9}.brand__sub{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:#00e5ff80;font-size:.62rem}.hint{z-index:15;text-align:center;font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:#00e5ff8c;pointer-events:none;animation:fade-up 1.4s var(--ease) both;transition:opacity .5s var(--ease);margin:0;padding:0 1rem;font-size:.68rem;position:fixed;bottom:clamp(1.2rem,4vh,2.4rem);left:50%;transform:translate(-50%)}.hint.is-faded{opacity:0;animation:none}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1}}.invite{z-index:22;text-align:center;font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:#ff2d9bbf;text-shadow:0 0 18px #ff2d9b80;pointer-events:none;animation:fade-up 1.2s var(--ease) both;transition:color .6s var(--ease), font-size .6s var(--ease);margin:0;padding:0 1rem;font-size:.68rem;position:fixed;bottom:clamp(1.5rem,4vh,2.6rem);left:50%;transform:translate(-50%)}.invite.is-urgent{color:#fff;text-shadow:0 0 20px #ff2d9bf2,0 0 48px #ff2d9b80;font-size:.78rem}.brand[hidden],.hint[hidden],.invite[hidden],.panel[hidden],.skip[hidden]{display:none}.panel{z-index:30;overscroll-behavior:contain;-webkit-backdrop-filter:blur(18px);border-left:1px solid var(--accent,var(--magenta));width:min(30rem,92vw);height:100%;transition:transform .62s var(--ease);background:linear-gradient(#12001ff0 0%,#0a0512f7 100%);padding:clamp(1.6rem,4vw,2.6rem);position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-30px 0 80px #000000a6}.panel.is-open{transform:translate(0)}.panel:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff07 0 1px,#0000 1px 3px);position:absolute;inset:0}.panel__close{width:2.2rem;height:2.2rem;font-family:var(--mono);color:#f6f3ec8c;cursor:pointer;transition:color .22s var(--ease), border-color .22s var(--ease);background:0 0;border:1px solid #f6f3ec2e;border-radius:2px;place-items:center;font-size:1rem;display:grid;position:absolute;top:1rem;right:1rem}.panel__close:hover,.panel__close:focus-visible{color:var(--accent,var(--magenta));border-color:var(--accent,var(--magenta))}.panel__coord{font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--accent,var(--magenta));margin:0 0 .7rem;font-size:.66rem}.panel__title{font-family:var(--mono);letter-spacing:-.01em;color:#fff;text-shadow:0 0 30px var(--accent-glow,#ff2d9b73);margin:0 0 .9rem;font-size:clamp(1.5rem,4vw,2rem);font-weight:500;line-height:1.1}.panel__blurb{color:#f6f3ece0;margin:0 0 1.6rem;font-size:1.02rem;line-height:1.55}.panel__rule{background:linear-gradient(90deg, var(--accent,var(--magenta)), transparent);opacity:.55;height:1px;margin:0 0 1.6rem}.panel__body p{color:#f6f3eca8;margin:0 0 1.05rem;font-size:.93rem;line-height:1.72}.panel__media{flex-direction:column;gap:.9rem;margin:1.6rem 0 0;display:flex}.panel__media img{background:#0006;border:1px solid #00e5ff2e;border-radius:3px;width:100%;display:block}.panel__media.is-tall{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.panel__link{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent,var(--magenta));border:1px solid var(--accent,var(--magenta));transition:background .26s var(--ease), color .26s var(--ease), box-shadow .26s var(--ease);border-radius:2px;align-items:center;gap:.6rem;margin-top:1.9rem;padding:.75rem 1.3rem;font-size:.76rem;text-decoration:none;display:inline-flex}.panel__link:hover,.panel__link:focus-visible{color:var(--night);background:var(--accent,var(--magenta));box-shadow:0 0 30px var(--accent-glow,#ff2d9b80)}.panel__nolink{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#f6f3ec6b;border:1px dashed #f6f3ec33;border-radius:2px;margin-top:1.9rem;padding:.75rem 1rem;font-size:.68rem}.panel__footer{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#f6f3ec4d;border-top:1px solid #f6f3ec1a;margin-top:2.4rem;padding-top:1.2rem;font-size:.62rem}@media (width<=640px){.panel{border-left:none;border-top:1px solid var(--accent,var(--magenta));border-radius:10px 10px 0 0;width:100%;height:min(78vh,100%);top:auto;bottom:0;transform:translateY(100%)}.panel.is-open{transform:translateY(0)}}.unsupported{z-index:100;background:radial-gradient(circle at 50% 30%, #ff2d9b17, transparent 60%), var(--night);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.unsupported__card{background:linear-gradient(#dcae6c0d,#0000 60%),#12001fd9;border:1px solid #00e5ff47;border-radius:3px;max-width:34rem;padding:clamp(1.8rem,5vw,3rem);position:relative;box-shadow:0 30px 90px #000000b3}.unsupported__eyebrow{font-family:var(--mono);letter-spacing:.34em;color:var(--magenta);margin:0 0 1.4rem;font-size:.66rem}.unsupported__title{font-family:var(--serif);color:var(--shell);margin:0 0 1.2rem;font-size:clamp(1.5rem,4.5vw,2.1rem);font-weight:400;line-height:1.25}.unsupported__body{color:#f6f3eca8;margin:0 0 1.2rem;font-size:.95rem;line-height:1.7}.unsupported__reason{font-family:var(--mono);letter-spacing:.06em;color:#00e5ff8c;margin:0 0 1.6rem;font-size:.7rem}.unsupported__reason:empty{display:none}.unsupported__contact{color:#f6f3eca8;margin:0;font-size:.95rem;line-height:1.7}.unsupported__contact a{font-family:var(--mono);color:var(--cyan);border-bottom:1px solid #00e5ff66;padding-bottom:1px;text-decoration:none}.unsupported__contact a:hover,.unsupported__contact a:focus-visible{color:#fff;border-bottom-color:#fff}@media (prefers-reduced-motion:reduce){.boot,.narration,.panel,.skip{transition-duration:.22s}.boot__mark{opacity:.9;animation:none}.brand,.hint{animation-duration:1ms}}