:root{color-scheme:dark;--ink:#f7f3ff;--muted:#b9bbd7;--gold:#ffe49a;--mint:#91f0d0;--violet:#a99cff;--bg:#15172f}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:ui-rounded,SF Pro Rounded,Trebuchet MS,system-ui,sans-serif}body{overflow:hidden;background:radial-gradient(ellipse at 12% 8%,rgba(98,85,172,.22),transparent 38%),radial-gradient(ellipse at 88% 70%,rgba(39,139,148,.16),transparent 38%),var(--bg)}button{font:inherit;color:inherit;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:2px solid var(--gold);outline-offset:5px;border-radius:50%}button:disabled{opacity:.28;cursor:default}#app{position:relative;isolation:isolate;min-height:100svh;overflow:hidden}#ambient-stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;overflow:hidden}.star{position:absolute;width:3px;height:3px;border-radius:50%;background:#e7e2ff;box-shadow:0 0 9px #bcb3ff;animation:twinkle 4s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.2;transform:scale(.7)}to{opacity:1;transform:scale(1.2)}}.screen{display:none;min-height:100svh;height:100svh;padding:calc(14px + env(safe-area-inset-top)) 18px calc(16px + env(safe-area-inset-bottom));position:relative}.screen.active{display:flex;flex-direction:column}.home-top,.screen-top,.game-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;flex:0 0 auto}.icon-button{width:46px;height:46px;display:inline-grid;place-items:center;border-radius:50%;color:var(--ink);flex:0 0 auto;transition:transform .18s,filter .18s,opacity .18s;position:relative}.icon-button svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-button:hover{transform:translateY(-2px) scale(1.05);filter:drop-shadow(0 0 8px rgba(190,177,255,.42))}.icon-button:active{transform:scale(.91)}.home-hero{margin:auto 0;display:flex;flex-direction:column;align-items:center;gap:13px;padding:15px 0 28px}.brand-orbit{width:min(40vw,200px);aspect-ratio:1;position:relative;display:grid;place-items:center;margin-bottom:2px}.brand-orbit:before,.brand-orbit:after{content:"";position:absolute;border:1px solid rgba(185,177,255,.23);border-radius:50%;top:2%;right:2%;bottom:2%;left:2%}.brand-orbit:after{top:15%;right:15%;bottom:15%;left:15%;border-style:dashed;animation:orbit 40s linear infinite}.brand-orbit svg{width:75%;height:75%;filter:drop-shadow(0 0 18px rgba(169,156,255,.35))}.logo-lines{stroke:#b6a7ff;stroke-width:2.5;fill:none;stroke-linecap:round}.logo-dots{fill:#ffe49a}@keyframes orbit{to{transform:rotate(360deg)}}h1{font-size:clamp(25px,5vw,35px);letter-spacing:.15em;font-weight:900;margin:0;text-align:center}.tagline,.collection-meta,.quiet-footer,.map-progress,.game-instructions{color:var(--muted);text-align:center}.tagline{font-size:13px;letter-spacing:.04em}.collection-choices{display:flex;align-items:flex-start;justify-content:center;gap:clamp(25px,9vw,80px);width:100%;margin-top:23px}.collection-choice{width:clamp(125px,34vw,190px);display:flex;flex-direction:column;align-items:center;gap:9px;padding:0;text-align:center;transition:transform .2s}.collection-choice:hover{transform:translateY(-4px)}.collection-art{width:clamp(108px,31vw,150px);aspect-ratio:1;display:grid;place-items:center;filter:drop-shadow(0 7px 18px rgba(0,0,0,.17))}.collection-art svg{width:100%;height:100%;overflow:visible}.zodiac-art svg circle:first-child{fill:#302b51;stroke:#8b81d2;stroke-width:1}.zodiac-art svg path{stroke:#ffe49a;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.zodiac-art svg g{fill:#fff0b3}.animal-art svg path:first-child{fill:#e6a06d;stroke:#302c55;stroke-width:3;stroke-linejoin:round}.animal-art svg path:nth-child(2){fill:none;stroke:#302c55;stroke-width:3;stroke-linecap:round}.collection-choice strong{font-size:clamp(15px,3.4vw,19px);font-weight:850}.collection-meta{font-size:11px}.collection-meta b{color:var(--gold)}.quiet-footer{margin-top:auto;font-size:10px;letter-spacing:.13em;padding-top:16px}.heading-wrap{text-align:center;flex:1;min-width:0}.heading-wrap h2{margin:0;font-size:clamp(20px,4.7vw,28px)}.heading-wrap p{margin:5px 0 0;font-size:12px;color:var(--muted)}.level-map{position:relative;width:min(100%,640px);height:min(72vh,700px);min-height:300px;margin:auto;flex:1}#level-path{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.level-node{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:850;transition:transform .18s;z-index:1}.level-node.complete{background:radial-gradient(circle at 30% 25%,#9df2d8,#398c98 75%);box-shadow:0 0 15px #72e8cf33}.level-node.current{background:radial-gradient(circle at 30% 25%,#fff0b3,#d49b43 75%);color:#35294a;box-shadow:0 0 0 4px #ffd78029,0 0 22px #ffd7804d;animation:pulse 2s ease-in-out infinite}.level-node.locked{background:#3235583d;border:1px solid rgba(141,145,183,.35);color:#777b9f}.level-node:hover{transform:translate(-50%,-50%) scale(1.1)}@keyframes pulse{50%{box-shadow:0 0 0 7px #ffd78012,0 0 26px #ffd7806b}}.map-progress{font-size:12px;flex:0 0 auto;margin:6px 0 2px}.game-screen{gap:7px}.game-heading{text-align:center;min-width:0;flex:1}.game-heading h2{font-size:15px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.game-heading p{margin:3px 0 0;color:var(--muted);font-size:11px}.game-instructions{font-size:11px;margin:0;min-height:18px;flex:0 0 auto}.play-layout{min-height:0;flex:1;display:flex;position:relative;gap:0;align-items:stretch}.world-wrap{position:relative;min-width:0;flex:1;overflow:hidden;touch-action:none;border-radius:18px 0 0 18px;isolation:isolate}#game-canvas{width:100%;height:100%;display:block;outline:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.world-vignette{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(8,10,26,.28) 100%);z-index:1}.right-rail{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:21px;width:52px;flex:0 0 52px;margin-left:1px;touch-action:manipulation}.right-rail .icon-button{width:43px;height:43px;color:#e5e0ff}.rail-group{display:flex;flex-direction:column;align-items:center;gap:4px}.rail-caption{font-size:9px;letter-spacing:.16em;color:#9e9fc5;margin-bottom:3px}.camera-tools.hidden{display:none}.camera-preset.active{color:var(--gold);filter:drop-shadow(0 0 7px rgba(255,228,154,.5))}.camera-preset.active:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;border:1px solid rgba(255,228,154,.55);pointer-events:none}.bottom-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:51px;flex:0 0 auto}#trace-progress{color:var(--muted);font-size:11px;margin:0 0 0 4px}.game-actions,.reveal-controls{display:flex;align-items:center;gap:clamp(12px,4vw,26px)}.game-actions .icon-button{width:42px;height:42px}.reveal{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:8px;pointer-events:none;text-align:center;background:radial-gradient(ellipse at center,#1a1e42d6,#15172f14 77%)}.reveal.show{display:flex}.reveal-art{width:min(39vw,210px);aspect-ratio:1;animation:discover .7s cubic-bezier(.2,1.35,.35,1) both;filter:drop-shadow(0 0 22px rgba(255,215,128,.32))}.reveal-art svg{width:100%;height:100%}.reveal h2{font-size:clamp(22px,5.8vw,32px);margin:0;text-shadow:0 0 18px rgba(255,215,128,.35)}.reveal p{font-size:12px;color:#d5d5ee;margin:0}.reveal-controls{pointer-events:auto;margin-top:4px}.reveal-controls .icon-button{background:#15172f2e}@keyframes discover{0%{opacity:0;transform:scale(.2) rotate(-12deg)}60%{opacity:1;transform:scale(1.12) rotate(3deg)}to{transform:scale(1)}}.status-toast{position:fixed;z-index:20;left:50%;bottom:calc(75px + env(safe-area-inset-bottom));transform:translate(-50%,10px);opacity:0;pointer-events:none;text-align:center;color:#fff0bd;text-shadow:0 2px 10px #000;font-size:12px;max-width:88vw;transition:opacity .18s,transform .18s}.status-toast.show{opacity:1;transform:translate(-50%)}@media(min-width:760px){.screen{padding-left:34px;padding-right:34px}.play-layout{max-width:1200px;width:100%;margin:0 auto}.right-rail{width:60px;flex-basis:60px}.right-rail .icon-button{width:48px;height:48px}.level-map{max-width:600px}}@media(max-height:660px){.screen{padding-top:calc(8px + env(safe-area-inset-top));padding-bottom:calc(8px + env(safe-area-inset-bottom))}.brand-orbit{width:min(27vw,125px)}.home-hero{gap:7px;padding:5px 0 10px}.collection-choices{margin-top:10px}.collection-art{width:min(27vw,105px)}.game-instructions{font-size:10px}.play-layout{min-height:0}.game-top{min-height:40px}.icon-button{width:40px;height:40px}.right-rail .icon-button{width:36px;height:36px}.right-rail{gap:9px;width:44px;flex-basis:44px}.bottom-bar{min-height:41px}}@media(max-width:390px){.screen{padding-left:10px;padding-right:10px}.right-rail{width:43px;flex-basis:43px}.right-rail .icon-button{width:38px;height:38px}.collection-choices{gap:20px}.collection-choice{width:130px}.collection-art{width:108px}.game-heading h2{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}#camera-presets{gap:7px}.view-globe{width:46px;height:46px;display:grid;place-items:center;position:relative;flex:0 0 auto;border-radius:50%;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;outline:none;filter:drop-shadow(0 4px 9px rgba(0,0,0,.28))}.view-globe svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none;transition:filter .15s}.view-globe:hover svg,.view-globe:focus-visible svg{filter:drop-shadow(0 0 7px rgba(188,184,255,.65))}.view-globe:active{cursor:grabbing}.view-globe:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.globe-grid{fill:none;stroke:#e0ddff;stroke-width:.9;stroke-opacity:.64}.globe-marker{fill:#ffe49a;stroke:#302d55;stroke-width:1.25;filter:drop-shadow(0 0 3px rgba(255,228,154,.8))}@media(min-width:760px){.view-globe{width:54px;height:54px}}@media(max-height:660px){.view-globe{width:40px;height:40px}}@media(max-width:390px){.view-globe{width:39px;height:39px}}