:root{--bg: #000000;--text: #cccccc;--text-dim: #888888;--accent: #66ccff}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);font-family:Space Mono,monospace;overflow:hidden;color:var(--text)}#canvas{display:block;width:100vw;height:100vh;cursor:grab}#canvas:active{cursor:grabbing}#ui{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none}#date-display{font-size:14px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--text);opacity:.8}#speed-selector{display:flex;align-items:center;pointer-events:auto;background:#ffffff0d;border-radius:8px;padding:4px;gap:2px}.speed-option{background:transparent;border:none;color:var(--text-dim);font-family:inherit;font-size:12px;padding:8px 14px;cursor:pointer;transition:all .2s ease;border-radius:6px;white-space:nowrap}.speed-option:hover{color:var(--text);background:#ffffff0d}.speed-option.active{background:#ffffff26;color:var(--text)}#moon-selector{display:flex;align-items:center;pointer-events:auto;background:#ffffff0d;border-radius:8px;padding:4px 8px;gap:4px}#moon-selector span{font-size:11px;color:var(--text-dim);margin-right:4px}.moon-option{background:transparent;border:none;color:var(--text-dim);font-family:inherit;font-size:11px;padding:6px 10px;cursor:pointer;transition:all .2s ease;border-radius:4px;white-space:nowrap}.moon-option:hover{color:var(--text);background:#ffffff0d}.moon-option.active{background:#ffffff26;color:var(--text)}#speed-indicator{font-size:11px;color:var(--text-dim);opacity:.6;letter-spacing:.05em}#sidebar{position:fixed;top:0;right:0;width:280px;height:100vh;background:#000000e6;border-left:1px solid rgba(255,255,255,.1);padding:20px;overflow-y:auto;transition:transform .2s ease;z-index:100}#sidebar.hidden{transform:translate(100%)}#sidebar-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-dim);font-size:24px;cursor:pointer;padding:4px 8px;line-height:1;transition:color .2s ease}#sidebar-close:hover{color:var(--text)}#sidebar-content h2{font-size:18px;font-weight:700;margin:0 0 4px;letter-spacing:.02em}.sidebar-type{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px}.sidebar-section{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.sidebar-label{font-size:11px;color:var(--text-dim)}.sidebar-value{font-size:12px;color:var(--text);text-align:right}.sidebar-divider{height:1px;background:#ffffff1a;margin:16px 0}.sidebar-section-title{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.15em;margin-bottom:12px}.sidebar-wikipedia{margin:16px 0;padding:12px;background:#ffffff08;border-left:2px solid var(--accent);border-radius:4px}.sidebar-wikipedia-loading{font-size:11px;color:var(--text-dim);font-style:italic}.sidebar-wikipedia-content{font-size:12px;line-height:1.5;color:var(--text);margin-bottom:8px}.sidebar-wikipedia-link{display:inline-block;font-size:11px;color:var(--accent);text-decoration:none;transition:opacity .2s ease}.sidebar-wikipedia-link:hover{opacity:.7}