@font-face{font-family:Outfit;src:url(../ui/Outfit-var.ttf) format("truetype");font-style:normal;font-weight:300 600;font-display:swap}:root{color-scheme:dark;--paper: #f3f1ec;--ink: #070b16;--muted: #bac3d4;--gold: #e1b97f}html,body{margin:0;height:100%}body{color:var(--paper);background:#030610;font-family:Outfit,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}body.ar{background:transparent}button,input,select{font:inherit;color:inherit}[hidden]{display:none!important}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}#scene-canvas,#overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#overlay{pointer-events:none}.stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;isolation:isolate}.stage[hidden]{display:none}.stage>*{pointer-events:auto}.stage>.cover,.stage>.scrim,.stage>.title-wrap,.stage>.reticle,.stage>.scene-header{pointer-events:none}#intro{background:#040813}.cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:#040813 url(../ui/cover.jpg) center / cover no-repeat}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#04081380,#04081329 30%,#040813b3 49%,#0408138a 64%,#040813eb)}.title-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}h1{font-size:clamp(3.5rem,10.5vw,10.5rem);line-height:1;letter-spacing:-.028em;font-weight:300;margin:0;display:grid;position:relative}h1 span{grid-area:1 / 1}.title-outline{color:transparent;-webkit-text-stroke:1.15px var(--paper)}.title-fill{animation:ink-in .95s cubic-bezier(.27,.71,.35,1) .24s both}@keyframes ink-in{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0 0 0)}}@media(prefers-reduced-motion:reduce){.title-fill{animation:none}}.cta{border:0;background:var(--paper);color:#070b16;border-radius:999px;padding:13px 28px;min-height:48px;font-weight:500;letter-spacing:.015em;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.cta:disabled{opacity:.55}.intro-cta{position:absolute;bottom:max(95px,calc(env(safe-area-inset-bottom) + 74px))}.intro-status{position:absolute;bottom:max(150px,calc(env(safe-area-inset-bottom) + 129px));margin:0 24px;text-align:center;color:var(--muted);font-size:.9rem}.partner-lockup{position:absolute;bottom:max(30px,calc(env(safe-area-inset-bottom) + 16px));display:flex;align-items:center;gap:14px;color:var(--paper);font-size:1rem}.partner-lockup .photon-logo{width:102px;height:auto}.partner-lockup .noware-logo{width:87px;height:auto}.guide-stage{background:transparent}.guide{align-self:end;text-align:center;margin:0 18px max(32px,calc(env(safe-area-inset-bottom) + 20px));background:#060a15e8;border:1px solid #ffffff21;padding:22px 27px;border-radius:22px;width:min(100% - 36px,390px);box-sizing:border-box}.guide h2{margin:0 0 5px;font-size:1.58rem;font-weight:400}.guide p{margin:0;color:var(--muted);line-height:1.4}.guide p+.cta{margin-top:18px}.reticle{position:absolute;top:8%;right:0;bottom:0;left:0;display:grid;place-items:center}.reticle svg{width:min(42vw,176px);height:auto}body:not(.ar){background:radial-gradient(ellipse at 50% 37%,#15213d,#070d1c 53%,#050812 83%)}body:not(.ar):is([data-look=abyssal-cyan],[data-look=popesz-test-1],[data-look=popesz-blue]){background:radial-gradient(ellipse at 48% 37%,#072644,#030c28 38%,#020412 77%)}body:not(.ar)[data-look=constellation]{background:radial-gradient(ellipse at 51% 40%,#11154c,#080d32 35%,#040518 77%)}body:not(.ar)[data-look=ultraviolet]{background:radial-gradient(ellipse at 50% 39%,#251358,#110b36 33%,#060616 76%)}body:not(.ar):is([data-look=magenta-aquarium],[data-look=popesz-magenta]){background:radial-gradient(ellipse at 34% 24%,#44137688,transparent 45%),radial-gradient(ellipse at 66% 40%,#181199,#0d1154,#050619 86%)}body:not(.ar)[data-look=slow-current]{background:radial-gradient(ellipse at 30% 57%,#131e577a,transparent 62%),radial-gradient(ellipse at 61% 30%,#162449,#080e26 51%,#050714 88%)}body:not(.ar)[data-look=original]{background:#191919}#scene{background:transparent}.scene-header{position:absolute;top:max(20px,env(safe-area-inset-top));left:max(26px,env(safe-area-inset-left));display:grid;gap:8px}.scene-logo{display:block;width:clamp(136px,32vw,192px);height:auto}.scene-note{color:var(--muted);font-size:.8rem}.scene-note:empty{display:none}.tools button,.back{min-height:41px;border:1px solid #ffffff30;background:#111a2d;color:var(--paper);border-radius:99px;padding:0 13px;white-space:nowrap}.tools button[aria-pressed=true]{border-color:#caa677;color:#f7d6a8}.back{position:absolute;top:max(17px,env(safe-area-inset-top));right:max(17px,env(safe-area-inset-right))}.look-picker{position:absolute;top:max(110px,calc(env(safe-area-inset-top) + 93px));left:max(26px,env(safe-area-inset-left));width:min(265px,calc(100% - 52px));padding:8px 10px 9px;border:1px solid #ffffff26;border-radius:12px;background:#080e20de;box-sizing:border-box}.look-label{display:block;margin:0 0 4px;color:var(--gold);font-size:.67rem;letter-spacing:.13em;text-transform:uppercase}.look-picker select{width:100%;min-height:38px;padding:3px 8px;border:1px solid #ffffff36;border-radius:7px;background:#111b33;color:var(--paper);font-size:.9rem}.look-description{margin:5px 1px 0;color:var(--muted);font-size:.73rem;line-height:1.3}.check{display:flex;align-items:center;gap:7px;margin-top:7px;color:var(--muted);font-size:.8rem;min-height:32px}.check[hidden]{display:none}.check input{width:1.05rem;height:1.05rem;margin:0;accent-color:var(--gold)}.tools{position:absolute;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:max(15px,env(safe-area-inset-bottom));display:flex;gap:8px;align-items:center;flex-wrap:wrap;width:fit-content;max-width:calc(100vw - 28px);padding:11px 12px;border:1px solid #ffffff22;border-radius:16px;background:#080e20de;box-sizing:border-box}.light-label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.85rem;min-height:41px}.light-label input{width:110px;accent-color:var(--gold)}.light-label output{min-width:35px}#light-status{flex-basis:100%;color:var(--muted);font-size:.8rem}#light-status:empty{display:none}