:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080a10;--fg:#e6e9f2;--muted:#8a93a8;--accent:#7cc4ff;font-family:system-ui,Hiragino Sans,Yu Gothic,sans-serif}*{box-sizing:border-box}html,body,#app{background:var(--bg);height:100%;color:var(--fg);margin:0}.gallery{max-width:720px;margin:0 auto;padding:48px 16px}.gallery h1{margin:0 0 4px}.lead{color:var(--muted);margin:0 0 32px}.gallery ul{gap:12px;padding:0;list-style:none;display:grid}.gallery a{color:inherit;border:1px solid #222838;border-radius:12px;gap:4px;padding:16px;text-decoration:none;display:grid}.gallery a:hover{border-color:var(--accent)}.gallery span{color:var(--muted);font-size:14px}.stage{height:100%;position:relative;overflow:hidden}.stage canvas{touch-action:none;width:100%;height:100%;display:block}.hud,.back,.help{color:var(--muted);background:#00000073;border-radius:6px;padding:4px 8px;font:12px ui-monospace,monospace;position:absolute}.hud{top:12px;right:12px}.back{text-decoration:none;top:12px;left:12px}.help{bottom:12px;left:12px}.hud{white-space:pre;text-align:right;line-height:1.5}@media (width<=720px),(pointer:coarse){.help{display:none}}.galaxy-panel,.sim-panel{width:min(560px,100% - 24px);padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(8px);background:#060810b8;border-radius:12px;gap:8px;font-size:13px;display:grid;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.galaxy-desc,.sim-desc{color:var(--muted);margin:0;line-height:1.5}.galaxy-row,.sim-row{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.galaxy-row button,.sim-row button{font:inherit;color:var(--fg);cursor:pointer;background:#161b2a;border:1px solid #2a3350;border-radius:999px;padding:6px 14px}.galaxy-row button.on,.sim-row button.on{border-color:var(--accent);color:var(--accent)}.galaxy-row select{font:inherit;color:var(--fg);background:#161b2a;border:1px solid #2a3350;border-radius:6px;margin-left:4px;padding:3px 6px}.galaxy-row label,.sim-row label{color:var(--muted);align-items:center;gap:4px;display:inline-flex}.galaxy-mode{color:var(--muted);margin-left:auto;font-size:11px}.lang-toggle{z-index:1;color:var(--fg);cursor:pointer;background:#00000073;border:1px solid #2a3350;border-radius:999px;padding:4px 12px;font:12px ui-monospace,monospace;position:absolute;top:44px;left:12px}.lang-toggle:hover{border-color:var(--accent)}#app{position:relative}.gallery+.lang-toggle{top:16px;left:auto;right:16px}.galaxy-count button{background:0 0;padding:4px 12px;font-size:12px}.forest-chart canvas{touch-action:none;width:100%;height:84px;display:block}.forest-legend{color:var(--fg);flex-wrap:wrap;gap:4px 12px;margin-top:4px;font-size:12px;display:flex}.forest-legend i{border-radius:2px;width:9px;height:9px;margin-right:4px;display:inline-block}.forest-readout{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}.pendulum-overlay span{color:var(--muted);pointer-events:none;white-space:nowrap;font:11px ui-monospace,monospace;position:absolute}.pendulum-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.pendulum-legend i{background:linear-gradient(90deg,#cde2fb,#2a78d6,#0d366b);border-radius:2px;width:110px;height:10px;display:inline-block}.pendulum-legend b{background:#05060c;border:1px solid #2a3350;border-radius:2px;width:10px;height:10px;margin-left:8px;display:inline-block}