:root{--void: #04050a;--glass: rgba(12, 14, 24, .62);--glass-strong: rgba(10, 12, 20, .78);--glass-border: rgba(232, 228, 245, .1);--glass-highlight: rgba(255, 255, 255, .055);--text: #efeaf6;--muted: #9a93a8;--faint: #6b6578;--gold: #e4c48a;--gold-soft: rgba(228, 196, 138, .2);--rose: #c9a0a8;--lavender: #a89ec8;--mist: rgba(255, 255, 255, .05);--radius: 14px;--radius-sm: 10px;--blur: 18px;--font-display: "Cormorant Garamond", Georgia, serif;--font-ui: "Outfit", system-ui, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);--shadow: 0 12px 36px rgba(0, 0, 0, .42);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--pad-x: .75rem;--pad-y: .65rem;--gap: .5rem;--top-h: 2.75rem;--touch: 40px;--chip-h: 34px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--void);color:var(--text);font-family:var(--font-ui);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#app{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden}#canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}#canvas:active{cursor:grabbing}.veil{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(ellipse 85% 65% at 50% 42%,transparent 28%,rgba(4,5,10,.58) 100%),radial-gradient(ellipse 50% 40% at 72% 18%,rgba(168,158,200,.05),transparent 50%)}.grain{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.top-bar{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:var(--top-h);padding:calc(var(--safe-t) + var(--pad-y)) calc(var(--safe-r) + var(--pad-x)) var(--pad-y) calc(var(--safe-l) + var(--pad-x));pointer-events:none;animation:rise .7s var(--ease) both}.brand{display:flex;align-items:center;gap:.55rem;min-width:0}.brand-mark{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff6d8,var(--gold) 45%,#b8863a 100%);box-shadow:0 0 10px #e4c48aa6,0 0 22px #e4c48a38;animation:pulse-glow 4s ease-in-out infinite}.brand-text h1{font-family:var(--font-display);font-weight:500;font-size:1.35rem;letter-spacing:.04em;line-height:1}.tagline{display:none;margin-top:.15rem;font-size:.65rem;font-weight:300;letter-spacing:.12em;text-transform:lowercase;color:var(--muted)}.top-meta{display:flex;align-items:center;gap:.45rem;flex-shrink:0}.meta-pill{font-size:.62rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:.28rem .55rem;border-radius:999px;background:var(--gold-soft);color:var(--gold);border:1px solid rgba(228,196,138,.28);max-width:7.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta-soft{font-size:.68rem;font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.world-card{position:absolute;top:calc(var(--safe-t) + var(--top-h) + .35rem);left:calc(var(--safe-l) + var(--pad-x));right:calc(var(--safe-r) + var(--pad-x));z-index:18;max-width:100%;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow);backdrop-filter:blur(var(--blur)) saturate(1.15);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.15);overflow:hidden;animation:rise .75s var(--ease) .05s both;transition:box-shadow .3s var(--ease)}.world-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(145deg,var(--glass-highlight),transparent 48%);pointer-events:none}.world-card-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .8rem;border:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;position:relative;z-index:1;min-height:48px}.world-card-head:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.world-card-titles{min-width:0}.eyebrow{font-size:.58rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--lavender);margin-bottom:.12rem}.world-card h2{font-family:var(--font-display);font-weight:500;font-size:1.45rem;line-height:1.05;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-chevron{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:8px;color:var(--muted);background:#ffffff0a;border:1px solid var(--glass-border);transition:transform .3s var(--ease),color .2s}.world-card[data-expanded=true] .card-chevron{transform:rotate(180deg);color:var(--gold)}.world-card-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease);position:relative;z-index:1}.world-card[data-expanded=true] .world-card-body{grid-template-rows:1fr}.world-card-body>*{overflow:hidden}.body-poetic{padding:0 .85rem .55rem;font-family:var(--font-display);font-style:italic;font-size:.95rem;line-height:1.4;color:var(--rose);opacity:.92}.stats{display:grid;grid-template-columns:1fr 1fr;gap:.55rem .75rem;margin:0 .85rem .85rem;padding-top:.7rem;border-top:1px solid var(--glass-border)}.stats dt{font-size:.58rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:.12rem}.stats dd{font-size:.78rem;color:var(--text);font-variant-numeric:tabular-nums;line-height:1.25}.bottom-stack{position:absolute;left:0;right:0;bottom:0;z-index:20;display:flex;flex-direction:column;gap:.45rem;padding:0 calc(var(--safe-r) + var(--pad-x)) calc(var(--safe-b) + .55rem) calc(var(--safe-l) + var(--pad-x));pointer-events:none;animation:rise .8s var(--ease) .1s both}.body-rail{pointer-events:auto;margin:0 calc(-1 * var(--pad-x));padding:0}.body-rail-track{display:flex;gap:.35rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.15rem var(--pad-x);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.body-rail-track::-webkit-scrollbar{display:none}.body-chip{flex:0 0 auto;scroll-snap-align:start;display:inline-flex;align-items:center;gap:.4rem;height:var(--chip-h);padding:0 .7rem 0 .55rem;border:1px solid transparent;border-radius:999px;background:#0c0e1873;color:var(--muted);font-family:var(--font-ui);font-size:.72rem;font-weight:400;letter-spacing:.03em;cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease);white-space:nowrap;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.body-chip:hover,.body-chip:active{color:var(--text);background:#141624b3;border-color:var(--glass-border)}.body-chip.active{color:var(--text);background:var(--glass-strong);border-color:#e4c48a61;box-shadow:0 4px 16px #00000047}.body-chip:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.chip-label{line-height:1}.chip-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.chip-dot.sun{background:var(--gold);box-shadow:0 0 7px var(--gold)}.chip-dot.mercury{background:#b5b0a8}.chip-dot.venus{background:#e8c99a}.chip-dot.earth{background:#6b9ecf}.chip-dot.mars{background:#c46b4a}.chip-dot.jupiter{background:#d4a574}.chip-dot.saturn{background:#e0c88a}.chip-dot.uranus{background:#8ec8c8}.chip-dot.neptune{background:#4a6fd4}.dock{pointer-events:auto;display:flex;flex-direction:column;align-items:stretch;gap:.35rem}.dock-glass{border-radius:16px;background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow);backdrop-filter:blur(var(--blur)) saturate(1.2);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.2);padding:.55rem .6rem;overflow:hidden}.dock-row{display:flex;align-items:center;gap:.5rem}.primary-row{min-height:var(--touch)}.control-group{display:flex;align-items:center;gap:.35rem}.transport{flex-shrink:0}.icon-btn{width:var(--touch);height:var(--touch);display:grid;place-items:center;border-radius:11px;border:1px solid var(--glass-border);background:#ffffff08;color:var(--text);cursor:pointer;transition:background .2s var(--ease),border-color .2s var(--ease);flex-shrink:0;-webkit-user-select:none;user-select:none}.icon-btn:hover,.icon-btn:active{background:#ffffff14;border-color:#e8e4f52e}.icon-btn.primary{background:linear-gradient(145deg,#e4c48a47,#e4c48a14);border-color:#e4c48a61;color:var(--gold)}.icon-btn.primary:hover,.icon-btn.primary:active{background:linear-gradient(145deg,#e4c48a61,#e4c48a1f)}.icon-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.icon-btn .hidden{display:none}.more-btn[aria-expanded=true]{background:var(--gold-soft);border-color:#e4c48a66;color:var(--gold)}.time-slider{flex:1;min-width:0;flex-direction:column;align-items:stretch;gap:.28rem}.slider-labels{display:flex;justify-content:space-between;align-items:baseline;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);line-height:1}#speed-readout{color:var(--gold);font-weight:500;font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:.01em;font-size:.68rem}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:999px;background:linear-gradient(90deg,#a89ec859,#e4c48a8c,#c9a0a873);outline:none;cursor:pointer;touch-action:pan-x}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,var(--gold));border:2px solid rgba(255,255,255,.35);box-shadow:0 0 10px #e4c48a80;cursor:grab}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,var(--gold));border:2px solid rgba(255,255,255,.35);box-shadow:0 0 10px #e4c48a80;cursor:grab}.options-tray{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .85rem;margin-top:.55rem;padding-top:.55rem;border-top:1px solid var(--glass-border)}.options-tray[hidden]{display:none}.toggle{display:flex;align-items:center;gap:.35rem;font-size:.72rem;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;min-height:32px;padding:.15rem 0}.toggle:hover{color:var(--text)}.toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:4px;border:1px solid rgba(232,228,245,.25);background:#ffffff08;cursor:pointer;position:relative;flex-shrink:0}.toggle input:checked{background:var(--gold-soft);border-color:#e4c48a8c}.toggle input:checked:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:2px;background:var(--gold)}.toggle input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.hint{font-size:.58rem;font-weight:300;letter-spacing:.06em;color:var(--faint);text-align:center;line-height:1.3;padding:0 .25rem}.soul-quote{display:none;position:absolute;left:50%;transform:translate(-50%);z-index:12;font-family:var(--font-display);font-style:italic;font-size:1rem;color:#efeaf652;text-align:center;max-width:min(26rem,70vw);pointer-events:none;transition:opacity 1s var(--ease);padding:0 1rem;bottom:10.5rem}.label-3d{color:#efeaf680;font-family:var(--font-ui);font-size:10px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none;text-shadow:0 2px 10px rgba(0,0,0,.85);transition:opacity .3s;-webkit-user-select:none;user-select:none}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #e4c48aa6,0 0 22px #e4c48a38}50%{box-shadow:0 0 14px #e4c48ad9,0 0 32px #e4c48a4d}}@media(max-height:520px){.world-card{max-width:min(280px,calc(100% - 2 * var(--pad-x)));right:auto}.body-poetic,.hint{display:none}.stats{grid-template-columns:1fr 1fr;gap:.4rem .6rem;margin-bottom:.65rem}.brand-text h1{font-size:1.15rem}}@media(min-width:640px){:root{--pad-x: 1.1rem;--pad-y: .85rem;--touch: 40px;--chip-h: 36px;--blur: 20px}.brand-text h1{font-size:1.55rem}.tagline{display:block}.top-meta{flex-direction:column;align-items:flex-end;gap:.25rem}.world-card{right:auto;width:min(300px,calc(100vw - 2 * var(--pad-x)))}.world-card h2{font-size:1.7rem}.body-rail{margin:0}.body-rail-track{justify-content:center;-webkit-mask-image:none;mask-image:none;flex-wrap:wrap;overflow:visible;padding:0}.dock{align-items:center}.dock-glass{width:min(560px,100%);padding:.65rem .85rem}.hint{font-size:.62rem}}@media(min-width:960px){:root{--pad-x: 1.5rem;--pad-y: 1.1rem;--radius: 16px;--blur: 22px;--top-h: 3rem}.brand-mark{width:10px;height:10px}.brand-text h1{font-size:1.75rem}.meta-pill{font-size:.68rem;padding:.32rem .7rem}.world-card{width:292px;top:calc(var(--safe-t) + 4.6rem)}.world-card h2{font-size:1.95rem}.body-poetic{font-size:1.02rem}.stats dd{font-size:.85rem}.bottom-stack{flex-direction:column;align-items:center}.body-rail{position:fixed;right:max(1.25rem,calc(var(--safe-r) + 1.25rem));top:50%;bottom:auto;left:auto;margin:0;width:max-content;max-width:min(11.5rem,calc(100vw - 2.5rem));max-height:min(72vh,560px);transform:translateY(-50%);z-index:20;pointer-events:auto;padding:.35rem;box-sizing:border-box}.body-rail-track{flex-direction:column;align-items:stretch;flex-wrap:nowrap;overflow-x:visible;overflow-y:auto;gap:.3rem;-webkit-mask-image:none;mask-image:none;padding:0;max-height:min(70vh,540px);width:100%;scrollbar-width:thin;scrollbar-color:rgba(228,196,138,.35) transparent}.body-chip{height:auto;min-height:36px;width:100%;justify-content:flex-start;padding:.45rem .85rem .45rem .65rem;font-size:.78rem;background:#0c0e1859;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-sizing:border-box}.body-chip .chip-label{overflow:visible;white-space:nowrap}.body-chip.active{background:var(--glass-strong);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.dock{width:min(640px,100%)}.dock-glass{width:100%;border-radius:18px;padding:.75rem 1rem}.primary-row{gap:.85rem}.time-slider{min-width:200px}.more-btn{display:none}.options-tray{display:flex!important;margin-top:0;padding-top:0;border-top:none;margin-left:.25rem;padding-left:.85rem;border-left:1px solid var(--glass-border);flex-wrap:nowrap;gap:.75rem}.options-tray[hidden]{display:flex!important}.dock-glass{display:flex;align-items:center;gap:0}.primary-row{flex:1;min-width:0}.soul-quote{display:block;bottom:9.5rem;animation:rise 1.2s var(--ease) .4s both}.label-3d{font-size:11px;letter-spacing:.1em}.hint{content:none}.hint{letter-spacing:.08em}}@media(min-width:1280px){.world-card{width:310px}.dock{width:min(700px,100%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-reduced-transparency:reduce){.world-card,.dock-glass,.body-chip{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0a0c14eb}}