*,:before,:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Gotham Narrow;src:local(Gotham Narrow Medium),local(GothamNarrow-Medium);font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Gotham Narrow;src:local(Gotham Narrow Bold),local(GothamNarrow-Bold);font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Gotham Narrow Black;src:local(Gotham Narrow Black),local(GothamNarrow-Black),url(/assets/Gotham%20Narrow%20Black-BjT-0a-0.otf)format("opentype");font-weight:900;font-style:normal;font-display:swap}html,body,#root{background:#000;justify-content:center;align-items:center;width:100%;height:100%;font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}.app{--stage:min(100vw, calc(100vh * 16 / 9));--px:calc(var(--stage) / 1920);width:var(--stage);aspect-ratio:16/9;position:relative;overflow:hidden}.start-screen{z-index:40;background:#000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.start-button{padding:calc(var(--px) * 22) calc(var(--px) * 72);color:#000;font-family:Gotham Narrow Black,sans-serif;font-weight:900;font-size:calc(var(--px) * 42);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;box-shadow:0 calc(var(--px) * 6) calc(var(--px) * 22) #00000073;background:#fcb843;border:none;border-radius:999px;line-height:1}.canvas-container{width:100%;height:100%;position:absolute;inset:0}.canvas-vignette{pointer-events:none;opacity:0;background:radial-gradient(100% 100%,#0000 22%,#000000d1 100%);transition:opacity .7s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.canvas-vignette.active{opacity:.92}.frame-overlay{object-fit:fill;pointer-events:none;z-index:15;width:100%;height:100%;position:absolute;inset:0}.brand-logo{top:calc(8% + var(--px) * 20);right:calc(4.8% + var(--px) * 30);width:calc(var(--px) * 340);pointer-events:none;z-index:16;height:auto;position:absolute}.planet-scene{z-index:12;opacity:0;pointer-events:none;width:100%;height:auto;transition:opacity .7s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.planet-scene.visible{opacity:1;pointer-events:auto;cursor:pointer}.particle-overlay{z-index:13;pointer-events:none;opacity:1;transition:opacity .2s linear;position:absolute;inset:0}.particle-overlay.fading{opacity:0}.particle-overlay canvas{pointer-events:none;display:block;width:100%!important;height:100%!important}.planet-info-layer{aspect-ratio:16/9;z-index:14;pointer-events:none;opacity:0;width:100%;animation:.7s cubic-bezier(.4,0,.2,1) forwards info-layer-in;position:absolute;top:0;left:0}.planet-info-layer .info-marker{pointer-events:auto}@keyframes info-layer-in{0%{opacity:0}to{opacity:1}}.info-marker{z-index:2;cursor:pointer;pointer-events:auto;background:0 0;border:none;padding:0;line-height:0;position:absolute;transform:translate(-50%,-50%)}.info-marker-icons{box-sizing:content-box;width:calc(var(--px) * 92);height:calc(var(--px) * 92);padding:calc(var(--px) * 24);filter:drop-shadow(0 calc(var(--px) * 4) calc(var(--px) * 10) #0000008c);display:block;position:relative}.info-marker-icon{top:calc(var(--px) * 24);left:calc(var(--px) * 24);width:calc(var(--px) * 92);height:calc(var(--px) * 92);display:block;position:absolute}.info-marker-icon--inactive{z-index:1;opacity:1;transition:opacity .12s linear}.info-marker.open .info-marker-icon--inactive{opacity:0}.info-marker-icon--active{z-index:2;opacity:0;visibility:hidden;transition:opacity .2s,transform .26s cubic-bezier(.2,.85,.2,1),visibility 0s linear .2s;transform:scale(.84)}.info-marker.open .info-marker-icon--active{opacity:1;visibility:visible;transition:opacity .2s,transform .26s cubic-bezier(.2,.85,.2,1),visibility;transform:scale(1)}.info-marker-panel{z-index:1;height:calc(var(--px) * 78);pointer-events:none;transform-origin:0 0;width:auto;animation:.28s cubic-bezier(.2,.85,.2,1) info-panel-in;display:block;position:absolute}.info-marker-panel--description{height:calc(var(--px) * 101.4)}.info-marker-panel--mana{height:calc(var(--px) * 158.4)}@keyframes info-panel-in{0%{opacity:0;transform:translate(calc(var(--px) * -12), calc(var(--px) * -8)) scale(.92)}to{opacity:1;transform:none}}.planet-scene-title{z-index:14;left:calc(7% + var(--px) * 18);transform:translateY(calc(-50% + var(--px) * 3));color:#fff;font-family:Gotham Narrow Black,sans-serif;font-weight:900;font-size:calc(var(--px) * 67);text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;margin:0;line-height:1;transition:opacity .35s;position:absolute;top:14.9%}.planet-scene-title.visible{opacity:1;transition:none}.planet-scene-caret{opacity:0}.planet-scene-caret.on{opacity:1}.back-to-map{z-index:17;right:calc(4.8% + var(--px) * 50);bottom:calc(8% + var(--px) * 40);padding:calc(var(--px) * 10.5) calc(var(--px) * 27);color:#000;font-family:inherit;font-size:calc(var(--px) * 21);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;box-shadow:0 calc(var(--px) * 3) calc(var(--px) * 12) #00000059;cursor:pointer;opacity:0;pointer-events:none;background:#fcb843;border:none;border-radius:999px;font-weight:800;line-height:1.2;transition:opacity .7s cubic-bezier(.4,0,.2,1);position:absolute}.back-to-map.visible{opacity:1;pointer-events:auto}.detail-panel-content{flex-direction:column;width:100%;height:100%;padding:2.5rem 2rem;display:flex;overflow-y:auto}.back-button{color:#c8ccd8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:.6rem;width:fit-content;padding:.65rem 1.2rem;font-size:.9rem;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.back-button:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40}.detail-content{max-width:520px;margin-top:3rem}.detail-label{text-transform:uppercase;letter-spacing:.15em;color:#6b7280;margin-bottom:.5rem;font-size:.75rem}.detail-title{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#a0aec0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;line-height:1.1}.detail-divider{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;width:60px;height:3px;margin:1.5rem 0 2rem}.detail-text{color:#9ca3af;margin-bottom:1.25rem;font-size:1.05rem;line-height:1.75}.detail-text.lorem{color:#6b7280;font-size:.95rem}.detail-subtitle{color:#b8c0d0;margin-bottom:1.25rem;font-size:1.1rem;line-height:1.5}.location-divider{background:linear-gradient(90deg,#e5252a,#ff6b6b)}.location-card-image{aspect-ratio:16/10;color:#8b93a7;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(135deg,#e5252a1f 0%,#ffffff0a 100%);border:1px dashed #ffffff38;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:420px;margin:0 0 1.25rem;font-size:.82rem;font-weight:600;display:flex}.planet-name-label{padding:calc(var(--px) * 7) calc(var(--px) * 18);color:#000;font-size:calc(var(--px) * 14);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;box-shadow:0 calc(var(--px) * 2) calc(var(--px) * 8) #00000059;background:#fcb843;border:none;border-radius:999px;font-weight:800;line-height:1.2}.planet-name-label--active{box-shadow:0 calc(var(--px) * 4) calc(var(--px) * 16) #00000080}