.intro{--pink: #ff4fa3;--pink-core: #ffe3f1;--cyan: #5ee7ff;--dead-line: #3a2735;--dead-fill: #1a1420;position:fixed;inset:0;z-index:9999;display:grid;place-items:center;color:#d8d4e6;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;-webkit-user-select:none;user-select:none;cursor:default;-webkit-touch-callout:none}.intro__backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#150d1d,#08060c 60%,#030206)}.intro__stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:32px;width:min(760px,calc(100vw - 32px))}.intro__sign{width:100%;height:auto;overflow:visible;transform-origin:center;pointer-events:none}.neon-line{fill:none;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.neon-letter,.neon-script{text-anchor:middle;paint-order:stroke;stroke-linejoin:round}.neon-letter{font:800 104px Arial Narrow,Roboto Condensed,Helvetica Neue,Arial,sans-serif;stroke-width:6}.neon-script{text-anchor:start;font:italic 700 80px Segoe Script,Brush Script MT,Snell Roundhand,cursive;stroke-width:3}.neon-dead .neon-line{stroke:var(--dead-line)}.neon-dead .neon-letter,.neon-dead .neon-script{fill:var(--dead-fill);stroke:var(--dead-line)}.neon-tube{opacity:0}.neon-pink .neon-line{stroke:var(--pink)}.neon-pink .neon-letter{fill:var(--pink-core);stroke:var(--pink)}.neon-cyan .neon-line{stroke:var(--cyan)}.neon-cyan .neon-script{fill:#d9fbff;stroke:var(--cyan)}.neon-tube.is-on{animation:neon-on .6s linear forwards}.intro.is-ready .neon-tube.is-on[data-buzz]{animation:neon-on .6s linear forwards,neon-buzz 5s 1s linear infinite}@keyframes neon-on{0%{opacity:0}8%{opacity:.9}12%{opacity:.1}20%{opacity:.75}26%{opacity:0}34%{opacity:1}40%{opacity:.4}48%,to{opacity:1}}@keyframes neon-buzz{0%,70%,74%,78%,to{opacity:1}72%{opacity:.35}76%{opacity:.6}}.intro__status{display:grid;place-items:center;height:44px}.intro__percent,.intro__enter{grid-area:1 / 1;transition:opacity .4s ease}.intro__percent{font:600 .75rem/1 ui-monospace,Cascadia Mono,Consolas,monospace;letter-spacing:.25em;color:#6f6880}.intro__enter{padding:12px 34px;border:1px solid rgba(94,231,255,.5);border-radius:999px;background:transparent;color:#c4f7ff;font:600 .8rem/1 system-ui,sans-serif;letter-spacing:.35em;text-indent:.35em;text-transform:uppercase;cursor:pointer;opacity:0;pointer-events:none;box-shadow:0 0 18px #5ee7ff26,inset 0 0 12px #5ee7ff14;transition:opacity .4s ease,box-shadow .25s ease,color .25s ease,border-color .25s ease}.intro__enter:hover,.intro__enter:focus-visible{color:#fff;border-color:var(--cyan);box-shadow:0 0 26px #5ee7ff66,inset 0 0 16px #5ee7ff33;outline:none}.intro.is-ready .intro__percent{opacity:0}.intro.is-ready .intro__enter{opacity:1;pointer-events:auto}.intro.is-leaving .intro__status{opacity:0;transition:opacity .2s ease}.intro.is-leaving{pointer-events:none}.intro.is-failed .intro__percent{letter-spacing:.05em;color:#ff8fbf}@media (prefers-reduced-motion: reduce){.neon-tube.is-on,.intro.is-ready .neon-tube.is-on[data-buzz]{animation:none;opacity:1}}*{box-sizing:border-box;margin:0;padding:0}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#experience{position:fixed;height:100%;width:100%;top:0;left:0;overflow:hidden}#experience #experience-canvas{height:100%;width:100%}.controls-hint{position:fixed;left:50%;bottom:24px;transform:translate(-50%,8px);display:flex;align-items:center;gap:12px;max-width:calc(100vw - 144px);padding:8px 8px 8px 18px;border-radius:12px;background:#0c0a18b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#e8e6f5;font-size:.85rem;opacity:0;visibility:hidden;transition:opacity .4s ease,transform .4s ease,visibility 0s linear .4s;z-index:10}.controls-hint.is-visible{opacity:1;visibility:visible;transform:translate(-50%);transition:opacity .4s ease,transform .4s ease}.controls-hint kbd{display:inline-block;padding:1px 7px;margin-right:2px;border:1px solid rgba(255,255,255,.35);border-bottom-width:2px;border-radius:5px;font-family:inherit;font-size:.8rem;color:#fff}.controls-hint__items{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px}.controls-hint__item{white-space:nowrap}.controls-hint__close,.view-toolbar__button{display:grid;place-items:center;flex:none;border:0;cursor:pointer;color:#e8e6f5;font:600 1rem/1 system-ui,sans-serif}.controls-hint__close svg,.view-toolbar__button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.controls-hint__close:focus-visible,.view-toolbar__button:focus-visible{outline:2px solid #8fd8ff;outline-offset:2px}.controls-hint__close{width:28px;height:28px;border-radius:8px;background:transparent}.controls-hint__close svg{width:14px;height:14px}.controls-hint__close:hover{background:#ffffff1f}.view-toolbar{position:fixed;right:16px;bottom:24px;display:flex;gap:8px;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility 0s linear .4s;z-index:10}.view-toolbar.is-visible{opacity:1;visibility:visible;transition:opacity .4s ease}.view-toolbar__button{width:44px;height:44px;border-radius:12px;background:#0c0a18b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s ease,opacity .3s ease,transform .3s ease}.view-toolbar__button:hover{background:#282446d9}.view-toolbar__button.is-active{box-shadow:inset 0 0 0 1px #8fd8ff99}.view-toolbar__reset{opacity:0;transform:translate(8px);pointer-events:none}.view-toolbar__reset.is-visible{opacity:1;transform:none;pointer-events:auto}@media (max-width: 640px){.controls-hint{bottom:80px;max-width:calc(100vw - 32px)}}