/* Each anchored SVG deforms internally; scrolling never drives its geometry. */
.living-tentacle{position:absolute;bottom:-5svh;width:clamp(240px,26vw,460px);height:100svh;left:-85px;opacity:.7;filter:drop-shadow(4px 6px 5px #0007);pointer-events:none}
.living-tentacle svg{width:100%;height:100%;overflow:visible}
.living-tentacle--right{left:auto;right:-85px}.living-tentacle--right svg{transform:scaleX(-1)}
.living-tentacle--1{left:-45px;bottom:-10svh;opacity:.62}
.living-tentacle--2{left:-15px;bottom:-15svh;opacity:.55}
.living-tentacle--4{right:-35px;bottom:-12svh;opacity:.6}
.music-control{position:relative;z-index:5}
.music-menu{position:absolute;right:0;top:calc(100% + 8px);width:175px;padding:6px;background:#102833;border:1px solid #6e929077;border-radius:8px;box-shadow:0 10px 35px #0009;display:grid;gap:3px}
.music-menu button{text-align:left;min-height:44px;padding:10px 13px;border-radius:4px;font-size:13px;color:#efe3c8}.music-menu button:hover:not(:disabled){background:#839c7d26}.music-menu button:disabled{opacity:.35;cursor:default}
.music-settings{width:min(460px,calc(100vw - 24px));padding:23px;max-height:calc(100svh - 24px);overflow:auto;border:1px solid #718e8177;border-radius:12px;background:#102632;color:var(--text)}
.music-settings .dialog-top h2{font-size:28px}.music-choices{border:0;padding:0;margin:22px 0}.music-choices legend{font-size:12px;color:#bacac4;margin-bottom:12px}.music-choices label{display:flex;gap:12px;align-items:center;padding:15px 12px;margin:8px 0;border:1px solid #64817f66;border-radius:7px;cursor:pointer}.music-choices label.selected{border-color:#ddc18a;background:#b8b57812}.music-choices input{accent-color:#d5ba7f;flex-shrink:0}.music-choices strong{display:block;font-size:14px;color:#efddb6}.music-choices small{display:block;font-size:11px;line-height:1.6;color:#b1c6c7;margin-top:5px}.settings-volume{display:block}.settings-volume>span{display:flex;justify-content:space-between;font-size:13px}.settings-volume output{color:#efddb6}.settings-volume input{height:6px;margin:22px 0}.music-settings .draw-button{width:100%}
@media(max-width:760px){.living-tentacle{left:-135px;width:280px;height:100svh;opacity:.6}.living-tentacle--1{left:-105px;bottom:-9svh;opacity:.52}.living-tentacle--2{left:-80px;bottom:-14svh;opacity:.48}.living-tentacle--right{left:auto;right:-130px}.living-tentacle--4{left:auto;right:-95px;bottom:-12svh;opacity:.5}.music-settings{padding:18px}.music-settings .dialog-top h2{font-size:25px}.site-header{z-index:3}.music-menu{right:-30px}}
/* Volume: 4× the original 13px thumb, inside a generous touch target. */
.settings-volume input[type=range]{display:block;width:100%;height:64px;margin:10px 0 14px;padding:0;background:transparent;touch-action:none;cursor:pointer}
.settings-volume input[type=range]::-webkit-slider-runnable-track{height:12px;border-radius:999px;background:linear-gradient(to right,var(--gold) var(--range),#344b50 var(--range))}
.settings-volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:52px;height:52px;margin-top:-20px;border:5px solid #18343e;border-radius:50%;background:#ead09b;box-shadow:0 0 0 2px #c5aa76,0 3px 10px #0005}
.settings-volume input[type=range]::-moz-range-track{height:12px;border-radius:999px;background:linear-gradient(to right,var(--gold) var(--range),#344b50 var(--range))}
.settings-volume input[type=range]::-moz-range-thumb{box-sizing:border-box;width:52px;height:52px;border:5px solid #18343e;border-radius:50%;background:#ead09b;box-shadow:0 0 0 2px #c5aa76,0 3px 10px #0005}