:root{--sidebar-width:340px;--left-sidebar-width:240px;--bg:#000005;--panel-bg:#ffffff0a;--border:#ffffff14;--accent:#7c6af7;--accent-dim:#7c6af740;--text:#e0e0e0;--text-dim:#666;--font:"Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:var(--font);overflow:hidden}#simulation{top:0;left:var(--left-sidebar-width);display:block;position:fixed}#left-sidebar{width:var(--left-sidebar-width);border-right:1px solid var(--border);background:#04040ceb;flex-direction:column;gap:10px;height:100vh;padding:14px 12px;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}#left-sidebar-title{letter-spacing:.25em;color:var(--accent);text-align:center;border-bottom:1px solid var(--border);flex-shrink:0;padding-bottom:10px;font-size:.75rem}.eq-panel{gap:6px}.eq-block{background:#0000004d;border:1px solid #7c6af726;border-radius:4px;flex-direction:column;gap:3px;padding:8px 9px;display:flex}.eq-line{color:var(--text);letter-spacing:.03em;font-size:.62rem;line-height:1.6;font-family:var(--font)}.eq-line.eq-case{color:var(--text-dim);padding-left:8px}.eq-note{color:var(--text-dim);letter-spacing:.04em;padding-left:2px;font-size:.52rem;line-height:1.5}#sidebar{width:var(--sidebar-width);border-left:1px solid var(--border);background:#04040ceb;flex-direction:column;gap:10px;height:100vh;padding:14px 12px;display:flex;position:fixed;top:0;right:0;overflow:hidden auto}#sidebar-title{letter-spacing:.25em;color:var(--accent);text-align:center;border-bottom:1px solid var(--border);flex-shrink:0;padding-bottom:10px;font-size:.75rem}.panel{background:var(--panel-bg);border:1px solid var(--border);border-radius:6px;flex-direction:column;flex-shrink:0;gap:7px;padding:10px;display:flex}.panel-label{letter-spacing:.18em;color:var(--text-dim);font-size:.6rem;display:block}#camera-frame{aspect-ratio:4/3;border:1px solid var(--border);background:#0a0a14;border-radius:4px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}#camera-feed{object-fit:cover;width:100%;height:100%;display:none}#camera-status{color:var(--text-dim);letter-spacing:.1em;font-size:.6rem}#camera-btn{font-family:var(--font);letter-spacing:.12em;background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent);cursor:pointer;border-radius:4px;padding:5px 8px;font-size:.65rem;transition:background .2s}#camera-btn:hover{background:#7c6af766}.emotion-row{align-items:center;gap:6px;display:flex}.emotion-label{color:var(--text-dim);flex-shrink:0;width:48px;font-size:.6rem}.bar-track{background:#ffffff0f;border-radius:2px;flex:1;height:4px;overflow:hidden}.bar-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .2s}.emotion-value{color:var(--text-dim);text-align:right;flex-shrink:0;width:28px;font-size:.6rem}#emoji-chips{justify-content:space-between;gap:6px;display:flex}.chip{background:var(--panel-bg);border:1px solid var(--border);cursor:pointer;border-radius:6px;flex:1;padding:4px 6px;font-size:1.25rem;transition:border-color .2s,background .2s}.chip:hover,.chip.active{border-color:var(--accent);background:var(--accent-dim)}.slider-row{align-items:center;gap:6px;display:flex}.slider-label{color:var(--text-dim);letter-spacing:.05em;flex-shrink:0;width:46px;font-size:.58rem}.slider-row input[type=range]{appearance:none;background:#ffffff1f;border-radius:2px;outline:none;flex:1;height:3px}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:11px;height:11px}.slider-value{color:var(--text);text-align:right;flex-shrink:0;width:38px;font-size:.58rem}#trigger-btn{font-family:var(--font);letter-spacing:.15em;text-transform:uppercase;background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent);cursor:pointer;border-radius:6px;width:100%;padding:9px;font-size:.7rem;transition:background .2s}#trigger-btn:hover{background:#7c6af766}.selector-row{align-items:center;gap:6px;display:flex}.selector-label{color:var(--accent);flex-shrink:0;width:14px;font-size:.65rem;font-weight:700}.selector-row select{font-family:var(--font);color:var(--text);border:1px solid var(--border);cursor:pointer;background:#ffffff0d;border-radius:4px;outline:none;flex:1;max-width:100%;padding:4px 6px;font-size:.58rem}.selector-row select:focus{border-color:var(--accent)}#randomize-btn{font-family:var(--font);letter-spacing:.12em;color:var(--text-dim);border:1px solid var(--border);cursor:pointer;text-align:center;background:0 0;border-radius:4px;width:100%;padding:5px 8px;font-size:.6rem;transition:color .2s,border-color .2s}#randomize-btn:hover{color:var(--accent);border-color:var(--accent)}.asteroid-info-cols{gap:6px;display:flex}.asteroid-info-col{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.asteroid-info-divider{background:var(--border);flex-shrink:0;width:1px}.info-name{color:var(--accent);letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.62rem;display:block;overflow:hidden}.info-row{justify-content:space-between;gap:4px;display:flex}.info-lbl{color:var(--text-dim);flex-shrink:0;font-size:.52rem}.info-val{color:var(--text);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:.52rem;overflow:hidden}.stat-row{justify-content:space-between;align-items:center;display:flex}.stat-label{color:var(--text-dim);letter-spacing:.1em;font-size:.6rem}.stat-value{color:var(--text);font-size:.65rem}#asteroid-names{border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:4px;margin-top:auto;padding-top:10px;display:flex}#asteroid-a,#asteroid-b{color:var(--text-dim);letter-spacing:.06em;font-size:.55rem;line-height:1.5}#asteroid-b{text-align:right}.asteroid-detail{color:#ffffff38;letter-spacing:.04em;font-size:.48rem;display:block}#asteroid-sep{color:var(--accent);font-size:.7rem}#bg-picker{top:12px;left:var(--left-sidebar-width);right:var(--sidebar-width);z-index:10;pointer-events:none;justify-content:center;gap:6px;display:flex;position:fixed}.bg-btn{pointer-events:all;font-family:var(--font);letter-spacing:.1em;color:var(--text-dim);border:1px solid var(--border);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04040cb8;border-radius:20px;padding:4px 10px;font-size:.58rem;transition:color .18s,border-color .18s,background .18s}.bg-btn:hover{color:var(--text);border-color:#ffffff40}.bg-btn.active{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}