.spatial-story{isolation:isolate;background:radial-gradient(#4b226d30,#0000 67%);width:100%;height:100dvh;min-height:480px;position:relative;overflow:hidden}.spatial-story .spatial-camera-viewport{width:100%;height:100%;inset:0;position:absolute!important}.universe:has(.spatial-story)>.uni-header{transition:opacity .65s}.universe:has(.spatial-story:not(.spatial-story--text))>.uni-header{opacity:0;pointer-events:none}.spatial-story-screen-veil{z-index:9999;opacity:1;pointer-events:auto;background:#000;position:fixed;inset:0}.spatial-story-screen-veil--flight{opacity:0;pointer-events:none;transition:opacity 6.8s cubic-bezier(.45,0,.3,1)}.spatial-story-flight-backdrop{z-index:1;pointer-events:none;background:#000;position:absolute;inset:0}.spatial-story .flight-starfield{z-index:2}.spatial-story--burst .spatial-story-flight-backdrop{opacity:0;transition:opacity 1.5s ease-in-out .7s}.spatial-story--settle .spatial-story-flight-backdrop,.spatial-story--origin .spatial-story-flight-backdrop,.spatial-story--origin-out .spatial-story-flight-backdrop,.spatial-story--dark .spatial-story-flight-backdrop,.spatial-story--aurora .spatial-story-flight-backdrop,.spatial-story--title .spatial-story-flight-backdrop,.spatial-story--text .spatial-story-flight-backdrop{opacity:0}.spatial-story-screen-veil--gather,.spatial-story-screen-veil--burst,.spatial-story-screen-veil--title,.spatial-story-screen-veil--text{opacity:0;pointer-events:none}.spatial-story-screen-veil--settle{opacity:1;pointer-events:none;transition:opacity .85s ease-in-out}.spatial-story-screen-veil--origin,.spatial-story-screen-veil--origin-out{opacity:1;pointer-events:none}.spatial-story-origin{color:#fff3ff;text-align:center;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;transition:opacity 1.2s ease-in-out,transform 1.2s ease-in-out;display:flex;position:absolute;inset:0;transform:translateY(10px)}.spatial-story-screen-veil--origin .spatial-story-origin{opacity:1;transform:translateY(0)}.spatial-story-origin h2{margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(30px,6vw,54px);font-weight:500;line-height:1.2}.spatial-story-origin p{color:#e9bee9;letter-spacing:.035em;margin:0;font-size:clamp(16px,3vw,22px)}.spatial-story-screen-veil--dark{pointer-events:none;background:#000;transition:background-color .85s ease-in-out}.spatial-story-screen-veil--aurora{opacity:0;pointer-events:none;transition:opacity 2.1s ease-in-out}.spatial-story:not(.spatial-story--text) .spatial-camera-viewport{pointer-events:none}.spatial-story-beacon{opacity:0;filter:drop-shadow(0 0 55px #c177e940);pointer-events:none;background:radial-gradient(circle,#fcd3ffa6 0 1%,#d084ea45 5%,#8042ac24 28%,#0000 70%);border-radius:50%;width:min(70vw,500px);height:min(70vw,500px);transition:opacity .75s;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.spatial-story-orbit{border:1px solid #ebbfff33;border-radius:50%;position:absolute;inset:13%;transform:rotate(-28deg)scaleY(.67);box-shadow:0 0 18px #e7a7ff21,inset 0 0 20px #e7a7ff14}.spatial-story-orbit-inner{border-color:#ffe3f861;inset:27%;transform:rotate(42deg)scaleY(.65)}.spatial-story-core{background:#fff6ff;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px 4px #f2cbff,0 0 48px 20px #da8eff80}.spatial-story-reading{inset:calc(82px + env(safe-area-inset-top)) 18px calc(32px + env(safe-area-inset-bottom));z-index:2;opacity:0;visibility:hidden;pointer-events:none;place-items:center;transition:opacity .85s,transform .85s,visibility .85s;display:grid;position:absolute;transform:translateY(15px)}.spatial-story-reading.is-arrived{opacity:1;visibility:visible;transform:translateY(0)}.spatial-story-content{pointer-events:auto;filter:drop-shadow(0 0 28px #bd68dd33);text-align:center;color:#fff3ff;background:radial-gradient(#0c071fe0 10%,#0c071f9e 58%,#0000 78%);flex-direction:column;align-items:center;width:min(100%,640px);max-height:100%;padding:clamp(20px,4vw,38px);display:flex;position:relative}.spatial-story-kicker{color:#e9bee9;letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;display:inline-flex}.spatial-story-kicker svg{width:16px;height:16px}.spatial-story-content h2{margin:12px 0 0;font-family:Playfair Display,Georgia,serif;font-size:clamp(32px,7vw,56px);font-weight:500;line-height:1.2}.spatial-story-rule{background:linear-gradient(90deg,#0000,#f6d4fa,#0000);width:80px;height:1px;margin:20px 0;box-shadow:0 0 14px #dda7f5}.spatial-story-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#efc7fa73 transparent;touch-action:pan-y;min-height:0;max-height:min(44dvh,340px);padding:0 8px;overflow-y:auto}.spatial-story-scroll p{white-space:pre-wrap;overflow-wrap:anywhere;color:#ffefffe6;margin:0;font-size:clamp(15px,3.6vw,18px);line-height:1.85}.spatial-story-continue{color:#fff6ff;cursor:pointer;background:#8b459952;border:1px solid #faceff80;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;margin-top:24px;padding:11px 20px;font-size:13px;font-weight:600;transition:background .2s,box-shadow .2s;display:inline-flex;box-shadow:0 0 24px #c16ce026}.spatial-story-continue svg{width:17px;height:17px}.spatial-story-continue:hover{background:#a152b880;box-shadow:0 0 28px #d081e74d}.spatial-story-continue:focus-visible,.spatial-story-scroll:focus-visible{outline-offset:3px;outline:2px solid #f5d2ff}.spatial-story--burst .spatial-story-beacon.is-forming{opacity:.35}.spatial-story-beacon.is-arrived{opacity:1}.spatial-story-birth{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.spatial-story-birth span{width:var(--particle-size);height:var(--particle-size);opacity:0;background:#fff4ff;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 0 7px 2px #e0adffbf}.spatial-story-birth--gather span{animation:.78s ease-in forwards spatialBirthGather;animation-delay:var(--particle-delay)}.spatial-story-birth--burst span{animation:2.2s cubic-bezier(.18,.55,.32,1) forwards spatialBirthScatter;animation-delay:var(--particle-delay)}.spatial-story-birth-glow{opacity:0;background:radial-gradient(circle,#fff3ffd9,#d291f84d 22%,#0000 70%);border-radius:50%;width:110px;height:110px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.1)}.spatial-story-birth--burst .spatial-story-birth-glow{animation:.65s ease-out forwards spatialBirthGlow}@keyframes spatialBirthGather{0%{opacity:0;transform:translate(var(--from-x), var(--from-y)) scale(.5)}25%{opacity:.85}to{opacity:1;transform:translate(0)scale(.7)}}@keyframes spatialBirthScatter{0%{opacity:1;transform:translate(0)scale(1)}35%{opacity:.9}to{opacity:0;transform:translate(var(--burst-x), var(--burst-y)) scale(.45)}}@keyframes spatialBirthGlow{15%{opacity:.8}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}.spatial-story-details{opacity:0;visibility:hidden;flex-direction:column;align-items:center;width:100%;min-height:0;transition:opacity .7s,transform .7s,visibility .7s;display:flex;transform:translateY(10px)}.spatial-story-details.is-visible{opacity:1;visibility:visible;transform:translateY(0)}@media (height<=600px){.spatial-story{min-height:0}.spatial-story-reading{inset-block:calc(64px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-bottom))}.spatial-story-content{padding:14px 20px}.spatial-story-rule{margin:8px 0}.spatial-story-continue{margin-top:12px}}@media (prefers-reduced-motion:reduce){.spatial-story-reading,.spatial-story-continue{transition:none}}.spatial-inventory{z-index:60;top:calc(86px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));pointer-events:none;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:fixed}.spatial-inventory>*{pointer-events:auto}.spatial-inventory .spatial-letter--inventory,.spatial-inventory .spatial-capsule--inventory,.spatial-inventory .spatial-roulette--inventory{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#170c2dd1;border:1px solid #f4caff66;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;transition:border-color .2s,opacity .2s;display:grid;position:relative;overflow:hidden;transform:none;box-shadow:0 0 16px #cf80ef2b}.spatial-inventory .spatial-letter--inventory:disabled,.spatial-inventory .spatial-capsule--inventory:disabled,.spatial-inventory .spatial-roulette--inventory:disabled{cursor:default;opacity:.68}.spatial-inventory .spatial-letter--inventory:not(:disabled):hover,.spatial-inventory .spatial-capsule--inventory:not(:disabled):hover,.spatial-inventory .spatial-roulette--inventory:not(:disabled):hover{border-color:#ffe3ffe6}.spatial-inventory .spatial-letter--inventory .spatial-letter-float,.spatial-inventory .spatial-capsule--inventory .spatial-capsule-float,.spatial-inventory .spatial-capsule--inventory .spatial-capsule-art{animation:none}.spatial-inventory .spatial-letter--inventory .spatial-letter-envelope{border-radius:3px;width:34px;height:24px;transform:rotate(-12deg)}.spatial-inventory .spatial-letter--inventory .spatial-letter-seal{width:12px;height:12px;transform:translateY(3px)}.spatial-inventory .spatial-letter--inventory .spatial-letter-seal svg{width:8px;height:8px}.spatial-inventory .spatial-capsule--inventory .spatial-capsule-art{transform:translate(-50%,-50%)rotate(-16deg)scale(.4)}.spatial-inventory .spatial-capsule-readout{gap:5px}.spatial-inventory .spatial-capsule-countdown{max-width:130px}.spatial-inventory .spatial-capsule-countdown span{letter-spacing:.1em;font-size:9px}.spatial-inventory .spatial-capsule-countdown strong{font-size:10px}.spatial-moment-photo-overlay{inset:calc(76px + env(safe-area-inset-top)) 0 calc(160px + env(safe-area-inset-bottom));z-index:2;pointer-events:none;place-items:center;display:grid;position:absolute}.spatial-moment-photo{pointer-events:none;text-align:center;flex-direction:column;align-items:center;width:min(86vw,560px);height:100%;min-height:0;display:flex;position:relative}.spatial-moment-photo:before{content:"";z-index:-1;filter:blur(18px);background:radial-gradient(#ce85e547,#0000 72%);border-radius:50%;position:absolute;inset:-22px}.spatial-moment-photo-frame{background:#0c091eeb;border:1px solid #ffdeff80;border-radius:20px;flex:1 1 0;justify-content:center;align-items:center;width:100%;min-height:0;padding:10px;display:flex;box-shadow:0 0 28px #d38cf038,0 14px 48px #050312bf}.spatial-moment-photo-frame img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;min-height:0;display:block}.spatial-moment-photo-caption{pointer-events:auto;color:#f7eafa;text-shadow:0 2px 12px #090518;max-height:min(20dvh,140px);margin-top:12px;font-size:14px;font-weight:600;line-height:1.4;display:block;overflow-y:auto}.spatial-moment-photo-description{white-space:pre-wrap;margin-top:8px;font-weight:400}.spatial-moment-photo-close{color:#fff;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:#0b081cc7;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:8px;right:8px}.spatial-moment-photo-close svg{width:18px;height:18px}.spatial-moment-photo-close:hover{background:#472e5df2}.spatial-moment-photo-close:focus-visible{outline-offset:3px;outline:2px solid #e9c4ff}.spatial-roulette-object{color:#f8e8ff;cursor:pointer;background:0 0;border:0;width:120px;padding:0;position:absolute;transform:translate(-50%,-50%)}.spatial-roulette-float{animation:6s ease-in-out infinite roulette-float;display:block}.spatial-roulette-wheel{filter:drop-shadow(0 0 9px #cd98e838);width:100%;height:auto;display:block}.roulette-outer-ring{fill:#140f24;stroke:#e1bd87;stroke-width:1.5px}.roulette-fine-ring{fill:none;stroke:#cfacdf;stroke-width:.8px;opacity:.65}.roulette-sector{stroke:#ccaccd;stroke-width:.65px}.roulette-inner-ring{fill:#211735;stroke:#e1bd87;stroke-width:1px}.roulette-option-label{fill:#f7e5ff;font-family:inherit;font-size:8.5px}.spatial-roulette-object-label{letter-spacing:.06em;text-shadow:0 1px 8px #07060f;margin-top:8px;font-size:15px;display:block}.spatial-roulette-object:focus-visible{outline-offset:8px;border-radius:50%;outline:2px solid #ebc4ff}.spatial-roulette--inventory svg{color:#f4d5aa;width:25px;height:25px}.spatial-roulette-backdrop{z-index:80;background:#07060f61}.spatial-roulette-dialog{z-index:81;width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));color:#f8e8ff;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#170c2dd6;border:1px solid #f4caff59;border-radius:24px;padding:32px 24px 24px;position:fixed;top:50%;left:50%;overflow:hidden auto;transform:translate(-50%,-50%);box-shadow:0 12px 48px #07060f66}.spatial-roulette-title{margin:0 16px;font-size:clamp(20px,5vw,26px);font-weight:500}.spatial-roulette-description{color:#d3bddf;margin:10px 0 24px;font-size:13px}.spatial-roulette-close{color:#e6d1ef;background:0 0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:10px;right:10px}.spatial-roulette-close svg{width:18px;height:18px}.spatial-roulette-stage{width:min(100%,320px);margin:0 auto;position:relative}.spatial-roulette-pointer{z-index:2;border-top:16px solid #f4d5aa;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.spatial-roulette-rotor{transition:transform var(--roulette-spin-ms,5.6s) cubic-bezier(.32, 0, .12, 1);border-radius:50%;overflow:hidden}.spatial-roulette-spin{aspect-ratio:1;color:#f4d5aa;letter-spacing:.08em;background:#291b3f;border:1px solid #e1bd87;border-radius:50%;width:25%;font-size:12px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spatial-roulette-spin:disabled{cursor:wait;opacity:.75}.spatial-roulette-result{color:#d3bddf;min-height:40px;margin-top:18px;font-size:15px}.spatial-roulette-result strong{color:#f8e8ff;font-size:20px;font-weight:500}.spatial-roulette-again{background:#302047;border:1px solid #f4caff66;border-radius:999px;padding:10px 18px;font-size:14px}.spatial-roulette-close:focus-visible,.spatial-roulette-spin:focus-visible,.spatial-roulette-again:focus-visible,.spatial-roulette--inventory:focus-visible{outline-offset:3px;outline:2px solid #ebc4ff}.spatial-roulette-close:hover,.spatial-roulette-again:hover{background:#413052}@keyframes roulette-float{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-9px)rotate(3deg)}}@media (prefers-reduced-motion:reduce){.spatial-roulette-float{animation:none}}@media (height<=640px){.spatial-roulette-dialog{padding:26px 18px 16px}.spatial-roulette-stage{width:min(100%,260px)}.spatial-roulette-description{margin-bottom:14px}.spatial-roulette-result{margin-top:10px}}.ttt-backdrop{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#07060f7a}.ttt-dialog,.ttt-confirm{z-index:81;width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));color:#f8e8ff;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(at top,#302047e8,#100b20f5);border:1px solid #f4caff4d;border-radius:24px;padding:32px 24px 20px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 16px 64px #07060f99,inset 0 1px #ffffff0a}.ttt-title{margin:0 18px;font-size:clamp(20px,5vw,26px);font-weight:500}.ttt-description{color:#d3bddf;margin:10px 0 20px;font-size:13px}.ttt-close{color:#e6d1ef;background:0 0;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:10px;right:10px}.ttt-close svg{width:18px;height:18px}.ttt-modes{gap:14px;padding:6px 0 20px;display:grid}.ttt-mode{overflow-wrap:anywhere;background:#30204770;border:1px solid #e7c6f740;border-radius:18px;gap:10px;padding:22px 16px;display:grid}.ttt-mode strong{font-size:16px;font-weight:500}.ttt-mode span{color:#d3bddf;font-size:13px}.ttt-score{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.ttt-score>div{gap:4px;min-width:0;display:grid}.ttt-score span{overflow-wrap:anywhere;font-size:13px}.ttt-score strong{color:#f4d5aa;font-size:28px;font-weight:500}.ttt-score-divider{color:#d3bddf88}.ttt-status{color:#f1d6fa;overflow-wrap:anywhere;place-items:center;min-height:42px;margin:14px 0 8px;font-size:14px;display:grid}.ttt-board{grid-template-columns:repeat(3,1fr);gap:8px;width:min(100%,286px);margin:0 auto;display:grid}.ttt-cell{aspect-ratio:1;background:linear-gradient(145deg,#ffffff08,#24183780);border:1px solid #d7b5ee35;border-radius:14px;place-items:center;min-width:0;transition:background .22s,border-color .22s,box-shadow .22s;display:grid;box-shadow:inset 0 0 20px #08041020}.ttt-cell:not(:disabled):hover{background:#413052;border-color:#e7c6f780}.ttt-cell--winner{background:#f4d5aa15;border-color:#f4d5aa99;box-shadow:0 0 18px #f4d5aa15}.ttt-piece{font-size:clamp(28px,8vw,40px);line-height:1;animation:.28s ease-out both ttt-piece-enter;display:block}.ttt-piece--x{filter:drop-shadow(0 0 7px #ef819944)}.ttt-piece--o{filter:drop-shadow(0 0 7px #60a5fa44)}.ttt-o-mark{vertical-align:-.12em;color:#60a5fa;width:1em;height:1em;display:inline-block}.ttt-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.ttt-primary,.ttt-secondary{color:#f8e8ff;background:#302047;border:1px solid #e7c6f745;border-radius:999px;padding:10px 18px;font-size:13px}.ttt-primary{background:#50305f;border-color:#e7c6f785}.ttt-secondary{color:#d3bddf;background:0 0}.ttt-notice{color:#d3bddfaa;min-height:18px;margin:12px 0 0;font-size:12px}.ttt-reset{color:#d3bddf99;background:0 0;border:0;margin:14px auto 0;padding:5px 8px;font-size:11px;display:block}.ttt-error{color:#f6bbcd;margin-top:12px;font-size:12px}.ttt-error p{margin-bottom:10px}.ttt-confirm-backdrop{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#07060f99;position:fixed;inset:0}.ttt-confirm{z-index:91;width:min(340px,100vw - 32px);padding:28px 20px}.ttt-confirm .ttt-title{margin:0;font-size:20px}.ttt-confirm .ttt-actions{align-items:center}.ttt-confirm .ttt-actions>button{margin-top:0}.ttt-dialog button{cursor:pointer;transition:background .2s,border-color .2s}.ttt-dialog button:disabled{cursor:default}.ttt-mode:disabled,.ttt-primary:disabled,.ttt-secondary:disabled,.ttt-reset:disabled{opacity:.5}.ttt-close:hover,.ttt-mode:not(:disabled):hover,.ttt-primary:not(:disabled):hover,.ttt-secondary:not(:disabled):hover{background:#413052}.ttt-reset:not(:disabled):hover{color:#f8e8ff}.ttt-dialog button:focus-visible,.ttt-confirm button:focus-visible{outline-offset:3px;outline:2px solid #ebc4ff}.spatial-tic-tac-toe--inventory{cursor:pointer}.spatial-tic-tac-toe--inventory:focus-visible{outline-offset:3px;outline:2px solid #ebc4ff}@keyframes ttt-piece-enter{0%{opacity:0;transform:scale(.65)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (height<=640px){.ttt-dialog{padding:26px 18px 14px}.ttt-description{margin-bottom:12px}.ttt-board{width:min(100%,225px)}.ttt-score strong{font-size:22px}.ttt-actions{margin-top:12px}}@media (prefers-reduced-motion:reduce){.ttt-piece{animation:none}.ttt-dialog button{transition:none}}.spatial-tic-tac-toe-object{color:#efd9f8;cursor:pointer;touch-action:manipulation;background:0 0;border:0;justify-items:center;gap:8px;width:180px;padding:12px;display:grid;position:absolute;transform:translate(-50%,-50%)}.spatial-tic-tac-toe-object:focus-visible{outline-offset:8px;border-radius:24px;outline:2px solid #e7c6f7}.spatial-tic-tac-toe-object:disabled{cursor:wait}.spatial-tic-tac-toe-float{width:100%;display:block}.spatial-tic-tac-toe-art{width:100%;height:auto;display:block}.spatial-tic-tac-toe-object .spatial-tic-tac-toe-art{filter:drop-shadow(0 0 12px #cf80ef40)}.spatial-tic-tac-toe-label{letter-spacing:.06em;text-shadow:0 2px 8px #07060f;font-size:12px}.spatial-exploration-motion .spatial-tic-tac-toe-float{--exploration-float-duration:12.8s;--exploration-turn-duration:30.4s;--exploration-motion-delay:-6.8s;--exploration-rise:8px;animation:exploration-local-float var(--exploration-float-duration) ease-in-out var(--exploration-motion-delay) infinite, exploration-local-turn var(--exploration-turn-duration) ease-in-out var(--exploration-motion-delay) infinite}.spatial-inventory .spatial-tic-tac-toe--inventory{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#170c2dd1;border:1px solid #f4caff66;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 16px #cf80ef2b}.spatial-tic-tac-toe--inventory .spatial-tic-tac-toe-art{width:36px}@media (prefers-reduced-motion:reduce){.spatial-exploration-motion .spatial-tic-tac-toe-float{animation:none}}.spatial-passive-object{color:#f5eafa;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:112px;min-height:128px;padding:8px;display:flex;position:absolute;transform:translate(-50%,-50%)}.spatial-passive-art{filter:drop-shadow(0 0 12px #da9fe940);font-size:64px;line-height:1.1}.spatial-passive-art>svg{display:block}.spatial-passive-art-image{width:96px;height:auto;display:block}.spatial-passive-slot-image{width:34px;height:auto;display:block}.spatial-passive-object:focus-visible{outline-offset:4px;outline:2px solid #ebc7f4}.spatial-passive-inventory-trigger{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#170c2dd1;border:1px solid #f4caff66;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-size:25px;transition:border-color .2s;display:grid;position:relative;box-shadow:0 0 16px #cf80ef2b}.spatial-passive-inventory-trigger:hover{border-color:#ffe3ffe6}.spatial-passive-inventory-trigger:focus-visible,.spatial-passive-inventory-close:focus-visible{outline-offset:3px;outline:2px solid #ebc4ff}.spatial-passive-inventory-backdrop{z-index:80;background:#07060f61}.spatial-passive-inventory{z-index:81;width:min(360px, calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-height:min(420px, calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));color:#f5eafa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none;background:#0f091df0;border:1px solid #f4caff59;border-radius:18px;flex-direction:column;padding:16px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 48px #07060f66}.spatial-passive-inventory-close{color:#e6d1ef;cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:8px;right:8px}.spatial-passive-inventory-close svg{width:18px;height:18px}.spatial-passive-inventory-close:hover{background:#5d2b7459}.spatial-passive-inventory-heading{flex:none;justify-content:space-between;align-items:center;gap:8px;padding-right:30px;display:flex}.spatial-passive-inventory-heading h2{letter-spacing:.04em;margin:0;font-size:16px;font-weight:600}.spatial-passive-inventory-heading>span{color:#bda9ce;font-size:11px}.spatial-passive-inventory-description{color:#bda9ce;flex:none;margin:6px 0 14px;font-size:12px}.spatial-passive-slots{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:6px;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.spatial-passive-slot{text-align:center;background:#05030ca6;border:1px dashed #c1aed52e;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:74px;padding:6px 3px;display:flex}.spatial-passive-slot-icon{filter:grayscale();opacity:.22;font-size:24px;line-height:1.2}.spatial-passive-slot-name{overflow-wrap:anywhere;color:#8e819e;align-items:center;min-height:24px;font-size:9px;line-height:1.3;display:grid}.spatial-passive-slot.is-collected{background:#5d2b7440;border-style:solid;border-color:#f4caff66;box-shadow:inset 0 0 14px #cf80ef14}.spatial-passive-slot.is-collected .spatial-passive-slot-icon{filter:none;opacity:1}.spatial-passive-slot.is-collected .spatial-passive-slot-name{color:#f5eafa}.spatial-letter{z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;width:112px;height:100px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.spatial-letter:focus-visible{outline-offset:4px;border-radius:16px;outline:2px solid #f5d2ff}.spatial-letter-float{place-items:center;width:100%;height:100%;transition:opacity .45s,transform .45s,filter .45s;animation:5s ease-in-out infinite spatialLetterFloat;display:grid}.spatial-letter-envelope{background:linear-gradient(150deg,#dec0e6,#9566a8);border:1px solid #ffe3ffcc;border-radius:6px;place-items:center;width:76px;height:50px;display:grid;position:relative;overflow:hidden;transform:rotate(-12deg);box-shadow:0 0 25px #db92f599,0 0 42px #db92f54d}.spatial-letter-envelope:before{content:"";clip-path:polygon(0 0,100% 0,50% 65%);background:linear-gradient(155deg,#f5d9f4,#b887c7);position:absolute;inset:0}.spatial-letter-seal{color:#653477;background:#f4d4e6;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:relative;transform:translateY(8px);box-shadow:0 0 10px #ffe4fcbf}.spatial-letter-seal svg{width:14px;height:14px}.spatial-letter.is-collecting{pointer-events:none}.spatial-letter.is-collecting .spatial-letter-float{opacity:0;filter:brightness(2);animation:none;transform:scale(.18)translateY(-16px)}@keyframes spatialLetterFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media (prefers-reduced-motion:reduce){.spatial-letter-float{animation:none}.spatial-letter.is-collecting .spatial-letter-float{transition-duration:.01ms}}.spatial-capsule{z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;width:112px;height:116px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.spatial-capsule:focus-visible{outline-offset:4px;border-radius:50%;outline:2px solid #e9c4ff}.spatial-capsule--inventory{flex:none;position:relative;transform:none}.spatial-capsule--inventory:disabled{cursor:default}.spatial-capsule-float{width:100%;height:100%;transition:opacity .45s,transform .45s,filter .45s;animation:6s ease-in-out infinite spatialCapsuleFloat;display:block;position:relative}.spatial-capsule-aura{filter:blur(11px);pointer-events:none;background:radial-gradient(#eaabf645,#9675dc1a 44%,#0000 73%);border-radius:50%;position:absolute;inset:14px 12px}.spatial-capsule-art{filter:drop-shadow(0 0 10px #deacf766);width:66px;height:94px;animation:20s ease-in-out infinite alternate spatialCapsuleTurn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-16deg)}.spatial-capsule-vessel{background:linear-gradient(100deg,#9973c26b,#ebcff138 25%,#2d265294 64%,#b48bca63);border:1px solid #ffe0f5a8;border-radius:34px;position:absolute;inset:2px;box-shadow:inset 2px 0 5px #ffe5fc40,inset -4px 0 9px #2616478c,0 0 12px #d59deb47}.spatial-capsule-glass{background:radial-gradient(at 45%,#f5b3d838,#0000 65%),linear-gradient(110deg,#9e8dd436,#0f0e2c4d 58%,#cfa2d629);border:1px solid #f8d9f96e;border-radius:25px;place-items:center;display:grid;position:absolute;inset:12px 3px;overflow:hidden}.spatial-capsule-glass:after{content:"";filter:blur(2px);background:linear-gradient(90deg,#fff4ff7a,#0000);border-radius:50%;width:6px;position:absolute;top:9px;bottom:8px;left:5px}.spatial-capsule-letter{background:linear-gradient(145deg,#fae9dc,#c5a8c5);border:1px solid #ffe4ded9;border-radius:3px;place-items:center;width:32px;height:27px;display:grid;position:relative;transform:rotate(7deg);box-shadow:0 1px 7px #f0add799,0 2px 8px #110a23a6}.spatial-capsule-letter:before,.spatial-capsule-letter:after{content:"";background:#774c7a6b;width:17px;height:1px;position:absolute;bottom:2px}.spatial-capsule-letter:before{transform-origin:0;left:1px;transform:rotate(31deg)}.spatial-capsule-letter:after{transform-origin:100%;right:1px;transform:rotate(-31deg)}.spatial-capsule-letter svg{z-index:1;color:#a35b8d;filter:drop-shadow(0 0 2px #ffd1e7b3);width:13px;height:13px;position:relative}.spatial-capsule-cap{background:linear-gradient(95deg,#805e90,#e8bfd5 31%,#846283 64%,#3a2f60);border:1px solid #ffdaedb3;height:14px;position:absolute;left:6px;right:6px;box-shadow:inset 0 2px 2px #fff7fd5c,0 2px 5px #10072680}.spatial-capsule-cap-top{border-radius:22px 22px 4px 4px;top:4px}.spatial-capsule-cap-bottom{border-radius:4px 4px 22px 22px;bottom:4px}.spatial-capsule-spark{background:#ffe6f3;border-radius:50%;width:4px;height:4px;animation:4s ease-in-out infinite spatialCapsuleGlimmer;position:absolute;top:9px;right:-3px;box-shadow:0 0 7px 2px #fbd0f4b3}.spatial-capsule.is-collecting{pointer-events:none}.spatial-capsule.is-collecting .spatial-capsule-float{opacity:0;filter:brightness(2);animation:none;transform:scale(.18)translateY(-16px)}@keyframes spatialCapsuleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes spatialCapsuleTurn{0%{transform:translate(-50%,-50%)rotate(-20deg)}to{transform:translate(-50%,-50%)rotate(-7deg)}}@keyframes spatialCapsuleGlimmer{0%,to{opacity:.4;transform:scale(.7)}50%{opacity:1;transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.spatial-capsule-float,.spatial-capsule-art,.spatial-capsule-spark{animation:none}.spatial-capsule.is-collecting .spatial-capsule-float{transition-duration:.01ms}}.spatial-letter-read-trigger{color:#fff3ff;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#4c2364c7;border:1px solid #f4caff99;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:600;transition:background .2s,box-shadow .2s;display:inline-flex;box-shadow:0 0 20px #d98dea38}.spatial-letter-read-trigger svg{width:16px;height:16px}.spatial-letter-read-trigger:hover{background:#824298e6;box-shadow:0 0 30px #d98dea66}.spatial-letter-read-trigger:focus-visible,.spatial-letter-reading-close:focus-visible{outline-offset:3px;outline:2px solid #f5d2ff}.spatial-letter-reading-backdrop{z-index:1000;padding:calc(20px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080516a8;place-items:center;display:grid;position:fixed;inset:0}.spatial-letter-reading{color:#fff3ff;text-align:center;flex-direction:column;align-items:center;width:min(100%,560px);max-height:100%;display:flex;position:relative}.spatial-letter-reading-close{z-index:2;color:#fff3ff;cursor:pointer;background:#140b28d9;border:1px solid #fcdfff73;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:0;right:0}.spatial-letter-reading-close svg{width:20px;height:20px}.spatial-letter-reading-envelope{color:#452358;transform-origin:bottom;background:linear-gradient(150deg,#dec0e6,#9566a8);border:1px solid #ffe3ffa6;border-radius:8px;flex:none;place-items:center;width:108px;height:70px;margin:32px 0 18px;transition:transform .55s,opacity .55s;display:grid;position:relative;overflow:hidden;box-shadow:0 0 35px #db92f566}.spatial-letter-reading-envelope svg{z-index:1;width:26px;height:26px}.spatial-letter-reading-flap{clip-path:polygon(0 0,100% 0,50% 65%);transform-origin:top;background:linear-gradient(155deg,#f5d9f4,#b887c7);transition:transform .55s;position:absolute;inset:0}.spatial-letter-reading.is-open .spatial-letter-reading-flap{transform:rotateX(170deg)}.spatial-letter-reading.is-open .spatial-letter-reading-envelope{opacity:0;transform:translateY(20px)scale(.85)}.spatial-letter-reading-page{opacity:0;background:radial-gradient(at top,#522b68f0,#100a25f5 76%);border:1px solid #f6d3ff61;border-radius:20px;flex-direction:column;align-items:center;width:100%;min-height:0;padding:clamp(22px,5vw,40px) clamp(20px,5vw,40px);transition:opacity .5s,transform .5s;display:flex;transform:translateY(28px)scale(.94);box-shadow:0 0 45px #cf80ef33,0 24px 70px #04020fa6}.spatial-letter-reading.is-open .spatial-letter-reading-page{opacity:1;transform:translateY(0)scale(1)}.spatial-letter-reading-label{color:#ebc9f0;letter-spacing:.22em;text-transform:uppercase;flex:none;font-size:11px}.spatial-letter-reading-rule{background:linear-gradient(90deg,#0000,#f6d4fa,#0000);flex:none;width:70px;height:1px;margin:18px 0}.spatial-letter-reading-text{overscroll-behavior:contain;color:#fff3ff;white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-width:thin;scrollbar-color:#efc7fa73 transparent;text-align:left;touch-action:pan-y;min-height:0;max-height:min(55dvh,500px);margin:0;padding:0 4px;font-size:clamp(16px,3.8vw,19px);line-height:1.8;overflow-y:auto}@media (height<=600px){.spatial-letter-reading-envelope{height:50px;margin:12px 0 8px}.spatial-letter-reading-page{padding-block:16px}.spatial-letter-reading-rule{margin:8px 0}.spatial-letter-reading-text{max-height:45dvh}}@media (prefers-reduced-motion:reduce){.spatial-letter-read-trigger,.spatial-letter-reading-envelope,.spatial-letter-reading-flap,.spatial-letter-reading-page{transition:none}}.spatial-capsule-readout{pointer-events:auto;flex-direction:column;align-items:center;gap:8px;display:flex}.spatial-capsule-countdown{color:#ebc9f0;text-align:center;text-shadow:0 0 16px #d98dea80;flex-direction:column;align-items:center;gap:3px;max-width:min(78vw,260px);display:flex}.spatial-capsule-countdown span{letter-spacing:.18em;text-transform:uppercase;font-size:10px}.spatial-capsule-countdown strong{color:#fff3ff;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(12px,3vw,15px);font-weight:600}.spatial-capsule-read-trigger:disabled{cursor:default;opacity:.7}.spatial-capsule-read-trigger:disabled:hover{background:#4c2364c7;box-shadow:0 0 20px #d98dea38}.spatial-capsule-read-trigger{color:#fff3ff;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#4c2364c7;border:1px solid #f4caff99;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:600;transition:background .2s,box-shadow .2s;display:inline-flex;box-shadow:0 0 20px #d98dea38}.spatial-capsule-read-trigger svg{width:16px;height:16px}.spatial-capsule-read-trigger:hover{background:#824298e6;box-shadow:0 0 30px #d98dea66}.spatial-capsule-read-trigger:focus-visible,.spatial-capsule-reading-close:focus-visible{outline-offset:3px;outline:2px solid #f5d2ff}.spatial-capsule-reading-backdrop{z-index:1000;padding:calc(20px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(#2a164cd9,#080516e6 75%);place-items:center;animation:.55s both spatialCapsuleBackdrop;display:grid;position:fixed;inset:0}.spatial-capsule-reading{color:#fff3ff;text-align:center;flex-direction:column;align-items:center;width:min(100%,560px);max-height:100%;display:flex;position:relative}.spatial-capsule-reading-close{z-index:2;color:#fff3ff;cursor:pointer;background:#140b28d9;border:1px solid #fcdfff73;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:0;right:0}.spatial-capsule-reading-close svg{width:20px;height:20px}.spatial-capsule-reading-vessel{color:#f4bddb;background:linear-gradient(110deg,#e6b9f573,#261946cc 60%,#c08ed780);border:1px solid #ffe0f5b3;border-radius:32px;flex:none;place-items:center;width:70px;height:96px;margin:24px 0 16px;transition:opacity .55s,transform .55s;display:grid;position:relative;box-shadow:inset 3px 0 8px #ffe5fc4d,0 0 40px #d59deb80}.spatial-capsule-reading-vessel svg{filter:drop-shadow(0 0 8px #ffbddf);width:30px;height:30px}.spatial-capsule-reading-lid{transform-origin:0 100%;background:linear-gradient(95deg,#805e90,#e8bfd5 40%,#3a2f60);border:1px solid #ffdaedcc;border-radius:20px 20px 4px 4px;height:16px;transition:transform .55s;position:absolute;top:-2px;left:5px;right:5px}.spatial-capsule-reading.is-open .spatial-capsule-reading-lid{transform:translate(-16px,-18px)rotate(-35deg)}.spatial-capsule-reading.is-open .spatial-capsule-reading-vessel{opacity:0;transform:translateY(16px)scale(.8)}.spatial-capsule-reading-page{opacity:0;background:radial-gradient(at top,#522b68f0,#100a25f5 76%);border:1px solid #f6d3ff61;border-radius:20px;flex-direction:column;align-items:center;width:100%;min-height:0;padding:clamp(22px,5vw,40px) clamp(20px,5vw,40px);transition:opacity .5s,transform .5s;display:flex;transform:translateY(28px)scale(.94);box-shadow:0 0 45px #cf80ef33,0 24px 70px #04020fa6}.spatial-capsule-reading.is-open .spatial-capsule-reading-page{opacity:1;transform:translateY(0)scale(1)}.spatial-capsule-reading-label{color:#ebc9f0;letter-spacing:.22em;text-transform:uppercase;flex:none;font-size:11px}.spatial-capsule-reading-rule{background:linear-gradient(90deg,#0000,#f6d4fa,#0000);flex:none;width:70px;height:1px;margin:18px 0}.spatial-capsule-reading-text{overscroll-behavior:contain;color:#fff3ff;white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-width:thin;scrollbar-color:#efc7fa73 transparent;text-align:left;touch-action:pan-y;min-height:0;max-height:min(55dvh,500px);margin:0;padding:0 4px;font-size:clamp(16px,3.8vw,19px);line-height:1.8;overflow-y:auto}@keyframes spatialCapsuleBackdrop{0%{opacity:0}to{opacity:1}}@media (height<=600px){.spatial-capsule-reading-vessel{height:58px;margin:8px 0}.spatial-capsule-reading-page{padding-block:16px}.spatial-capsule-reading-rule{margin:8px 0}.spatial-capsule-reading-text{max-height:45dvh}}@media (prefers-reduced-motion:reduce){.spatial-capsule-read-trigger,.spatial-capsule-reading-backdrop,.spatial-capsule-reading-vessel,.spatial-capsule-reading-lid,.spatial-capsule-reading-page{transition:none;animation:none}}.spatial-time-together{z-index:5;padding:calc(86px + env(safe-area-inset-top)) 18px calc(36px + env(safe-area-inset-bottom));pointer-events:none;color:#fff3ff;text-align:center;place-items:center;animation:.85s ease-out both spatialTimeArrival;display:grid;position:absolute;inset:0;overflow:hidden}.spatial-time-together-halo{aspect-ratio:1;filter:drop-shadow(0 0 45px #c375e633);background:radial-gradient(circle,#d99cf738,#6e359f1a 35%,#0000 68%);border-radius:50%;width:min(85vw,570px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spatial-time-together-halo span{border:1px solid #edc2ff38;border-radius:50%;position:absolute;inset:12%;transform:rotate(-28deg)scaleY(.64);box-shadow:0 0 19px #e7a7ff29}.spatial-time-together-halo span:nth-child(2){border-color:#ffe1f861;inset:28%;transform:rotate(40deg)scaleY(.7)}.spatial-time-together-halo i{background:#fff6ff;border-radius:50%;position:absolute;inset:47%;box-shadow:0 0 38px 15px #da8eff8c}.spatial-time-together-content{pointer-events:auto;filter:drop-shadow(0 0 28px #bd68dd33);scrollbar-width:thin;touch-action:pan-y;background:radial-gradient(#0c071fe6 10%,#0c071fad 58%,#0000 78%);flex-direction:column;justify-content:center;align-items:center;width:min(100%,680px);max-height:100%;padding:22px clamp(10px,3vw,32px);display:flex;position:relative;overflow-y:auto}.spatial-time-together-kicker{color:#e9bee9;letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;display:inline-flex}.spatial-time-together-kicker svg{width:16px;height:16px}.spatial-time-together h2{margin:12px 0 0;font-family:Playfair Display,Georgia,serif;font-size:clamp(32px,7vw,56px);font-weight:500;line-height:1.2}.spatial-time-together-intro{color:#ffefffcc;margin:10px 0 0;font-size:14px}.spatial-time-together-rule{background:linear-gradient(90deg,#0000,#f6d4fa,#0000);width:80px;height:1px;margin:24px 0;box-shadow:0 0 14px #dda7f5}.spatial-time-together-clock{font-variant-numeric:tabular-nums;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;width:100%;display:grid}.spatial-time-together-unit{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex;position:relative}.spatial-time-together-unit strong{font-size:clamp(25px,5vw,42px);font-weight:500;line-height:1;display:block}.spatial-time-together-unit small{color:#e9bee9;text-transform:uppercase;letter-spacing:.07em;font-size:clamp(9px,1.8vw,12px);display:block}.spatial-time-together-dot{color:#e9bee9;font-size:22px;position:absolute;top:5px;left:-5px}@media (width<=540px){.spatial-time-together-clock{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:20px}.spatial-time-together-unit:nth-child(4) .spatial-time-together-dot{display:none}}.spatial-time-together-empty{color:#ffefffcc;font-size:14px}.spatial-time-together-continue{color:#fff6ff;cursor:pointer;background:#8b459952;border:1px solid #faceff80;border-radius:999px;flex-shrink:0;align-items:center;gap:10px;margin-top:28px;padding:11px 20px;font-size:13px;font-weight:600;transition:background .2s,box-shadow .2s;display:inline-flex;box-shadow:0 0 24px #c16ce026}.spatial-time-together-continue svg{width:17px;height:17px}.spatial-time-together-continue:hover{background:#a152b880;box-shadow:0 0 28px #d081e74d}.spatial-time-together-continue:focus-visible{outline-offset:3px;outline:2px solid #f5d2ff}@keyframes spatialTimeArrival{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (height<=600px){.spatial-time-together{padding-block:calc(65px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-bottom))}.spatial-time-together-rule{margin:12px 0}.spatial-time-together-continue{margin-top:16px}}@media (prefers-reduced-motion:reduce){.spatial-time-together{animation:none}}.spatial-meteor-cinema{z-index:4;pointer-events:auto;background:0 0;position:absolute;inset:0;overflow:hidden}.spatial-meteor-cinema:has(.spatial-meteor-line){background:#07060fa3}.spatial-meteor-cinema .spatial-meteor-stage{z-index:1}.spatial-meteor-line{z-index:2;text-align:center;pointer-events:none;place-items:center;padding:32px;display:grid;position:absolute;inset:0}.spatial-meteor-line p{color:#f9f0ff;max-width:760px;font-family:var(--font-display), Georgia, serif;letter-spacing:.01em;text-shadow:0 0 20px #e0b5ff38;margin:0;font-size:clamp(1.65rem,4.5vw,3.25rem);font-weight:400;line-height:1.35;animation:6.4s ease-in-out both spatial-meteor-line}@keyframes spatial-meteor-line{0%{opacity:0;transform:translateY(8px)}12%{opacity:1;transform:translateY(0)}86%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.spatial-meteor-line p{animation-name:spatial-meteor-line-reduced}@keyframes spatial-meteor-line-reduced{0%,to{opacity:0}8%,92%{opacity:1}}}.spatial-camera-viewport.is-constellation .spatial-moments{opacity:0;pointer-events:none}.spatial-constellation{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.spatial-constellation-lines{width:100%;height:100%;position:absolute;overflow:visible}.spatial-constellation-lines line{fill:none;stroke:#f6ccffc7;stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 5px #e59fffe6);animation:.85s ease-in-out forwards spatial-constellation-draw;animation-delay:calc(1.1s + var(--leg-delay,0s))}.spatial-constellation-star{opacity:0;flex-direction:column;align-items:center;gap:12px;width:min(150px,29vw);animation:1.1s ease-out forwards spatial-constellation-appear;display:flex;position:absolute;transform:translate(-50%,-5px)}.spatial-constellation-core{background:#fff9ff;border-radius:50%;flex:none;width:10px;height:10px;display:block;box-shadow:0 0 7px 3px #efd1ff,0 0 28px 11px #cb85f6a6}.spatial-constellation-name{color:#f7e9ff;text-align:center;text-shadow:0 1px 8px #11081e;overflow-wrap:anywhere;max-width:100%;font-size:clamp(10px,1.5vw,13px)}.spatial-constellation-caption{z-index:4;bottom:calc(38px + env(safe-area-inset-bottom));color:#fff6ff;width:min(90%,640px);font-family:var(--font-display), Georgia, serif;text-align:center;text-shadow:0 0 20px #d89af9b3;pointer-events:none;margin:0;font-size:clamp(22px,4vw,38px);animation:.85s ease-out both spatial-constellation-appear;position:absolute;left:50%;transform:translate(-50%)}@keyframes spatial-constellation-draw{to{stroke-dashoffset:0}}@keyframes spatial-constellation-appear{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.spatial-constellation-lines line{stroke-dashoffset:0;animation:none}.spatial-constellation-star,.spatial-constellation-caption{opacity:1;animation:none}}.spatial-closing-meteor{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;top:-18%;left:-18%;transform:scale(.45)}.spatial-closing-meteor[data-star="1"]{top:-12%;left:22%}.spatial-closing-meteor[data-star="2"]{top:19%;left:-5%}.spatial-closing-caption{z-index:5;color:#fff6ff;font-family:var(--font-display), Georgia, serif;text-align:center;text-shadow:0 0 20px #d89af9b3;pointer-events:none;place-items:center;margin:0;padding:24px;font-size:clamp(1.65rem,4.5vw,3.25rem);font-weight:400;animation:1.2s ease-out both spatial-constellation-appear;display:grid;position:absolute;inset:0}.spatial-closing-caption.spatial-closing-caption--leaving{animation:1.2s ease-in-out forwards spatial-closing-caption-disappear}.spatial-closing-caption--preview-notice{text-wrap:balance;width:min(90%,720px);margin:auto;font-size:clamp(1.05rem,2.8vw,1.65rem);line-height:1.7}@keyframes spatial-closing-caption-disappear{0%{opacity:1}to{opacity:0}}.spatial-minimap{z-index:50;right:calc(16px + env(safe-area-inset-right));bottom:calc(76px + env(safe-area-inset-bottom));aspect-ratio:1;pointer-events:none;background:#0f0a1ac7;border:1px solid #eed9ff2e;border-radius:4px;place-items:center;width:clamp(72px,18vmin,108px);display:grid;position:fixed}.spatial-minimap *{pointer-events:none}.spatial-minimap svg{width:100%;height:100%;display:block}.spatial-minimap-arena{fill:#eed9ff06;stroke:#eed9ff66;stroke-width:1px;vector-effect:non-scaling-stroke}.spatial-minimap-camera{fill:#f5e7ff}.spatial-exploration-motion{--exploration-float-duration:11.7s;--exploration-turn-duration:28.3s;--exploration-motion-delay:-4.6s;--exploration-rise:8px}.spatial-exploration-motion .spatial-passive-art{display:inline-block}.spatial-exploration-motion .spatial-passive-art,.spatial-exploration-motion .spatial-moment-star,.spatial-exploration-motion .spatial-letter:not(.is-collecting) .spatial-letter-float,.spatial-exploration-motion .spatial-capsule:not(.is-collecting) .spatial-capsule-float,.spatial-exploration-motion .spatial-roulette-float{animation:exploration-local-float var(--exploration-float-duration) ease-in-out var(--exploration-motion-delay) infinite, exploration-local-turn var(--exploration-turn-duration) ease-in-out var(--exploration-motion-delay) infinite}.spatial-exploration-motion .spatial-letter{--exploration-float-duration:12.1s;--exploration-turn-duration:29.7s;--exploration-motion-delay:-7.3s}.spatial-exploration-motion .spatial-capsule{--exploration-float-duration:13.4s;--exploration-turn-duration:31.1s;--exploration-motion-delay:-2.9s;--exploration-rise:9px}.spatial-exploration-motion .spatial-roulette-object{--exploration-float-duration:10.9s;--exploration-turn-duration:26.6s;--exploration-motion-delay:-9.1s}.spatial-exploration-motion .spatial-moment-star{--exploration-float-duration:13.3s;--exploration-turn-duration:32.9s;--exploration-motion-delay:-5.2s;--exploration-rise:6px}.spatial-exploration-motion .spatial-moment-star:nth-child(3n+1){--exploration-float-duration:14.6s;--exploration-turn-duration:35.3s;--exploration-motion-delay:-11.4s}.spatial-exploration-motion .spatial-moment-star:nth-child(3n+2){--exploration-float-duration:12.7s;--exploration-turn-duration:30.1s;--exploration-motion-delay:-3.7s;--exploration-rise:7px}@keyframes exploration-local-float{0%,to{translate:0}29%{translate:0 calc(var(--exploration-rise) * -.72)}57%{translate:0 calc(var(--exploration-rise) * -1)}81%{translate:0 calc(var(--exploration-rise) * -.28)}}@keyframes exploration-local-turn{0%,to{rotate:-2deg}34%{rotate:1.3deg}68%{rotate:2.5deg}86%{rotate:-.6deg}}@media (prefers-reduced-motion:reduce){.spatial-exploration-motion .spatial-passive-art,.spatial-exploration-motion .spatial-moment-star,.spatial-exploration-motion .spatial-letter:not(.is-collecting) .spatial-letter-float,.spatial-exploration-motion .spatial-capsule:not(.is-collecting) .spatial-capsule-float,.spatial-exploration-motion .spatial-roulette-float{animation:none}}