.ui-controls.svelte-1ydsei4{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:#1c2024b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #0000004d;border:1px solid var(--color-outline-variant)}.control-group.svelte-1ydsei4{display:flex;align-items:center;gap:.25rem}.control-separator.svelte-1ydsei4{width:1px;height:1.5rem;background-color:#ffffff1a;margin:0 .25rem}.select-wrapper.svelte-1ydsei4{position:relative;display:flex;align-items:center}.select-wrapper.svelte-1ydsei4 select:where(.svelte-1ydsei4){appearance:none;background-color:#0000004d;color:var(--color-on-surface);padding:.5rem 2rem .5rem .75rem;font-family:inherit;font-size:.875rem;cursor:pointer;min-width:120px;transition:all .2s;border-radius:0;border:1px solid var(--color-outline-variant)}.select-wrapper.svelte-1ydsei4 select:where(.svelte-1ydsei4):hover{background-color:#00000080;border-color:var(--color-outline)}.select-wrapper.svelte-1ydsei4 select:where(.svelte-1ydsei4):focus{outline:none;border-color:var(--color-primary)}.select-wrapper.svelte-1ydsei4 select:where(.svelte-1ydsei4) option:where(.svelte-1ydsei4){background-color:var(--color-surface);color:var(--color-on-surface)}.select-icon.svelte-1ydsei4{position:absolute;right:.5rem;pointer-events:none;display:flex;align-items:center;opacity:.7}.icon-btn.svelte-1ydsei4{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:transparent;color:var(--color-on-surface);cursor:pointer;transition:all .2s;border-radius:0;border:1px solid transparent}.icon-btn.svelte-1ydsei4:hover{background-color:#ffffff1a;border-color:var(--color-outline-variant)}.icon-btn.svelte-1ydsei4:active{transform:scale(.95)}.icon-btn.active.svelte-1ydsei4{background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.icon-btn.svelte-1ydsei4:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.ui-controls.svelte-1ydsei4{width:auto;max-width:calc(100% - 1rem);flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:.5rem 1rem;gap:.5rem;scrollbar-width:none;-ms-overflow-style:none}.ui-controls.svelte-1ydsei4::-webkit-scrollbar{display:none}.control-separator.svelte-1ydsei4{display:block;flex-shrink:0}.control-group.svelte-1ydsei4{flex-shrink:0}}.invisible-modal.svelte-4ko835{position:fixed;top:0;left:0;width:100%;height:100%;z-index:15}.carousel-wrapper.svelte-4ko835{position:absolute;bottom:5rem;left:0;width:100%;display:flex;justify-content:center;pointer-events:none;z-index:20}.carousel-container.svelte-4ko835{position:relative;width:100%;max-width:800px;height:400px;display:flex;align-items:center;justify-content:center;perspective:1000px;overflow:visible;pointer-events:none;background:transparent}.carousel-track.svelte-4ko835{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}.carousel-item.svelte-4ko835{font:unset;position:absolute;width:180px;height:360px;background:transparent;border:none;padding:0;cursor:pointer;transition:all .4s cubic-bezier(.25,.8,.25,1);will-change:transform,opacity;--translate-x: calc(var(--offset) * 140px);--translate-z: calc(var(--abs-offset) * -100px);--rotate-y: calc(var(--offset) * -15deg);--scale: calc(1 - (var(--abs-offset) * .1));--opacity: calc(1 - (var(--abs-offset) * .3));transform:translate(var(--translate-x)) translateZ(var(--translate-z)) rotateY(var(--rotate-y)) scale(var(--scale));z-index:calc(100 - var(--abs-offset));opacity:var(--opacity);border-radius:0;pointer-events:auto}.carousel-item.svelte-4ko835:hover{filter:brightness(1.1)}.carousel-item.svelte-4ko835 .image-wrapper:where(.svelte-4ko835){width:100%;height:100%;position:relative;overflow:hidden;background-color:var(--color-surface-container);border:1px solid var(--color-outline-variant);box-shadow:0 10px 30px #00000080;border-radius:0}.carousel-item.active.svelte-4ko835 .image-wrapper:where(.svelte-4ko835){border:2px solid var(--color-primary);box-shadow:0 0 20px color-mix(in srgb,var(--color-primary),transparent 70%)}.carousel-item.svelte-4ko835 img:where(.svelte-4ko835){width:100%;height:100%;object-fit:cover}.costume-info.svelte-4ko835{position:absolute;bottom:0;left:0;width:100%;padding:1rem .5rem;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center}.costume-label.svelte-4ko835{font-size:1rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8)}.nav-btn.svelte-4ko835{position:absolute;top:50%;transform:translateY(-50%);z-index:200;background:#00000080;border:1px solid var(--color-outline-variant);color:#fff;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;border-radius:0;pointer-events:auto}.nav-btn.svelte-4ko835:hover:not(:disabled){color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.nav-btn.svelte-4ko835:disabled{opacity:.3;cursor:not-allowed}.nav-btn.prev.svelte-4ko835{left:1rem}.nav-btn.next.svelte-4ko835{right:1rem}.viewer-container.svelte-1xefqjc{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;color:var(--color-on-surface)}.player-canvas.svelte-1xefqjc{width:100%;height:100%;display:block;touch-action:none;position:relative;z-index:1}.background-image.svelte-1xefqjc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:100%;max-width:unset;max-height:unset;z-index:0;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.ui-header.svelte-1xefqjc{position:absolute;top:0;left:0;width:100%;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;z-index:10;pointer-events:none}.ui-header.svelte-1xefqjc>:where(.svelte-1xefqjc){pointer-events:auto}.back-button.svelte-1xefqjc{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;color:var(--color-on-surface);background-color:#1c202480;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s;border-radius:0;border:1px solid var(--color-outline-variant);cursor:pointer;padding:0}.back-button.svelte-1xefqjc:hover{background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.character-info.svelte-1xefqjc{display:flex;flex-direction:column}.character-info.svelte-1xefqjc h1:where(.svelte-1xefqjc){margin:0;font-size:1.25rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.costume-name.svelte-1xefqjc{font-size:.875rem;opacity:.8;text-shadow:0 1px 2px rgba(0,0,0,.5)}.loading-overlay.svelte-1xefqjc{align-items:center;display:flex;flex-direction:column;background-color:#00000080;gap:1rem;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:50}.spinner.svelte-1xefqjc{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-left-color:var(--color-primary);border-radius:50%;animation:svelte-1xefqjc-spin 1s linear infinite}@keyframes svelte-1xefqjc-spin{to{transform:rotate(360deg)}}