*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3a3a5a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#5a5a8a}*{scrollbar-width:thin;scrollbar-color:#3a3a5a transparent}:root{--bg: #0f0f0f;--surface: #1a1a2e;--primary: #4f8ef7;--primary-hover: #3a7ae0;--text: #e0e0e0;--text-muted: #888;--border: #2a2a3e;--radius: 8px;--ice-color: #e03030;--mg1-color: #38c47a;--mg2-color: #2277ee;--out-color: #ddcc00;--panel-width: 340px;--navbar-height: 52px}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}.navbar{height:var(--navbar-height);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0;z-index:20;position:relative}.navbar-brand{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;color:var(--primary);-webkit-user-select:none;user-select:none}.navbar-brand .brand-icon{font-size:1.3rem}.navbar-tabs{display:flex;gap:6px}.navbar-tab{background:transparent;border:1px solid var(--border);border-radius:20px;color:var(--text-muted);cursor:pointer;font-size:.82rem;font-weight:500;padding:6px 16px;transition:all .2s ease;min-height:44px}.navbar-tab:hover{border-color:var(--primary);color:var(--text)}.navbar-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.viewer-layout{display:flex;height:calc(100vh - var(--navbar-height));width:100vw;overflow:hidden}.viewer-hidden{display:none}.canvas-mount{flex:1;position:relative;overflow:hidden;touch-action:none}.canvas-mount canvas{display:block;width:100%!important;height:100%!important}#info-panel{width:var(--panel-width);background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}@media (max-width: 700px) and (orientation: portrait){html,body{overflow:hidden}.viewer-layout{flex-direction:column;height:calc(100vh - var(--navbar-height));overflow:hidden}.canvas-mount{height:45vh;flex:none}#info-panel{height:55vh;width:100%;border-left:none;border-top:1px solid var(--border);overflow-y:auto}}#info-panel section{padding:14px 18px;border-bottom:1px solid var(--border)}#info-panel h2{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:10px}.panel-title{font-size:1.2rem;font-weight:700;color:#fff;padding:18px 18px 4px}.panel-subtitle{font-size:.75rem;color:var(--text-muted);padding:0 18px 14px;border-bottom:1px solid var(--border)}.legend ul{list-style:none;display:flex;flex-direction:column;gap:7px}.legend li{font-size:.8rem;display:flex;align-items:center;gap:8px;color:var(--text)}.dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.dot.ice{background:var(--ice-color)}.dot.mg1{background:var(--mg1-color)}.dot.mg2{background:var(--mg2-color)}.dot.out{background:var(--out-color)}.dot.planet{background:#f60}.dot.ring{background:#546e8a}.dot.base{background:#505870}.mode-buttons{display:flex;flex-direction:column;gap:5px}.mode-btn{background:#22263a;border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;font-size:.8rem;padding:8px 12px;text-align:left;transition:background .15s,border-color .15s;width:100%;min-height:44px}.mode-btn:hover{background:#2a2f4a;border-color:var(--primary)}.mode-btn.active{background:#1e3060;border-color:var(--primary);color:#fff}.mode-title{font-size:.98rem;font-weight:600;color:#fff;margin-bottom:7px;text-transform:none;letter-spacing:0}.mode-desc{font-size:.8rem;color:var(--text-muted);line-height:1.55;margin-bottom:12px}.mode-placeholder{font-size:.82rem;color:var(--text-muted);line-height:1.55}.mode-table{width:100%;border-collapse:collapse;font-size:.78rem}.mode-table th,.mode-table td{padding:5px 7px;text-align:left;border:1px solid var(--border)}.mode-table th{background:#22263a;color:var(--text-muted);font-weight:600;text-transform:uppercase;font-size:.68rem;letter-spacing:.05em}.mode-table td:first-child{font-weight:600;color:var(--text)}.mode-table td:last-child{color:var(--primary)}.rpm-note{font-size:.62rem;color:var(--text-muted);font-weight:400;text-transform:none;letter-spacing:0}.rpm-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:7px;margin-top:6px}.rpm-item{background:#22263a;border:1px solid var(--border);border-radius:6px;padding:7px 5px 5px;text-align:center}.rpm-label{font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.rpm-value{font-size:.95rem;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.controls-hint ul{list-style:none;display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.controls-hint li{font-size:.78rem;color:var(--text-muted)}.controls-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ctrl-btn{background:#22263a;border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;font-size:.8rem;padding:7px 12px;transition:background .15s,border-color .15s;min-height:44px}.ctrl-btn:hover{background:#2a2f4a;border-color:var(--primary)}.ctrl-btn.story-btn{background:#1e3060;border-color:var(--primary);color:#fff}.ctrl-btn.story-btn:hover{background:#2a4080}.ctrl-btn.active{background:#1e3060;border-color:var(--primary);color:#fff}.speed-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.speed-label{font-size:1rem;flex-shrink:0}.speed-slider{flex:1;accent-color:var(--primary);cursor:pointer;min-height:44px}.speed-value{font-size:.78rem;font-weight:700;color:var(--primary);min-width:32px;text-align:right;font-variant-numeric:tabular-nums}.story-bar-wrap{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:10;pointer-events:none;width:min(680px,92%)}.story-bar{background:#0f1117eb;border:1px solid var(--border);border-radius:12px;padding:16px 18px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:10px;pointer-events:all}.story-header{display:flex;align-items:center;justify-content:space-between}.story-counter{font-size:.7rem;color:var(--text-muted);font-weight:600;letter-spacing:.05em}.story-dots{display:flex;gap:6px}.story-dot{width:7px;height:7px;border-radius:50%;background:var(--border);transition:background .25s}.story-dot.done{background:var(--primary);opacity:.45}.story-dot.active{background:var(--primary)}.story-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;padding:4px;line-height:1;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.story-close-btn:hover{color:var(--text)}.story-title{font-size:.98rem;font-weight:700;color:#fff;letter-spacing:.01em}.story-desc{font-size:.82rem;color:var(--text-muted);line-height:1.58}.story-nav{display:flex;justify-content:space-between;gap:10px}.story-nav-btn{flex:1;background:#22263a;border:1px solid var(--border);border-radius:7px;color:var(--text);cursor:pointer;font-size:.83rem;font-weight:600;padding:8px 0;transition:background .15s,border-color .15s;min-height:44px}.story-nav-btn:hover:not(:disabled){background:#2a2f4a;border-color:var(--primary)}.story-nav-btn:disabled{opacity:.3;cursor:default}.story-nav-btn.story-next{background:#1e3060;border-color:var(--primary);color:#fff}.story-nav-btn.story-next:hover{background:#2a4080}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:100}.loading-overlay p{color:var(--text-muted);font-size:.9rem}.loading-overlay.fade-out{animation:fadeOut .4s ease forwards}@keyframes fadeOut{to{opacity:0;pointer-events:none}}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.parts-guide-toggle{cursor:pointer;padding:13px 18px;margin:0;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;transition:color .15s;border-bottom:1px solid var(--border)}.parts-guide-toggle:hover{color:var(--text)}.parts-toggle-icon{font-size:.72rem;transition:transform .2s}.parts-toggle-icon.open{transform:rotate(90deg)}.parts-guide-body{padding:14px 18px 18px;display:flex;flex-direction:column;gap:16px;border-bottom:1px solid var(--border)}.part-entry{border-left:2px solid var(--border);padding-left:11px}.part-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.part-name{font-size:.83rem;font-weight:700;color:var(--text)}.part-desc{font-size:.78rem;color:var(--text-muted);line-height:1.58}.panel-footer{padding:12px 18px;margin-top:auto}.panel-footer p{font-size:.7rem;color:var(--text-muted)}.panel-footer a{color:var(--primary);text-decoration:none}.panel-footer a:hover{text-decoration:underline}.explainer{max-width:860px;margin:0 auto;padding:32px 24px 64px;overflow-y:auto;height:calc(100vh - var(--navbar-height))}.explainer h1{font-size:1.6rem;font-weight:700;color:#fff;margin-bottom:6px}.explainer .explainer-subtitle{font-size:.9rem;color:var(--text-muted);margin-bottom:32px}.explainer-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:20px}.explainer-section h2{font-size:1.05rem;font-weight:700;color:var(--primary);margin-bottom:14px;text-transform:none;letter-spacing:0}.explainer-section p{font-size:.87rem;color:var(--text-muted);line-height:1.65;margin-bottom:12px}.explainer-section p:last-child{margin-bottom:0}.explainer-section table{width:100%;border-collapse:collapse;font-size:.82rem;margin-top:10px}.explainer-section .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:10px;border-radius:4px}.explainer-section .table-scroll table{margin-top:0;min-width:480px}.explainer-section th,.explainer-section td{padding:7px 10px;text-align:left;border:1px solid var(--border)}.explainer-section th{background:#22263a;color:var(--text-muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.explainer-section td{color:var(--text)}.explainer-section code{background:#22263a;border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:.85em;color:var(--primary);font-family:Courier New,Courier,monospace}.explainer-section .equation{background:#22263a;border:1px solid var(--border);border-radius:6px;padding:12px 16px;font-size:.88rem;color:var(--mg1-color);font-family:Courier New,Courier,monospace;margin:12px 0;display:block}.explainer-credit{font-size:.78rem;color:var(--text-muted);margin-top:24px;text-align:center}.explainer-credit a{color:var(--primary);text-decoration:none}.explainer-credit a:hover{text-decoration:underline}.hidden{display:none!important}.tabular-nums{font-variant-numeric:tabular-nums}