*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#020305;color:#d9dde2;font:14px system-ui}canvas{display:block;width:100%;height:100%;touch-action:none}#hud{position:fixed;left:18px;bottom:16px;display:flex;gap:14px;align-items:center;padding:8px 11px;background:#05070aa8;border:1px solid #ffffff18;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}button,select{background:#11161d;color:#eee;border:1px solid #ffffff25;border-radius:7px;padding:6px 9px}input{vertical-align:middle}#hint{opacity:.48;font-size:12px}#inspect{position:fixed;right:18px;top:18px;width:180px;padding:14px;background:#070a0ebd;border:1px solid #ffffff1c;border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#inspect label{display:block;margin-top:12px;font-size:11px;opacity:.75}#inspect select{display:block;width:100%;margin-top:4px}#inspect button{margin-top:12px;width:100%}@media(max-width:700px){#hint{display:none}#hud{left:8px;right:8px;bottom:8px;justify-content:center}}#hud,#inspect{box-shadow:0 12px 40px #0008,inset 0 1px #ffffff08}#hud{background:#030609a8;border-color:#dcecff16}#inspect{background:#04070bb8;border-color:#dcecff18}button,select{background:#0a1017cc;border-color:#dcecff20}#play{font-size:16px;min-width:36px}#mute.is-muted{opacity:.68;background:#07090c;color:#858b92}#pitchLabels{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}#pitchLabels span{position:absolute;transform:translate(8px,-50%);font:11px system-ui;color:#b9d9ec99;text-shadow:0 1px 5px #000;white-space:nowrap}#pitchLabels span.active{color:#e8f6ff;font-weight:600;text-shadow:0 0 9px #9bd8ff88}#sunPanel input[type=range]{width:100%;margin-top:6px}#sunPanel label span{float:right;color:#e6edf4}#planetPanel input[type=range]{width:100%;margin-top:6px}#planetPanel label span{float:right;color:#e6edf4}input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:18px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,#26384a,#7b8fa1 58%,#b59b6d);box-shadow:0 0 10px #8eb8d522,inset 0 1px #ffffff16}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;margin-top:-4.5px;border-radius:50%;border:1px solid #fff8;background:#e8e1cd;box-shadow:0 0 7px #b9dfff77,0 0 16px #d7ad6940}input[type=range]::-moz-range-track{height:4px;border:0;border-radius:999px;background:linear-gradient(90deg,#26384a,#7b8fa1 58%,#b59b6d);box-shadow:0 0 10px #8eb8d522,inset 0 1px #ffffff16}input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;border:1px solid #fff8;background:#e8e1cd;box-shadow:0 0 7px #b9dfff77,0 0 16px #d7ad6940}.planet-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.planet-actions button{width:auto!important}#solo.is-solo{border-color:#d8c48788;color:#fff2c5;background:#17150dcc;box-shadow:0 0 12px #d6b76522}#clearPlanets.danger{margin-top:16px;color:#c9a9a4;border-color:#9b5f562c;background:#120c0ccc}#clearPlanets.armed{color:#ffe2d8;border-color:#d9867466;background:#26110dcc}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;background:radial-gradient(ellipse at center,transparent 44%,rgba(0,0,0,.13) 70%,rgba(0,0,0,.46) 100%);mix-blend-mode:multiply}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:21;opacity:.026;background-image:repeating-radial-gradient(circle at 23% 37%,rgba(255,255,255,.5) 0 1px,transparent 1px 3px);background-size:8px 8px}canvas{image-rendering:auto}