:root{--sl-ease-out:cubic-bezier(.22,1,.36,1);--pill-fade-ms:.42s;--pill-w-loading:28px;--pill-w-cta:150px;--pill-h:44px;--pill-radius:999px;--pill-bg:color-mix(in srgb,var(--color-secondary)92%,transparent);--pill-stroke:#ffffff0f;--pill-text:#ffffffeb;--glow-color:color-mix(in srgb,var(--color-primary)78%,transparent);--glow-color-strong:color-mix(in srgb,var(--color-accent-complementario)90%,transparent);--glow-color-0:transparent;--glow-color-strong-0:transparent;--glow-blur:18px;--cta-ring-size:2px;--cta-glow-blur:24px;--cta-glow-spread:6px;--cta-glow-blur-2:48px;--cta-glow-spread-2:12px;--cta-hover-blur:36px;--cta-hover-spread:10px;--cta-hover-blur-2:64px;--cta-hover-spread-2:18px;--cta-hover-shrink:.992;--cta-inner-glow-color:color-mix(in srgb,var(--color-primary)20%,transparent);--cta-inner-glow-color-strong:color-mix(in srgb,var(--color-accent-complementario)40%,transparent);--cta-inner-glow-blur:16px;--cta-inner-glow-spread:3px;--cta-inner-glow-blur-2:28px;--cta-inner-glow-spread-2:6px;--cta-inner-rim:#c8c8c84d;--roller-ms:.8s;--roller-ease:var(--sl-ease-out);--roller-gap:100%;--hover-blur:26px;--ripple-ms:.42s}.pill-cta{min-width:var(--pill-w-loading);height:var(--pill-h);border-radius:var(--pill-radius);background:var(--pill-bg);box-shadow:inset 0 0 0 1px var(--pill-stroke),0 1px 1px #00000059;transition:transform .8s var(--sl-ease-out),filter .8s var(--sl-ease-out),opacity .8s var(--sl-ease-out),background-color .8s var(--sl-ease-out),box-shadow .8s var(--sl-ease-out),min-width .8s var(--sl-ease-out),width .8s var(--sl-ease-out);-webkit-user-select:none;user-select:none;cursor:default;pointer-events:auto;contain:layout paint;will-change:transform,opacity,filter,box-shadow,background-color,min-width;border:0;outline:0;justify-content:center;align-items:center;display:inline-flex;position:relative;transform:translateZ(0)}.pill-cta .pill-halo{border-radius:var(--pill-radius);pointer-events:none;opacity:0;box-shadow:0 0 0 1px var(--glow-color),0 0 var(--glow-blur)2px var(--glow-color);transition:box-shadow var(--roller-ms)var(--roller-ease),opacity .8s ease;position:absolute;inset:-2px}.pill-cta .pill-content{place-items:center;width:100%;height:100%;padding:0 6px;display:grid;position:relative;overflow:hidden}.pill-cta .pill-number,.pill-cta .pill-label{font-weight:var(--font-weight-semibold);letter-spacing:.02em;color:var(--pill-text);will-change:opacity,transform,filter;grid-area:1/1;justify-content:center;align-items:center;font-family:Mundial,sans-serif;line-height:1;transition:opacity .8s,transform .8s,filter .8s;display:flex}.pill-cta .pill-loading-label{font-weight:var(--font-weight-semibold);letter-spacing:.02em;color:var(--pill-text);will-change:opacity;pointer-events:none;opacity:0;z-index:2;grid-area:1/1;justify-content:center;align-items:center;font-family:Mundial,sans-serif;line-height:1;transition:opacity .8s;display:flex;position:relative;transform:translateY(0)}.pill-cta .pill-static-label{font-weight:var(--font-weight-semibold);letter-spacing:.02em;color:var(--pill-text);pointer-events:none;z-index:2;grid-area:1/1;justify-content:center;align-items:center;font-family:Mundial,sans-serif;line-height:1;display:flex;position:relative}.pill-cta .pill-content{z-index:2}.pill-cta .pill-number{z-index:3;position:relative}.pill-cta .pill-label{z-index:1;position:relative}.pill-cta .pill-label:before,.pill-cta .pill-label:after{z-index:1}.pill-cta .pill-number{font-variant-numeric:tabular-nums}.pill-cta.loading{box-shadow:inset 0 0 0 1px var(--cta-inner-rim),inset 0 0 var(--cta-inner-glow-blur)var(--cta-inner-glow-spread)var(--cta-inner-glow-color),inset 0 0 var(--cta-inner-glow-blur-2)var(--cta-inner-glow-spread-2)var(--cta-inner-glow-color);background:0 0}.pill-cta.filled_hold{box-shadow:inset 0 0 0 1px var(--cta-inner-rim),inset 0 0 var(--cta-inner-glow-blur)var(--cta-inner-glow-spread)var(--cta-inner-glow-color),inset 0 0 var(--cta-inner-glow-blur-2)var(--cta-inner-glow-spread-2)var(--cta-inner-glow-color);background:0 0;transform:scale(1.01)}.pill-cta.morph{box-shadow:0 0 0 1px var(--glow-color),0 0 0 var(--cta-ring-size)var(--glow-color),0 0 var(--cta-glow-blur)var(--cta-glow-spread)var(--glow-color),0 0 var(--cta-glow-blur-2)var(--cta-glow-spread-2)var(--glow-color),inset 0 0 0 1px var(--cta-inner-rim),inset 0 0 var(--cta-inner-glow-blur)var(--cta-inner-glow-spread)var(--cta-inner-glow-color),inset 0 0 var(--cta-inner-glow-blur-2)var(--cta-inner-glow-spread-2)var(--cta-inner-glow-color);min-width:var(--pill-w-cta);background:0 0;transform:scale(1.03)}.pill-cta.morph .pill-halo{opacity:1}.pill-cta.morph .pill-label{opacity:1;transform:translateY(0)}.pill-cta .pill-number{transition:transform var(--roller-ms)var(--roller-ease),opacity var(--roller-ms)var(--roller-ease);opacity:1;position:relative;transform:translateY(0%)}.pill-cta.morph .pill-number,.pill-cta.cta .pill-number{transform:translateY(calc(-1*var(--roller-gap)));opacity:0}.pill-cta.loading .pill-number,.pill-cta.filled_hold .pill-number{opacity:1;transform:translateY(0%)}.pill-cta.loading .pill-label,.pill-cta.filled_hold .pill-label{opacity:0;pointer-events:none;transform:translateY(12px)}.pill-cta.loading .pill-label:before,.pill-cta.loading .pill-label:after,.pill-cta.filled_hold .pill-label:before,.pill-cta.filled_hold .pill-label:after{opacity:0;transform:translateY(var(--roller-gap))}.pill-cta.loading .pill-loading-label,.pill-cta.filled_hold .pill-loading-label{opacity:1;transform:translateY(0)}.pill-cta.morph .pill-loading-label,.pill-cta.cta .pill-loading-label{opacity:0;transform:translateY(0)}.pill-cta.cta{background:rgba(var(--color-secondary-rgb),.15);box-shadow:  0 0 0 1px var(--glow-color),0 0 0 var(--cta-ring-size)var(--glow-color),0 0 var(--cta-glow-blur)var(--cta-glow-spread)var(--glow-color),0 0 var(--cta-glow-blur-2)var(--cta-glow-spread-2)var(--glow-color),inset 0 0 0 1px var(--cta-inner-rim),inset 0 0 var(--cta-inner-glow-blur)var(--cta-inner-glow-spread)var(--cta-inner-glow-color),inset 0 0 var(--cta-inner-glow-blur-2)var(--cta-inner-glow-spread-2)var(--cta-inner-glow-color);min-width:var(--pill-w-cta);cursor:pointer;transform:scale(1)}.pill-cta.cta .pill-halo{opacity:1;box-shadow:0 0 0 1px var(--glow-color),0 0 0 calc(var(--cta-ring-size) + 1px)var(--glow-color),0 0 var(--cta-glow-blur)calc(var(--cta-glow-spread) + 1px)var(--glow-color)}.pill-cta.cta .pill-number{opacity:0}.pill-cta.cta .pill-label{opacity:1;transform:translateY(0)}.pill-cta.warning{--glow-color:color-mix(in srgb,var(--color-system-warning)78%,transparent);--glow-color-strong:color-mix(in srgb,var(--color-system-warning)90%,transparent);--cta-inner-glow-color:color-mix(in srgb,var(--color-system-warning)20%,transparent);--cta-inner-glow-color-strong:color-mix(in srgb,var(--color-system-warning)40%,transparent)}.pill-cta.subtle{--cta-ring-size:1px;--cta-glow-blur:8px;--cta-glow-spread:1px;--cta-glow-blur-2:12px;--cta-glow-spread-2:2px;--cta-hover-blur:16px;--cta-hover-spread:3px;--cta-hover-blur-2:24px;--cta-hover-spread-2:6px}.pill-cta .pill-label{color:#0000;height:1em;text-shadow:none;white-space:nowrap;display:inline-block;position:relative;overflow:hidden}.pill-cta .pill-label:before,.pill-cta .pill-label:after{content:attr(data-text);text-align:center;will-change:transform,opacity;backface-visibility:hidden;transition:transform var(--roller-ms)var(--roller-ease),opacity var(--roller-ms)var(--roller-ease);color:var(--pill-text);line-height:1;position:absolute;left:0;right:0}.pill-cta .pill-label:before{opacity:1;transform:translateY(0%)}.pill-cta .pill-label:after{transform:translateY(var(--roller-gap));opacity:0}.pill-cta.cta:focus-visible .pill-halo{box-shadow:0 0 0 1px var(--glow-color-strong),0 0 0 calc(var(--cta-ring-size) + 1px)var(--glow-color-strong),0 0 var(--cta-hover-blur)var(--cta-hover-spread)var(--glow-color-strong),0 0 var(--cta-hover-blur-2)var(--cta-hover-spread-2)var(--glow-color-strong)}.pill-cta.cta:hover .pill-halo{opacity:0;box-shadow:0 0 0 1px var(--glow-color-0),0 0 0 calc(var(--cta-ring-size) + 1px)var(--glow-color-0),0 0 var(--cta-glow-blur)calc(var(--cta-glow-spread) + 1px)var(--glow-color-0)}.pill-cta.cta:focus-visible:hover{transform:scale(var(--cta-hover-shrink));box-shadow:0 0 0 2px #fff9,0 0 0 4px rgba(var(--color-primary-rgb),.35),0 0 0 1px var(--glow-color),0 0 0 var(--cta-ring-size)var(--glow-color),0 0 var(--cta-glow-blur)var(--cta-glow-spread)var(--glow-color),0 0 var(--cta-glow-blur-2)var(--cta-glow-spread-2)var(--glow-color),inset 0 0 0 1px var(--cta-inner-rim),inset 0 0 var(--cta-inner-glow-blur)var(--cta-inner-glow-spread)var(--cta-inner-glow-color-strong),inset 0 0 var(--cta-inner-glow-blur-2)var(--cta-inner-glow-spread-2)var(--cta-inner-glow-color-strong)}.pill-cta.cta:focus-visible:hover .pill-halo{opacity:1;box-shadow:0 0 0 1px var(--glow-color-strong),0 0 0 calc(var(--cta-ring-size) + 1px)var(--glow-color-strong),0 0 var(--cta-hover-blur)var(--cta-hover-spread)var(--glow-color-strong),0 0 var(--cta-hover-blur-2)var(--cta-hover-spread-2)var(--glow-color-strong)}.pill-cta.cta:hover{transform:scale(var(--cta-hover-shrink));box-shadow:  0 0 0 1px var(--glow-color-0),0 0 0 var(--cta-ring-size)var(--glow-color-0),0 0 var(--cta-glow-blur)var(--cta-glow-spread)var(--glow-color-0),0 0 var(--cta-glow-blur-2)var(--cta-glow-spread-2)var(--glow-color-0),inset 0 0 0 1px var(--cta-inner-rim),inset 0 0 var(--cta-inner-glow-blur)var(--cta-inner-glow-spread)var(--cta-inner-glow-color-strong),inset 0 0 var(--cta-inner-glow-blur-2)var(--cta-inner-glow-spread-2)var(--cta-inner-glow-color-strong)}.pill-cta.cta:hover:not(.pressed){animation:none}.pill-cta.cta:hover .pill-label:before,.pill-cta.cta:focus-visible .pill-label:before{transform:translateY(calc(-1*var(--roller-gap)));opacity:0}.pill-cta.cta:hover .pill-label:after,.pill-cta.cta:focus-visible .pill-label:after{opacity:1;transform:translateY(0%)}.pill-cta.cta:focus-visible{box-shadow:  0 0 0 2px #fff9,0 0 0 4px rgba(var(--color-primary-rgb),.35),0 0 0 1px var(--glow-color),0 0 0 var(--cta-ring-size)var(--glow-color),0 0 var(--cta-glow-blur)var(--cta-glow-spread)var(--glow-color),0 0 var(--cta-glow-blur-2)var(--cta-glow-spread-2)var(--glow-color),inset 0 0 0 1px var(--cta-inner-rim),inset 0 0 var(--cta-inner-glow-blur)var(--cta-inner-glow-spread)var(--cta-inner-glow-color-strong),inset 0 0 var(--cta-inner-glow-blur-2)var(--cta-inner-glow-spread-2)var(--cta-inner-glow-color-strong);outline:0}.pill-cta.cta:active,.pill-cta.cta.pressed{filter:brightness(.98);transform:scale(.985)}.pill-cta.cta.pressed .pill-ripple{animation:pill-ripple var(--ripple-ms)var(--sl-ease-out)}.pill-cta.fading{opacity:0;pointer-events:none;transition:opacity var(--pill-fade-ms)var(--sl-ease-out),transform var(--pill-fade-ms)var(--sl-ease-out),filter var(--pill-fade-ms)var(--sl-ease-out);transform:translateY(12px)scale(.992)}.pill-cta.fading .pill-halo{opacity:0}@keyframes pill-breathe{0%{filter:brightness();transform:scale(1)}50%{filter:brightness(1.06);transform:scale(1.012)}to{filter:brightness();transform:scale(1)}}@keyframes pill-ripple{0%{opacity:0;transform:scale(.6)}15%{opacity:.35}to{opacity:0;transform:scale(1.25)}}.pill-cta.cta:not(:active):not(.pressed){animation:pill-breathe 2.8s var(--sl-ease-out).6s infinite}@media (max-width:768px){:root{--pill-w-loading:26px;--pill-w-cta:130px;--pill-h:42px;--glow-blur:12px;--cta-glow-blur:12px;--cta-glow-spread:3px;--cta-glow-blur-2:24px;--cta-glow-spread-2:6px;--cta-inner-glow-blur:10px;--cta-inner-glow-spread:2px;--cta-inner-glow-blur-2:18px;--cta-inner-glow-spread-2:4px;--cta-hover-blur:28px;--cta-hover-spread:6px;--cta-hover-blur-2:40px;--cta-hover-spread-2:10px}}@media (max-width:480px){:root{--pill-w-loading:24px;--pill-w-cta:130px;--pill-h:40px;--glow-blur:10px;--cta-glow-blur:8px;--cta-glow-spread:1px;--cta-glow-blur-2:16px;--cta-glow-spread-2:3px;--cta-inner-glow-blur:8px;--cta-inner-glow-spread:1px;--cta-inner-glow-blur-2:12px;--cta-inner-glow-spread-2:2px;--cta-hover-blur:20px;--cta-hover-spread:4px;--cta-hover-blur-2:28px;--cta-hover-spread-2:6px}}@media (prefers-reduced-motion:reduce){.pill-cta{transition:none!important;animation:none!important}.pill-cta .pill-number,.pill-cta .pill-label{transition:none!important}}
.popup-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000001;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;background-color:#0009;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:fixed;top:0;left:0}.popup-container{border-radius:var(--border-radius-base);text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:90%;max-width:400px;max-height:min(86dvh,760px);padding:2.5rem 2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080}.popup-close-btn{width:32px;height:32px;color:var(--color-neutral-100);cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;top:16px;right:16px}.popup-close-btn:hover{background:#fff6}.popup-title{color:var(--color-primary);font-family:var(--font-mundial-demibold),sans-serif;font-size:var(--font-size-xlg);margin:0;line-height:1.2}.popup-description{color:var(--color-neutral-100);font-family:var(--font-mundial-thin),sans-serif;font-size:var(--font-size-lg);white-space:pre-line;max-height:min(42dvh,360px);margin:0;padding-right:6px;overflow:auto}.popup-text-content{width:100%;max-width:100%;overflow:hidden}.popup-actions{gap:1rem;width:100%;margin-top:.5rem;display:flex}.popup-actions .pill-cta{--cta-ring-size:1px;--cta-glow-blur:8px;--cta-glow-spread:1px;--cta-glow-blur-2:12px;--cta-glow-spread-2:2px;--cta-inner-glow-blur:8px;--cta-inner-glow-spread:2px;--cta-hover-blur:16px;--cta-hover-spread:3px;--cta-hover-blur-2:24px;--cta-hover-spread-2:6px;flex:1;margin:0;width:auto!important;min-width:0!important}@media (max-width:480px){.popup-container{border-radius:20px;gap:1rem;width:85vw;max-width:300px;padding:1.5rem 1.2rem}.popup-title{font-size:1.25rem}.popup-description{padding:0 .5rem;font-size:.9rem;line-height:1.3}.popup-actions{gap:.8rem;margin-top:.2rem}.popup-close-btn{background:#ffffff26;width:28px;height:28px;top:10px;right:10px}}
.audio-toggle-container{z-index:9998;pointer-events:none;opacity:0;height:auto;transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1);transform:translateY(10px)}.audio-toggle-container.audio-toggle-visible{opacity:1;transform:translateY(0)}.centralized-audio-toggle{pointer-events:auto;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.audio-hover-text{opacity:0;pointer-events:none;color:#fff;font-family:var(--font-mundial-thin),sans-serif;white-space:nowrap;text-align:left;align-items:center;padding-left:12px;font-size:clamp(.8rem,1vw,1.5rem);font-weight:100;line-height:1;transition:opacity .3s,transform .3s;display:inline-flex;position:absolute;top:0;bottom:0;left:100%;transform:translate(-10px)}.centralized-audio-toggle:hover .audio-hover-text,.centralized-audio-toggle:focus-visible .audio-hover-text{opacity:1;transform:translate(0)}.centralized-audio-toggle.just-clicked .audio-hover-text{transition:opacity .15s,transform .15s;opacity:0!important;transform:translate(-10px)!important}.centralized-audio-toggle[data-color=black] .wave-path{stroke:#000}.centralized-audio-toggle[data-color=white] .wave-path{stroke:#fff}.audio-toggle-content{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.audio-toggle-content svg{z-index:2;overflow:visible}.wave-path{fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:stroke;cursor:pointer;transition:stroke .3s,opacity .5s}.wave-path:hover{opacity:1}@media screen and (max-width:767px),screen and (max-height:767px) and (pointer:coarse){.centralized-audio-toggle{width:50px;height:50px}.audio-toggle-content svg{width:22px!important;height:18px!important}}
.fullscreen-toggle-container{z-index:2147483647;will-change:opacity,transform;transition:opacity 1s}.fullscreen-toggle-container.fullscreen-toggle-hidden{opacity:0;pointer-events:none}.fullscreen-toggle-container.fullscreen-toggle-visible{opacity:1;pointer-events:auto}.fullscreen-toggle-container.fullscreen-toggle-appearing{animation:.45s ease-out fullscreen-toggle-fade-in}@keyframes fullscreen-toggle-fade-in{0%{opacity:0}to{opacity:1}}.fullscreen-toggle{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background-color:#0000;border:none;justify-content:center;align-items:center;gap:8px;transition:all .3s;display:flex;position:relative}.fullscreen-hover-text{opacity:0;pointer-events:none;color:#fff;font-family:var(--font-mundial-thin),sans-serif;white-space:nowrap;text-align:right;align-items:center;padding-right:12px;font-size:clamp(.8rem,1vw,1.5rem);font-weight:100;line-height:1;transition:opacity .3s,transform .3s;display:inline-flex;position:absolute;top:0;bottom:0;right:100%;transform:translate(10px)}.fullscreen-toggle:hover .fullscreen-hover-text,.fullscreen-toggle:focus-visible .fullscreen-hover-text{opacity:1;transform:translate(0)}.fullscreen-toggle.just-clicked .fullscreen-hover-text{transition:opacity .15s,transform .15s;opacity:0!important;transform:translate(10px)!important}.fullscreen-toggle:active{transform:scale(.95)}@media screen and (max-width:767px),screen and (max-height:767px) and (pointer:coarse){.fullscreen-toggle{width:40px;height:40px}.fullscreen-label{display:none}.fullscreen-toggle img{width:18px!important;height:18px!important}}@media (hover:none) and (pointer:coarse){.fullscreen-toggle:active{transform:scale(.95)}.fullscreen-toggle img{transition:all .1s}.fullscreen-toggle:active img{transform:scale(1.05)}}.fullscreen-toggle.ios-device{opacity:.8}.fullscreen-toggle.ios-device:hover{opacity:1}.fullscreen-toggle.ios-device:active{opacity:.9;transform:scale(.9)}.fullscreen-toggle.standalone-mode{background-color:#00ff001a;border:1px solid #00ff004d;border-radius:8px}.fullscreen-toggle.standalone-mode:hover{background-color:#0f03}.fullscreen-toggle img{transition:all .3s;transform:scale(1)}.fullscreen-toggle:hover img{transform:scale(1.1)}.fullscreen-toggle:active img{transition:all .1s;transform:scale(.95)}.fullscreen-toggle:focus{outline-offset:2px;outline:2px solid #007acc}.fullscreen-toggle:focus:not(:focus-visible){outline:none}@supports (-webkit-touch-callout:none){@media screen and (max-device-width:812px) and (orientation:portrait),screen and (max-device-width:896px) and (orientation:landscape){.fullscreen-toggle-container{display:none!important}}}
.footer-controls{pointer-events:none;align-items:flex-end;width:100%;display:flex;position:relative}.footer-controls-container{width:100%;max-width:var(--global-width);justify-content:space-between;align-items:flex-end;margin:0 auto;display:flex}.footer-controls__audio,.footer-controls__fullscreen{pointer-events:auto;flex:none}
:root{--ui-grid-margin-x:5%;--ui-grid-margin-bottom:30px}.ui-overlay-grid{z-index:14000;pointer-events:none;grid-template:"header""scroll"1fr"bottom"/1fr;transition:opacity .6s;display:grid;position:fixed;inset:0}.ui-overlay-grid__header{grid-area:header}.ui-overlay-grid__scroll{padding-right:var(--ui-grid-margin-x);pointer-events:auto;grid-area:scroll;place-self:center end}.ui-overlay-grid__bottom{padding-bottom:var(--ui-grid-margin-bottom);grid-area:bottom}@media (max-width:768px){:root{--ui-grid-margin-x:20px;--ui-grid-margin-bottom:20px}}body[data-iframe-overlay=open] .ui-overlay-grid,body[data-iframe-overlay=open] .mobile-controls-container,body[data-iframe-overlay=open] .tutorial-overlay{opacity:0!important;pointer-events:none!important;display:none!important}body[data-project-fade=active] .ui-overlay-grid{opacity:0!important;pointer-events:none!important}
.devMode{background-color:var(--color-neutral-100);border-radius:var(--border-radius-s);width:350px;max-height:calc(100vh - 40px);color:var(--color-text-primary);z-index:1000;border:var(--border-width)solid var(--color-neutral-300);flex-direction:column;transition:width .3s,height .3s,box-shadow .3s;display:flex;position:fixed;top:20px;right:10px;overflow:hidden;box-shadow:0 4px 12px #0003}.devMode--collapsed{height:40px;overflow:hidden}.devMode--dragging{opacity:.9;-webkit-user-select:none;user-select:none;transition:none;box-shadow:0 8px 24px #0000004d}.devMode__header{background-color:var(--color-primary);color:var(--color-text-inverse);border-bottom:var(--border-width)solid var(--color-neutral-300);-webkit-user-select:none;user-select:none;cursor:grab;justify-content:space-between;align-items:center;padding:10px 0 10px 10px;display:flex}.devMode--dragging .devMode__header{cursor:grabbing}.devMode__header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.devMode__header-buttons{gap:5px;display:flex}.devMode__close-button,.devMode__collapse-button{color:var(--color-text-inverse);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;display:flex}.devMode__close-button:hover,.devMode__collapse-button:hover{background-color:#fff3}.devMode__content-wrapper{background-color:var(--color-neutral-white);cursor:default;flex:1;padding:.25rem 0 .25rem .25rem;overflow-y:auto}.devMode__accordion{border:var(--border-width)solid var(--color-neutral-300);border-radius:var(--border-radius-s);background-color:#0000;margin-bottom:10px;overflow:hidden}.devMode__info-grid{grid-template-columns:40% 60%;gap:8px;display:grid}.devMode__info-grid span{padding:5px}.devMode__info-grid span:nth-child(odd){font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.devMode__info-compact{font-size:var(--font-size-sm);flex-direction:column;gap:5px;display:flex}.devMode__info-compact div{color:var(--color-text-primary);padding:3px 0}.devMode__nav-controls{flex-direction:column;gap:10px;display:flex}.devMode__button-row{gap:5px;display:flex}.devMode__nav-button{background-color:var(--color-secondary);color:var(--color-text-inverse);border-radius:var(--border-radius-s);cursor:pointer;font-weight:var(--font-weight-semibold);border:none;flex:1;padding:8px 12px}.devMode__nav-button:hover:not(:disabled){background-color:var(--color-accent-yellow)}.devMode__nav-button:disabled{opacity:.5;cursor:not-allowed}.devMode__section-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin-top:5px;display:flex}.devMode__section-button{background-color:var(--color-neutral-300);color:var(--color-text-primary);border-radius:var(--border-radius-s);cursor:pointer;border:none;padding:6px 10px}.devMode__section-button:hover:not(:disabled){background-color:var(--color-neutral-400)}.devMode__section-button.active{background-color:var(--color-primary);color:var(--color-text-inverse)}.devMode__analyze-button{background-color:var(--color-secondary);color:var(--color-text-inverse);border-radius:var(--border-radius-s);cursor:pointer;border:none;width:100%;padding:8px 12px}.devMode__analyze-button:hover{background-color:var(--color-accent-yellow)}.devMode__analyze-button--html{background-color:var(--color-accent-green)}.devMode__analyze-button--html:hover{background-color:var(--color-accent-yellow)}.devMode__info-note{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-top:8px}.devMode__camera-toggle{margin-bottom:15px}.devMode__toggle-title{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:10px 0 5px}.devMode__lens-controls{background-color:var(--color-neutral-white);border-radius:var(--border-radius-s);margin-bottom:10px;padding:10px}.devMode__control-group{margin-bottom:10px}.devMode__control-header{font-size:var(--font-size-base);justify-content:space-between;margin-bottom:5px;display:flex}.devMode__control-range{font-size:var(--font-size-base);color:var(--color-text-secondary);justify-content:space-between;margin-top:2px;display:flex}.devMode__speed-button{background-color:var(--color-neutral-300);color:var(--color-text-primary);border-radius:var(--border-radius-s);cursor:pointer;font-size:var(--font-size-base);border:none;padding:6px 10px}.devMode__speed-button:hover{background-color:var(--color-accent-yellow);color:var(--color-text-primary)}.toggle-button-group{border-radius:var(--border-radius-s);width:100%;display:flex;overflow:hidden}.devMode__model-group-toggle{border:var(--border-width)solid var(--color-neutral-300)!important;background-color:#0000!important}.devMode__model-group-toggle:hover{background-color:var(--color-neutral-200)!important}.devMode:not(.devMode--collapsed):before{content:"";background-color:var(--color-primary);cursor:grab;opacity:0;height:5px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.devMode:not(.devMode--collapsed):hover:before{opacity:.7}.devMode--dragging:before{cursor:grabbing;opacity:1!important}.devMode__toggle-switch{width:50px;height:24px;display:inline-block;position:relative}.devMode__toggle-switch input{opacity:0;width:0;height:0}.devMode__toggle-slider{cursor:pointer;background-color:#ccc;border-radius:24px;transition:all .4s;position:absolute;inset:0}.devMode__toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}.devMode__toggle-switch input:checked+.devMode__toggle-slider{background-color:#4caf50}.devMode__toggle-switch input:focus+.devMode__toggle-slider{box-shadow:0 0 1px #4caf50}.devMode__toggle-switch input:checked+.devMode__toggle-slider:before{transform:translate(26px)}.devMode__control-group input[type=range]:disabled{opacity:.6;cursor:not-allowed}.devMode__section-jumps{border-top:1px solid #ffffff1a;margin-top:12px;padding-top:8px}.devMode__section-jumps h4{color:#ccc;margin:0 0 8px;font-size:14px}.devMode__instant-jump{border-top:1px solid var(--color-neutral-300);flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:12px;padding-top:8px;display:flex}.devMode__instant-jump h4{font-size:var(--font-size-md);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);margin:4px 0 8px}.devMode__instant-jump p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 8px}.devMode__jump-buttons{flex-wrap:wrap;gap:5px;margin-top:4px;display:flex}.devMode__jump-btn{font-size:var(--font-size-base);background-color:var(--color-neutral-300);color:var(--color-text-primary);border-radius:var(--border-radius-s);cursor:pointer;border:none;padding:6px 10px;transition:all .2s}.devMode__jump-btn:hover:not(:disabled){background-color:var(--color-neutral-400)}.devMode__jump-btn:disabled{opacity:.5;cursor:default}.devMode__jump-btn--current{background-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 0 5px #0003}.devMode__jump-section.active{background:#282828cc;box-shadow:0 0 8px #0096ff66}.devMode__jump-section.active .devMode__section-label{color:#fff;font-weight:700}.devMode__accordion--stages{border:var(--border-width)solid var(--color-neutral-300)!important}.devMode__stage-group{border-bottom:1px solid var(--color-neutral-300);margin-bottom:12px;padding-bottom:12px}.devMode__stage-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.devMode__stage-header{margin-bottom:8px}.devMode__stage-header strong{font-size:var(--font-size-md);color:var(--color-primary);margin-bottom:3px;display:block}.devMode__stage-description{color:var(--color-text-secondary);font-size:11px;font-style:italic;line-height:1.3;display:block}.devMode__checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--font-size-base);color:var(--color-text-primary);align-items:center;gap:6px;transition:all .15s;display:flex}.devMode__checkbox-label:hover{color:var(--color-primary)}.devMode__checkbox-label input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--color-primary)}.devMode__checkbox-label--small{margin-left:8px;font-size:12px}.devMode__checkbox-label--small code{color:var(--color-text-secondary);word-break:break-word;background-color:#0000000d;border-radius:2px;padding:1px 3px;font-family:Courier New,monospace;font-size:11px}.devMode__stage-items{border-left:2px solid var(--color-neutral-300);flex-direction:column;gap:4px;margin-left:8px;padding-left:8px;display:flex}.devMode__model-toggle{justify-content:space-between;align-items:center;gap:4px;padding:3px 0;display:flex}.devMode__model-priority{color:var(--color-text-secondary);font-size:10px;font-style:italic}
.accordion{border-top:1px solid #ddd;width:calc(100% - 1rem);overflow:hidden}.accordion__header{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:2px;outline:none;justify-content:space-between;align-items:center;padding:1.4rem .5rem;font-size:1rem;font-weight:600;transition:all .3s,background-color .2s;display:flex}.accordion__header:hover{background:var(--color-neutral-200)}.accordion__icon{font-size:1rem}.accordion__content{will-change:max-height;max-height:1000px;transition:max-height 1.8s cubic-bezier(.33,1,.68,1);overflow:hidden}.accordion__content--hidden{will-change:max-height;max-height:0;transition:max-height 1.2s cubic-bezier(.33,1,.68,1);overflow:hidden}.accordion__content-inner{opacity:1;will-change:opacity,transform;padding:1rem;transition:opacity 1.8s cubic-bezier(.33,1,.68,1),transform 1.8s cubic-bezier(.33,1,.68,1);transform:translateY(0)}.accordion__content--hidden .accordion__content-inner{opacity:0;transition:opacity 1.2s cubic-bezier(.33,1,.68,1),transform 1.2s cubic-bezier(.33,1,.68,1);transform:translateY(-15px)}.accordion__content-inner{padding:.5rem 1.2rem;transition:padding 1.2s cubic-bezier(.33,1,.68,1)}.accordion--has-error .accordion__header,.accordion-error .accordion__header{border-left:3px solid var(--color-system-warning);background-color:var(--color-system-warning-bg)}.accordion-error .accordion__content{border-left:3px solid var(--color-system-warning-bg)}.accordion__tooltip-icon{color:#666;cursor:pointer;margin-left:8px;font-size:16px;transition:color .2s;display:inline-flex}.accordion__tooltip-icon:hover{color:#0056b3}@keyframes titlePulse{0%{text-shadow:0 0 5px #ffd90033}50%{text-shadow:0 0 10px #ffd90066}to{text-shadow:0 0 5px #ffd90033}}@keyframes titlePulseGreen{0%{text-shadow:0 0 5px #0a03}50%{text-shadow:0 0 10px #0a06}to{text-shadow:0 0 5px #0a03}}@keyframes titleAppear{0%{opacity:.5}50%{opacity:1}to{opacity:1}}.accordion__title{align-items:center;transition:color 1.2s cubic-bezier(.33,1,.68,1);display:flex}.accordion__title--yellow{color:var(--color-accent-yellow);text-shadow:0 0 5px #ffd90033;animation:1.2s ease-in-out infinite titlePulse}.accordion__title--green{color:var(--color-accent-green);text-shadow:0 0 5px #0a03;animation:1.2s ease-in-out infinite titlePulseGreen}.accordion__title--animating{animation:1.2s cubic-bezier(.33,1,.68,1) forwards titleAppear!important}.accordion--transitioning{transition-timing-function:cubic-bezier(.33,1,.68,1)}.accordion__header button img{will-change:transform;transition:transform 1.2s cubic-bezier(.33,1,.68,1)}.accordion[data-is-open=true] .accordion__header button img{transform:rotate(0)}.accordion[data-is-open=false] .accordion__header button img{transform:rotate(360deg)}@media screen and (max-width:768px){.accordion__header:hover{background:0 0}}
.toggle-button-group{align-items:center;gap:var(--spacing-md);display:inline-flex}.toggle-button-group .button{margin:0}
.soundControls{--primary:#2196f3;--success:#4caf50;--warning:#ff9800;--danger:#f44336;--info:#9e9e9e;--radius:4px;--gap:10px;gap:var(--gap);flex-direction:column;font-size:.8rem;display:flex}.soundControls input[type=range]{cursor:pointer;background:#ddd;border-radius:2px;outline:none;flex:1;height:4px}.sc__btn--primary,.sc__btn--play,.sc__btn--stop,.sc__btn--mute,.sc__btn--unmute,.sc__btn--playSmall,.sc__btn--stopSmall,.sc__btn--stopAll,.sc__btn--on,.sc__btn--off{border-radius:var(--radius);color:#fff;cursor:pointer;border:none;padding:6px 10px;font-size:.75rem}.sc__btn--primary{background:var(--primary)}.sc__btn--play{background:var(--success)}.sc__btn--stop,.sc__btn--stopAll,.sc__btn--mute{background:var(--danger)}.sc__btn--unmute{background:var(--success)}.sc__btn--playSmall{background:var(--primary);padding:2px 5px;font-size:.65rem}.sc__btn--stopSmall{background:var(--danger);padding:2px 5px;font-size:.65rem}.sc__btn--on{background:var(--success)}.sc__btn--off{background:var(--info)}.sc__btn--active{background:var(--primary);color:#fff}.sc__topBar,.sc__refresh{align-items:center;gap:6px;display:flex}.sc__topBar input[type=text]{border-radius:var(--radius);border:1px solid #ddd;flex:1;padding:8px}.sc__ambient,.sc__active,.sc__positional,.sc__categories,.sc__library{border-radius:var(--radius);background:#00000008;border:1px solid #00000026;padding:10px}.sc__ambientControls,.sc__catRow{align-items:center;gap:8px;display:flex}.sc__info{color:#666;border-radius:var(--radius);background:#0000000a;padding:4px 6px;font-size:.7rem}.sc__soundCard{border-radius:var(--radius);border-left:4px solid var(--success);background:#fff9;flex-direction:column;gap:4px;margin-bottom:6px;padding:8px 12px;display:flex}.sc--transition{border-left-color:var(--warning);background:#ffc10726}.sc--positional{border-left-color:var(--primary);background:#2196f326}.sc__soundCard header{justify-content:space-between;align-items:center;display:flex}.sc__title{font-weight:600}.sc__meta{color:#555;gap:8px;font-size:.75rem;display:flex}.sc__empty{text-align:center;color:#757575;font-style:italic}.sc__positionalList{flex-direction:column;gap:12px;max-height:600px;display:flex;overflow-y:auto}.sc__posItem{border-radius:var(--radius);background:#ffffffb3;border:1px solid #ccc;padding:12px}.sc__posItem header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.sc--selected{background:#2196f31a}.sc--in{color:var(--success)}.sc--out{color:var(--danger)}.sc__advanced{border-radius:var(--radius);background:#0000000a;margin-top:6px;padding:4px 6px;font-size:.7rem}.sc__catRow{border-radius:var(--radius);background:#fff9;margin-bottom:8px;padding:6px 8px}.sc__catName{min-width:120px;font-weight:600}.sc__pct{text-align:center;width:45px;font-weight:700}.sc__libGroup{margin-bottom:10px}.sc__libList{flex-wrap:wrap;gap:4px;display:flex}.sc__libItem{border-radius:var(--radius);background:#0000000d;border:1px solid #0000001a;flex-direction:column;align-items:center;gap:2px;min-width:70px;max-width:100px;padding:3px 5px;font-size:.7rem;display:flex}.sc--playing{background:#4caf5026;border-color:#4caf504d}.sc__more{color:#757575;align-self:center;font-size:.7rem}.sc__footer{border-radius:var(--radius);color:#555;background:#0000000d;justify-content:space-between;padding:8px;font-size:.75rem;display:flex}.sc--on{color:var(--success)}.sc--off{color:var(--danger)}.sc__soundParams{border-left:3px solid var(--primary);background-color:#0000000d;border-radius:4px;margin-top:8px;padding:8px}.sc__paramRow{align-items:center;margin-bottom:4px;display:flex}.sc__paramRow label{color:#555;flex:0 0 110px;font-size:.85em}.sc__paramRow input{flex:1;margin:0 8px}.sc__paramRow span{text-align:right;flex:0 0 40px;font-size:.85em}
.preload-scene{z-index:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:absolute;inset:0;overflow:visible}.preload-scene.hidden{opacity:0}.preload-scene.fading{opacity:0;transition:opacity 1.2s cubic-bezier(.22,1,.36,1)}.preload-scene canvas{display:block;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important}@media (orientation:landscape){.preload-scene canvas{display:block;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important}}@media (max-width:768px) and (orientation:portrait){.preload-scene canvas{width:auto!important;height:120%!important}}.preload-scene canvas{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
:root{--sl-ease-out:cubic-bezier(.22,1,.36,1);--sl-ease-back:cubic-bezier(.22,1,.36,1);--color-primary-rgb:27,148,211;--color-accent-complementario-rgb:11,117,184;--color-secondary-rgb:28,53,87}.scene-loader-container{z-index:1000;pointer-events:all;opacity:1;visibility:visible;transition:opacity 1.2s var(--sl-ease-out),background-color 1s var(--sl-ease-out);display:block;position:fixed;inset:0}.scene-loader-container.exiting{opacity:0;pointer-events:none;transition:opacity .8s var(--sl-ease-out).2s}.scene-loader-container.exiting .scene-loader-content{opacity:0;pointer-events:none;transition:opacity .2s var(--sl-ease-out)}.scene-loader-content{--cta-offset-x:clamp(-24px,-2vw,-6px);transform:translateX(calc(-50% + var(--cta-offset-x)));z-index:2;place-items:center;gap:1.25rem;display:grid;position:absolute;bottom:20%;left:50%}@media (min-width:1600px){.scene-loader-content{--cta-offset-x:clamp(-30px,.8vw,-20px)}}@media (max-width:1000px){.scene-loader-content{--cta-offset-x:clamp(-30px,.8vw,-7px)}}@media (max-width:500px){.scene-loader-content{--cta-offset-x:clamp(6px,1.8vw,16px);bottom:calc(20% - var(--pill-h,44px));gap:.75rem}.scene-loader-tutorialOverlay{padding:0 12px}}.scene-loader-tutorialOverlay{pointer-events:none;z-index:1100;justify-content:center;align-items:center;padding:0 16px;display:flex;position:absolute;inset:0;transform:translateY(-5vh)}@media (prefers-reduced-motion:reduce){.scene-loader-container{transition:none!important;animation:none!important}}