.planet-label{position:relative;min-width:170px;padding:.6rem .85rem;border-radius:8px;background:#26211ad9;border:1px solid rgba(233,217,182,.25);box-shadow:0 8px 24px #00000080;color:#e9d9b6;font-family:system-ui,sans-serif;font-size:.8rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;-webkit-user-select:none;user-select:none}.planet-label h3{margin:0 0 .4rem;font-family:Cinzel,Times New Roman,serif;font-weight:600;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;color:#e9d9b6}.planet-label dl{margin:0}.planet-label__row{display:flex;justify-content:space-between;gap:.75rem;padding:.15rem 0}.planet-label__row dt{color:#e9d9b6a6}.planet-label__row dd{margin:0;font-weight:500;text-align:right}.planet-label__close{position:absolute;top:.2rem;right:.4rem;background:none;border:none;color:#e9d9b6;opacity:.6;cursor:pointer;font-size:1rem;line-height:1;padding:.2rem}.planet-label__close:hover{opacity:1}.planet-name-label{position:relative;pointer-events:none}.planet-name-label__dot{position:absolute;top:-1px;left:-1px;width:3px;height:3px;border-radius:50%;background:#e9d9b6;box-shadow:0 0 4px #e9d9b6cc}.planet-name-label__line{position:absolute;top:0;left:0;width:58px;height:1px;background:linear-gradient(to right,#e9d9b60d,#e9d9b68c);transform-origin:0 0;transform:rotate(-38deg)}.planet-name-label__text{position:absolute;top:-36px;left:48px;white-space:nowrap;transform:translateY(-100%);font-family:Cinzel,Times New Roman,serif;font-weight:600;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#e9d9b6;text-shadow:0 0 10px #000000,0 0 6px rgba(233,217,182,.35)}.timeline{position:fixed;left:50%;bottom:1.25rem;transform:translate(-50%);display:flex;align-items:center;gap:.6rem;padding:.5rem .9rem;border-radius:10px;background:#5f533e;border:1px solid rgba(255,255,255,.15);color:#000;font-family:system-ui,sans-serif;font-size:.8rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.timeline button,.timeline select{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:inherit;border-radius:6px;cursor:pointer;font-size:.8rem}.timeline button{padding:.3rem .6rem}.timeline button:hover{background:#ffffff29}.timeline select{padding:.25rem .4rem}.timeline select:focus,.timeline select:focus-visible{outline:none}.timeline__scrub{width:220px;accent-color:#d1a446}.timeline__scrub::-webkit-slider-runnable-track{background:linear-gradient(to right,#483d27 var(--scrub-progress, 0%),#000 var(--scrub-progress, 0%))}.timeline__scrub::-moz-range-track{background:#000}.timeline__scrub::-moz-range-progress{background:#483d27}.timeline__date{min-width:100px;text-align:right;opacity:.85}.title{position:fixed;top:calc(1.5rem - 20px);left:50%;transform:translate(-50%);z-index:10;cursor:pointer;font-family:Cinzel,Times New Roman,serif;font-weight:600;font-size:2rem;letter-spacing:.35em;text-transform:uppercase;text-align:center;color:#e9d9b6;text-shadow:0 0 20px #000000,0 0 12px rgba(233,217,182,.35),0 0 2px rgba(255,255,255,.4);text-decoration:underline;text-decoration-color:#6a604c;text-decoration-thickness:1px;text-underline-offset:.5em;padding-left:.35em}.title__initial{font-size:1.25em}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{position:relative;width:70%;height:70%;overflow-y:auto;padding:2rem 3rem;border-radius:12px;background:#26211a;border:1px solid rgba(233,217,182,.25);box-shadow:0 0 60px #000000a6;color:#e9d9b6;font-family:system-ui,sans-serif}.modal__close{position:absolute;top:1rem;right:1.25rem;width:2rem;height:2rem;border-radius:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:inherit;font-size:1.2rem;line-height:1;cursor:pointer}.modal__close:hover{background:#ffffff29}.modal__title{margin:0 0 1.5rem;font-family:Cinzel,Times New Roman,serif;font-weight:600;font-size:1.75rem;letter-spacing:.25em;text-transform:uppercase;text-align:center;color:#e9d9b6}.modal__subtitle{margin:1.5rem 0 .5rem;font-size:1.05rem;font-weight:600;color:#d1a446}.modal__paragraph{margin:0;line-height:1.6}.modal__toggle{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:0 0 1rem;font-size:.9rem;cursor:pointer}.modal__toggle input{accent-color:#d1a446;width:1.1rem;height:1.1rem;cursor:pointer}html,body,#root{margin:0;padding:0;width:100%;height:100%;background:#000;overflow:hidden}