:root{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:#a5b6b9;background:#070b0f;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{color:#94a9ad;border:1px solid #344047;background:#0a1116;padding:5px 7px;cursor:pointer;border-radius:0}button:hover,button.selected{color:#defbaa;border-color:#9dce77}button:focus-visible,input:focus-visible{outline:1px solid #c7ec98;outline-offset:2px}#world{display:block;width:100vw;height:100dvh;touch-action:none;outline:none}header{position:fixed;top:15px;left:18px;right:18px;display:flex;align-items:center;gap:18px;pointer-events:none}header strong{color:#cad5cd;font-size:13px;font-weight:400}header span{color:#59727b;font-size:10px}header button{margin-left:auto;pointer-events:auto}header button.armed{color:#caf1a1;border-color:#82a75f}aside{position:fixed;top:63px;bottom:84px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#30434a transparent;overscroll-behavior:contain}#spawns{left:18px;width:208px;padding-right:10px}#well-panel{right:18px;width:183px;bottom:auto;max-height:calc(100dvh - 205px)}.quick{display:grid;grid-template-columns:1fr 1fr;gap:5px}.quick button{font-size:9px;padding:8px 3px}.note{font-size:9px;color:#607b85;line-height:1.8;margin:12px 0}details{border-top:1px solid #25363e;margin-top:11px;padding-top:10px}summary{cursor:pointer;color:#aac1b7;font-size:10px;user-select:none;margin-bottom:13px}.control{margin:0 0 13px}.control label{display:flex;justify-content:space-between;gap:4px;color:#7f9a9f;font-size:9px}.control output{color:#c2d3a8;white-space:nowrap}.control input{display:block;appearance:none;width:100%;height:3px;margin:9px 0 0;background:#293d43;accent-color:#b2d392;cursor:ew-resize}.control input::-webkit-slider-thumb{appearance:none;width:9px;height:13px;background:#a9c192;border:0;border-radius:0}.well-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8ca9ae}#well-list{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}#well-list button{font-size:9px;min-width:27px}#well-editor{border-top:1px solid #2b424a;padding-top:5px}.scrub{display:flex;width:100%;justify-content:space-between;border:0;border-bottom:1px solid #192b32;background:transparent;padding:10px 2px;font-size:10px;cursor:ew-resize;touch-action:none;user-select:none}.scrub span{color:#78959e}.scrub b{font-weight:400;color:#d1d8aa}.scrub:hover{background:#132028}#remove-well{font-size:9px;width:100%}button:disabled{opacity:.35;cursor:default}#hint{position:fixed;bottom:46px;left:244px;line-height:1.7;color:#52727c;font-size:9px;pointer-events:none}#scope{position:fixed;bottom:58px;right:18px;width:183px;pointer-events:none}.scope-label{display:flex;align-items:center;gap:6px;font-size:9px;color:#6c857b}#mean-color{display:inline-block;width:10px;height:10px;border:1px solid #677970;margin-left:auto}#color-label{font-size:8px}#scope-canvas{display:block;width:183px;height:55px}#meters{font-size:8px;color:#789087}footer{position:fixed;bottom:12px;left:18px;right:18px;display:flex;justify-content:space-between;gap:12px;align-items:center;color:#829a80;font-size:9px}footer button{border:none;color:#8fa69c;font-size:9px;white-space:nowrap}#mapping{position:fixed;right:215px;bottom:55px;width:300px;padding:17px;border:1px solid #3e534c;background:#0b1318f5;color:#a4b5a0;font-size:10px;line-height:1.6;max-height:calc(100vh - 110px);overflow:auto}#mapping strong{font-weight:400;color:#d6ecc2}.on{color:#d8edae;border-color:#6d8b53}@media(max-width:760px){header span{display:none}#spawns{width:162px;left:10px}#well-panel{width:142px;right:10px;font-size:9px}header{left:10px;right:10px}#scope{right:10px;width:142px}#scope-canvas{width:142px}#hint{left:183px;font-size:8px;max-width:calc(100vw - 345px)}footer{left:10px;right:10px;font-size:8px}#status{max-width:65vw}#mapping{right:160px;width:240px}.scrub{font-size:9px}#color-label{display:none}}@media(max-width:540px){#spawns{width:142px}#well-panel{width:128px;top:50%;max-height:calc(50dvh - 80px)}#scope{display:none}#hint{left:162px;max-width:calc(100vw - 175px);bottom:54px}#mapping{left:155px;right:10px;width:auto;font-size:9px}}

body.ui-hidden > :not(#world){display:none!important}body.ui-hidden #world{cursor:none}

#orb-shelf{position:fixed;left:244px;right:220px;bottom:77px;height:49px;display:flex;align-items:center;gap:9px}#save-orb{height:32px;white-space:nowrap;color:#c7dcb8;font-size:10px}#orb-list{display:flex;align-items:center;gap:8px;overflow-x:auto;flex:1;min-width:0;height:55px;scrollbar-width:thin;scrollbar-color:#3a5148 transparent}.orb{flex:0 0 43px;width:43px;height:43px;padding:0;border-radius:50%;overflow:hidden;border:1px solid #536760;background:#070b0f}.orb img{display:block;width:100%;height:100%;object-fit:cover}.orb.selected{border:2px solid #d1eba6;box-shadow:0 0 8px #a4c66b40}.orb:hover{border-color:#e2f7c6}#orb-count{font-size:8px;color:#6b847b;white-space:nowrap}@media(max-width:760px){#orb-shelf{left:185px;right:169px;bottom:76px;gap:5px}#orb-count{display:none}#save-orb{font-size:9px;padding:5px}}@media(max-width:540px){#orb-shelf{left:165px;right:12px;top:calc(48dvh + 10px);bottom:auto}}

#sound-templates{margin-top:12px}#undo-sound{margin-top:5px;width:100%;font-size:9px}

#chord-notes{display:block;color:#d1d8aa;font-size:10px;margin:10px 0}#release-chord,#connect-midi,#midi-input{width:100%;margin-top:6px;font-size:9px}#midi-input{background:#0a1116;color:#a5b6b9;border:1px solid #344047;padding:5px}

.orb.starter{border-color:#6a799a}.orb.starter.selected{border-color:#d1eba6}.starter-label{font-size:9px;color:#879aab;white-space:nowrap}

/* Keep starter names visible without changing the saved-orb thumbnails. */
#orb-list{height:70px}#orb-shelf{height:64px;bottom:70px}.orb.starter{height:62px;border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none}.orb.starter img{height:43px;border:1px solid #6a799a;border-radius:50%}.orb.starter.selected img{border:2px solid #d1eba6;box-shadow:0 0 8px #a4c66b40}.orb.starter:hover img{border-color:#e2f7c6}.orb-name{display:block;margin-top:4px;font-size:9px;line-height:11px;text-align:center;color:#b7c8ce}.orb.starter.selected .orb-name{color:#d1eba6}@media(max-width:540px){#orb-shelf{bottom:auto}}

.control select{width:100%;margin-top:7px;padding:5px 3px;background:#0a1116;color:#c2d3a8;border:1px solid #344047;font:inherit;font-size:9px}#sound-controls details,#well-sound{margin-top:12px}#well-sound summary{line-height:1.5}#well-sound-count{color:#78959e;font-size:8px}#well-sound .control{margin:14px 0}#sound-lab>summary{color:#d1d8aa}