:root{color:#fff5dc;font-synthesis:none;background:#233e31;font-family:system-ui,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#4f7656,#20392d)}#app{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#app canvas{touch-action:none;max-width:100%;max-height:100%;display:block;box-shadow:0 10px 45px #0a1c1359}body.soundlab-active{touch-action:manipulation;-webkit-user-select:text;user-select:text;overflow:auto}body.soundlab-active #app{min-height:100%;display:block;position:static}body.soundlab-active #orientation-hint{display:none}.soundlab{color:#24362d;width:min(1180px,100%);margin:0 auto;padding:32px clamp(16px,4vw,48px) 64px}.soundlab h1,.soundlab h2{color:#fff5dc;text-shadow:0 2px 3px #19392a80}.soundlab-status,.soundlab-controls,.soundlab-card{background:#fff5dc;border:3px solid #315c42;border-radius:18px;box-shadow:0 5px 16px #142d2238}.soundlab-status{padding:14px 18px;font-weight:800}.soundlab-controls{flex-wrap:wrap;align-items:center;gap:18px;padding:18px;display:flex}.soundlab-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:18px;display:grid}.soundlab-card{padding:16px}.soundlab-card h3{overflow-wrap:anywhere;margin-top:0}.soundlab-button{color:#24362d;min-height:56px;font:inherit;cursor:pointer;background:#fff5dc;border:3px solid #315c42;border-radius:14px;padding:12px 18px;font-weight:800}.soundlab-button:hover,.soundlab-button:focus-visible,.soundlab-button--primary{background:#d9efc4}.soundlab-button--stop{background:#f4d8c8}.soundlab-slider{grid-template-columns:auto minmax(120px,220px) 3ch;align-items:center;gap:10px;font-weight:700;display:grid}#orientation-hint{z-index:10;top:max(12px, env(safe-area-inset-top));color:#24362d;text-align:center;pointer-events:none;background:#fff5dceb;border:2px solid #fff5dca6;border-radius:999px;width:max-content;max-width:90vw;padding:10px 18px;font-size:clamp(14px,3.8vw,20px);font-weight:700;display:none;position:fixed;left:50%;transform:translate(-50%)}@media (orientation:portrait){#orientation-hint{display:block}}@media (prefers-reduced-motion:reduce){#orientation-hint{scroll-behavior:auto}}