html{-webkit-text-size-adjust:100%;font-size:12px}body{letter-spacing:0;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--ink);--bg:#0a0f0c;--surface:#0d1310;--card:#101713;--ink:#e7ece8;--body:#c3cbc5;--muted:#96a09a;--faint:#66716a;--line:#e7ece817;--line2:#e7ece82b;--accent:#4ade80;--on-accent:#07130c;--gutter:24px;--tap:44px;margin:0;font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}[hidden]{display:none!important}a{color:var(--accent);text-decoration:none}@media (hover:hover){a:hover{color:var(--ink)}}::selection{background:var(--accent);color:var(--on-accent)}.mono{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.exp-bar{padding:10px var(--gutter);letter-spacing:.06em;color:var(--muted);background:color-mix(in oklab, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:2;justify-content:space-between;align-items:center;gap:12px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;display:flex;position:fixed;top:0;left:0;right:0}.exp-bar a{color:var(--muted);align-items:center;min-height:32px;display:inline-flex}@media (hover:hover){.exp-bar a:hover{color:var(--accent)}}.exp-bar .code{color:var(--accent)}@media (width<=520px){body{--gutter:18px}.exp-bar{font-size:11px}}body{height:auto}.webgl{background-color:#03050e;display:none;width:100vw!important;height:100vh!important}.start-menu{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0}.start-info{text-align:center;color:#999;max-width:420px;font-size:1.2em}.start-button{color:#eee;cursor:pointer;-o-transition:all .4s ease 0s;background-color:#16151b;border:2px solid #383645;border-radius:24px;width:100px;padding:9px;font-family:Space Mono,monospace;font-size:1.1em;transition:all .4s}.start-button:hover{background-color:#40f;border:2px solid #001572}.guide-header{justify-content:space-between;align-items:center;display:flex}.header-buttons{align-items:center;gap:6px;display:flex}.ui-toggle-button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;transition:all .3s;display:flex}.ui-toggle-button:hover{background:#5078eb4d;border-color:#5078eb80;transform:scale(1.05)}.guide-hint{color:#aaa;margin-left:8px;font-size:.85rem}.guide-content{animation:.3s fadeIn}.progress{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:1px solid #ffffff1a;border-radius:12px;width:320px;position:absolute;top:calc(50% - 20px);left:calc(50% - 160px);overflow:hidden}.progress-value{text-shadow:0 2px 4px #0000004d;border-radius:12px;align-items:center;height:40px;padding:.01em 16px;font-weight:500;transition:all .3s;display:flex;color:#fff!important;background:linear-gradient(90deg,#5078eb,#154ffe)!important}.progress-value:before,.progress-value:after{content:"";clear:both;display:table}.progress-1{animation:1s forwards load-1}.progress-2{animation:1s forwards load-2}.progress-3{animation:1s forwards load-3}.progress-4{animation:1s forwards load-4}.progress-5{animation:1s forwards load-5}.progress-6{animation:1s forwards load-6}.progress-7{animation:1s forwards load-7}@keyframes load-1{0%{width:0}to{width:12.5%}}@keyframes load-2{0%{width:12.5%}to{width:25%}}@keyframes load-3{0%{width:37.5%}to{width:50%}}@keyframes load-4{0%{width:50%}to{width:62.5%}}@keyframes load-5{0%{width:62.5%}to{width:75%}}@keyframes load-6{0%{width:75%}to{width:87.5%}}@keyframes load-7{0%{width:87.5%}to{width:100%}}.guide{color:#eeeeee9c;z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;max-width:60%;max-height:calc(100vh - 60px);padding:16px;font-size:.9rem;transition:all .3s;position:fixed;top:10px;left:10px;overflow:hidden auto}.guide::-webkit-scrollbar{width:6px}.guide::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.guide::-webkit-scrollbar-thumb{background:#5078eb99;border-radius:3px}.guide::-webkit-scrollbar-thumb:hover{background:#5078ebcc}.guide{scrollbar-width:thin;scrollbar-color:#5078eb99 #ffffff1a}.guide:hover{background:#00000080;border:1px solid #fff3}.guide a{color:#5078eb}.guide a:hover{color:#154ffe}.events-container{pointer-events:none;flex-direction:column;align-items:center;width:100%;font-size:.9rem;display:flex;position:fixed;top:12px}@media (width<=650px){.events-container{top:42px}.guide{max-width:90%;max-height:calc(100vh - 60px);padding:12px;font-size:.8rem}.guide-header{margin-bottom:6px}.ui-toggle-button{width:24px;height:24px}.guide-hint{font-size:.8rem}.progress{width:280px;left:calc(50% - 140px)}.control-group{margin-bottom:8px;padding:6px 0}.minor-info{font-size:.85rem}.planet-info-side-panel{width:280px;max-height:calc(100vh - 120px);top:auto;bottom:60px;right:10px}.planet-info-content{padding:8px 16px 16px}.planet-info-content h2{margin-bottom:12px;font-size:1.5em}.planet-description{margin-bottom:16px;font-size:.9em}.camera-buttons{grid-template-columns:repeat(2,1fr);gap:4px}.camera-btn{padding:4px 6px;font-size:.7rem}}@media (width<=480px){.guide{max-width:95%;max-height:calc(100vh - 80px);padding:10px;font-size:.75rem}.guide-header{margin-bottom:4px}.ui-toggle-button{width:22px;height:22px}.guide-hint{font-size:.75rem}.progress{width:260px;left:calc(50% - 130px)}.date{padding:6px 12px;font-size:1.1em}.social a{margin:0 4px;font-size:1.2rem}.planet-info-side-panel{width:250px;max-height:calc(100vh - 120px);top:auto;bottom:50px;right:5px}.planet-info-content{padding:12px}.planet-info-content h2{margin-bottom:10px;font-size:1.3em}.planet-description{margin-bottom:12px;font-size:.85em}.stat{padding:6px 12px}.stat-label,.stat-value{font-size:.8em}.fun-fact{margin-bottom:16px;padding:12px}.fun-fact-header{margin-bottom:6px;font-size:.8em}.fun-fact-text{font-size:.85em}.unique-features{margin-bottom:12px;padding:12px}.features-header{margin-bottom:10px;font-size:.8em}.features-list li{margin-bottom:6px;font-size:.8em}}.minor-info{color:#aaa8;margin-top:8px}.red-color{color:#ff4f4f88}.date{text-align:center;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.5px;text-shadow:0 2px 4px #0000004d;background:#0006;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:7px;padding:8px 16px;font-size:1.2em;font-weight:500}.event-card{text-align:center;background-image:linear-gradient(164deg,#4400ff8f,#4400ff1c);border-radius:12px;flex-direction:column;align-items:center;max-width:320px;padding:10px 20px 15px;display:flex}.event-card .event-date{color:#aaa;font-size:1em}.event-card .event-title{color:#fff;background-color:#00000069;border:1px solid #050608;border-radius:5px;width:100%;margin-top:8px;padding:4px 8px;font-size:1em}.event-card .event-desc{text-align:left;color:#ccc;background-color:#15161bed;border:1px solid #04091a;border-radius:5px;width:100%;margin-top:8px;padding:8px;font-size:1em;font-weight:300}.social{position:fixed;bottom:15px;right:15px}.social a{-o-transition:all .3s ease 0s;color:#555;vertical-align:middle;margin:0 6px;font-size:1.4rem;transition:all .3s;display:inline-block}.social a:hover{color:#eee}.mb-1{margin-bottom:1em}.mb-2{margin-bottom:2em}.mb-3{margin-bottom:3em}.mt-1{margin-top:1em}.control-group{border-bottom:1px solid #ffffff1a;padding:8px 0}.control-group:last-child{border-bottom:none}.volume-slider{-webkit-appearance:none;cursor:pointer;background:#fff3;border-radius:2px;outline:none;width:100%;height:4px;margin-top:8px;transition:all .3s}.volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#5078eb;border-radius:50%;width:16px;height:16px;transition:all .3s}.volume-slider::-webkit-slider-thumb:hover{background:#154ffe;transform:scale(1.2)}.volume-slider::-moz-range-thumb{cursor:pointer;background:#5078eb;border:none;border-radius:50%;width:16px;height:16px;transition:all .3s}.volume-slider::-moz-range-thumb:hover{background:#154ffe;transform:scale(1.2)}.volume-slider:hover{background:#ffffff4d}.camera-buttons{grid-template-columns:repeat(5,1fr);gap:6px;margin-top:8px;display:grid}.camera-btn{color:#fff;cursor:pointer;text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:6px 4px;font-size:.7rem;transition:all .3s}.camera-btn:hover{background:#5078eb4d;border-color:#5078eb80;transform:translateY(-1px)}.camera-btn.active{color:#fff;background:#5078eb80;border-color:#5078ebcc;font-weight:600;box-shadow:0 2px 8px #5078eb4d}.planet-info-side-panel{z-index:1000;flex-direction:column;width:360px;max-height:calc(100vh - 70px);animation:.3s slideInRight;display:flex;position:fixed;top:20px;right:20px}.planet-info-content{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-sizing:border-box;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;background:#0000004d;border:1px solid #fff3;border-radius:16px;height:100%;max-height:100%;padding:8px 20px 20px;font-size:.9em;overflow:hidden auto}.planet-info-content::-webkit-scrollbar{width:8px}.planet-info-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.planet-info-content::-webkit-scrollbar-thumb{background:#5078eb99;border-radius:4px}.planet-info-content::-webkit-scrollbar-thumb:hover{background:#5078ebcc}.planet-info-content{scrollbar-width:thin;scrollbar-color:#5078eb99 #ffffff1a}.planet-info-content h2{color:#fff;text-align:center;background:linear-gradient(45deg,#5078eb,#154ffe);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex-shrink:0;margin:6px;font-size:2em}.planet-description{color:#ccc;text-align:center;margin-bottom:20px;font-size:1.1em;line-height:1.6}.planet-stats{gap:8px;display:grid}.stat{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;align-items:center;padding:5px 16px;display:flex}.stat-label{color:#aaa;font-size:.9em}.stat-value{color:#fff;font-weight:500}.fun-fact{background:linear-gradient(135deg,#ffc10726,#ff98001a);border:1px solid #ffc1074d;border-radius:12px;margin-bottom:16px;padding:16px;position:relative;overflow:hidden}.fun-fact:before{content:"";background:linear-gradient(90deg,#ffc107,#ff9800);height:3px;position:absolute;top:0;left:0;right:0}.fun-fact-header{color:#ffc107;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.9em;font-weight:600}.fun-fact-text{color:#fff;font-size:.95em;font-style:italic;line-height:1.5}.unique-features{background:linear-gradient(135deg,#5078eb26,#154ffe1a);border:1px solid #5078eb4d;border-radius:12px;margin-bottom:16px;padding:16px;position:relative;overflow:hidden}.unique-features:before{content:"";background:linear-gradient(90deg,#5078eb,#154ffe);height:3px;position:absolute;top:0;left:0;right:0}.features-header{color:#5078eb;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.9em;font-weight:600}.features-list{margin:0;padding:0;list-style:none}.features-list li{color:#ccc;margin-bottom:8px;padding-left:16px;font-size:.9em;line-height:1.4;position:relative}.features-list li:before{content:"▶";color:#5078eb;font-size:.8em;position:absolute;left:0}.features-list li:last-child{margin-bottom:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.quality-buttons{gap:6px;margin-top:8px;display:flex}.quality-btn{color:#fff;cursor:pointer;text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;flex:1;padding:4px 8px;font-size:.7rem;transition:all .3s}.quality-btn:hover{background:#5078eb4d;border-color:#5078eb80}.quality-btn.active{background:#5078eb80;border-color:#5078ebcc;font-weight:600}.adaptive-quality{margin-top:8px}.adaptive-quality label{color:#ccc;cursor:pointer;align-items:center;gap:6px;font-size:.8rem;display:flex}.adaptive-quality input[type=checkbox]{accent-color:#5078eb}.performance-panel{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:1000;background:#0000004d;border:1px solid #fff3;border-radius:12px;min-width:200px;padding:16px;animation:.3s slideInRight;position:fixed;top:10px;left:330px}@media (width<=1199px){.planet-info-side-panel{width:300px}.performance-panel{right:20px}}@media (width>=1200px){.planet-info-side-panel{width:360px;max-height:calc(100vh - 70px);top:20px;right:20px}}.performance-content h3{color:#fff;text-align:center;margin:0 0 12px;font-size:1.1rem}.stat-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.stat-row span:first-child{color:#aaa;font-size:.9rem}.stat-row span:last-child{color:#fff;font-weight:500}.performance-good{color:#4ade80!important}.performance-medium{color:#fbbf24!important}.performance-poor{color:#f87171!important}.keyboard-help-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1001;background:#0006;border:1px solid #fff3;border-radius:16px;max-width:500px;max-height:70vh;padding:24px;animation:.3s fadeIn;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.keyboard-help-content h3{color:#fff;text-align:center;margin:0 0 16px;font-size:1.3rem}.shortcut-list{gap:8px;margin-bottom:16px;display:grid}.shortcut-item{align-items:center;gap:12px;display:flex}.shortcut-item kbd{color:#fff;text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;min-width:60px;padding:4px 8px;font-family:monospace;font-size:.8rem}.shortcut-item span{color:#ccc;font-size:.9rem}.close-help-btn{color:#fff;cursor:pointer;background:#5078eb80;border:1px solid #5078ebcc;border-radius:6px;margin:0 auto;padding:8px 16px;font-size:.9rem;transition:all .3s;display:block}.close-help-btn:hover{background:#5078ebb3;transform:translateY(-1px)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.guide{max-width:calc(100% - 20px);max-height:calc(100vh - 100px);left:10px;right:10px}.planet-info-side-panel{width:260px;max-height:calc(100vh - 140px);top:auto;bottom:60px;right:10px}.performance-panel{min-width:160px;padding:12px;top:10px;right:10px}.keyboard-help-panel{max-width:90%;padding:16px}.shortcut-item{gap:8px}.shortcut-item kbd{min-width:50px;padding:3px 6px;font-size:.7rem}.shortcut-item span{font-size:.8rem}.quality-buttons{flex-direction:column;gap:4px}.quality-btn{padding:6px 8px}}@media (width<=480px){.performance-panel{min-width:140px;padding:8px;top:5px;right:5px}.performance-content h3{font-size:1rem}.stat-row{margin-bottom:6px}.stat-row span{font-size:.8rem}.keyboard-help-panel{max-width:95%;padding:12px}.keyboard-help-content h3{font-size:1.1rem}}