:root{--color-base:#01040e;--color-aurum:#FFE6A6;--color-cyan:#8ee8ff;--font-display:"Bodoni Moda";--font-body:"Inter"}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--color-base);color:#fffaeff0;font-family:var(--font-body),system-ui,sans-serif}canvas{display:block;width:100%;height:100%}.brand-overlay{position:fixed;top:clamp(18px,4vw,38px);left:50%;z-index:5;width:min(92vw,960px);transform:translate(-50%);text-align:center;pointer-events:none}.brand-eyebrow{margin:0;color:#fff3daf7;font-family:var(--font-display),serif;font-size:clamp(1.8rem,8vw,3.9rem);font-weight:500;letter-spacing:clamp(.15em,1.5vw,.42em);line-height:.95;text-shadow:0 0 12px rgba(255,230,166,.85),0 0 34px rgba(142,232,255,.42),0 0 76px rgba(255,230,166,.28)}.brand-subtitle{margin:12px 0 0;color:#fff6e1bd;font-size:.74rem;font-weight:400;letter-spacing:.18em;line-height:1.5;text-transform:uppercase}.lang-switcher{position:fixed;top:24px;right:24px;z-index:7;display:flex;align-items:center;gap:8px;color:#ffe6a68c;font-family:var(--font-body),sans-serif;font-size:.78rem;letter-spacing:.08em}.lang-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#fff3dab8;cursor:pointer;font:inherit;padding:6px 2px}.lang-btn:hover,.lang-btn.active{color:var(--color-aurum);text-shadow:0 0 16px rgba(255,230,166,.7)}.brand-tagline{position:fixed;bottom:clamp(18px,4vw,42px);left:50%;z-index:5;display:flex;flex-direction:column;align-items:center;gap:14px;width:min(92vw,620px);transform:translate(-50%);text-align:center}.brand-tagline p{margin:0;color:#fff3dae6;font-family:var(--font-display),serif;font-size:clamp(1rem,3vw,1.45rem);line-height:1.25;text-shadow:0 0 26px rgba(255,230,166,.42)}.cta-btn{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border:1px solid rgba(255,230,166,.78);border-radius:999px;background:rgba(255,230,166,.1);color:var(--color-aurum);font-size:.78rem;font-weight:600;letter-spacing:.11em;padding:0 20px;text-decoration:none;text-transform:uppercase;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.cta-btn:hover{background:rgba(255,230,166,.18);box-shadow:0 0 28px #ffe6a638}.planet-info{position:fixed;right:clamp(20px,4vw,48px);bottom:clamp(22px,5vw,54px);z-index:8;display:none;width:min(420px,90vw)}.planet-info-content{max-height:min(72vh,620px);overflow-y:auto;border-top:1px solid var(--color-aurum);background:#01040e;box-shadow:0 -1px #ffe6a647,0 18px 80px #000000a3,0 0 42px #8ee8ff1f;color:#fffaefeb;padding:24px}.close-btn{position:absolute;top:16px;right:18px;width:32px;height:32px;border:0;background:transparent;color:#ffe6a6b8;cursor:pointer;font-size:28px;line-height:1}.close-btn:hover,.close-btn:focus{color:var(--color-aurum)}.planet-archetype{margin:0 40px 8px 0;color:var(--color-cyan);font-size:.72rem;font-weight:600;letter-spacing:.18em;line-height:1.4;text-transform:uppercase}.planet-name{margin:0;color:var(--color-aurum);font-family:var(--font-display),serif;font-size:2.1rem;font-weight:500;line-height:1.05}.planet-short{margin:16px 0 0;color:#fff3dae6;font-family:var(--font-body),sans-serif;font-size:1rem;font-style:italic;font-weight:300;line-height:1.55}.planet-long{margin:16px 0 0;color:#fffaefcc;font-family:var(--font-body),sans-serif;font-size:.95rem;font-weight:300;line-height:1.7}.planet-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.planet-keywords .kw{border:1px solid rgba(255,230,166,.36);border-radius:999px;color:var(--color-aurum);font-size:.72rem;letter-spacing:.04em;padding:6px 10px}#gui-container{display:none}@media (max-width: 768px){.brand-overlay{top:20px}.brand-subtitle{font-size:.62rem;letter-spacing:.12em}.lang-switcher{top:auto;right:50%;bottom:104px;transform:translate(50%)}.brand-tagline{bottom:18px;gap:10px}.planet-info{right:0;bottom:0;left:0;width:100%}.planet-info-content{max-height:62vh;border-radius:18px 18px 0 0;padding:24px 22px 26px}}