*{margin:0;padding:0}html,body{background:#1b2126;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;overflow:hidden}.threejs{outline:none;position:fixed;top:0;left:0}.title{pointer-events:none;position:fixed;top:14px;left:16px}.title h1{color:#e3eaee;letter-spacing:.02em;margin:0;font-size:20px;font-weight:600}.title a{color:#8bd17c;pointer-events:auto;font-size:11px;text-decoration:none}.title a:hover,.title a:focus-visible{text-decoration:underline}@media (width<=560px){.title{top:auto;bottom:14px}}.panel{color:#cfd8dc;pointer-events:none;white-space:pre;background:#0c0f12b8;border-radius:4px;padding:6px 9px;font-size:11px;line-height:1.55;position:fixed;top:66px;left:8px}.panel .attached{color:#8bd17c}.panel .falling{color:#ffb454}.panel .growing{color:#6fd3ff}.panel .bad{color:#ff6b6b}.panel .dim{color:#7d8a91}.controls{color:#cfd8dc;background:#0c0f12b8;border-radius:4px;gap:6px;width:220px;max-width:calc(100vw - 32px);padding:9px 11px;font-size:11px;display:grid;position:fixed;top:8px;right:8px}.controls .row{cursor:pointer;align-items:center;gap:8px;display:flex}.controls .row span{flex:1}.controls input[type=range]{accent-color:#8bd17c;flex:2;min-width:0}.controls output{text-align:right;color:#8bd17c;width:3.5em}.controls input[type=checkbox]{accent-color:#8bd17c}.controls .actions{gap:6px;margin-top:2px;display:flex}.controls button{color:#cfd8dc;font:inherit;cursor:pointer;background:#20282e;border:1px solid #3a4650;border-radius:3px;flex:1;padding:4px 0}.controls button:hover{background:#2b363e}.controls[hidden]{display:none}.fatal{color:#ffd7d7;white-space:pre-wrap;background:#1b2126;justify-content:center;align-items:center;padding:24px;font-size:14px;line-height:1.6;display:flex;position:fixed;inset:0}.fatal[hidden],.panel[hidden]{display:none}