@import"https://fonts.googleapis.com/css2?family=Neucha&family=Outfit:wght@400;600;700&family=Space+Mono:wght@400;700&display=swap";:root{color:#0b1320;background-color:#e1f0f5;font-family:Outfit,sans-serif;--cloud-drawings-font: "Neucha", "Segoe Print", "Bradley Hand", "Comic Sans MS", cursive;--cloud-drawings-title: #4b98ea;--cloud-drawings-title-shadow: #2f73c8;--cloud-drawings-text: #38526d;--cloud-drawings-muted: #60758d;--cloud-drawings-highlight: rgb(249 252 255 / 86%);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{height:100%;background:#74b8e4}body{margin:0;height:100%;min-height:100%;min-height:100vh;overflow:hidden;background-color:#74b8e4;background-image:radial-gradient(circle at top,rgba(255,255,255,.8),transparent 55%),radial-gradient(circle at 20% 40%,rgba(76,161,175,.25),transparent 50%),linear-gradient(160deg,#e1f0f5,#d5edf5 45%,#c9e5ef)}html,body,#root{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#root{height:100%;min-height:100%;min-height:100vh;overflow:hidden}@supports (height: 100dvh){body,#root{height:100dvh;min-height:100dvh}}a{color:inherit;text-decoration:none}button,input{font-family:inherit}input,textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.boost-fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;--boost-intensity: 0;--boost-pulse: 0;--boost-edge-opacity: 0;--boost-phase: 0;--boost-rotation: 0deg;--boost-scale: 1.03;opacity:calc(.04 + var(--boost-intensity) * .56);background:radial-gradient(circle at center,#0000 0,#0000 41%,rgb(0 0 0 / calc(var(--boost-intensity) * .12)) 68%,rgb(0 0 0 / calc(var(--boost-intensity) * .42)))}@media(prefers-reduced-motion:reduce){.boost-fx{opacity:calc(.03 + var(--boost-intensity) * .45)}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;background:#0b1320a6;color:#f6fbff;font-family:Space Mono,monospace;text-align:center;padding:1rem}.overlay button{margin-top:.4rem;background:#f4d35e;color:#0b1320;box-shadow:0 10px 20px #0b132059}.overlay-title{font-size:1.4rem}.overlay-subtitle{font-size:.9rem;opacity:.8}.menu-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:flex-start;justify-content:center;padding-top:calc(min(6vh,2.4rem) + var(--safe-area-top));background:transparent;pointer-events:none;opacity:1;font-family:var(--cloud-drawings-font);transition:opacity .22s ease;--menu-stagewise-glass-border-shadow: inset 2px 3px 1px -3px rgb(255 255 255 / 82%), inset 2px 3px 3px -2.5px rgb(255 255 255 / 32%), inset -2px -3px 1px -3px rgb(255 255 255 / 82%), inset -2px -3px 3px -2.5px rgb(255 255 255 / 32%), inset 0 0 1px 1px rgb(50 50 50 / 14%);--menu-stagewise-glass-body-shadow: inset 0 0 0 rgb(0 0 0 / 0%), inset 0 4px 8px 4px rgb(255 255 255 / 12%), inset 0 -16px 32px -24px rgb(0 0 0 / 14%);--menu-stagewise-glass-body-shadow-hover: inset 0 0 0 rgb(0 0 0 / 0%), inset 0 4px 16px 4px rgb(255 255 255 / 18%), inset 0 -16px 32px -24px rgb(0 0 0 / 14%);--menu-stagewise-glass-body-shadow-pressed: inset 0 0 0 rgb(0 0 0 / 0%), inset 0 2px 4px 3px rgb(255 255 255 / 12%), inset 0 -8px 16px -16px rgb(0 0 0 / 22%);--menu-stagewise-glass-drop-shadow: 0 10px 15px -3px rgb(0 0 0 / 12%), 0 4px 6px -4px rgb(0 0 0 / 12%);--menu-stagewise-glass-drop-shadow-hover: 0 20px 25px -5px rgb(0 0 0 / 16%), 0 8px 10px -6px rgb(0 0 0 / 16%);--menu-stagewise-glass-drop-shadow-pressed: 0 4px 6px -1px rgb(0 0 0 / 14%), 0 2px 4px -2px rgb(0 0 0 / 14%);--menu-stagewise-glass-fill: linear-gradient( 180deg, rgb(255 255 255 / 24%), rgb(214 231 243 / 12%) );--menu-stagewise-glass-fill-strong: linear-gradient( 180deg, rgb(255 255 255 / 32%), rgb(220 236 246 / 18%) );--menu-stagewise-glass-stroke: rgb(255 255 255 / 24%);--menu-stagewise-glass-text: rgb(27 58 73 / 96%);--menu-stagewise-glass-muted: rgb(49 79 95 / 82%);--menu-stagewise-glass-focus-ring: 0 0 0 3px rgb(179 223 251 / 34%);--menu-stagewise-input-fill: linear-gradient( 180deg, rgb(255 255 255 / 24%), rgb(214 231 243 / 12%) );--menu-stagewise-input-fill-strong: linear-gradient( 180deg, rgb(255 255 255 / 32%), rgb(220 236 246 / 18%) );--menu-stagewise-input-stroke: rgb(255 255 255 / 24%);--menu-stagewise-input-focus-ring: 0 0 0 3px rgb(179 223 251 / 34%);--menu-stagewise-input-text: rgb(18 44 58 / 98%);--menu-stagewise-input-placeholder: rgb(47 73 87 / 86%);--menu-stagewise-input-caret: rgb(24 67 88 / 96%);--menu-stagewise-input-text-shadow: rgb(255 255 255 / 18%);--menu-stagewise-input-text-glow: rgb(29 75 133 / 4%);--menu-stagewise-skin-fill: linear-gradient( 180deg, rgb(255 255 255 / 24%), rgb(214 231 243 / 12%) );--menu-stagewise-skin-fill-strong: linear-gradient( 180deg, rgb(255 255 255 / 32%), rgb(220 236 246 / 18%) );--menu-stagewise-skin-stroke: rgb(255 255 255 / 24%);--menu-stagewise-skin-focus-ring: 0 0 0 3px rgb(179 223 251 / 34%);--menu-stagewise-skin-text: rgb(27 58 73 / 96%);--menu-stagewise-skin-text-shadow: rgb(255 255 255 / 16%);--menu-stagewise-skin-text-glow: rgb(29 75 133 / 12%);--menu-stagewise-settings-accent: rgb(58 114 230 / 96%);--menu-stagewise-settings-accent-soft: rgb(52 109 229 / 22%);--menu-stagewise-settings-text: rgb(16 40 63 / 98%);--menu-stagewise-settings-muted: rgb(34 67 94 / 92%);--menu-stagewise-settings-text-shadow: rgb(255 255 255 / 26%);--menu-stagewise-settings-text-glow: rgb(19 58 108 / 8%);--menu-stagewise-settings-control-fill: rgb(247 251 255 / 96%);--menu-stagewise-settings-control-stroke: rgb(43 76 112 / 34%);--menu-stagewise-settings-track-stroke: rgb(77 99 130 / 46%);--menu-stagewise-settings-track-fill: rgb(232 238 246 / 98%);--menu-stagewise-settings-thumb-stroke: rgb(255 255 255 / 74%);--menu-stagewise-settings-thumb-shadow: rgb(18 42 77 / 24%);--menu-stagewise-play-fill: linear-gradient( 180deg, rgb(87 211 136 / 78%), rgb(33 152 84 / 74%) );--menu-stagewise-play-fill-strong: linear-gradient( 180deg, rgb(100 222 148 / 86%), rgb(40 164 94 / 82%) );--menu-stagewise-play-stroke: rgb(255 255 255 / 38%);--menu-stagewise-play-text: rgb(245 255 249 / 98%);--menu-stagewise-play-focus-ring: 0 0 0 3px rgb(126 250 169 / 34%);--menu-stagewise-play-rim: 0 0 0 1px rgb(255 255 255 / 16%), inset 0 1px 0 rgb(255 255 255 / 58%), inset 0 -10px 18px -14px rgb(15 82 44 / 42%);--menu-stagewise-play-rim-hover: 0 0 0 1px rgb(255 255 255 / 22%), inset 0 1px 0 rgb(255 255 255 / 70%), inset 0 -10px 18px -14px rgb(15 82 44 / 48%)}.menu-overlay:not(.menu-overlay--skin-screen){padding-top:calc(clamp(5.8rem,15vh,8.8rem) + var(--safe-area-top))}.menu-overlay--skin-screen{background:#09101833;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.menu-overlay--exiting{opacity:0}.menu-overlay--exiting .menu-hero{pointer-events:none}.menu-hero{pointer-events:auto;width:min(720px,calc(100vw - 2rem));color:#f7f9ff;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.45rem}.menu-hero-stack{width:100%;display:flex;flex-direction:column;align-items:center;gap:inherit}.menu-hero-stack--queued{gap:.34rem}.menu-overlay:not(.menu-overlay--skin-screen) .menu-hero{margin-top:0}.menu-site-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.28rem .6rem;max-width:min(420px,92vw);margin-top:.24rem;pointer-events:auto;color:var(--menu-stagewise-glass-muted);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.72rem;line-height:1.3;text-shadow:0 1px 8px rgb(0 0 0 / 18%)}.menu-site-links a{color:inherit;text-decoration:none;opacity:.84;transition:color .14s ease,opacity .14s ease}.menu-site-links a:hover,.menu-site-links a:focus-visible{color:var(--menu-stagewise-glass-text);opacity:1;outline:none}.adsense-horizontal-ad{position:relative;width:min(728px,calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 2rem));min-height:90px;pointer-events:auto}.adsense-horizontal-ad__label{display:block;margin-bottom:.18rem;color:var(--menu-stagewise-glass-muted);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.62rem;line-height:1;opacity:.78;text-align:center;text-transform:uppercase}.adsense-horizontal-ad--menu{margin-top:.5rem}.menu-overlay--mobile .adsense-horizontal-ad--menu{width:min(360px,calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 1rem));min-height:64px;margin-top:.38rem}.menu-top-controls{position:absolute;top:calc(var(--safe-area-top) + 1rem);right:calc(var(--safe-area-right) + 1rem);pointer-events:auto;display:inline-flex;align-items:flex-start;gap:.45rem;z-index:2}.menu-settings-anchor{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:.45rem}.menu-audio-toggle-button,.menu-settings-button{width:46px;height:46px;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 10px 16px rgb(0 0 0 / 28%));transition:transform .2s ease,filter .2s ease,opacity .2s ease}.menu-audio-toggle-button:hover:not(:disabled),.menu-settings-button:hover:not(:disabled),.menu-audio-toggle-button:focus-visible:not(:disabled),.menu-settings-button:focus-visible:not(:disabled){transform:translateY(-1px) scale(1.04);box-shadow:none;filter:drop-shadow(0 14px 20px rgb(0 0 0 / 34%))}.menu-audio-toggle-button:active:not(:disabled),.menu-settings-button:active:not(:disabled){transform:scale(.98)}.menu-audio-toggle-button:disabled,.menu-settings-button:disabled{opacity:.45;cursor:default;filter:none}.menu-audio-toggle-icon,.menu-settings-icon{width:100%;height:100%;display:block}.menu-settings-icon{transform:scale(.98)}.menu-settings-popover{position:absolute;top:calc(100% + .45rem);right:0;z-index:2;width:min(328px,calc(100vw - 1.5rem));border-radius:18px;border:1px solid var(--menu-stagewise-glass-stroke);background:var(--menu-stagewise-glass-fill-strong);color:var(--menu-stagewise-settings-text);-webkit-backdrop-filter:blur(16px) saturate(165%);backdrop-filter:blur(16px) saturate(165%);box-shadow:var(--menu-stagewise-glass-drop-shadow-hover),var(--menu-stagewise-glass-border-shadow),var(--menu-stagewise-glass-body-shadow-hover);padding:.92rem .96rem;display:flex;flex-direction:column;gap:.82rem;text-shadow:0 1px 0 var(--menu-stagewise-settings-text-shadow),0 6px 14px var(--menu-stagewise-settings-text-glow)}.menu-settings-group{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:.48rem}.menu-settings-group-title{font-size:1rem;font-weight:500;letter-spacing:.06em;color:var(--menu-stagewise-settings-muted)}.menu-settings-option{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.8rem;padding:.08rem .12rem .08rem 0;border-radius:.52rem;font-size:1.08rem;font-weight:500;color:var(--menu-stagewise-settings-text);line-height:1.2}.menu-settings-option input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;margin:0;width:1.12rem;height:1.12rem;justify-self:center;accent-color:var(--menu-stagewise-settings-accent);background:transparent;border:0;box-shadow:none;transform:none}.menu-settings-option-label{min-width:0;cursor:pointer}.menu-settings-option:has(input:focus-visible){outline:2px solid var(--menu-stagewise-settings-accent-soft);outline-offset:.12rem}.menu-settings-option input:focus-visible{outline:none}.menu-settings-option--toggle{font-size:1.08rem}.menu-settings-control-list{display:flex;flex-direction:column;gap:.34rem;color:var(--menu-stagewise-settings-text)}.menu-settings-control-line{min-width:0;overflow-wrap:anywhere;padding:.08rem 0;font-size:.96rem;line-height:1.2;color:var(--menu-stagewise-settings-text)}.menu-settings-audio-item{display:flex;flex-direction:column;gap:.36rem;padding:.1rem 0 .16rem}.menu-settings-audio-item+.menu-settings-audio-item{margin-top:.14rem;padding-top:.62rem;border-top:1px solid color-mix(in srgb,var(--menu-stagewise-settings-muted) 18%,transparent)}.menu-settings-video-item{display:flex;flex-direction:column;gap:.28rem;padding:.08rem 0 .32rem}.menu-settings-slider{display:flex;flex-direction:column;gap:.3rem;padding-left:1.72rem}.menu-settings-slider--standalone{padding-left:0}.menu-settings-slider-header{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;font-size:.92rem;font-weight:500;letter-spacing:.05em;color:var(--menu-stagewise-settings-muted)}.menu-settings-slider-header span:last-child{color:var(--menu-stagewise-settings-text)}.menu-settings-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:22px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;cursor:pointer}.menu-settings-range::-webkit-slider-runnable-track{height:14px;border:0;border-radius:999px;background:linear-gradient(90deg,var(--menu-stagewise-settings-accent) 0,var(--menu-stagewise-settings-accent) var(--slider-fill-percent, 0%),var(--menu-stagewise-settings-track-fill) var(--slider-fill-percent, 0%),var(--menu-stagewise-settings-track-fill) 100%);box-shadow:inset 0 0 0 1px var(--menu-stagewise-settings-track-stroke),inset 0 1px 2px #ffffff52,0 1px 2px color-mix(in srgb,var(--menu-stagewise-settings-thumb-shadow) 34%,transparent)}.menu-settings-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin-top:-4px;border:1px solid var(--menu-stagewise-settings-thumb-stroke);border-radius:50%;background:linear-gradient(180deg,color-mix(in srgb,var(--menu-stagewise-settings-accent) 84%,white 16%),var(--menu-stagewise-settings-accent));box-shadow:0 2px 7px var(--menu-stagewise-settings-thumb-shadow)}.menu-settings-range::-moz-range-track{height:13px;border:1px solid var(--menu-stagewise-settings-track-stroke);border-radius:999px;background:var(--menu-stagewise-settings-track-fill);box-shadow:inset 0 1px 2px #ffffff52,0 1px 2px color-mix(in srgb,var(--menu-stagewise-settings-thumb-shadow) 34%,transparent)}.menu-settings-range::-moz-range-progress{height:13px;border:0;border-radius:999px;background:var(--menu-stagewise-settings-accent)}.menu-settings-range::-moz-range-thumb{width:20px;height:20px;border:1px solid var(--menu-stagewise-settings-thumb-stroke);border-radius:50%;background:linear-gradient(180deg,color-mix(in srgb,var(--menu-stagewise-settings-accent) 84%,white 16%),var(--menu-stagewise-settings-accent));box-shadow:0 2px 7px var(--menu-stagewise-settings-thumb-shadow)}.menu-settings-range:focus-visible{outline:2px solid var(--menu-stagewise-settings-accent-soft);outline-offset:2px}.menu-settings-quality-labels{display:flex;justify-content:space-between;gap:.5rem;font-size:.76rem;font-weight:600;letter-spacing:.04em;color:var(--menu-stagewise-settings-muted)}.menu-settings-quality-labels span{white-space:nowrap}@media(max-width:560px){.menu-settings-popover{width:min(340px,calc(100vw - 1rem));padding:.88rem .82rem}}@keyframes menu-drop-in{0%{opacity:0;transform:translate3d(0,-18px,0) scale(.985)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes menu-logo-deblur-in{0%{opacity:0;filter:blur(18px);transform:translateZ(0) scale(1.018)}to{opacity:1;filter:blur(0);transform:translateZ(0) scale(1)}}.menu-title{width:min(640px,calc((100vw - 2rem)*.82));aspect-ratio:22 / 5;display:flex;align-items:center;justify-content:center;opacity:0;transform:translate3d(0,-18px,0) scale(.985);animation:menu-drop-in .42s cubic-bezier(.2,.8,.2,1) both;animation-delay:0ms}.menu-title-logo-image{display:block;width:100%;height:auto;max-height:100%;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;filter:blur(18px);transform:translateZ(0) scale(1.018);animation:menu-logo-deblur-in .72s cubic-bezier(.2,.8,.2,1) both;animation-delay:70ms;will-change:opacity,filter,transform}.menu-subtitle{color:var(--cloud-drawings-title);font-size:clamp(.92rem,2vw,1.32rem);text-shadow:0 1px 0 var(--cloud-drawings-highlight),0 10px 22px rgb(29 75 133 / 16%)}.menu-input-row{width:min(224px,64.4vw);display:flex;flex-direction:column;align-items:center;gap:.3rem;opacity:0;transform:translate3d(0,-18px,0) scale(.985);animation:menu-drop-in .42s cubic-bezier(.2,.8,.2,1) both;animation-delay:70ms}.menu-title+.menu-input-row{margin-top:.12rem}.menu-title+.menu-loading-panel{margin-top:.12rem}.menu-loading-panel{width:min(320px,72vw);min-height:108px;padding:.9rem 1rem .96rem;border:1px solid var(--menu-stagewise-glass-stroke);border-radius:28px;background:var(--menu-stagewise-glass-fill-strong);color:var(--menu-stagewise-glass-text);-webkit-backdrop-filter:blur(14px) saturate(170%);backdrop-filter:blur(14px) saturate(170%);box-shadow:var(--menu-stagewise-glass-drop-shadow),var(--menu-stagewise-glass-border-shadow),var(--menu-stagewise-glass-body-shadow);display:flex;flex-direction:column;justify-content:center;gap:.58rem;opacity:0;transform:translate3d(0,-18px,0) scale(.985);animation:menu-drop-in .42s cubic-bezier(.2,.8,.2,1) both;animation-delay:70ms}.menu-loading-panel__header{width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:.8rem;font-variant-numeric:tabular-nums}.menu-loading-panel__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;letter-spacing:.13em;line-height:1.2;text-align:left;text-transform:uppercase;color:var(--menu-stagewise-glass-muted)}.menu-loading-panel__percent{flex:0 0 auto;font-size:1.05rem;line-height:1;color:var(--menu-stagewise-glass-text);text-shadow:0 1px 0 rgb(255 255 255 / 16%),0 8px 16px rgb(0 0 0 / 12%)}.menu-loading-panel__track{position:relative;width:100%;height:10px;overflow:hidden;border-radius:999px;background:#ffffff29;box-shadow:inset 0 1px 2px #0000002e,0 1px #ffffff2e}.menu-loading-panel__fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--menu-stagewise-play-fill);box-shadow:var(--menu-stagewise-play-rim),0 0 18px #5ddc9147;transform-origin:left center;transition:transform .18s ease}.menu-queue-card{width:min(320px,calc(100vw - 2.5rem));margin-top:.1rem;padding:1rem;border:1px solid var(--menu-stagewise-glass-stroke);border-radius:28px;background:var(--menu-stagewise-glass-fill-strong);color:var(--menu-stagewise-glass-text);-webkit-backdrop-filter:blur(14px) saturate(170%);backdrop-filter:blur(14px) saturate(170%);box-shadow:var(--menu-stagewise-glass-drop-shadow),var(--menu-stagewise-glass-border-shadow),var(--menu-stagewise-glass-body-shadow);display:flex;flex-direction:column;gap:.78rem;opacity:0;transform:translate3d(0,-18px,0) scale(.985);animation:menu-drop-in .42s cubic-bezier(.2,.8,.2,1) both;animation-delay:105ms}.menu-queue-card__identity{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem .9rem;border:1px solid rgb(255 255 255 / 10%);border-radius:22px;background:var(--menu-stagewise-input-fill)}.menu-queue-card__name-label{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;text-align:left;opacity:.62}.menu-queue-card__identity-copy{display:flex;flex-direction:column;align-items:flex-start;gap:.24rem;min-width:0}.menu-queue-card__identity-value{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.18rem;letter-spacing:.02em;line-height:1.15}.menu-queue-card__identity-lock{flex:0 0 auto;min-height:28px;padding:.22rem .72rem;border:1px solid rgb(255 255 255 / 16%);border-radius:999px;background:#ffffff14;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;line-height:1;display:inline-flex;align-items:center;justify-content:center;opacity:.84}.menu-queue-card__header{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:.22rem;text-align:center}.menu-queue-card__eyebrow,.menu-status-copy{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.menu-queue-card__eyebrow{opacity:.72}.menu-queue-card__title{width:100%;font-size:clamp(.98rem,2.4vw,1.04rem);letter-spacing:.02em;line-height:1.14}.menu-queue-card__line{font-size:.96rem;line-height:1.1;font-variant-numeric:tabular-nums;opacity:.84}.menu-queue-card__actions{display:flex;flex-direction:column;gap:.45rem}.menu-queue-card__leave{width:100%;border:1px solid var(--menu-stagewise-glass-stroke);border-radius:999px;background:transparent;color:inherit;padding:.48rem .88rem;display:inline-flex;align-items:center;justify-content:center;font:inherit;opacity:.8}.menu-queue-card__leave:hover:not(:disabled),.menu-queue-card__leave:focus-visible:not(:disabled){background:#ffffff14;opacity:1;outline:none}.menu-queue-card__leave:disabled{opacity:.45;cursor:default}.menu-input-row .control-label{color:#cbddffe5}.menu-player-name-input,.menu-play-button{border-radius:999px;border:1px solid var(--menu-stagewise-glass-stroke);background:var(--menu-stagewise-glass-fill);color:var(--menu-stagewise-glass-text);-webkit-backdrop-filter:blur(12px) saturate(165%);backdrop-filter:blur(12px) saturate(165%);box-shadow:var(--menu-stagewise-glass-border-shadow),var(--menu-stagewise-glass-body-shadow);transition:transform .3s cubic-bezier(0,0,.2,1),box-shadow .15s ease,background .2s ease,opacity .2s ease}.menu-player-name-input{width:100%;height:48px;padding:0 1rem;border-color:var(--menu-stagewise-input-stroke);background:var(--menu-stagewise-input-fill);font-size:1.22rem;font-weight:400;letter-spacing:.02em;text-align:center;color:var(--menu-stagewise-input-text);text-shadow:0 1px 0 var(--menu-stagewise-input-text-shadow),0 10px 22px var(--menu-stagewise-input-text-glow);outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;caret-color:var(--menu-stagewise-input-caret);transform:translateZ(0) scale(1);transform-origin:center center;backface-visibility:hidden;will-change:transform,box-shadow;transition:transform .3s cubic-bezier(0,0,.2,1),box-shadow .15s ease,background .22s ease,border-color .22s ease,color .22s ease,caret-color .22s ease,text-shadow .22s ease,opacity .2s ease}.menu-player-name-input::placeholder{color:var(--menu-stagewise-input-placeholder)}.menu-player-name-input:hover{background:var(--menu-stagewise-input-fill-strong);transform:translateZ(0) scale(1.025);box-shadow:var(--menu-stagewise-glass-border-shadow),var(--menu-stagewise-glass-body-shadow-hover)}.menu-player-name-input:focus-visible{background:var(--menu-stagewise-input-fill-strong);transform:translateZ(0) scale(1.03);box-shadow:var(--menu-stagewise-input-focus-ring),var(--menu-stagewise-glass-border-shadow),var(--menu-stagewise-glass-body-shadow-hover)}.menu-servers-anchor{position:absolute;left:1rem;bottom:1rem;pointer-events:auto;z-index:3}.menu-queue-switch-dialog{width:min(280px,calc(100vw - 2rem));margin-top:.55rem;padding:.85rem .95rem;border:1px solid var(--menu-stagewise-skin-stroke);border-radius:22px;background:var(--menu-stagewise-skin-fill-strong);color:var(--menu-stagewise-skin-text);-webkit-backdrop-filter:blur(12px) saturate(165%);backdrop-filter:blur(12px) saturate(165%);box-shadow:var(--menu-stagewise-glass-drop-shadow),var(--menu-stagewise-glass-border-shadow),var(--menu-stagewise-glass-body-shadow);display:flex;flex-direction:column;gap:.7rem}.menu-queue-switch-dialog__copy{display:flex;flex-direction:column;gap:.18rem}.menu-queue-switch-dialog__title{font-size:.92rem;letter-spacing:.03em}.menu-queue-switch-dialog__body{font-size:.76rem;line-height:1.4;opacity:.78}.menu-queue-switch-dialog__actions{display:flex;gap:.5rem}.menu-queue-switch-dialog__button{flex:1 1 0;min-height:40px;padding:.5rem .8rem;border:1px solid var(--menu-stagewise-play-stroke);border-radius:999px;background:var(--menu-stagewise-play-fill);color:var(--menu-stagewise-play-text);font:inherit}.menu-queue-switch-dialog__button--secondary{border-color:var(--menu-stagewise-skin-stroke);background:var(--menu-stagewise-skin-fill);color:var(--menu-stagewise-skin-text)}.menu-queue-switch-dialog__button:disabled{opacity:.55;cursor:default}.menu-servers-button,.menu-server-option{border:1px solid var(--menu-stagewise-skin-stroke);background:var(--menu-stagewise-skin-fill);color:var(--menu-stagewise-skin-text);-webkit-backdrop-filter:blur(12px) saturate(165%);backdrop-filter:blur(12px) saturate(165%);box-shadow:var(--menu-stagewise-glass-drop-shadow),var(--menu-stagewise-glass-border-shadow),var(--menu-stagewise-glass-body-shadow);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .15s ease,background .22s ease,border-color .22s ease,color .22s ease,opacity .2s ease}.menu-servers-button{min-width:208px;min-height:58px;padding:.62rem .8rem .68rem;border-radius:18px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:.22rem;text-align:left}.menu-servers-button:hover:not(:disabled),.menu-servers-button:focus-visible:not(:disabled),.menu-server-option:hover:not(:disabled),.menu-server-option:focus-visible:not(:disabled){background:var(--menu-stagewise-skin-fill-strong);transform:translateZ(0) scale(1.02);box-shadow:var(--menu-stagewise-glass-drop-shadow-hover),var(--menu-stagewise-glass-border-shadow),var(--menu-stagewise-glass-body-shadow-hover);outline:none}.menu-servers-button:active:not(:disabled),.menu-server-option:active:not(:disabled){transform:translateZ(0) scale(.985);box-shadow:var(--menu-stagewise-glass-drop-shadow-pressed),var(--menu-stagewise-glass-border-shadow),var(--menu-stagewise-glass-body-shadow-pressed)}.menu-servers-button:disabled,.menu-server-option:disabled{opacity:.55;cursor:default}.menu-servers-button__eyebrow{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;opacity:.72}.menu-server-summary{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.58rem}.menu-server-summary__identity,.menu-server-option__identity{min-width:0;display:flex;align-items:center;gap:.56rem}.menu-server-summary__copy,.menu-server-option__copy{min-width:0;display:flex;flex-direction:column;gap:.04rem}.menu-server-summary__title,.menu-server-option__label{font-size:.95rem;letter-spacing:.015em;line-height:1.04}.menu-server-summary__location,.menu-server-option__location{overflow:hidden;font-size:.72rem;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;opacity:.72}.menu-server-flag{flex:0 0 auto;width:32px;height:22px;display:block;border-radius:4px;box-shadow:0 2px 8px -6px #00000061}.menu-server-flag--card{width:30px;height:21px;border-radius:4px}.menu-server-connectivity.ping-status{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:flex-end;gap:.34rem;font-family:inherit;font-size:.88rem;font-variant-numeric:tabular-nums;color:var(--menu-stagewise-skin-text);white-space:nowrap;text-shadow:0 1px 0 var(--menu-stagewise-skin-text-shadow),0 8px 18px var(--menu-stagewise-skin-text-glow)}.menu-server-connectivity .ping-status__icon{width:20px;height:15px;gap:2px;filter:drop-shadow(0 3px 8px color-mix(in srgb,var(--ping-accent) 22%,transparent))}.menu-server-connectivity .ping-status__value{display:inline-flex;align-items:baseline;justify-content:flex-start;gap:.16rem;font-size:.84rem;font-weight:500;letter-spacing:.02em;color:inherit}.menu-server-connectivity .ping-status__value-number{font-size:1rem;line-height:.94}.menu-server-connectivity .ping-status__value-unit{font-size:.68rem;letter-spacing:.05em;text-transform:none;color:var(--menu-stagewise-glass-muted);opacity:.9}.menu-server-connectivity .ping-status__bar{background:color-mix(in srgb,var(--menu-stagewise-glass-muted) 36%,transparent)}.menu-server-connectivity .ping-status__bar--active{box-shadow:0 0 12px -6px color-mix(in srgb,var(--ping-accent) 86%,transparent)}.menu-servers-button__meta,.menu-server-option__meta{font-size:.74rem;letter-spacing:.05em;opacity:.74}.menu-servers-popover{position:absolute;left:0;bottom:calc(100% + .55rem);width:min(304px,calc(100vw - 2rem));padding:.62rem;border-radius:18px;border:1px solid var(--menu-stagewise-glass-stroke);background:var(--menu-stagewise-glass-fill-strong);color:var(--menu-stagewise-glass-text);-webkit-backdrop-filter:blur(16px) saturate(165%);backdrop-filter:blur(16px) saturate(165%);box-shadow:var(--menu-stagewise-glass-drop-shadow-hover),var(--menu-stagewise-glass-border-shadow),var(--menu-stagewise-glass-body-shadow-hover);display:flex;flex-direction:column;gap:.62rem;text-shadow:0 1px 0 var(--menu-stagewise-skin-text-shadow),0 8px 18px var(--menu-stagewise-skin-text-glow)}.menu-server-option-grid{display:grid;grid-template-columns:1fr;gap:.4rem}.menu-server-option{width:100%;min-height:0;padding:.58rem .68rem;border-radius:14px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;text-align:left;position:relative}.menu-server-option__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.56rem}.menu-server-option__label-row{display:flex;align-items:center;gap:.34rem}.menu-server-option__status{display:inline-flex;align-items:center;gap:.28rem;flex:0 0 auto;font-size:.58rem;letter-spacing:.07em;text-transform:uppercase;opacity:.68;color:var(--menu-stagewise-glass-muted)}.menu-server-option__status:before{content:"";width:.34rem;height:.34rem;border-radius:999px;background:currentColor;opacity:.8}.menu-server-option__connectivity{margin-left:auto}.menu-server-option--active .menu-server-connectivity .ping-status__value{color:color-mix(in srgb,var(--menu-stagewise-glass-text) 88%,white 12%)}.menu-server-option--active{border-color:color-mix(in srgb,var(--menu-stagewise-settings-accent) 44%,white 18%);background:color-mix(in srgb,var(--menu-stagewise-play-fill) 58%,var(--menu-stagewise-glass-fill-strong) 42%);box-shadow:0 0 0 1px color-mix(in srgb,var(--menu-stagewise-settings-accent) 28%,transparent),var(--menu-stagewise-play-rim),var(--menu-stagewise-glass-drop-shadow-hover),var(--menu-stagewise-glass-body-shadow-hover)}.menu-server-option--active .menu-server-option__label{color:color-mix(in srgb,var(--menu-stagewise-glass-text) 86%,white 14%)}.menu-server-option--active .menu-server-option__status{color:var(--menu-stagewise-settings-accent);opacity:1}.menu-play-button-wrap{margin-top:.18rem;opacity:0;transform:translate3d(0,-18px,0) scale(.985);animation:menu-drop-in .42s cubic-bezier(.2,.8,.2,1) both;animation-delay:.14s}.menu-play-button{width:auto;min-width:132px;min-height:48px;margin-top:0;padding:.5rem 1.45rem;font-size:1.38rem;font-weight:400;letter-spacing:.04em;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px) saturate(145%);backdrop-filter:blur(10px) saturate(145%);border-color:var(--menu-stagewise-play-stroke);background:var(--menu-stagewise-play-fill);color:var(--menu-stagewise-play-text);box-shadow:var(--menu-stagewise-play-rim),var(--menu-stagewise-glass-drop-shadow),var(--menu-stagewise-glass-body-shadow);text-shadow:0 1px 0 rgb(255 255 255 / 18%),0 1px 0 rgb(20 67 45 / 42%);opacity:1;transform:translateZ(0) scale(1);transform-origin:center center;backface-visibility:hidden;will-change:transform,box-shadow}.menu-play-button:hover:not(:disabled){background:var(--menu-stagewise-play-fill-strong);transform:translateZ(0) scale(1.06);box-shadow:var(--menu-stagewise-play-rim-hover),var(--menu-stagewise-glass-drop-shadow-hover),var(--menu-stagewise-glass-body-shadow-hover)}.menu-play-button:focus-visible:not(:disabled){background:var(--menu-stagewise-play-fill-strong);transform:translateZ(0) scale(1.06);box-shadow:var(--menu-stagewise-play-focus-ring),var(--menu-stagewise-play-rim-hover),var(--menu-stagewise-glass-drop-shadow-hover),var(--menu-stagewise-glass-body-shadow-hover);outline:none}.menu-play-button:active:not(:disabled){transform:translateZ(0) scale(.98);box-shadow:var(--menu-stagewise-play-rim),var(--menu-stagewise-glass-drop-shadow-pressed),var(--menu-stagewise-glass-body-shadow-pressed)}.menu-play-button:disabled{cursor:default;opacity:.55;transform:translateZ(0) scale(1)}.menu-play-button:disabled:hover{transform:translateZ(0) scale(1);box-shadow:var(--menu-stagewise-play-rim),var(--menu-stagewise-glass-drop-shadow),var(--menu-stagewise-glass-body-shadow)}.menu-status-copy{margin-top:.22rem;color:var(--menu-stagewise-glass-muted);text-shadow:0 1px 0 rgb(255 255 255 / 16%),0 8px 16px rgb(0 0 0 / 12%);opacity:0;transform:translate3d(0,-18px,0) scale(.985);animation:menu-drop-in .42s cubic-bezier(.2,.8,.2,1) both;animation-delay:175ms}.menu-skin-button{position:absolute;right:1rem;bottom:1rem;pointer-events:auto;padding:.55rem .95rem;min-height:46px;border-radius:999px;font-size:1.1rem;font-weight:400;letter-spacing:.03em;border:1px solid var(--menu-stagewise-skin-stroke);background:var(--menu-stagewise-skin-fill);color:var(--menu-stagewise-skin-text);-webkit-backdrop-filter:blur(12px) saturate(165%);backdrop-filter:blur(12px) saturate(165%);box-shadow:var(--menu-stagewise-glass-drop-shadow),var(--menu-stagewise-glass-border-shadow),var(--menu-stagewise-glass-body-shadow);transform:translateZ(0) scale(1);transform-origin:center center;backface-visibility:hidden;will-change:transform,box-shadow;text-shadow:0 1px 0 var(--menu-stagewise-skin-text-shadow),0 8px 18px var(--menu-stagewise-skin-text-glow);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .15s ease,background .22s ease,border-color .22s ease,color .22s ease,text-shadow .22s ease,opacity .2s ease}.menu-skin-button:hover:not(:disabled){background:var(--menu-stagewise-skin-fill-strong);transform:translateZ(0) scale(1.04);box-shadow:var(--menu-stagewise-glass-drop-shadow-hover),var(--menu-stagewise-glass-border-shadow),var(--menu-stagewise-glass-body-shadow-hover)}.menu-skin-button:focus-visible:not(:disabled){background:var(--menu-stagewise-skin-fill-strong);transform:translateZ(0) scale(1.04);box-shadow:var(--menu-stagewise-skin-focus-ring),var(--menu-stagewise-glass-drop-shadow-hover),var(--menu-stagewise-glass-border-shadow),var(--menu-stagewise-glass-body-shadow-hover);outline:none}.menu-skin-button:active:not(:disabled){transform:translateZ(0) scale(.98);box-shadow:var(--menu-stagewise-glass-drop-shadow-pressed),var(--menu-stagewise-glass-border-shadow),var(--menu-stagewise-glass-body-shadow-pressed)}.menu-skin-button:disabled{opacity:.55;cursor:default;transform:translateZ(0) scale(1);box-shadow:var(--menu-stagewise-glass-drop-shadow),var(--menu-stagewise-glass-border-shadow),var(--menu-stagewise-glass-body-shadow)}.menu-overlay.menu-overlay--mobile{justify-content:flex-start;padding-top:calc(var(--safe-area-top) + clamp(3.1rem,8.5vh,5.2rem));padding-bottom:calc(var(--safe-area-bottom) + clamp(4.8rem,10vh,6rem));padding-left:calc(var(--safe-area-left) + .72rem);padding-right:calc(var(--safe-area-right) + .72rem);align-items:center}.menu-overlay--mobile .menu-hero{width:100%;max-width:none;align-items:center;justify-content:flex-start;gap:clamp(.45rem,1.8vh,.8rem)}.menu-overlay--mobile:not(.menu-overlay--skin-screen) .menu-hero{position:absolute;top:calc(var(--safe-area-top) + clamp(5.6rem,16vh,8rem));left:calc(var(--safe-area-left) + .72rem);right:calc(var(--safe-area-right) + .72rem);width:auto;margin-top:0}.menu-overlay--mobile .menu-top-controls{top:calc(var(--safe-area-top) + .42rem);right:calc(var(--safe-area-right) + .46rem);gap:.38rem}.menu-overlay--mobile .menu-audio-toggle-button,.menu-overlay--mobile .menu-settings-button{width:56px;height:56px;padding:.72rem;border:1px solid var(--menu-stagewise-glass-stroke);border-radius:999px;background:var(--menu-stagewise-glass-fill);box-shadow:var(--menu-stagewise-glass-drop-shadow),var(--menu-stagewise-glass-border-shadow),var(--menu-stagewise-glass-body-shadow);-webkit-backdrop-filter:blur(12px) saturate(155%);backdrop-filter:blur(12px) saturate(155%);touch-action:manipulation}.menu-overlay--mobile .menu-audio-toggle-button:hover:not(:disabled),.menu-overlay--mobile .menu-settings-button:hover:not(:disabled),.menu-overlay--mobile .menu-audio-toggle-button:focus-visible:not(:disabled),.menu-overlay--mobile .menu-settings-button:focus-visible:not(:disabled){transform:translateZ(0) scale(1.04);box-shadow:var(--menu-stagewise-glass-drop-shadow-hover),var(--menu-stagewise-glass-border-shadow),var(--menu-stagewise-glass-body-shadow-hover)}.menu-overlay--mobile .menu-audio-toggle-button:active:not(:disabled),.menu-overlay--mobile .menu-settings-button:active:not(:disabled){transform:translateZ(0) scale(.97);box-shadow:var(--menu-stagewise-glass-drop-shadow-pressed),var(--menu-stagewise-glass-border-shadow),var(--menu-stagewise-glass-body-shadow-pressed)}.menu-overlay--mobile .menu-audio-toggle-icon,.menu-overlay--mobile .menu-settings-icon{width:100%;height:100%}.menu-overlay--mobile .menu-settings-popover{width:min(340px,calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 1rem))}.menu-overlay--mobile .menu-title{align-self:center;width:min(92vw,469px);margin:0 auto}.menu-overlay--mobile .menu-title+.menu-input-row{margin-top:.24rem}.menu-overlay--mobile .menu-title+.menu-loading-panel{margin-top:.24rem}.menu-overlay--mobile .menu-input-row{align-self:center;width:min(76vw,288px);gap:.3rem}.menu-overlay--mobile .menu-loading-panel{align-self:center;width:min(82vw,308px);min-height:104px;padding:.82rem .92rem}.menu-overlay--mobile .menu-queue-card{width:min(86vw,324px);padding:.82rem .92rem}.menu-overlay--mobile .menu-queue-card__identity{padding:.74rem .82rem}.menu-overlay--mobile .menu-queue-card__line{font-size:.9rem}.menu-overlay--mobile .menu-queue-card__leave{width:100%;justify-content:center}.menu-overlay--mobile .menu-player-name-input{height:47px;padding:0 .96rem;font-size:1.02rem}.menu-overlay--mobile .menu-play-button-wrap{align-self:center;margin-top:.62rem}.menu-overlay--mobile .menu-play-button{min-width:132px;min-height:46px;padding:.46rem 1.28rem;font-size:1.14rem}.menu-mobile-footer{position:absolute;left:calc(var(--safe-area-left) + .92rem);right:calc(var(--safe-area-right) + .92rem);bottom:calc(var(--safe-area-bottom) + 1.4rem);display:flex;align-items:center;justify-content:space-between;gap:.8rem;pointer-events:none;z-index:3}.menu-mobile-footer-left{display:flex;flex-direction:column;align-items:flex-start;gap:.48rem;pointer-events:auto}.menu-servers-anchor--mobile{position:static}.menu-overlay--mobile .menu-servers-button{min-width:192px;min-height:56px;padding:.58rem .72rem .64rem;border-radius:18px;background:var(--menu-stagewise-skin-fill-strong)}.menu-overlay--mobile .menu-servers-popover{left:0;bottom:calc(100% + .48rem);width:min(292px,calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 1.84rem))}.menu-overlay--mobile .menu-server-option-grid{grid-template-columns:1fr}.menu-overlay--mobile .menu-server-summary__title,.menu-overlay--mobile .menu-server-option__label{font-size:.93rem}.menu-overlay--mobile .menu-server-summary__location,.menu-overlay--mobile .menu-server-option__location,.menu-overlay--mobile .menu-servers-button__meta,.menu-overlay--mobile .menu-server-option__meta{font-size:.7rem}.menu-overlay--mobile .menu-queue-switch-dialog{width:min(292px,calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 1.84rem))}.menu-overlay--mobile .menu-server-flag{width:30px;height:21px}.menu-overlay--mobile .menu-server-connectivity.ping-status{gap:.32rem}.menu-overlay--mobile .menu-server-connectivity .ping-status__value{font-size:.8rem}.menu-overlay--mobile .menu-server-connectivity .ping-status__value-number{font-size:.94rem}.menu-overlay--mobile .menu-server-connectivity .ping-status__value-unit{font-size:.64rem}.menu-skin-button--mobile{position:static;pointer-events:auto;min-height:46px;padding:.58rem .96rem;font-size:.94rem;background:var(--menu-stagewise-skin-fill-strong);box-shadow:var(--menu-stagewise-glass-drop-shadow-hover),var(--menu-stagewise-glass-border-shadow),var(--menu-stagewise-glass-body-shadow-hover);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.menu-skin-button--mobile:active:not(:disabled){transform:translateZ(0) scale(.98);box-shadow:var(--menu-stagewise-glass-drop-shadow-pressed),var(--menu-stagewise-glass-border-shadow),var(--menu-stagewise-glass-body-shadow-pressed)}.menu-hero--skins{width:min(1180px,calc(100vw - 2rem));align-items:stretch;text-align:left;gap:1rem;font-family:var(--cloud-drawings-font);--skin-ui-secondary-fill: linear-gradient( 180deg, rgb(255 255 255 / 20%), rgb(214 231 243 / 10%) );--skin-ui-secondary-fill-strong: linear-gradient( 180deg, rgb(255 255 255 / 28%), rgb(220 236 246 / 16%) );--skin-ui-secondary-stroke: rgb(255 255 255 / 20%);--skin-ui-secondary-text: rgb(236 247 242 / 94%);--skin-ui-focus-ring: 0 0 0 3px rgb(179 223 251 / 22%);--skin-ui-rim: 0 0 0 1px rgb(255 255 255 / 10%), inset 0 1px 0 rgb(255 255 255 / 28%), inset 0 -12px 18px -16px rgb(0 0 0 / 24%);--skin-ui-rim-hover: 0 0 0 1px rgb(255 255 255 / 16%), inset 0 1px 0 rgb(255 255 255 / 38%), inset 0 -12px 18px -16px rgb(0 0 0 / 28%);--skin-ui-danger-fill: linear-gradient( 180deg, rgb(120 30 45 / 40%), rgb(52 15 22 / 34%) );--skin-ui-danger-fill-strong: linear-gradient( 180deg, rgb(146 38 55 / 48%), rgb(69 18 28 / 42%) );--skin-ui-danger-stroke: rgb(255 190 202 / 24%);--skin-ui-danger-text: rgb(255 231 236 / 94%);--skin-ui-danger-rim: 0 0 0 1px rgb(255 255 255 / 8%), inset 0 1px 0 rgb(255 255 255 / 16%), inset 0 -12px 18px -16px rgb(20 0 6 / 38%)}.menu-hero--skins button,.menu-hero--skins input,.menu-hero--skins textarea{font-family:inherit}.menu-skin-title{font-size:clamp(1.6rem,4vw,2.35rem);font-weight:400;letter-spacing:.05em;color:#f8fafcf7;text-shadow:0 1px 0 rgb(249 252 255 / 72%),0 10px 20px rgb(12 40 76 / 24%)}.menu-hero--skins .menu-skin-title{text-align:center}.skin-screen-title{width:100%;text-align:center}.skin-flow-shell{--skin-flow-enter-ms: .22s;--skin-flow-exit-ms: .18s;--skin-flow-ease: cubic-bezier(.22, 1, .36, 1);--skin-flow-exit-ease: cubic-bezier(.4, 0, .2, 1)}.skin-flow-title-stack{position:relative;display:grid;place-items:center;min-height:1.35em}.skin-flow-title-copy{grid-area:1 / 1;transform:translateZ(0);opacity:1;will-change:transform,opacity}.skin-flow-title-copy[data-state=entering][data-direction=forward]{animation:skin-flow-title-enter-forward var(--skin-flow-enter-ms) var(--skin-flow-ease) both}.skin-flow-title-copy[data-state=entering][data-direction=backward]{animation:skin-flow-title-enter-backward var(--skin-flow-enter-ms) var(--skin-flow-ease) both}.skin-flow-title-copy[data-state=exiting][data-direction=forward]{animation:skin-flow-title-exit-forward var(--skin-flow-exit-ms) var(--skin-flow-exit-ease) both}.skin-flow-title-copy[data-state=exiting][data-direction=backward]{animation:skin-flow-title-exit-backward var(--skin-flow-exit-ms) var(--skin-flow-exit-ease) both}.skin-flow-stage{position:relative;width:100%}.skin-mobile-builder-measure{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;pointer-events:none;z-index:-1;overflow:hidden}.skin-flow-layout-shell{width:100%;will-change:opacity}.skin-flow-layout-shell[data-state=active]{position:relative;pointer-events:auto}.skin-flow-stage[data-transition=true] .skin-flow-layout-shell{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.skin-flow-layout-shell[data-state=entering][data-direction=forward]{animation:skin-flow-panel-enter-forward var(--skin-flow-enter-ms) var(--skin-flow-ease) both}.skin-flow-layout-shell[data-state=entering][data-direction=backward]{animation:skin-flow-panel-enter-backward var(--skin-flow-enter-ms) var(--skin-flow-ease) both}.skin-flow-layout-shell[data-state=exiting][data-direction=forward]{animation:skin-flow-panel-exit-forward var(--skin-flow-exit-ms) var(--skin-flow-exit-ease) both}.skin-flow-layout-shell[data-state=exiting][data-direction=backward]{animation:skin-flow-panel-exit-backward var(--skin-flow-exit-ms) var(--skin-flow-exit-ease) both}.skin-flow-preview-floating{z-index:3;margin:0;min-height:0;transition:none;transform-origin:top left;will-change:transform}.skin-preview-stage.skin-flow-preview-floating{position:absolute}.skin-flow-preview-floating[data-animate=true]{transition:transform var(--skin-flow-enter-ms) var(--skin-flow-ease),box-shadow .18s ease}.skin-preview-slot{position:relative;width:100%;visibility:hidden;pointer-events:none}.skin-preview-slot--selection{min-height:clamp(320px,62vh,600px)}.skin-preview-slot--builder{min-height:clamp(260px,58vh,560px)}.skin-preview-meta-stack{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;pointer-events:none}.skin-preview-meta-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;will-change:opacity}.skin-preview-meta-layer[data-state=entering][data-direction=forward]{animation:skin-flow-meta-enter-forward var(--skin-flow-enter-ms) var(--skin-flow-ease) both}.skin-preview-meta-layer[data-state=entering][data-direction=backward]{animation:skin-flow-meta-enter-backward var(--skin-flow-enter-ms) var(--skin-flow-ease) both}.skin-preview-meta-layer[data-state=exiting][data-direction=forward]{animation:skin-flow-meta-exit-forward var(--skin-flow-exit-ms) var(--skin-flow-exit-ease) both}.skin-preview-meta-layer[data-state=exiting][data-direction=backward]{animation:skin-flow-meta-exit-backward var(--skin-flow-exit-ms) var(--skin-flow-exit-ease) both}.skin-screen{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,440px);gap:1rem;align-items:start}.skin-screen--selection{display:flex;flex-direction:column;gap:1rem;align-items:stretch}.skin-preview-stage{position:relative;min-height:clamp(260px,58vh,560px);border-radius:22px;border:1px solid rgb(173 232 196 / 18%);background:transparent;box-shadow:0 26px 60px #0000002e,inset 0 1px #ffffff12;overflow:hidden;touch-action:none}.skin-preview-stage--selection{min-height:clamp(320px,62vh,600px)}.skin-preview-stage--selection-inline{width:100%}.skin-preview-stage--builder-inline{width:100%;height:100%;min-height:0;border:0;border-radius:16px;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.skin-preview-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:1;pointer-events:none}.skin-preview-canvas--snapshot{opacity:0;transition:opacity .14s ease}.skin-preview-canvas--snapshot-visible{opacity:1}.skin-preview-stage--disabled{pointer-events:none;opacity:.75}.skin-preview-selected{position:absolute;z-index:2;top:.9rem;left:.9rem;display:flex;flex-direction:column;gap:.2rem;padding:.55rem .75rem;border-radius:16px;border:1px solid rgb(173 232 196 / 18%);background:#0810184d;color:#eafff1eb;box-shadow:0 14px 22px #00000024,inset 0 1px #ffffff12;max-width:min(360px,calc(100% - 1.8rem));pointer-events:none}.skin-preview-selected-title{font-size:.92rem;letter-spacing:.08em;text-transform:none;opacity:.8;text-shadow:0 1px 0 rgb(255 255 255 / 10%)}.skin-preview-selected-value{font-size:1.06rem;font-weight:400;letter-spacing:.03em;text-shadow:0 1px 0 rgb(255 255 255 / 10%)}.skin-preview-hint{position:absolute;z-index:2;bottom:.9rem;left:.9rem;padding:.35rem .6rem;border-radius:999px;border:1px solid rgb(173 232 196 / 16%);background:#08101838;color:#e3ecffc7;font-size:1rem;font-weight:400;letter-spacing:.03em;box-shadow:0 14px 22px #00000024;pointer-events:none;text-shadow:0 1px 0 rgb(255 255 255 / 8%)}.skin-select-nav{--skin-nav-transform: translateY(-50%);position:absolute;top:50%;width:clamp(56px,8.5vw,94px);height:clamp(56px,8.5vw,94px);transform:var(--skin-nav-transform);border:none;padding:0;background:transparent;color:#fffffff0;filter:drop-shadow(0 12px 16px rgb(0 0 0 / 34%));transition:none}.skin-select-nav--left{left:clamp(.7rem,2vw,1.5rem)}.skin-select-nav--right{right:clamp(.7rem,2vw,1.5rem);--skin-nav-transform: translateY(-50%) scaleX(-1)}.skin-select-nav:hover,.skin-select-nav:active,.skin-select-nav:focus-visible{transform:var(--skin-nav-transform)}.skin-select-nav svg{width:100%;height:100%;fill:currentcolor}.skin-select-nav:disabled{opacity:.4;cursor:default;filter:none}.skin-selection-info{position:absolute;z-index:2;left:.9rem;bottom:.9rem;padding:.32rem .6rem;border-radius:999px;border:1px solid rgb(173 232 196 / 16%);background:#08101842;color:#e9f0fcd1;font-size:.98rem;letter-spacing:.03em;box-shadow:0 12px 18px #0003;pointer-events:none;text-shadow:0 1px 0 rgb(255 255 255 / 8%)}.skin-selection-actions{position:absolute;z-index:2;right:.9rem;bottom:.9rem;display:inline-flex;align-items:center;gap:.5rem}.skin-selection-delete,.skin-selection-edit{pointer-events:auto;width:46px;height:46px;border:none;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center}.skin-selection-delete-icon,.skin-selection-edit-icon{width:100%;height:100%;display:block}.skin-selection-delete:disabled,.skin-selection-edit:disabled{opacity:.45;cursor:default}.skin-controls{display:flex;flex-direction:column;gap:.75rem;align-items:stretch}.skin-panel{width:100%;padding:.9rem 1rem;border-radius:18px;border:1px solid rgb(173 232 196 / 22%);background:linear-gradient(180deg,#08141c6b,#08101847);box-shadow:0 18px 40px #0000002e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skin-panel--active{border-color:#66d38e9e;box-shadow:0 18px 40px #0000002e,0 0 0 1px #66d38e38}.skin-panel-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;margin-bottom:.55rem}.skin-panel-title-row .skin-panel-title{margin-bottom:0}.skin-panel-title-row--builder{align-items:center}.skin-panel-title{font-size:1.22rem;font-weight:400;letter-spacing:.04em;color:#eafff1eb;margin-bottom:.55rem;text-shadow:0 1px 0 rgb(255 255 255 / 10%)}.skin-panel-title-slider{flex:1 1 auto;min-width:0;overflow:hidden}.skin-panel-title-track{display:flex;width:200%;transform:translateZ(0)}.skin-panel-title-pane{flex:0 0 50%;min-width:0;font-size:1.22rem;font-weight:400;letter-spacing:.04em;color:#eafff1eb;text-shadow:0 1px 0 rgb(255 255 255 / 10%)}.skin-selected-badge{display:inline-flex;align-items:center;padding:.18rem .55rem;border-radius:999px;border:1px solid rgb(102 211 142 / 52%);background:#66d38e29;color:#eafff1f0;font-size:.86rem;font-weight:400;letter-spacing:.08em;text-transform:none;white-space:nowrap}.skin-empty{color:#e3ecffc7;font-size:1rem;letter-spacing:.02em;line-height:1.35}.skin-solid-row{display:flex;align-items:center;justify-content:center;gap:.6rem}.skin-arrow{width:44px;height:44px;border-radius:14px;border:1px solid rgb(125 226 170 / 22%);background:#08101852;color:#eafff1eb;font-size:1.24rem;font-weight:400;letter-spacing:.02em;box-shadow:0 14px 22px #00000029,inset 0 1px #ffffff14}.skin-arrow:disabled{opacity:.45;cursor:default;box-shadow:none}.skin-solid-chip{display:inline-flex;align-items:center;gap:.65rem;padding:.55rem .85rem;border-radius:16px;border:1px solid rgb(125 226 170 / 22%);background:#08101852;color:#eafff1eb;font-size:1rem;font-weight:400;letter-spacing:.03em;box-shadow:0 14px 22px #00000029,inset 0 1px #ffffff14}.skin-solid-chip--static{-webkit-user-select:none;user-select:none}.skin-solid-swatch{width:22px;height:22px;border-radius:8px;border:1px solid rgb(255 255 255 / 14%);box-shadow:0 10px 14px #0000002e}.skin-color-picker{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.skin-color-picker input[type=color]{position:absolute;opacity:0;width:1px;height:1px;border:0;padding:0}.skin-solid-hex{font-family:inherit;font-size:.98rem;letter-spacing:.03em;opacity:.9}.skin-design-list{display:flex;flex-direction:column;gap:.5rem}.skin-design-row{display:flex;align-items:stretch;gap:.6rem}.skin-design-select{flex:1;text-align:left;border-radius:16px;border:1px solid rgb(125 226 170 / 18%);background:#08101838;color:#eafff1eb;padding:.65rem .75rem;font-size:1rem;font-weight:400;letter-spacing:.02em;box-shadow:0 14px 22px #00000024,inset 0 1px #ffffff12}.skin-design-row--active .skin-design-select{border-color:#66d38e9e;box-shadow:0 14px 22px #00000024,inset 0 1px #ffffff12,0 0 0 1px #66d38e2e}.skin-swatch-row{display:flex;flex-wrap:wrap;gap:.22rem;margin-top:.35rem}.skin-swatch{width:14px;height:14px;border-radius:5px;border:1px solid rgb(255 255 255 / 12%)}.skin-design-delete{width:auto;white-space:nowrap;border-radius:16px;border:1px solid rgb(255 184 195 / 26%);background:#220a1061;color:#ffdce3e5;padding:.65rem .75rem;font-size:1rem;font-weight:400;letter-spacing:.03em;box-shadow:0 14px 22px #00000024,inset 0 1px #ffffff0f}.skin-footer{width:100%;display:flex;gap:.6rem;align-items:center;justify-content:center;flex-wrap:wrap}.skin-footer--builder,.skin-footer--selection{justify-content:space-between}.skin-selection-controls{width:100%;display:flex;gap:.6rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.skin-selection-back,.skin-selection-build{min-width:120px}.skin-selection-build{display:inline-flex;align-items:center;justify-content:center}.skin-selection-build-wrap{display:inline-flex}.skin-selection-preview-footer{position:absolute;z-index:2;left:.6rem;right:.6rem;bottom:.6rem;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.5rem;pointer-events:none}.skin-selection-preview-footer-main{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.skin-selection-info--panel{position:static;left:auto;right:auto;top:auto;bottom:auto;max-width:100%}.skin-selection-actions--panel{position:static;right:auto;bottom:auto;pointer-events:auto}.skin-selection-mode--panel{margin-left:auto;pointer-events:auto}.skin-selection-mode{--skin-toggle-inset: .24rem;display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:0;padding:var(--skin-toggle-inset);border-radius:999px;min-width:min(100%,320px);position:relative;overflow:hidden;isolation:isolate}.skin-selection-mode:before{content:"";position:absolute;top:var(--skin-toggle-inset);bottom:var(--skin-toggle-inset);left:var(--skin-toggle-inset);width:calc(50% - var(--skin-toggle-inset));border-radius:999px;box-sizing:border-box;border:1px solid var(--menu-stagewise-play-stroke);background:var(--menu-stagewise-play-fill);box-shadow:var(--menu-stagewise-play-rim),0 8px 18px #04180e2e,inset 0 1px #ffffff2e;transform:translate(0);transition:transform .34s cubic-bezier(.22,1,.36,1),background .2s ease,box-shadow .18s ease;pointer-events:none}.skin-selection-mode[data-active-mode=saved]:before{transform:translate(100%)}.skin-selection-mode-btn{border-radius:999px;min-width:0;border:1px solid transparent;background:transparent;color:#ecf7f2ad;font-weight:800;letter-spacing:.01em;padding:.54rem .98rem;position:relative;z-index:1;transition:color .24s ease,opacity .2s ease,background .2s ease,box-shadow .2s ease}.skin-selection-mode-btn--active{color:var(--menu-stagewise-play-text)}.skin-selection-mode-btn:disabled{opacity:.45;cursor:default}.skin-primary,.skin-secondary{border-radius:16px;padding:.55rem 1rem;font-size:1.08rem;font-weight:400;letter-spacing:.03em;border:1px solid rgb(125 226 170 / 22%);background:#0810184d;color:#eafff1eb;box-shadow:0 14px 22px #00000029,inset 0 1px #ffffff14}.skin-primary{border-color:#66d38e8f;background:linear-gradient(180deg,#66d38eeb,#2c9662eb);color:#f3fff6;text-shadow:0 1px 0 rgb(20 67 45 / 45%)}.skin-primary:disabled,.skin-secondary:disabled{opacity:.5;cursor:default;box-shadow:none}.skin-builder-actions{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:.75rem}.skin-builder-uv-stage{position:relative;width:100%;border-radius:14px;border:1px solid rgb(125 226 170 / 22%);background:#08101847;box-shadow:0 12px 18px #0000002e,inset 0 1px #ffffff12;overflow:hidden}.skin-builder-preview-stage{position:relative;width:100%;display:flex;flex:1 1 auto;min-height:0;overflow:hidden;touch-action:none}.skin-builder-preview-stage .skin-preview-slot{flex:1 1 auto;min-height:0;width:100%}.skin-builder-panel-slider{flex:1 1 auto;min-height:0;overflow:hidden}.skin-builder-panel-track{display:flex;width:200%;min-height:0;transform:translateZ(0)}.skin-builder-panel-pane{display:flex;flex:0 0 50%;min-width:0;min-height:0}.skin-builder-panel-pane--paint,.skin-builder-panel-pane--preview{flex-direction:column}.skin-builder-uv-canvas{width:100%;height:220px;display:block;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;cursor:crosshair;background:repeating-conic-gradient(#bebebebf,#bebebebf 25%,#9c9c9cbf 0%,#9c9c9cbf 50%) 50% / 20px 20px}.skin-builder-uv-canvas--measure{display:block}.skin-builder-uv-grid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.skin-builder-uv-grid-line,.skin-builder-uv-grid-border{vector-effect:non-scaling-stroke;shape-rendering:crispEdges;fill:none}.skin-builder-uv-grid-line{stroke:#ffffff8a;stroke-width:1px;stroke-dasharray:.16 .18}.skin-builder-uv-grid-line--row{stroke:#ffffff57}.skin-builder-uv-grid-line--sprite-boundary{stroke:#ffffffb8;stroke-width:1.2px;stroke-dasharray:.22 .16}.skin-builder-uv-grid-line--back-center{stroke:#7de2aad1;stroke-width:1.25px;stroke-dasharray:.18 .14}.skin-builder-uv-grid-border{stroke:#ffffff7f;stroke-width:1px}.skin-builder-brush-row{margin-top:.6rem;display:flex;flex-wrap:wrap;gap:.45rem}.skin-builder-brush-btn{display:inline-flex;align-items:center;justify-content:center;gap:.38rem;border-radius:999px;border:1px solid rgb(125 226 170 / 22%);background:#08101842;color:#eafff1e0;font-size:1rem;font-weight:400;letter-spacing:.03em;padding:.36rem .72rem;box-shadow:inset 0 1px #ffffff14}.skin-builder-tool-icon{display:inline-flex;align-items:center;justify-content:center}.skin-builder-tool-icon svg{width:1rem;height:1rem}.skin-builder-brush-btn--active{border-color:#66d38e8f;background:linear-gradient(180deg,#66d38eeb,#2c9662eb);color:#f3fff6;text-shadow:0 1px 0 rgb(20 67 45 / 45%)}.skin-builder-pattern-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem;margin-bottom:.6rem;border-radius:999px;border:1px solid rgb(173 232 196 / 22%);background:#0810183d;box-shadow:0 12px 18px #00000029,inset 0 1px #ffffff12}.skin-builder-pattern-toggle-btn{border-radius:999px;border:1px solid rgb(125 226 170 / 22%);background:#08101842;color:#eafff1e0;font-size:1rem;font-weight:400;letter-spacing:.03em;padding:.42rem .78rem;box-shadow:inset 0 1px #ffffff14}.skin-builder-pattern-toggle-btn--active{border-color:#66d38e8f;background:linear-gradient(180deg,#66d38eeb,#2c9662eb);color:#f3fff6;text-shadow:0 1px 0 rgb(20 67 45 / 45%)}.skin-builder-pattern-toggle-btn:disabled{opacity:.5;cursor:default}.skin-builder-palette-scroll{margin-top:.88rem;padding-top:.3rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:thin}.skin-builder-palette{display:flex;flex-direction:column;gap:.42rem;width:max-content;min-width:100%}.skin-builder-palette-row{display:flex;flex-wrap:nowrap;gap:.42rem;width:max-content}.skin-builder-palette-swatch{position:relative;overflow:hidden;isolation:isolate;width:32px;height:32px;border-radius:999px;border:1px solid rgb(255 255 255 / 18%);box-shadow:0 10px 18px #0000003d,inset 0 1px #ffffff29}.skin-builder-palette-swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0}.skin-builder-palette-swatch--pattern-stars:after{opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000000' d='M50 7L62 37H94L68 56L78 89L50 69L22 89L32 56L6 37H38Z'/%3E%3C/svg%3E");background-size:14px 14px;background-repeat:repeat}.skin-builder-palette-swatch--pattern-dots:after{opacity:1;background-image:radial-gradient(circle,rgb(0 0 0 / 42%) 0 22%,transparent 24%);background-size:12px 12px}.skin-builder-palette-swatch--pattern-zigzag:after{opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cpath d='M-6 2L0 8L6 2L12 8L18 2L24 8L30 2' fill='none' stroke='%23000000' stroke-width='3.2' stroke-linejoin='miter' stroke-linecap='square'/%3E%3Cpath d='M-6 10L0 16L6 10L12 16L18 10L24 16L30 10' fill='none' stroke='%23000000' stroke-width='3.2' stroke-linejoin='miter' stroke-linecap='square'/%3E%3C/svg%3E");background-size:16px 12px;background-repeat:repeat}.skin-builder-palette-swatch--selected{border-color:#e8fff0f0;box-shadow:0 0 0 2px #66d38e8f,0 10px 18px #0000003d,inset 0 1px #ffffff29;transform:scale(1.06)}.skin-builder-selected-color{margin-top:.55rem;color:#e3ecffd1;font-family:inherit;font-size:.98rem;letter-spacing:.03em}.skin-builder-hint{color:#e3ecffc7;font-size:1rem;letter-spacing:.02em}.skin-builder-paint-stack{display:flex;flex-direction:column;min-height:0}.skin-builder-panel-footer{margin-top:.6rem;display:flex;justify-content:flex-start;align-items:center;gap:.55rem}.skin-builder-reset-icon,.skin-builder-back-icon{width:48px;height:48px;border-radius:14px;border:1px solid rgb(173 232 196 / 28%);background:#08101857;color:#eafff1eb;box-shadow:0 14px 22px #00000029,inset 0 1px #ffffff14;display:inline-flex;align-items:center;justify-content:center}.skin-builder-reset-icon svg,.skin-builder-back-icon svg{width:22px;height:22px}.skin-builder-reset-icon svg{fill:currentcolor}.skin-builder-back-icon svg{stroke:currentcolor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.skin-builder-reset-icon:disabled,.skin-builder-back-icon:disabled{opacity:.5;cursor:default;box-shadow:none}.skin-pattern-grid{display:flex;flex-direction:column;gap:.4rem}.skin-pattern-node-row{display:grid;grid-template-columns:62px minmax(0,1fr);gap:.55rem;align-items:center}.skin-pattern-node-label{color:#e3ecffb8;font-size:.88rem;font-weight:400;letter-spacing:.07em;text-transform:none}.skin-pattern-node-slots{display:flex;flex-wrap:nowrap;gap:.35rem}.skin-pattern-slot{width:30px;height:30px;border-radius:10px;border:1px solid rgb(255 255 255 / 14%);box-shadow:0 12px 18px #00000029,inset 0 1px #ffffff1a}.skin-pattern-slot--selected{border-color:#e1faeaeb;box-shadow:0 0 0 2px #66d38e8f,0 12px 18px #00000029,inset 0 1px #ffffff1a}.skin-pattern-slot--insert-target{border-color:#a6e8bcd6;box-shadow:0 0 0 2px #66d38e5c,0 12px 18px #00000029,inset 0 1px #ffffff1a}.skin-pattern-slot--empty{background:#0810181a;border:1px dashed rgb(173 232 196 / 24%);box-shadow:none}.skin-pattern-slot--empty.skin-pattern-slot--selected{border:1px solid rgb(225 250 234 / 92%);box-shadow:0 0 0 2px #66d38e8f,0 12px 18px #00000029,inset 0 1px #ffffff1a}.skin-pattern-slot--empty.skin-pattern-slot--insert-target{border:1px solid rgb(166 232 188 / 84%);box-shadow:0 0 0 2px #66d38e5c,0 12px 18px #00000029,inset 0 1px #ffffff1a}.skin-selection-mode{--skin-selection-toggle-track-width: 96px;--skin-selection-toggle-track-height: 44px;--skin-selection-toggle-pad: 5px;--skin-selection-toggle-thumb-size: 32px;--skin-selection-toggle-thumb-offset: 0px;--skin-selection-toggle-saved-stop-nudge: 1px;display:grid;grid-template-columns:minmax(66px,66px) var(--skin-selection-toggle-track-width) minmax(66px,66px);align-items:center;justify-content:center;gap:.26rem;min-width:0;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible;isolation:isolate}.skin-selection-mode[data-active-mode=saved]{--skin-selection-toggle-thumb-offset: calc( var(--skin-selection-toggle-track-width) - var(--skin-selection-toggle-thumb-size) - (var(--skin-selection-toggle-pad) * 2) - var(--skin-selection-toggle-saved-stop-nudge) )}.skin-selection-mode:before{content:none}.skin-selection-mode-label{display:flex;align-items:center;min-width:0;min-height:var(--skin-selection-toggle-track-height);max-width:none;padding:0;border:0;background:transparent;box-shadow:none;color:#ecf7f26b;font-size:.88rem;font-weight:400;letter-spacing:.04em;line-height:.94;text-transform:none;text-wrap:balance;transition:color .24s ease,opacity .2s ease}.skin-selection-mode-label:first-of-type{justify-content:flex-end;padding-right:.46rem;text-align:right}.skin-selection-mode-label:last-of-type{justify-content:flex-start;padding-left:.46rem;text-align:left}.skin-selection-mode-label:hover:not(:disabled),.skin-selection-mode-label:focus-visible:not(:disabled){color:#ecf7f2b8;background:transparent;box-shadow:none;outline:none}.skin-selection-mode-label--active{color:#f3fff9f5}.skin-selection-mode-toggle{position:relative;width:var(--skin-selection-toggle-track-width);height:var(--skin-selection-toggle-track-height);padding:0;border-radius:999px;border:1px solid rgb(255 255 255 / 18%);background:linear-gradient(180deg,#ffffff21,#c2d0dc1a);box-shadow:var(--menu-stagewise-glass-border-shadow),inset 0 1px #ffffff2e,inset 0 12px 16px -16px #ffffff57,inset 0 -12px 16px -12px #00000038,0 10px 18px #0000001f;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);transition:box-shadow .18s ease,background .2s ease,transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s ease;transform:translateZ(0);backface-visibility:hidden;will-change:transform,box-shadow;overflow:hidden}.skin-selection-mode-thumb{position:absolute;top:var(--skin-selection-toggle-pad);height:var(--skin-selection-toggle-thumb-size);left:var(--skin-selection-toggle-pad);width:var(--skin-selection-toggle-thumb-size);border-radius:50%;background:radial-gradient(circle at 50% 28%,#fffffff0,#ffffff8a 28%,#fff0 60%),linear-gradient(180deg,#f1f8f3fa,#bedacbf2);border:1px solid rgb(255 255 255 / 56%);box-shadow:var(--menu-stagewise-glass-border-shadow),0 5px 10px -5px #07180e24,0 0 0 1px #ffffff29,inset 0 1px #ffffffe0,inset 0 8px 10px -8px #ffffffc2,inset 0 -9px 12px -10px #1d3f2d29,inset 0 0 18px #ffffff2e;transform:translate3d(var(--skin-selection-toggle-thumb-offset),0,0);transform-origin:center center;will-change:transform,box-shadow;backface-visibility:hidden;transition:transform .42s cubic-bezier(.22,1,.36,1),background .22s ease,box-shadow .22s ease}.skin-selection-mode-toggle:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;pointer-events:none;background:radial-gradient(70% 110% at 50% 115%,#00000029,#0000 68%),linear-gradient(180deg,#ffffff1a,#fff0 34%);box-shadow:inset 0 10px 12px -12px #ffffff52,inset 0 -10px 14px -12px #0000002e,inset 0 0 0 1px #ffffff14}.skin-selection-mode-toggle:hover:not(:disabled),.skin-selection-mode-toggle:focus-visible:not(:disabled){background:linear-gradient(180deg,#ffffff29,#cddeea1f);box-shadow:var(--menu-stagewise-glass-border-shadow),inset 0 1px #ffffff38,inset 0 12px 16px -16px #fff6,inset 0 -12px 16px -12px #0000003d,0 14px 22px #00000024;outline:none}.skin-selection-mode-toggle:hover:not(:disabled) .skin-selection-mode-thumb,.skin-selection-mode-toggle:focus-visible:not(:disabled) .skin-selection-mode-thumb{background:radial-gradient(circle at 50% 26%,#fffffff2,#ffffff94 28%,#fff0 60%),linear-gradient(180deg,#e9f4edfa,#b4d6c4f2);box-shadow:var(--menu-stagewise-glass-border-shadow),0 7px 12px -5px #07180e29,0 0 0 1px #ffffff2e,inset 0 1px #ffffffeb,inset 0 9px 12px -8px #ffffffd1,inset 0 -9px 12px -10px #1d3f2d2e,inset 0 0 18px #fff3}.skin-selection-mode-toggle:active:not(:disabled){transform:translateZ(0) scale(.985)}.skin-selection-mode-toggle:disabled{opacity:.45;cursor:default}.skin-preview-stage,.skin-panel,.skin-builder-uv-stage,.skin-preview-selected,.skin-preview-hint,.skin-selection-info{border-color:var(--skin-ui-secondary-stroke);background:var(--skin-ui-secondary-fill);box-shadow:var(--skin-ui-rim),var(--menu-stagewise-glass-drop-shadow),var(--menu-stagewise-glass-body-shadow);-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%)}.skin-preview-stage{background:linear-gradient(180deg,#ffffff1f,#d6e7f314)}.skin-preview-hint,.skin-selection-info{color:#ecf7f2d6}.skin-select-nav{--skin-nav-scale: 1;width:clamp(54px,6.6vw,68px);height:clamp(54px,6.6vw,68px);border-radius:999px;border:1px solid var(--skin-ui-secondary-stroke);background:var(--skin-ui-secondary-fill);color:var(--skin-ui-secondary-text);display:inline-flex;align-items:center;justify-content:center;transform:var(--skin-nav-transform) scale(var(--skin-nav-scale));box-shadow:var(--skin-ui-rim),var(--menu-stagewise-glass-drop-shadow),var(--menu-stagewise-glass-body-shadow);-webkit-backdrop-filter:blur(12px) saturate(165%);backdrop-filter:blur(12px) saturate(165%);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .15s ease,background .2s ease,border-color .2s ease,opacity .2s ease;pointer-events:auto;backface-visibility:hidden;will-change:transform,box-shadow;filter:none}.skin-select-nav:hover:not(:disabled){--skin-nav-scale: 1.06;background:var(--skin-ui-secondary-fill-strong);box-shadow:var(--skin-ui-rim-hover),var(--menu-stagewise-glass-drop-shadow-hover),var(--menu-stagewise-glass-body-shadow-hover)}.skin-select-nav:focus-visible:not(:disabled){--skin-nav-scale: 1.06;background:var(--skin-ui-secondary-fill-strong);box-shadow:var(--skin-ui-focus-ring),var(--skin-ui-rim-hover),var(--menu-stagewise-glass-drop-shadow-hover),var(--menu-stagewise-glass-body-shadow-hover);outline:none}.skin-select-nav:active:not(:disabled){--skin-nav-scale: .98;box-shadow:var(--skin-ui-rim),var(--menu-stagewise-glass-drop-shadow-pressed),var(--menu-stagewise-glass-body-shadow-pressed)}.skin-select-nav svg{width:54%;height:54%}.skin-selection-edit,.skin-selection-delete,.skin-selection-mode-btn,.skin-secondary,.skin-primary,.skin-builder-brush-btn,.skin-builder-back-icon,.skin-builder-reset-icon,.skin-design-select,.skin-design-delete{color:var(--skin-ui-secondary-text);border-color:var(--skin-ui-secondary-stroke);background:var(--skin-ui-secondary-fill);box-shadow:var(--skin-ui-rim),var(--menu-stagewise-glass-drop-shadow),var(--menu-stagewise-glass-body-shadow);-webkit-backdrop-filter:blur(12px) saturate(165%);backdrop-filter:blur(12px) saturate(165%);transform:translateZ(0) scale(1);transform-origin:center center;backface-visibility:hidden;will-change:transform,box-shadow;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .15s ease,background .2s ease,border-color .2s ease,opacity .2s ease}.skin-selection-edit,.skin-selection-delete{border-radius:999px}.skin-secondary,.skin-primary{min-height:48px;border-radius:999px;padding-inline:1.05rem}.skin-selection-mode-btn,.skin-builder-brush-btn{min-height:40px}.skin-builder-back-icon,.skin-builder-reset-icon{border-radius:999px}.skin-selection-mode-btn{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:none;will-change:color,opacity}.skin-selection-edit:hover:not(:disabled),.skin-secondary:hover:not(:disabled),.skin-builder-brush-btn:hover:not(:disabled),.skin-builder-back-icon:hover:not(:disabled),.skin-builder-reset-icon:hover:not(:disabled),.skin-design-select:hover:not(:disabled){background:var(--skin-ui-secondary-fill-strong);transform:translateZ(0) scale(1.04);box-shadow:var(--skin-ui-rim-hover),var(--menu-stagewise-glass-drop-shadow-hover),var(--menu-stagewise-glass-body-shadow-hover)}.skin-selection-edit:focus-visible:not(:disabled),.skin-secondary:focus-visible:not(:disabled),.skin-builder-brush-btn:focus-visible:not(:disabled),.skin-builder-back-icon:focus-visible:not(:disabled),.skin-builder-reset-icon:focus-visible:not(:disabled),.skin-design-select:focus-visible:not(:disabled){background:var(--skin-ui-secondary-fill-strong);transform:translateZ(0) scale(1.04);box-shadow:var(--skin-ui-focus-ring),var(--skin-ui-rim-hover),var(--menu-stagewise-glass-drop-shadow-hover),var(--menu-stagewise-glass-body-shadow-hover);outline:none}.skin-selection-edit:active:not(:disabled),.skin-secondary:active:not(:disabled),.skin-builder-brush-btn:active:not(:disabled),.skin-builder-back-icon:active:not(:disabled),.skin-builder-reset-icon:active:not(:disabled),.skin-design-select:active:not(:disabled){transform:translateZ(0) scale(.98);box-shadow:var(--skin-ui-rim),var(--menu-stagewise-glass-drop-shadow-pressed),var(--menu-stagewise-glass-body-shadow-pressed)}.skin-selection-edit:disabled,.skin-selection-delete:disabled,.skin-selection-mode-btn:disabled,.skin-secondary:disabled,.skin-primary:disabled,.skin-builder-brush-btn:disabled,.skin-builder-back-icon:disabled,.skin-builder-reset-icon:disabled,.skin-design-select:disabled,.skin-design-delete:disabled{opacity:.5;cursor:default;transform:translateZ(0) scale(1)}.skin-primary,.skin-selection-mode-btn--active,.skin-builder-brush-btn--active{border-color:var(--menu-stagewise-play-stroke);background:var(--menu-stagewise-play-fill);color:var(--menu-stagewise-play-text);box-shadow:var(--menu-stagewise-play-rim),var(--menu-stagewise-glass-drop-shadow),var(--menu-stagewise-glass-body-shadow)}.skin-primary:hover:not(:disabled),.skin-builder-brush-btn--active:hover:not(:disabled){background:var(--menu-stagewise-play-fill-strong);transform:translateZ(0) scale(1.05);box-shadow:var(--menu-stagewise-play-rim-hover),var(--menu-stagewise-glass-drop-shadow-hover),var(--menu-stagewise-glass-body-shadow-hover)}.skin-primary:focus-visible:not(:disabled),.skin-builder-brush-btn--active:focus-visible:not(:disabled){background:var(--menu-stagewise-play-fill-strong);transform:translateZ(0) scale(1.05);box-shadow:var(--menu-stagewise-play-focus-ring),var(--menu-stagewise-play-rim-hover),var(--menu-stagewise-glass-drop-shadow-hover),var(--menu-stagewise-glass-body-shadow-hover);outline:none}.skin-primary:active:not(:disabled),.skin-builder-brush-btn--active:active:not(:disabled){transform:translateZ(0) scale(.98);box-shadow:var(--menu-stagewise-play-rim),var(--menu-stagewise-glass-drop-shadow-pressed),var(--menu-stagewise-glass-body-shadow-pressed)}.skin-selection-mode-btn:hover:not(:disabled){background:#ffffff0a;color:#ecf7f2db}.skin-selection-mode-btn:focus-visible:not(:disabled){background:#ffffff0a;color:#ecf7f2e0;box-shadow:inset 0 0 0 1px #ffffff1a,0 0 0 3px #b3dffb1f;outline:none}.skin-selection-mode-btn:active:not(:disabled){background:#ffffff08;box-shadow:none}.skin-selection-mode-btn--active{border-color:transparent;background:transparent;box-shadow:none;color:var(--menu-stagewise-play-text)}.skin-selection-mode-btn--active:hover:not(:disabled),.skin-selection-mode-btn--active:focus-visible:not(:disabled){background:transparent;color:var(--menu-stagewise-play-text);box-shadow:none}.skin-selection-mode-btn--active:focus-visible:not(:disabled){box-shadow:0 0 0 3px #7efaa91a}.skin-selection-mode-btn--active:active:not(:disabled){box-shadow:none}.skin-selection-delete,.skin-design-delete{border-color:var(--skin-ui-danger-stroke);background:var(--skin-ui-danger-fill);color:var(--skin-ui-danger-text);box-shadow:var(--skin-ui-danger-rim),var(--menu-stagewise-glass-drop-shadow),var(--menu-stagewise-glass-body-shadow)}.skin-selection-delete:hover:not(:disabled),.skin-design-delete:hover:not(:disabled){background:var(--skin-ui-danger-fill-strong);transform:translateZ(0) scale(1.04);box-shadow:var(--skin-ui-danger-rim),var(--menu-stagewise-glass-drop-shadow-hover),var(--menu-stagewise-glass-body-shadow-hover)}.skin-selection-delete:focus-visible:not(:disabled),.skin-design-delete:focus-visible:not(:disabled){background:var(--skin-ui-danger-fill-strong);transform:translateZ(0) scale(1.04);box-shadow:var(--skin-ui-focus-ring),var(--skin-ui-danger-rim),var(--menu-stagewise-glass-drop-shadow-hover),var(--menu-stagewise-glass-body-shadow-hover);outline:none}.skin-selection-delete:active:not(:disabled),.skin-design-delete:active:not(:disabled){transform:translateZ(0) scale(.98);box-shadow:var(--skin-ui-danger-rim),var(--menu-stagewise-glass-drop-shadow-pressed),var(--menu-stagewise-glass-body-shadow-pressed)}.skin-builder-palette-swatch{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .15s ease,border-color .2s ease,opacity .2s ease;transform:translateZ(0) scale(1);transform-origin:center center;backface-visibility:hidden}.skin-builder-palette-swatch:hover:not(:disabled),.skin-builder-palette-swatch:focus-visible:not(:disabled){transform:translateZ(0) scale(1.08);box-shadow:0 0 0 2px #ffffff29,0 12px 20px #00000042,inset 0 1px #ffffff29;outline:none}@keyframes skin-flow-title-enter-forward{0%{opacity:0;transform:translate3d(14px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes skin-flow-title-enter-backward{0%{opacity:0;transform:translate3d(-14px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes skin-flow-title-exit-forward{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-10px,0,0)}}@keyframes skin-flow-title-exit-backward{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(10px,0,0)}}@keyframes skin-flow-panel-enter-forward{0%{opacity:0}to{opacity:1}}@keyframes skin-flow-panel-enter-backward{0%{opacity:0}to{opacity:1}}@keyframes skin-flow-panel-exit-forward{0%{opacity:1}to{opacity:0}}@keyframes skin-flow-panel-exit-backward{0%{opacity:1}to{opacity:0}}@keyframes skin-flow-meta-enter-forward{0%{opacity:0}to{opacity:1}}@keyframes skin-flow-meta-enter-backward{0%{opacity:0}to{opacity:1}}@keyframes skin-flow-meta-exit-forward{0%{opacity:1}to{opacity:0}}@keyframes skin-flow-meta-exit-backward{0%{opacity:1}to{opacity:0}}@media(max-width:920px){.skin-preview-slot--selection,.skin-preview-slot--builder{min-height:clamp(220px,38vh,460px)}}@media(pointer:coarse){.menu-overlay--skin-screen .skin-flow-shell{--skin-flow-enter-ms: .36s;--skin-flow-exit-ms: .3s;--skin-flow-ease: cubic-bezier(.18, .94, .24, 1);--skin-flow-exit-ease: cubic-bezier(.42, .04, .22, 1);animation:skin-flow-shell-enter-mobile-right var(--skin-flow-enter-ms) var(--skin-flow-ease) both;will-change:transform,opacity}.menu-overlay--skin-screen .skin-flow-title-stack,.menu-overlay--skin-screen .skin-flow-stage{overflow:hidden}.menu-overlay--skin-screen .skin-flow-layout-shell{transform:translateZ(0);backface-visibility:hidden;will-change:transform,opacity}.menu-overlay--skin-screen .skin-flow-shell[data-overlay-dismiss=left]{animation:skin-flow-shell-dismiss-mobile-left var(--skin-flow-exit-ms) var(--skin-flow-exit-ease) both;pointer-events:none}.menu-overlay--skin-screen .skin-flow-shell[data-overlay-dismiss=right]{animation:skin-flow-shell-dismiss-mobile-right var(--skin-flow-exit-ms) var(--skin-flow-exit-ease) both;pointer-events:none}.menu-overlay--skin-screen .skin-flow-layout-shell[data-state=entering][data-direction=forward]{animation:skin-flow-panel-enter-mobile-forward var(--skin-flow-enter-ms) var(--skin-flow-ease) both}.menu-overlay--skin-screen .skin-flow-layout-shell[data-state=entering][data-direction=backward]{animation:skin-flow-panel-enter-mobile-backward var(--skin-flow-enter-ms) var(--skin-flow-ease) both}.menu-overlay--skin-screen .skin-flow-layout-shell[data-state=exiting][data-direction=forward]{animation:skin-flow-panel-exit-mobile-forward var(--skin-flow-exit-ms) var(--skin-flow-exit-ease) both}.menu-overlay--skin-screen .skin-flow-layout-shell[data-state=exiting][data-direction=backward]{animation:skin-flow-panel-exit-mobile-backward var(--skin-flow-exit-ms) var(--skin-flow-exit-ease) both}.menu-overlay--skin-screen .skin-flow-title-copy[data-state=entering][data-direction=forward]{animation:skin-flow-title-enter-mobile-forward var(--skin-flow-enter-ms) var(--skin-flow-ease) both}.menu-overlay--skin-screen .skin-flow-title-copy[data-state=entering][data-direction=backward]{animation:skin-flow-title-enter-mobile-backward var(--skin-flow-enter-ms) var(--skin-flow-ease) both}.menu-overlay--skin-screen .skin-flow-title-copy[data-state=exiting][data-direction=forward]{animation:skin-flow-title-exit-mobile-forward var(--skin-flow-exit-ms) var(--skin-flow-exit-ease) both}.menu-overlay--skin-screen .skin-flow-title-copy[data-state=exiting][data-direction=backward]{animation:skin-flow-title-exit-mobile-backward var(--skin-flow-exit-ms) var(--skin-flow-exit-ease) both}.menu-overlay--skin-screen .skin-preview-meta-layer[data-state=entering]{animation-duration:var(--skin-flow-enter-ms)}.menu-overlay--skin-screen .skin-preview-meta-layer[data-state=exiting]{animation-duration:var(--skin-flow-exit-ms)}.menu-overlay--skin-screen .skin-flow-preview-floating[data-animate=true]{transition:transform var(--skin-flow-enter-ms) var(--skin-flow-ease),box-shadow .22s ease,opacity .22s ease}.menu-overlay--skin-screen{overflow-y:auto;overscroll-behavior:contain;padding-top:calc(var(--safe-area-top) + .78rem);padding-bottom:calc(var(--safe-area-bottom) + 1rem);padding-left:calc(var(--safe-area-left) + .6rem);padding-right:calc(var(--safe-area-right) + .6rem);align-items:flex-start}.menu-overlay--skin-screen .menu-hero--skins{width:min(100%,calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 1.2rem));gap:.72rem;padding-bottom:.4rem}.menu-overlay--skin-screen .menu-skin-title{font-size:clamp(1.36rem,6vw,1.76rem)}.menu-overlay--skin-screen .skin-screen-title{margin-bottom:.08rem}.menu-overlay--skin-screen .skin-screen{gap:.72rem}.menu-overlay--skin-screen .skin-flow-layout-shell--builder .skin-screen{display:flex;flex-direction:column}.menu-overlay--skin-screen .skin-flow-layout-shell--builder,.menu-overlay--skin-screen .skin-flow-layout-shell--builder .skin-screen,.menu-overlay--skin-screen .skin-flow-layout-shell--builder .skin-controls,.menu-overlay--skin-screen .skin-flow-layout-shell--builder .skin-panel--builder,.menu-overlay--skin-screen .skin-flow-layout-shell--builder .skin-footer--builder{width:100%;max-width:none;align-self:stretch}.menu-overlay--skin-screen .skin-flow-layout-shell--selection .skin-preview-stage--selection-inline{transform:translateZ(0);backface-visibility:hidden;contain:layout paint}.menu-overlay--skin-screen .skin-preview-stage--selection-inline{min-height:clamp(430px,66vh,580px);border-radius:18px}.menu-overlay--skin-screen .skin-selection-info--panel{max-width:100%;font-size:.84rem;padding:.28rem .5rem}.menu-overlay--skin-screen .skin-selection-preview-footer{gap:.44rem}.menu-overlay--skin-screen .skin-selection-preview-footer-main,.menu-overlay--skin-screen .skin-selection-actions--panel{gap:.34rem}.menu-overlay--skin-screen .skin-selection-actions--panel .skin-selection-edit,.menu-overlay--skin-screen .skin-selection-actions--panel .skin-selection-delete{width:40px;height:40px}.menu-overlay--skin-screen .skin-selection-mode--panel{flex-shrink:0}.menu-overlay--skin-screen .skin-panel--builder{position:relative;display:flex;flex-direction:column;min-height:0;overflow:hidden}.menu-overlay--skin-screen .skin-panel--builder .skin-builder-panel-slider{margin-top:.3rem}.menu-overlay--skin-screen .skin-panel--builder .skin-panel-title-track{transition:transform .34s cubic-bezier(.22,1,.36,1);will-change:transform;backface-visibility:hidden}.menu-overlay--skin-screen .skin-panel--builder .skin-panel-title-track[data-mobile-builder-view=paint]{transform:translateZ(0)}.menu-overlay--skin-screen .skin-panel--builder .skin-panel-title-track[data-mobile-builder-view=preview]{transform:translate3d(-50%,0,0)}.menu-overlay--skin-screen .skin-panel--builder .skin-builder-panel-track{min-height:100%;transition:transform .34s cubic-bezier(.22,1,.36,1);will-change:transform;backface-visibility:hidden;contain:layout paint}.menu-overlay--skin-screen .skin-panel--builder[data-mobile-builder-measuring=paint] .skin-builder-panel-track,.menu-overlay--skin-screen .skin-panel--builder[data-mobile-builder-view=paint] .skin-builder-panel-track{transform:translateZ(0)}.menu-overlay--skin-screen .skin-panel--builder[data-mobile-builder-view=preview] .skin-builder-panel-track{transform:translate3d(-50%,0,0)}.menu-overlay--skin-screen .skin-panel--builder[data-mobile-builder-measuring=paint] .skin-builder-panel-track{transition:none}.menu-overlay--skin-screen .skin-panel--builder .skin-builder-panel-pane{padding-right:.24rem;transform:translateZ(0);backface-visibility:hidden;contain:layout paint}.menu-overlay--skin-screen .skin-panel--builder .skin-builder-panel-pane--preview{padding-left:.24rem;padding-right:0}.menu-overlay--skin-screen .skin-panel--builder[data-mobile-builder-view=preview]{padding-left:0;padding-right:0;padding-bottom:0}.menu-overlay--skin-screen .skin-panel--builder[data-mobile-builder-view=preview] .skin-panel-title-row--builder{padding-inline:.78rem}.menu-overlay--skin-screen .skin-panel--builder[data-mobile-builder-view=preview] .skin-builder-panel-pane--preview{padding-left:0;padding-right:0}.menu-overlay--skin-screen .skin-panel--builder[data-mobile-builder-view=paint] .skin-builder-panel-pane--preview,.menu-overlay--skin-screen .skin-panel--builder[data-mobile-builder-view=preview] .skin-builder-panel-pane--paint{pointer-events:none}.menu-overlay--skin-screen .skin-panel--builder .skin-builder-preview-stage{flex:1 1 auto;min-height:0;transform:translateZ(0)}.menu-overlay--skin-screen .skin-preview-slot--builder,.menu-overlay--skin-screen .skin-preview-stage:not(.skin-preview-stage--builder-inline):not(.skin-preview-stage--selection-inline){min-height:clamp(180px,25vh,220px);border-radius:18px}.menu-overlay--skin-screen .skin-preview-selected,.menu-overlay--skin-screen .skin-preview-hint,.menu-overlay--skin-screen .skin-selection-info:not(.skin-selection-info--panel){max-width:calc(100% - 1.2rem);font-size:.88rem}.menu-overlay--skin-screen .skin-preview-selected{top:.6rem;left:.6rem;padding:.44rem .58rem;gap:.12rem}.menu-overlay--skin-screen .skin-preview-selected-title{font-size:.82rem}.menu-overlay--skin-screen .skin-preview-selected-value{font-size:.98rem;line-height:1.22}.menu-overlay--skin-screen .skin-preview-hint{left:.6rem;bottom:.6rem;padding:.3rem .48rem;font-size:.88rem}.menu-overlay--skin-screen .skin-panel{padding:.74rem .78rem;border-radius:18px}.menu-overlay--skin-screen .skin-panel-title{font-size:1.1rem;margin-bottom:.42rem}.menu-overlay--skin-screen .skin-builder-view-toggle{display:inline-flex;align-items:center;gap:.22rem;padding:.18rem;border:1px solid rgb(255 255 255 / 14%);border-radius:999px;background:#08111d6b;box-shadow:0 10px 18px -12px #00000057,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%)}.menu-overlay--skin-screen .skin-builder-view-toggle-btn{min-height:30px;padding:.22rem .62rem;border:0;border-radius:999px;background:transparent;color:#e2eef7c7;font-size:.82rem;letter-spacing:.04em;box-shadow:none;transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease,opacity .18s ease}.menu-overlay--skin-screen .skin-builder-view-toggle-btn--active{background:linear-gradient(180deg,#63d692eb,#2a985ee5);color:#f5fff9fa;box-shadow:0 8px 14px -10px #0c341d7a,inset 0 1px #ffffff3d}.menu-overlay--skin-screen .skin-builder-view-toggle-btn:active:not(:disabled){transform:scale(.97)}.menu-overlay--skin-screen .skin-builder-view-toggle-btn:disabled{opacity:.55}.menu-overlay--skin-screen .skin-builder-uv-canvas{height:176px}.menu-overlay--skin-screen .skin-builder-hint,.menu-overlay--skin-screen .skin-builder-selected-color{font-size:.9rem}.menu-overlay--skin-screen .skin-builder-brush-row{margin-top:.5rem;gap:.36rem}.menu-overlay--skin-screen .skin-builder-brush-btn{min-height:38px;padding:.3rem .66rem;font-size:.92rem}.menu-overlay--skin-screen .skin-builder-palette,.menu-overlay--skin-screen .skin-builder-palette-row{gap:.34rem}.menu-overlay--skin-screen .skin-builder-palette-swatch{width:29px;height:29px;border-radius:10px}.menu-overlay--skin-screen .skin-builder-panel-footer{margin-top:.52rem}.menu-overlay--skin-screen .skin-footer{gap:.48rem}.menu-overlay--skin-screen .skin-secondary,.menu-overlay--skin-screen .skin-primary{min-height:44px;padding-inline:.92rem}.menu-overlay--skin-screen .skin-footer--selection{justify-content:space-between}}.menu-overlay--skin-screen[data-mobile-builder-layout=true]{overflow-y:auto;overscroll-behavior:contain;padding-top:calc(var(--safe-area-top) + .78rem);padding-bottom:calc(var(--safe-area-bottom) + 1rem);padding-left:calc(var(--safe-area-left) + .6rem);padding-right:calc(var(--safe-area-right) + .6rem);align-items:flex-start}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .menu-hero--skins{width:min(100%,calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 1.2rem));gap:.72rem;padding-bottom:.4rem}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .menu-skin-title{font-size:clamp(1.36rem,6vw,1.76rem)}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-screen-title{margin-bottom:.08rem}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-screen{gap:.72rem}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-flow-layout-shell--builder .skin-screen{display:flex;flex-direction:column}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-flow-layout-shell--builder,.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-flow-layout-shell--builder .skin-screen,.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-flow-layout-shell--builder .skin-controls,.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-flow-layout-shell--builder .skin-panel--builder,.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-flow-layout-shell--builder .skin-footer--builder{width:100%;max-width:none;align-self:stretch}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-flow-layout-shell--selection .skin-preview-stage--selection-inline{transform:translateZ(0);backface-visibility:hidden;contain:layout paint}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-preview-stage--selection-inline{min-height:clamp(430px,66vh,580px);border-radius:18px}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-selection-info--panel{max-width:100%;font-size:.84rem;padding:.28rem .5rem}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-selection-preview-footer{gap:.44rem}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-selection-preview-footer-main,.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-selection-actions--panel{gap:.34rem}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-selection-actions--panel .skin-selection-edit,.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-selection-actions--panel .skin-selection-delete{width:40px;height:40px}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-selection-mode--panel{flex-shrink:0}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-panel--builder{position:relative;display:flex;flex-direction:column;min-height:0;overflow:hidden}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-panel--builder .skin-builder-panel-slider{margin-top:.3rem}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-panel--builder .skin-panel-title-track{transition:transform .34s cubic-bezier(.22,1,.36,1);will-change:transform;backface-visibility:hidden}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-panel--builder .skin-panel-title-track[data-mobile-builder-view=paint]{transform:translateZ(0)}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-panel--builder .skin-panel-title-track[data-mobile-builder-view=preview]{transform:translate3d(-50%,0,0)}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-panel--builder .skin-builder-panel-track{min-height:100%;transition:transform .34s cubic-bezier(.22,1,.36,1);will-change:transform;backface-visibility:hidden;contain:layout paint}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-panel--builder[data-mobile-builder-measuring=paint] .skin-builder-panel-track,.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-panel--builder[data-mobile-builder-view=paint] .skin-builder-panel-track{transform:translateZ(0)}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-panel--builder[data-mobile-builder-view=preview] .skin-builder-panel-track{transform:translate3d(-50%,0,0)}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-panel--builder[data-mobile-builder-measuring=paint] .skin-builder-panel-track{transition:none}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-panel--builder .skin-builder-panel-pane{padding-right:.24rem;transform:translateZ(0);backface-visibility:hidden;contain:layout paint}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-panel--builder .skin-builder-panel-pane--preview{padding-left:.24rem;padding-right:0}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-panel--builder[data-mobile-builder-view=preview]{padding-left:0;padding-right:0;padding-bottom:0}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-panel--builder[data-mobile-builder-view=preview] .skin-panel-title-row--builder{padding-inline:.78rem}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-panel--builder[data-mobile-builder-view=preview] .skin-builder-panel-pane--preview{padding-left:0;padding-right:0}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-panel--builder[data-mobile-builder-view=paint] .skin-builder-panel-pane--preview,.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-panel--builder[data-mobile-builder-view=preview] .skin-builder-panel-pane--paint{pointer-events:none}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-panel--builder .skin-builder-preview-stage{flex:1 1 auto;min-height:0;transform:translateZ(0)}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-preview-slot--builder,.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-preview-stage:not(.skin-preview-stage--builder-inline):not(.skin-preview-stage--selection-inline){min-height:clamp(180px,25vh,220px);border-radius:18px}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-preview-selected,.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-preview-hint,.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-selection-info:not(.skin-selection-info--panel){max-width:calc(100% - 1.2rem);font-size:.88rem}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-preview-selected{top:.6rem;left:.6rem;padding:.44rem .58rem;gap:.12rem}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-preview-selected-title{font-size:.82rem}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-preview-selected-value{font-size:.98rem;line-height:1.22}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-preview-hint{left:.6rem;bottom:.6rem;padding:.3rem .48rem;font-size:.88rem}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-panel{padding:.74rem .78rem;border-radius:18px}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-panel-title{font-size:1.1rem;margin-bottom:.42rem}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-builder-view-toggle{display:inline-flex;align-items:center;gap:.22rem;padding:.18rem;border:1px solid rgb(255 255 255 / 14%);border-radius:999px;background:#08111d6b;box-shadow:0 10px 18px -12px #00000057,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%)}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-builder-view-toggle-btn{min-height:30px;padding:.22rem .62rem;border:0;border-radius:999px;background:transparent;color:#e2eef7c7;font-size:.82rem;letter-spacing:.04em;box-shadow:none;transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease,opacity .18s ease}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-builder-view-toggle-btn--active{background:linear-gradient(180deg,#63d692eb,#2a985ee5);color:#f5fff9fa;box-shadow:0 8px 14px -10px #0c341d7a,inset 0 1px #ffffff3d}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-builder-view-toggle-btn:active:not(:disabled){transform:scale(.97)}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-builder-view-toggle-btn:disabled{opacity:.55}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-builder-uv-canvas{height:176px}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-builder-hint,.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-builder-selected-color{font-size:.9rem}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-builder-brush-row{margin-top:.5rem;gap:.36rem}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-builder-brush-btn{min-height:38px;padding:.3rem .66rem;font-size:.92rem}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-builder-palette,.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-builder-palette-row{gap:.34rem}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-builder-palette-swatch{width:29px;height:29px;border-radius:10px}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-builder-panel-footer{margin-top:.52rem}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-footer{gap:.48rem}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-secondary,.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-primary{min-height:44px;padding-inline:.92rem}.menu-overlay--skin-screen[data-mobile-builder-layout=true] .skin-footer--selection{justify-content:space-between}@keyframes skin-flow-title-enter-mobile-forward{0%{opacity:1;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes skin-flow-title-enter-mobile-backward{0%{opacity:1;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes skin-flow-title-exit-mobile-forward{0%{opacity:1;transform:translateZ(0)}to{opacity:1;transform:translate3d(-100%,0,0)}}@keyframes skin-flow-title-exit-mobile-backward{0%{opacity:1;transform:translateZ(0)}to{opacity:1;transform:translate3d(100%,0,0)}}@keyframes skin-flow-panel-enter-mobile-forward{0%{opacity:.08;transform:translate3d(100vw,0,0)}58%{opacity:.42}to{opacity:1;transform:translateZ(0)}}@keyframes skin-flow-panel-enter-mobile-backward{0%{opacity:.08;transform:translate3d(-100vw,0,0)}58%{opacity:.42}to{opacity:1;transform:translateZ(0)}}@keyframes skin-flow-panel-exit-mobile-forward{0%{opacity:1;transform:translateZ(0)}42%{opacity:.46}to{opacity:.08;transform:translate3d(-100vw,0,0)}}@keyframes skin-flow-panel-exit-mobile-backward{0%{opacity:1;transform:translateZ(0)}42%{opacity:.46}to{opacity:.08;transform:translate3d(100vw,0,0)}}@keyframes skin-flow-shell-dismiss-mobile-left{0%{opacity:1;transform:translateZ(0)}42%{opacity:.44}to{opacity:0;transform:translate3d(-28px,0,0)}}@keyframes skin-flow-shell-dismiss-mobile-right{0%{opacity:1;transform:translateZ(0)}42%{opacity:.44}to{opacity:0;transform:translate3d(100vw,0,0)}}@keyframes skin-flow-shell-enter-mobile-right{0%{opacity:.08;transform:translate3d(100vw,0,0)}58%{opacity:.4}to{opacity:1;transform:translateZ(0)}}@media(prefers-reduced-motion:reduce){.skin-flow-title-copy,.skin-flow-layout-shell,.skin-flow-preview-floating,.skin-preview-meta-layer{animation:none!important;filter:none!important;transform:none!important;transition:none!important}}.debug-controls .control-label{align-self:flex-start}.debug-options{display:flex;flex-direction:column;gap:.12rem;font-family:Space Mono,monospace;font-size:.74rem;color:#0b1320cc}.debug-option{display:flex;align-items:center;gap:.45rem}label.debug-option{min-height:1.7rem;padding:.12rem .3rem;border-radius:7px;cursor:pointer;transition:background-color .14s ease}label.debug-option:hover{background:#0b13200d}.debug-option input[type=checkbox]{width:.95rem;height:.95rem;min-width:.95rem;margin:0;cursor:pointer}.debug-option input{accent-color:#f97316}.debug-option--select{align-items:center;gap:.45rem}.debug-option--select label{text-transform:uppercase;letter-spacing:.08em;color:#0b1320b8}.debug-option--action{width:100%}.debug-action-row{display:flex;gap:.5rem;width:100%;align-items:stretch}.debug-action-row .debug-action-button{flex:1 1 0}.debug-action-row--secondary{margin-top:.45rem}.debug-trace-start-group{display:flex;flex:1.2 1 0;min-width:0}.debug-trace-start-group .debug-action-button{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.debug-trace-settings-toggle{flex:0 0 auto;min-width:3.75rem;padding:.34rem .55rem;border:1px solid rgba(11,19,32,.2);border-left-color:#0b132024;border-top-left-radius:0;border-bottom-left-radius:0;background:#f7fbfde6;color:#0b1320d6;font-family:inherit;font-size:.69rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:background-color .18s ease,border-color .18s ease}.debug-trace-settings-toggle:hover{transform:none;background:#eef5fafa;border-color:#0b132047}.debug-trace-settings-toggle:disabled{cursor:default;opacity:.62;background:#e9eff3eb;border-color:#0b132024}.debug-trace-settings-panel{width:100%;margin-top:.45rem;padding:.5rem;border-radius:10px;border:1px solid rgba(11,19,32,.16);background:#f7fbfdc7}.debug-trace-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .55rem}.debug-trace-setting{display:flex;flex-direction:column;gap:.22rem;min-width:0}.debug-trace-setting span{text-transform:uppercase;letter-spacing:.06em;color:#0b1320a3;font-size:.64rem}.debug-trace-setting input,.debug-trace-setting select{min-width:0;width:100%;padding:.34rem .45rem;border-radius:8px;border:1px solid rgba(11,19,32,.18);background:#ffffffeb;font-family:inherit;font-size:.72rem;color:#0b1320e0}.debug-select--compact{min-width:0;border-radius:8px;padding:.34rem .45rem}.debug-action-button{width:100%;padding:.34rem .62rem;border:1px solid rgba(11,19,32,.2);background:#f7fbfde6;color:#0b1320db;font-family:inherit;font-size:.73rem;font-weight:600;letter-spacing:.02em;text-transform:none;box-shadow:none;transition:background-color .18s ease,border-color .18s ease,scale .12s ease}.debug-action-button:hover{transform:none;background:#eef5fafa;border-color:#0b132047;box-shadow:none}.debug-action-button:active:not(:disabled){scale:.97}.debug-action-button:disabled{cursor:default;opacity:.62;background:#e9eff3eb;border-color:#0b132024}.debug-segment-trace-status{width:100%;padding:.28rem .5rem;border-radius:8px;border:1px solid rgba(11,19,32,.16);background:#f7fbfdb8;color:#0b1320d6;font-variant-numeric:tabular-nums}.debug-intake-ticker{display:flex;flex-wrap:wrap;gap:.25rem .5rem;width:100%;padding:.28rem .5rem;border-radius:8px;border:1px solid rgba(11,19,32,.16);background:#f7fbfdb8;font-variant-numeric:tabular-nums;color:#0b1320e0}.debug-boost-ramp{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.45rem;width:100%;padding:.3rem .5rem;border-radius:8px;border:1px solid rgba(11,19,32,.16);background:#f7fbfdb8;font-variant-numeric:tabular-nums}.debug-boost-ramp__label{text-transform:uppercase;letter-spacing:.06em;color:#0b1320a8}.debug-boost-ramp__track{position:relative;width:100%;height:.45rem;border-radius:999px;overflow:hidden;background:#0b13201f}.debug-boost-ramp__fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#34d399,#facc15 55%,#f97316)}.debug-boost-ramp__value{min-width:3.55rem;text-align:right;color:#0b1320e0}.body-mismatch-graph{position:absolute;left:1rem;bottom:5.2rem;z-index:6;width:min(440px,calc(100vw - 2rem));padding:.7rem .78rem .72rem;border:1px solid rgb(197 219 235 / 28%);border-radius:8px;background:#050f19d1;color:#e6f5ffeb;box-shadow:0 18px 36px #00000038;font-family:Space Mono,monospace;font-size:.7rem;font-variant-numeric:tabular-nums;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.body-mismatch-graph__topline{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.45rem;color:#f4fafff0;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.body-mismatch-graph__canvas{display:block;width:100%;aspect-ratio:720 / 260;border-radius:6px;background:#07131f}.body-mismatch-graph__metrics{display:flex;flex-wrap:wrap;gap:.25rem .58rem;margin-top:.5rem;line-height:1.35}.body-mismatch-graph__metric{color:#deecf6c2}.body-mismatch-graph__metric--body{color:#86efac}.body-mismatch-graph__metric--curve{color:#7dd3fc}.body-mismatch-graph__metric--error{color:#fdba74}.body-mismatch-graph__metric--step{color:#d8b4fe}.body-mismatch-graph__source{margin-top:.35rem;overflow:hidden;color:#bed2e2ad;text-overflow:ellipsis;white-space:nowrap}.debug-select{min-width:120px;padding:.35rem .65rem;border-radius:999px;border:1px solid rgba(11,19,32,.2);background:#f7fbfd;font-family:inherit;font-size:.75rem}.debug-slider{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.45rem;width:100%;padding:.3rem .5rem;border-radius:8px;border:1px solid rgba(11,19,32,.16);background:#f7fbfdb8;font-variant-numeric:tabular-nums}.debug-slider label{text-transform:uppercase;letter-spacing:.06em;color:#0b1320a8}.debug-slider input[type=range]{width:100%;accent-color:#f97316}.debug-slider span{min-width:4.6rem;text-align:right;color:#0b1320e0}.control-panel{position:absolute;left:1rem;top:1rem;z-index:6;padding:.5rem .55rem .55rem;display:flex;flex-direction:column;gap:.45rem;max-height:min(74vh,calc(100vh - 2rem));background:#ffffffe6;border-radius:14px;border:1px solid rgba(7,26,43,.1);box-shadow:0 1px 2px #0a203614,0 14px 34px #0a203629;width:min(296px,calc(100vw - 2rem));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-font-smoothing:antialiased}.control-panel-body{display:flex;flex-direction:column;gap:.45rem;overflow-y:auto;overflow-x:hidden;max-height:min(68vh,calc(100vh - 6rem));padding-right:.3rem;margin-right:-.18rem;scrollbar-width:thin;scrollbar-color:rgba(11,19,32,.24) transparent;overscroll-behavior:contain}.control-panel-body::-webkit-scrollbar{width:9px}.control-panel-body::-webkit-scrollbar-track{background:transparent}.control-panel-body::-webkit-scrollbar-thumb{background:#0b132033;background-clip:padding-box;border:2px solid transparent;border-radius:999px}.control-panel-body::-webkit-scrollbar-thumb:hover{background:#0b132057;background-clip:padding-box}.control-panel-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.15rem .1rem .25rem;border:0;border-bottom:1px solid rgba(7,26,43,.1);border-radius:0;background:transparent;color:#0b1320e0;font-family:Space Mono,monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:none}.control-panel-toggle:hover{transform:none;box-shadow:none;color:#0b1320}.control-panel-toggle:active{transform:none}.control-panel-toggle__title{font-weight:600}.control-panel-toggle__meta{display:inline-flex;align-items:center;gap:.4rem}.control-panel-toggle__state{color:#0b13208c;font-size:.66rem;letter-spacing:.1em}.control-panel-kbd{font-family:Space Mono,monospace;font-size:.56rem;line-height:1;letter-spacing:.05em;padding:.18rem .34rem;border-radius:5px;border:1px solid rgba(11,19,32,.16);background:#0b13200d;color:#0b132080}.ping-status{--ping-accent: rgb(63 176 119);display:grid;grid-template-columns:auto auto auto 1fr;align-items:center;gap:.45rem;font-family:Space Mono,monospace;font-size:.74rem;font-variant-numeric:tabular-nums;color:#0b1320d1}.ping-status--good{--ping-accent: rgb(54 176 109)}.ping-status--fair{--ping-accent: rgb(80 182 102)}.ping-status--poor{--ping-accent: rgb(214 183 61)}.ping-status--bad{--ping-accent: rgb(214 84 84)}.ping-status--unknown{--ping-accent: rgb(121 139 157)}.ping-status__icon{display:inline-flex;align-items:flex-end;gap:2px;width:18px;height:14px}.ping-status__bar{width:3px;border-radius:2px;background:#74899c73}.ping-status__bar:nth-child(1){height:4px}.ping-status__bar:nth-child(2){height:7px}.ping-status__bar:nth-child(3){height:10px}.ping-status__bar:nth-child(4){height:13px}.ping-status__bar--active{background:var(--ping-accent)}.ping-status__title{text-transform:uppercase;letter-spacing:.08em;color:#0b132094}.ping-status__value{font-weight:700;color:#0b1320e6}.ping-status__label{justify-self:end;font-size:.69rem;letter-spacing:.03em;color:var(--ping-accent)}.ping-status--minimal{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem}.player-stats-ping.ping-status{color:#b3cee5e0;gap:.32rem;margin-bottom:.02rem;font-family:var(--cloud-drawings-font);font-size:.94rem;font-weight:400;line-height:1.22;letter-spacing:.03em;text-shadow:0 1px 0 rgb(255 255 255 / 12%),0 1px 1px rgb(0 0 0 / 40%)}.player-stats-ping .ping-status__icon{width:15px;height:11px;gap:1px}.player-stats-ping .ping-status__bar{width:2px;background:#b3cee557}.player-stats-ping .ping-status__bar:nth-child(1){height:3px}.player-stats-ping .ping-status__bar:nth-child(2){height:5px}.player-stats-ping .ping-status__bar:nth-child(3){height:7px}.player-stats-ping .ping-status__bar:nth-child(4){height:9px}.player-stats-ping .ping-status__value{color:#ecf7fff5;font-weight:400}.player-stats-card{position:absolute;left:1rem;bottom:1rem;z-index:5;display:flex;flex-direction:column;gap:.16rem;padding:0;color:#b3cee5e0;font-family:var(--cloud-drawings-font);font-size:.94rem;letter-spacing:.03em;line-height:1.22;max-width:min(260px,calc(100vw - 2rem));pointer-events:none}.player-stats-line{font-variant-numeric:tabular-nums;text-shadow:0 1px 1px rgb(0 0 0 / 40%)}.player-stats-value{color:#ecf7fff5}.control-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.control-label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#0b1320a6}.control-value{font-family:Space Mono,monospace;font-size:.82rem;font-variant-numeric:tabular-nums;color:#0b1320e0}input,select{border:1px solid rgba(11,19,32,.2);border-radius:999px;padding:.45rem .9rem;background:#f7fbfd;min-width:160px}button{border:none;border-radius:999px;padding:.45rem .95rem;background:#1b4965;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 8px 16px #1b496540}button:active{transform:translateY(0)}.dev-panel{position:absolute;left:1rem;bottom:1rem;z-index:7;padding:.5rem .55rem .55rem;display:flex;flex-direction:column;gap:.45rem;max-height:min(74vh,calc(100vh - 2rem));background:#ffffffeb;border-radius:14px;border:1px solid rgba(7,26,43,.12);box-shadow:0 1px 2px #0a203614,0 14px 34px #0a20362e;width:min(340px,calc(100vw - 2rem));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-font-smoothing:antialiased;font-family:Space Mono,monospace;color:#0b1320e0}.dev-panel-body{display:flex;flex-direction:column;gap:.6rem;overflow-y:auto;overflow-x:hidden;max-height:min(68vh,calc(100vh - 6rem));padding-right:.3rem;margin-right:-.18rem;scrollbar-width:thin;scrollbar-color:rgba(11,19,32,.24) transparent;overscroll-behavior:contain}.dev-panel-body::-webkit-scrollbar{width:9px}.dev-panel-body::-webkit-scrollbar-thumb{background:#0b132033;background-clip:padding-box;border:2px solid transparent;border-radius:999px}.dev-panel-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.15rem .1rem .25rem;border:0;border-bottom:1px solid rgba(7,26,43,.1);border-radius:0;background:transparent;color:#0b1320e0;font-family:Space Mono,monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:none}.dev-panel-toggle:hover{transform:none;box-shadow:none;color:#0b1320}.dev-panel-toggle__title{font-weight:600}.dev-panel-toggle__meta{display:inline-flex;align-items:center;gap:.4rem}.dev-panel-toggle__state{color:#0b13208c;font-size:.66rem;letter-spacing:.1em}.dev-panel-kbd{font-family:Space Mono,monospace;font-size:.56rem;line-height:1;letter-spacing:.05em;padding:.18rem .34rem;border-radius:5px;border:1px solid rgba(11,19,32,.16);background:#0b13200d;color:#0b132080}.dev-panel-section{display:flex;flex-direction:column;gap:.35rem}.dev-panel-section-header{display:flex;align-items:center;justify-content:space-between}.dev-panel-heading{margin:0;font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#0b132099}.dev-panel-stats{display:grid;grid-template-columns:auto 1fr;gap:.15rem .6rem;margin:0;font-size:.72rem;font-variant-numeric:tabular-nums}.dev-panel-stats dt{color:#0b13208c}.dev-panel-stats dd{margin:0;text-align:right;font-weight:600;word-break:break-all}.dev-panel-table{width:100%;border-collapse:collapse;font-size:.68rem;font-variant-numeric:tabular-nums}.dev-panel-table th{text-align:left;font-weight:600;color:#0b132080;border-bottom:1px solid rgba(7,26,43,.12);padding:.2rem .3rem}.dev-panel-table td{padding:.2rem .3rem;border-bottom:1px solid rgba(7,26,43,.06);vertical-align:middle}.dev-panel-table__id{max-width:8.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-panel-table__actions{display:flex;gap:.25rem;justify-content:flex-end}.dev-panel-actions{display:flex;flex-wrap:wrap;gap:.35rem}.dev-panel-empty{margin:0;font-size:.7rem;color:#0b132080}.dev-panel-notice{font-size:.7rem;padding:.35rem .45rem;border-radius:7px;background:#1b49651a;color:#0b1320d1}.dev-panel-button{border:1px solid rgba(7,26,43,.16);border-radius:7px;padding:.28rem .55rem;background:#1b4965;color:#fff;font-family:Space Mono,monospace;font-size:.66rem;font-weight:600;cursor:pointer;transition:filter .15s ease;box-shadow:none}.dev-panel-button:hover{transform:none;box-shadow:none;filter:brightness(1.08)}.dev-panel-button:active{transform:none}.dev-panel-button:disabled{opacity:.5;cursor:not-allowed}.dev-panel-button--ghost{background:#0b13200f;color:#0b1320c7}.dev-panel-button--danger{background:#c62828}.touch-joystick{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;opacity:0;visibility:hidden;--joy-x: 0px;--joy-y: 0px;--joy-radius: 70px;--joy-knob-x: 0px;--joy-knob-y: 0px;--joy-boost-x: 0px;--joy-boost-y: 0px;--joy-boost-radius: 46px;--joy-boost-glow-a: 253 224 71;--joy-boost-glow-b: 251 146 60;--joy-boost-glow-c: 125 211 252;--joy-boost-accent: 255 242 214;--joy-boost-ring: 250 236 206;--joy-boost-ramp: 0;--joy-boost-preview-ramp: 0;--joy-boost-ramp-effective: max(var(--joy-boost-ramp), var(--joy-boost-preview-ramp));transition:opacity .2s ease,visibility 0s linear .2s}@media(pointer:coarse){.touch-joystick{display:block}}.touch-joystick--debug-force{display:block}.touch-joystick--visible,.touch-joystick--debug-visible{opacity:1;visibility:visible;transition:opacity .12s ease,visibility 0s}.touch-joystick__base,.touch-joystick__knob,.touch-joystick__boost-pad,.touch-joystick__boost-core{position:absolute;border-radius:999px;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d}.touch-joystick__base,.touch-joystick__knob{left:var(--joy-x);top:var(--joy-y)}.touch-joystick__base{width:calc(var(--joy-radius) + var(--joy-radius));height:calc(var(--joy-radius) + var(--joy-radius));transform:translate3d(-50%,-50%,0);background:#07121e1a;border:2px solid rgb(213 250 255 / 22%);box-shadow:0 18px 28px #0000002e,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:transform,opacity}.touch-joystick__knob{width:calc(var(--joy-radius) * .82);height:calc(var(--joy-radius) * .82);transform:translate3d(calc(-50% + var(--joy-knob-x)),calc(-50% + var(--joy-knob-y)),0);background:radial-gradient(circle at 35% 30%,rgb(255 255 255 / 42%),transparent 55%),radial-gradient(circle at center,#e2f7ff47,#0914224d);border:1px solid rgb(226 247 255 / 18%);box-shadow:0 18px 28px #0003,inset 0 1px #ffffff24;will-change:transform,opacity}.touch-joystick__boost-pad{left:var(--joy-boost-x);top:var(--joy-boost-y);width:calc(var(--joy-boost-radius) + var(--joy-boost-radius));height:calc(var(--joy-boost-radius) + var(--joy-boost-radius));transform:translate3d(-50%,-50%,0) scale(.88);opacity:0;transition:transform .16s ease,opacity .16s ease,filter .16s ease;will-change:transform,opacity,filter}.touch-joystick--boost .touch-joystick__boost-pad,.touch-joystick--debug-boost .touch-joystick__boost-pad,.touch-joystick--debug-visible .touch-joystick__boost-pad{transform:translate3d(-50%,-50%,0) scale(1);opacity:1}.touch-joystick__boost-pad:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.touch-joystick__boost-pad:before{inset:calc(var(--joy-boost-radius) * -.22);background:radial-gradient(circle at 30% 28%,rgb(var(--joy-boost-glow-a) / 32%) 0%,transparent 48%),radial-gradient(circle at 72% 34%,rgb(var(--joy-boost-glow-b) / 28%) 0%,transparent 44%),radial-gradient(circle at 50% 76%,rgb(var(--joy-boost-glow-c) / 24%) 0%,transparent 56%);filter:blur(calc(var(--joy-boost-radius) * .2));opacity:calc(.18 + var(--joy-boost-ramp-effective) * .16);transform:scale(.92);transition:opacity .16s ease,transform .16s ease,filter .16s ease}.touch-joystick__boost-core{top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 35% 30%,rgb(255 255 255 / 30%),transparent 55%),radial-gradient(circle at center,#e2f7ff2e,#09142238);border:1px solid rgb(var(--joy-boost-ring) / 16%);box-shadow:0 18px 28px #0000002e,inset 0 1px #ffffff1f,0 0 0 1px rgb(var(--joy-boost-glow-a) / 5%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:transform,opacity}.touch-joystick__boost-core:before,.touch-joystick__boost-core:after{content:"";position:absolute;top:auto;right:auto;bottom:auto;left:auto;width:auto;height:auto;transform:none;border:0;box-shadow:none;filter:none;pointer-events:none}.touch-joystick__boost-core:before{content:none}.touch-joystick__boost-core:after{content:none}.touch-joystick__boost-icon{position:relative;z-index:1;width:calc(var(--joy-boost-radius) * .92);height:calc(var(--joy-boost-radius) * .92);color:#fff5d7f5;transform:translateY(-1px);filter:drop-shadow(0 1px 0 rgb(255 255 255 / 24%)) drop-shadow(0 0 10px rgb(var(--joy-boost-glow-a) / 18%))}.touch-joystick--boost .touch-joystick__base,.touch-joystick--debug-boost .touch-joystick__base{border-color:rgb(var(--joy-boost-ring) / 42%);box-shadow:0 18px 28px #0000002e,0 0 0 3px rgb(var(--joy-boost-glow-b) / 12%),inset 0 1px #ffffff1f}.touch-joystick--boost .touch-joystick__boost-pad,.touch-joystick--debug-boost .touch-joystick__boost-pad{transform:translate3d(-50%,-50%,0) scale(1.04);filter:saturate(1.05)}.touch-joystick--boost .touch-joystick__boost-pad:before,.touch-joystick--debug-boost .touch-joystick__boost-pad:before{opacity:calc(.34 + var(--joy-boost-ramp-effective) * .28);transform:scale(1.02);animation:touch-boost-pulse 1.35s ease-in-out infinite}.touch-joystick--boost .touch-joystick__boost-core,.touch-joystick--debug-boost .touch-joystick__boost-core{border-color:rgb(var(--joy-boost-accent) / 34%);box-shadow:0 18px 28px #00000029,0 0 0 3px rgb(var(--joy-boost-glow-b) / 10%),0 0 20px rgb(var(--joy-boost-glow-a) / 12%),inset 0 1px #ffffff24}.touch-joystick--boost .touch-joystick__boost-icon,.touch-joystick--debug-boost .touch-joystick__boost-icon{filter:drop-shadow(0 1px 0 rgb(255 255 255 / 28%)) drop-shadow(0 0 12px rgb(var(--joy-boost-glow-a) / 28%)) drop-shadow(0 0 18px rgb(var(--joy-boost-glow-b) / 18%))}@keyframes touch-boost-pulse{0%,to{transform:scale(.94);opacity:calc(.3 + var(--joy-boost-ramp-effective) * .22)}50%{transform:scale(1.06);opacity:calc(.46 + var(--joy-boost-ramp-effective) * .28)}}@media(prefers-reduced-motion:reduce){.touch-joystick--boost .touch-joystick__boost-pad:before,.touch-joystick--debug-boost .touch-joystick__boost-pad:before{animation:none;transform:scale(1)}}.leaderboard{position:absolute;top:.72rem;right:.8rem;z-index:5;padding:0;width:min(272px,calc(100vw - 1.6rem));max-height:29vh;overflow:auto;color:#e3edf5d6;font-family:var(--cloud-drawings-font);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(2,10,18,.48);animation:leaderboard-enter .36s cubic-bezier(.2,.74,.16,1) both;transform-origin:top right;will-change:opacity,transform}.leaderboard-content{width:100%}.leaderboard h2{margin:0 0 .12rem;font-size:clamp(1.16rem,1.95vw,1.5rem);font-family:inherit;font-weight:400;line-height:1;letter-spacing:.038em;text-align:center;color:#f7fafce6;text-shadow:0 1px 0 rgba(249,252,255,.62),0 5px 12px rgba(3,12,21,.2)}.leaderboard ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.08rem}.leaderboard-row{--leaderboard-row-color: rgba(225, 236, 244, .78);display:grid;grid-template-columns:1.94rem minmax(0,1fr) 3.2rem;align-items:baseline;column-gap:.3rem;padding:.03rem 0;font-family:inherit;font-size:.86rem;line-height:1.03;font-weight:400;letter-spacing:.012em}.leaderboard-rank{display:inline-flex;align-items:center;gap:.12rem;color:var(--leaderboard-row-color)}.leaderboard-name{color:var(--leaderboard-row-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{color:var(--leaderboard-row-color);justify-self:end;text-align:right}.leaderboard ol>.leaderboard-row:nth-child(1){--leaderboard-row-color: rgba(247, 250, 252, .92)}.leaderboard ol>.leaderboard-row:nth-child(2){--leaderboard-row-color: rgba(232, 241, 248, .85)}.leaderboard ol>.leaderboard-row:nth-child(3){--leaderboard-row-color: rgba(226, 237, 245, .82)}.leaderboard ol>.leaderboard-row:nth-child(4){--leaderboard-row-color: rgba(217, 230, 240, .76)}.leaderboard ol>.leaderboard-row:nth-child(5){--leaderboard-row-color: rgba(210, 223, 234, .7)}.leaderboard-empty{font-family:inherit;font-size:.82rem;letter-spacing:.01em;color:#bdd0e1c7}@keyframes leaderboard-enter{0%{opacity:0;transform:translate3d(0,-10px,0) scale(.985)}to{opacity:1;transform:translateZ(0) scale(1)}}@media(prefers-reduced-motion:reduce){.leaderboard{animation:none;will-change:auto}}@media(pointer:coarse){.leaderboard{top:calc(var(--safe-area-top) + .72rem);right:calc(var(--safe-area-right) + .72rem);width:auto;max-width:calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 1.44rem);max-height:min(24vh,168px);color:#c4d8ebe0;display:flex;justify-content:flex-end;overflow:visible}.leaderboard-content{width:max-content;max-width:min(172px,calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 1.44rem))}.leaderboard h2{margin-bottom:.08rem;font-size:.76rem;letter-spacing:.05em;text-align:center;color:#e4eff9e0}.leaderboard ol{gap:.04rem;width:max-content;margin-left:auto}.leaderboard-row{grid-template-columns:1.28rem minmax(0,1fr) 2.4rem;column-gap:.22rem;font-size:.74rem;line-height:1.08;letter-spacing:.01em}.leaderboard-empty{font-size:.74rem;text-align:center}}@media(pointer:coarse)and (max-width:480px){.leaderboard{top:calc(var(--safe-area-top) + .66rem);right:calc(var(--safe-area-right) + .66rem);max-height:min(23vh,156px)}.leaderboard-content{max-width:min(164px,calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 1.32rem))}.leaderboard h2,.leaderboard-row,.leaderboard-empty{font-size:.73rem}.leaderboard-row{grid-template-columns:1.24rem minmax(0,1fr) 2.3rem}}.minimap{position:absolute;right:calc(var(--safe-area-right) + .9rem);bottom:calc(var(--safe-area-bottom) + .9rem);width:var(--minimap-size, 140px);height:var(--minimap-size, 140px);z-index:5;pointer-events:none;opacity:.72;filter:drop-shadow(0 5px 12px rgba(2,8,14,.32));animation:minimap-enter .36s cubic-bezier(.2,.74,.16,1) both;will-change:opacity,transform}.minimap__canvas{width:100%;height:100%;display:block;pointer-events:auto;cursor:grab;touch-action:none}.minimap__canvas:active{cursor:grabbing}@keyframes minimap-enter{0%{opacity:0;transform:translate3d(0,10px,0) scale(.985)}to{opacity:.72;transform:translateZ(0) scale(1)}}@media(prefers-reduced-motion:reduce){.minimap{animation:none;will-change:auto}}.app{position:relative;width:100%;height:100vh;min-height:100vh;margin:0;padding:0;overflow:hidden;background:linear-gradient(180deg,#71b5e3,#82c2eb 42%,#90caef)}.app--menu .boost-fx{opacity:0}.app--menu .game-surface{transform:none;transition:none}.app--playing .game-surface{transform:none;transition:transform .7s cubic-bezier(.2,.74,.16,1)}.game-card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;background:transparent;box-shadow:none;border:0;overflow:hidden}.play-area{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;display:block;background:transparent;z-index:1}.game-surface{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:0;border:0;background:transparent;box-shadow:none;overflow:hidden}.game-canvas,.hud-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.game-canvas{touch-action:none}.gameplay-camera-pivot-cursor-hidden,.gameplay-camera-pivot-cursor-hidden *{cursor:none!important}.hud-canvas{pointer-events:none}@supports (height: 100dvh){.app{height:100dvh;min-height:100dvh}}@media(pointer:coarse){.app--playing .control-panel{display:none}.leaderboard,.player-stats-card{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}@media(max-width:920px){.skin-screen{grid-template-columns:1fr}.skin-preview-stage{min-height:clamp(220px,38vh,460px)}}@media(prefers-reduced-motion:reduce){.menu-overlay{transition:none}.menu-title,.menu-input-row,.menu-loading-panel,.menu-play-button{animation:none!important;opacity:1!important;transform:none!important}.menu-loading-panel__fill{transition:none!important}}@media(max-width:720px){.menu-overlay{padding-top:.9rem;align-items:flex-start}.menu-top-controls{top:.72rem;right:.72rem}.menu-settings-popover{width:min(252px,calc(100vw - 1.4rem))}.menu-hero{width:calc(100vw - 1.4rem);gap:.5rem}.menu-input-row{width:min(90vw,224px)}.menu-loading-panel{width:min(90vw,304px)}.control-panel{width:calc(100vw - 2rem);max-width:none}.debug-drawer{top:.65rem;right:.65rem}}@media(max-width:480px){.menu-title{width:min(82vw,460px)}.menu-play-button{font-size:1.2rem}.player-stats-card{left:.72rem;bottom:.72rem;padding:0;font-size:.73rem}.leaderboard h2{margin-bottom:.1rem;font-size:1.14rem}.leaderboard-row{font-size:.77rem;grid-template-columns:1.6rem minmax(0,1fr) 2.95rem}}