@font-face{font-family:Instrument Sans;src:url(/assets/InstrumentSans-Regular-CKZSepRd.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Instrument Sans;src:url(/assets/InstrumentSans-Medium-Cy8WOTPE.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Instrument Sans;src:url(/assets/InstrumentSans-SemiBold-DkLc1m-2.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--fg: #111111;--fg-muted: rgba(17, 17, 17, .62);--fg-faint: rgba(17, 17, 17, .38);--border: rgba(17, 17, 17, .28);--border-strong: rgba(17, 17, 17, .65);--btn-fill-bg: #000000;--btn-fill-fg: #ffffff;--font: "Instrument Sans", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);--theme-transition: .9s}:root[data-theme=dark]{--fg: #f4f3ef;--fg-muted: rgba(244, 243, 239, .62);--fg-faint: rgba(244, 243, 239, .38);--border: rgba(244, 243, 239, .28);--border-strong: rgba(244, 243, 239, .65);--btn-fill-bg: #ffffff;--btn-fill-fg: #000000}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#000;color:var(--fg);font-family:var(--font);font-weight:500;overflow:hidden;-webkit-font-smoothing:antialiased;transition:color var(--theme-transition) var(--ease)}#app{position:relative;width:100vw;height:100vh;height:100svh;background:#fff}#loader-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:#000;transition:opacity .5s var(--ease)}#loader-screen.loader-screen--hidden{opacity:0;pointer-events:none}#loader-logo{width:20svh;height:20svh;display:flex;align-items:center;justify-content:center}.loader-logo-frames{width:100%;height:100%;object-fit:contain}.loader-logo-placeholder{border:1px solid rgba(244,243,239,.28);border-radius:50%;animation:loader-pulse 1.6s var(--ease) infinite}@keyframes loader-pulse{0%,to{box-shadow:0 0 #f4f3ef2e}50%{box-shadow:0 0 0 14px #f4f3ef00}}#loader-bar-track{width:200px;height:1px;background:#f4f3ef47;position:relative}#loader-bar-fill{position:absolute;left:0;top:0;height:100%;width:0%;background:#f4f3ef;transition:width .25s var(--ease)}#loader-caption{font-size:11px;font-weight:500;letter-spacing:.18em;color:#f4f3ef9e;text-transform:uppercase}#viewer-stage{position:absolute;top:0;right:0;bottom:0;left:0}#api-frame{width:100%;height:100%;border:0;display:block;touch-action:none}#tutorial-touch-catcher{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none}#tutorial-touch-catcher.is-active{pointer-events:auto}#tutorial-hint{position:absolute;left:50%;bottom:100%;transform:translate(-50%);margin-bottom:36px;pointer-events:none;opacity:0;transition:opacity .4s var(--ease)}#tutorial-hint.is-visible{opacity:1}#tutorial-hint-icon{width:5svh;height:5svh;border-radius:50%;background:#0000;background-image:url(/assets/hint-icon-VyxLtoBD.png);background-size:70%;background-repeat:no-repeat;background-position:center;animation:tutorial-swing var(--tutorial-swing-period, 1.6s) ease-in-out infinite}@keyframes tutorial-swing{0%,to{transform:translate(calc(-1 * var(--tutorial-swing-distance, 20px)))}50%{transform:translate(var(--tutorial-swing-distance, 20px))}}#hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}#top-logo,#top-logo-fallback{position:absolute;top:40px;left:50%;transform:translate(-50%);height:10px;opacity:.92;filter:invert(var(--logo-invert, 0))}:root[data-theme=dark] #top-logo{--logo-invert: 1}#top-logo-fallback{height:auto;font-size:14px;font-weight:500;letter-spacing:.32em;color:var(--fg);transition:color var(--theme-transition) var(--ease)}#lower-stage{position:absolute;left:50%;bottom:9%;transform:translate(-50%);width:min(90vw,560px);display:flex;flex-direction:column;align-items:center;gap:26px;text-align:center;padding-bottom:env(safe-area-inset-bottom,0)}#step-text{display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease),transform .5s var(--ease)}#step-text.is-visible{opacity:1;transform:translateY(0)}#step-eyebrow{font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-muted);transition:color var(--theme-transition) var(--ease)}#step-headline{font-size:30px;font-weight:500;letter-spacing:.01em;color:var(--fg);transition:color var(--theme-transition) var(--ease)}#step-copy{font-size:15px;line-height:1.6;color:var(--fg-muted);font-weight:500;max-width:480px;transition:color var(--theme-transition) var(--ease)}#step-copy.is-empty{display:none}#cta-row{display:flex;align-items:center;justify-content:center}#nav-controls{display:none;gap:14px}#nav-controls.is-visible{display:flex}#btn-explore{display:none}#btn-explore.is-visible{display:inline-flex}.btn{font-family:var(--font);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:15px 34px;border-radius:2px;cursor:pointer;pointer-events:auto;transition:background-color .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)}.btn-primary{background:var(--btn-fill-bg);color:var(--btn-fill-fg);border:1px solid var(--btn-fill-bg)}.btn-primary:hover{opacity:.82}.btn-outline{background:transparent;color:var(--fg);border:1px solid var(--border);min-width:112px}.btn-outline:hover{border-color:var(--border-strong)}@media (max-width: 1000px){#top-logo,#top-logo-fallback{top:28px;height:8px}#lower-stage{bottom:6%;width:88vw;gap:20px}#step-headline{font-size:24px}#step-copy{font-size:13px}.btn{padding:14px 24px}#tutorial-hint{margin-bottom:24px}#tutorial-hint-icon{width:10svh;height:10svh}}
