:root{color-scheme:dark;--hud-fg: rgba(230, 238, 255, .9);--hud-fg-dim: rgba(230, 238, 255, .55);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#04060f}canvas{display:block;touch-action:none}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.hud__hint{position:absolute;left:50%;bottom:42px;transform:translate(-50%);padding:14px 22px;border-radius:12px;background:#080c1a9e;border:1px solid rgba(120,150,220,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--hud-fg);font-size:14px;letter-spacing:.02em;text-align:center;line-height:1.7;transition:opacity .5s ease}.hud__hint kbd{display:inline-block;min-width:20px;padding:2px 7px;margin:0 2px;border-radius:6px;background:#7896dc29;border:1px solid rgba(120,150,220,.35);border-bottom-width:2px;font-family:inherit;font-size:12px;font-weight:600;color:var(--hud-fg)}.hud__hint--dim{opacity:0}.hud__badge{position:absolute;top:26px;left:30px;color:var(--hud-fg-dim);font-size:13px;letter-spacing:.18em;text-transform:uppercase}.planet-label{pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;transform:translate(-50%,-50%);padding:3px 10px;border-radius:999px;background:#080c1a8c;border:1px solid rgba(150,175,235,.25);color:#e9f0ffeb;font-size:10.5px;font-weight:600;letter-spacing:.02em;text-shadow:0 1px 4px rgba(0,0,0,.6)}.planet-label--moon{padding:2px 8px;font-size:9px;font-weight:500;background:#080c1a73;color:#e9f0ffc7}.hud__reticle{position:absolute;top:50%;left:50%;width:22px;height:22px;transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid rgba(180,200,245,.5);box-shadow:0 0 6px #7896dc66}.hud__reticle:after{content:"";position:absolute;top:50%;left:50%;width:3px;height:3px;transform:translate(-50%,-50%);border-radius:50%;background:#c8daffe6}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(circle at 50% 45%,#0a1024,#04060f 70%);transition:opacity .9s ease,visibility .9s ease}.loader--hidden{opacity:0;visibility:hidden;pointer-events:none}.loader__sun{width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#ffe08a,#ffb42f 55%,#ff7b1a);box-shadow:0 0 30px 6px #ffa0328c;animation:loaderPulse 1.6s ease-in-out infinite}@keyframes loaderPulse{0%,to{transform:scale(1);box-shadow:0 0 30px 6px #ffa03273}50%{transform:scale(1.08);box-shadow:0 0 42px 10px #ffa032b3}}.loader__name{color:var(--hud-fg);font-size:22px;font-weight:700;letter-spacing:.32em;padding-left:.32em}.loader__sub{color:var(--hud-fg-dim);font-size:13px;letter-spacing:.14em}.panel-region{position:fixed;left:50%;right:10%;top:20%;bottom:20%;z-index:60;pointer-events:auto;animation:panelIn .32s ease}@keyframes panelIn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.face-toast{position:fixed;top:26px;left:50%;transform:translate(-50%);z-index:80;display:flex;align-items:center;gap:12px;padding:8px 14px;border-radius:999px;background:#0e0a1eb8;border:1px solid rgba(160,150,220,.28);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#e9f0ffe6;font-size:12.5px;letter-spacing:.03em;box-shadow:0 8px 24px #0006;animation:faceToast 2.6s ease forwards}@keyframes faceToast{0%{opacity:0;transform:translate(-50%,-8px)}12%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}.info-panel{position:relative;width:100%;height:100%;overflow-y:auto;padding:30px 32px 32px;border-radius:18px;background:#120d24f2;border:1px solid color-mix(in srgb,var(--accent, #6f8fff) 28%,transparent);box-shadow:0 0 0 1px #00000047,0 20px 60px #00000080,0 0 46px color-mix(in srgb,var(--accent, #6f8fff) 16%,transparent);color:#e9f0ffe6;font-size:13.5px;line-height:1.65;cursor:default}.info-panel__close{position:absolute;top:10px;right:12px;width:26px;height:26px;display:grid;place-items:center;border:none;border-radius:8px;background:#ffffff0f;color:#e9f0ffbf;font-size:20px;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.info-panel__close:hover{background:#ffffff24;color:#fff}.info-panel__head{display:flex;align-items:center;gap:15px;margin-bottom:22px;padding-right:22px}.info-panel__logo{flex:0 0 auto;width:66px;height:66px;display:grid;place-items:center;overflow:hidden;border-radius:14px;font-size:28px;font-weight:700;color:#050812d9;box-shadow:inset 0 0 0 1px #ffffff38}.info-panel__logo img{width:100%;height:100%;object-fit:contain;padding:7px;display:block}.info-panel__title{font-size:16.5px;font-weight:650;line-height:1.25;letter-spacing:.005em;color:#f2f5ff}.info-panel__subtitle{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:color-mix(in srgb,var(--accent, #9db4e8) 55%,#ffffff);margin-top:6px}a.info-panel__subtitle{display:inline-block;text-decoration:none;cursor:pointer;transition:color .15s ease}a.info-panel__subtitle:hover{color:color-mix(in srgb,var(--accent, #9db4e8) 78%,#ffffff);text-decoration:underline;text-underline-offset:3px}.info-panel__body{margin:0;color:#dee6fac7}.info-panel__body+.info-panel__body{margin-top:13px}.info-panel__bullets{margin:14px 0 0;padding-left:20px;color:#dee6fac7}.info-panel__bullets li{margin-bottom:9px;padding-left:3px}.info-panel__bullets li::marker{color:color-mix(in srgb,var(--accent, #9db4e8) 75%,#ffffff)}.info-panel__section{margin-top:24px;padding-top:20px;border-top:1px solid rgba(150,130,220,.14)}.info-panel__section-heading{font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--accent, #9db4e8) 55%,#ffffff);margin-bottom:12px}.info-panel__links{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.info-panel__link{display:inline-block;padding:6px 11px;border-radius:8px;font-size:12.5px;font-weight:600;text-decoration:none;color:color-mix(in srgb,var(--accent, #9db4e8) 55%,#ffffff);background:color-mix(in srgb,var(--accent, #6f8fff) 16%,transparent);border:1px solid color-mix(in srgb,var(--accent, #6f8fff) 40%,transparent);transition:background .15s ease}.info-panel__link:hover{background:color-mix(in srgb,var(--accent, #6f8fff) 28%,transparent)}.info-panel::-webkit-scrollbar{width:7px}.info-panel::-webkit-scrollbar-thumb{background:#9682dc59;border-radius:4px}