:root{color:#fff7dc;font-synthesis:none;text-rendering:optimizelegibility;background:#10192d;font-family:ui-rounded,SF Pro Rounded,Avenir Next,system-ui,sans-serif}*{box-sizing:border-box}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{background:radial-gradient(circle at 50% 25%,#465785 0,#0000 35%),linear-gradient(#182743,#0b1222 72%);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}.app-shell{min-height:100vh;padding:clamp(1rem,2.6vw,2.5rem)}.loading-shell{text-align:center;place-content:center;min-height:100vh;padding:2rem;display:grid}.instrument-header{justify-content:space-between;align-items:end;gap:1rem;width:min(100%,1280px);margin:0 auto .9rem;display:flex}.eyebrow{color:#d8c68a;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:700}h1{letter-spacing:-.04em;margin:.35rem 0 0;font-size:clamp(2rem,5vw,4.25rem)}.prototype-status{color:#ffe6a0;background:#1b2540c7;border:1px solid #ffdd7f73;border-radius:999px;max-width:34rem;margin:0;padding:.75rem 1rem}.pack-version{opacity:.76;margin-top:.15rem;font-size:.72rem;display:block}.global-controls{background:#0c182bc7;border:1px solid #ffeeb038;border-radius:18px;align-items:center;gap:.65rem;width:min(100%,1280px);margin:0 auto .8rem;padding:.55rem;display:flex}.global-controls label{align-items:center;gap:.4rem;min-height:48px;display:flex}.global-controls button,.global-controls input,.global-controls select,.loading-shell button{color:#fff7dc;background:#2d3e5b;border:1px solid #ffeeb057;border-radius:12px;min-height:48px}.global-controls button,.loading-shell button{padding:.55rem .9rem}.global-controls input[type=range]{width:clamp(6rem,12vw,10rem)}.global-controls select{max-width:12rem;padding:0 .45rem}.load-status{color:#fff7dcc7;min-width:10rem;margin:0 0 0 auto;font-size:.82rem}@media (max-width:900px){.instrument-header{flex-direction:column;align-items:start}.global-controls{flex-wrap:wrap;align-items:stretch}.load-status{width:100%;margin-left:0}}.soundstones-stage{aspect-ratio:16/9;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #ffeeb03d;border-radius:clamp(18px,3vw,38px);width:min(100%,1280px);max-height:72vh;margin:0 auto;display:block;box-shadow:0 28px 80px #03091680,inset 0 0 50px #ffe0940f}.global-controls{transition:opacity .48s,transform .48s}.global-controls[data-idle=true]{opacity:.24;transform:translateY(-3px)}.global-controls[data-idle=true]:focus-within,.global-controls[data-idle=true]:hover{opacity:1;transform:none}.soundstones-onboarding{color:#fff2bd;text-align:center;background:#292b46e0;border:1px solid #ffe89e73;border-radius:999px;width:-moz-fit-content;width:fit-content;max-width:min(92vw,42rem);margin:.7rem auto 0;padding:.65rem 1rem;font-size:clamp(.82rem,1.3vw,1rem)}.soundstones-onboarding[hidden]{display:none}.soundstones-rotate-message{color:#fff2bd;text-align:center;background:radial-gradient(circle at 50% 25%,#ffe1972e,#0000 42%),#142239eb;border:1px solid #ffe89e7a;border-radius:28px;place-content:center;gap:.5rem;width:min(92vw,34rem);min-height:12rem;margin:2rem auto;padding:2rem;display:none}.soundstones-rotate-message strong,.soundstones-rotate-message span{display:block}.soundstones-rotate-message strong{font-size:clamp(1.4rem,5vw,2.2rem)}.soundstones-rotate-message span{color:#fff7dcc7;margin-top:.5rem}.soundstones-a11y-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;width:min(100%,1280px);margin:1rem auto 0;display:grid}.soundstones-live-region{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.soundstones-animal-controls{background:#0d1a2bd1;border:1px solid #ffeeb03d;border-radius:18px;min-width:0;padding:.75rem;transition:opacity .18s,transform .18s}.soundstones-animal-controls[data-awake=false]{opacity:.78}.soundstones-animal-controls[data-pending=true]{outline-offset:-6px;border-style:dashed;outline:2px solid #fff4c4b8}.soundstones-animal-controls h2{margin:0;font-size:1rem}.soundstones-animal-readout{color:#fff7dcd1;min-height:4.8em;margin:.3rem 0 .65rem;font-size:.72rem;line-height:1.3}.soundstones-action-grid,.soundstones-position-grid{grid-template-columns:repeat(3,minmax(48px,1fr));gap:.35rem;display:grid}.soundstones-position-grid{margin-top:.35rem}.soundstones-a11y-controls button{color:#fff7dc;cursor:pointer;background:#2d3e5bf0;border:1px solid #ffeeb057;border-radius:12px;min-width:48px;min-height:48px;padding:.45rem}.soundstones-a11y-controls button[aria-pressed=true]{background:#72556f;border-style:double;border-width:3px}.soundstones-a11y-controls button:focus-visible{outline-offset:2px;outline:4px solid #fff0a8}@media (prefers-reduced-motion:reduce){.global-controls,.soundstones-animal-controls,.soundstones-stage{transition:none;animation:none}}@media (orientation:portrait),(max-aspect-ratio:5/4){.global-controls,.soundstones-stage,.soundstones-onboarding,.soundstones-a11y-controls{display:none}.soundstones-rotate-message{display:grid}}@media (max-width:1050px) and (orientation:landscape){.soundstones-a11y-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}