:root{color:#261044;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff8ff;font-family:Inter,ui-rounded,SF Pro Rounded,Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-height:100%}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,label{-webkit-tap-highlight-color:transparent}button{font:inherit}.app-shell{isolation:isolate;background:linear-gradient(120deg,#ffffff38 0 10%,#0000 10% 22%),repeating-linear-gradient(132deg,#ffffff21 0 2px,#0000 2px 42px),linear-gradient(145deg,#ff4ea8 0%,#b563ff 34%,#74dfff 70%,#ffe66d 100%);min-height:100dvh;padding:clamp(12px,2.2vw,24px) clamp(10px,3vw,34px) clamp(16px,2.8vw,34px);position:relative;overflow:hidden auto}.sparkle-field{pointer-events:none;z-index:0;position:absolute;inset:0}.sparkle,.confetti{display:block;position:absolute}.sparkle:before,.sparkle:after{content:"";background:currentColor;border-radius:999px;width:30px;height:8px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.sparkle:after{transform:translate(-50%,-50%)rotate(90deg)}.sparkle-a{color:#fff;filter:drop-shadow(0 3px #7a29e033);top:17%;left:14%;transform:rotate(18deg)}.sparkle-b{color:#ff4fb2;filter:drop-shadow(0 3px #ffffffa6);top:23%;right:17%;transform:rotate(-9deg)scale(.7)}.sparkle-c{color:#7f66ff;filter:drop-shadow(0 3px #ffffffa6);bottom:26%;right:8%;transform:rotate(24deg)scale(.82)}.confetti{border-radius:8px;width:24px;height:24px;transform:rotate(24deg);box-shadow:inset 0 3px #ffffff80,0 8px 18px #4d22942e}.confetti-a{background:#54d8ff;top:42%;left:9%}.confetti-b{background:#ffd84b;top:18%;right:9%}.confetti-c{background:#ff68b8;bottom:18%;left:23%}.topbar,.play-layout{z-index:1;position:relative}.topbar{grid-template-columns:1fr auto 1fr;align-items:center;max-width:1180px;min-height:92px;margin:0 auto 6px;display:grid}.brand{filter:drop-shadow(0 16px 18px #5f1dae47);grid-column:2;justify-self:center;align-items:center;gap:9px;line-height:.9;display:inline-flex}.brand span{color:#ffe36f;letter-spacing:0;paint-order:stroke fill;-webkit-text-stroke:6px #5d0dab;text-shadow:0 2px #fff,0 7px #8b22db,0 13px #491184;font-size:5rem;font-weight:1000}.brand svg{color:#fff;filter:drop-shadow(0 5px #7d25dd);width:30px;height:30px}@media (width<=1100px){.brand span{-webkit-text-stroke-width:5px;font-size:4.35rem}.brand svg{width:25px;height:25px}}.top-actions{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff70;border:2px solid #ffffffbd;border-radius:999px;grid-column:3;justify-self:end;align-items:center;gap:10px;padding:7px;display:flex;box-shadow:inset 0 2px #ffffffdb,0 16px 34px #4b198b2e}.icon-button,.rail-button{color:#8035df;cursor:pointer;background:linear-gradient(#fffffffa,#fff6ffeb);border:0;place-items:center;display:inline-grid;box-shadow:inset 0 3px #ffffffe6,inset 0 -4px #7535ce1a,0 12px 22px #5323912e}.icon-button{border-radius:20px;width:56px;height:56px}.coin-button{color:#fff;background:linear-gradient(#ffcf35 0%,#ff8c08 52%,#f2459f 100%);box-shadow:inset 0 3px #ffffffb3,inset 0 -5px #832f052e,0 14px 26px #b7338047}.play-layout{grid-template-columns:78px minmax(300px,540px) minmax(310px,440px);justify-content:center;align-items:center;gap:clamp(14px,2.2vw,30px);max-width:1180px;margin:0 auto;display:grid}.side-rail{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffffc7,#fff1ff8a);border:3px solid #ffffffc2;border-radius:30px;justify-items:center;gap:16px;padding:14px 10px;display:grid;box-shadow:inset 0 2px #ffffffd6,0 18px 36px #46208b29}.rail-button{border-radius:20px;width:56px;height:56px}.rail-button.active{color:#fff;background:linear-gradient(#ff61c4 0%,#8a45ff 100%);box-shadow:inset 0 3px #ffffff80,inset 0 -5px #45119138,0 13px 24px #7f2edc52}.upload-button,.upload-face{cursor:pointer}.upload-button input,.upload-face input{display:none}.pants-icon{width:25px;height:30px;position:relative}.pants-icon:before,.pants-icon:after{content:"";background:currentColor;border-radius:4px 4px 8px 8px;width:11px;height:30px;position:absolute;top:0}.pants-icon:before{left:1px;transform:skew(-4deg)}.pants-icon:after{right:1px;transform:skew(4deg)}.pants-icon.small{width:16px;height:19px}.pants-icon.small:before,.pants-icon.small:after{border-radius:3px 3px 5px 5px;width:7px;height:19px}.stage-wrap{justify-items:center;gap:10px;display:grid}.stage{--face-top:7.25%;--face-width:34%;--face-height:26%;--top-top:25%;--top-width:60%;--top-height:37%;--bottom-top:40%;--bottom-width:62%;--bottom-height:48%;aspect-ratio:2/3;background:linear-gradient(#ffffffe0,#ffffff2e 42%),radial-gradient(at bottom,#ffffffe6 0 27%,#0000 28%),linear-gradient(150deg,#ffd4ec 0%,#fffaff 44%,#cef7ff 100%);border:7px solid #ffffffc7;border-radius:38px;width:min(100%,520px);position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffffd1,0 20px #4f13931f,0 34px 72px #3a197c47}.stage:before,.stage:after{content:"";filter:drop-shadow(0 4px #8749e01f);background:#ffffffbf;position:absolute}.stage:before{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:22px;height:22px;top:62px;left:64px}.stage:after{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:28px;height:28px;bottom:112px;right:60px}.soft-floor{filter:blur(2px);background:#8a46e124;border-radius:50%;height:11%;position:absolute;bottom:10%;left:17%;right:17%}.avatar-part{object-fit:contain;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 3px #ffffffbf)drop-shadow(0 11px 8px #472d7521);position:absolute;left:50%;transform:translate(-50%)}.face{z-index:3;top:var(--face-top);width:var(--face-width);height:var(--face-height)}.top{z-index:2;top:var(--top-top);width:var(--top-width);height:var(--top-height)}.bottom{z-index:1;top:var(--bottom-top);width:var(--bottom-width);height:var(--bottom-height)}.face-strip{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff9e;border:2px solid #ffffffc2;border-radius:999px;justify-content:center;gap:9px;width:min(100%,348px);padding:7px;display:flex;box-shadow:inset 0 2px #ffffffc7,0 14px 28px #451d8924}.face-chip{color:#853dea;cursor:pointer;background:linear-gradient(#fff,#fff4ff);border:3px solid #0000;border-radius:21px;place-items:center;width:56px;height:56px;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffffe0,0 9px 16px #4922841f}.face-chip.active{border-color:var(--accent,#ff5dbc)}.face-chip img{object-fit:cover;width:100%;height:100%}.face-chip svg:last-child{color:#fff;background:var(--accent,#8d59f4);border:2px solid #fff;border-radius:999px;position:absolute;bottom:1px;right:1px}.picker{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffffe0,#fff8ffb8);border:6px solid #ffffffb8;border-radius:34px;min-width:0;padding:14px;box-shadow:inset 0 3px #ffffffe0,0 23px 52px #3a197c33}.tray-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.tray-tab{color:#7c38d9;cursor:pointer;background:#7f43e01c;border:0;border-radius:18px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:950;display:inline-flex;box-shadow:inset 0 2px #ffffffb8}.tray-tab.active{color:#fff;background:linear-gradient(#ff55bd 0%,#884cff 100%);box-shadow:inset 0 3px #ffffff70,inset 0 -4px #48138e33}.item-row{scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;max-height:min(58vh,620px);padding:2px 2px 8px;display:grid;overflow:auto}.item-card{color:#32194d;cursor:pointer;text-align:left;background:linear-gradient(#fffffffa,#fff8ffeb);border:3px solid #ede0fffa;border-radius:24px;min-height:196px;padding:10px 9px 12px;display:grid;position:relative;box-shadow:inset 0 2px #ffffffe0,0 12px 22px #4423811f}.item-card.active{border-color:var(--accent);box-shadow:inset 0 2px #ffffffeb,0 0 0 4px #ffffffb8,0 16px 28px #6630be33}.item-image-wrap{aspect-ratio:1;place-items:center;width:100%;min-height:108px;display:grid}.item-image-wrap img{object-fit:contain;filter:drop-shadow(0 8px 8px #543d801f);width:100%;height:100%}.item-name,.item-vibe{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.item-name{margin-top:3px;font-size:.93rem;font-weight:950}.item-vibe{color:#8b69b6;text-transform:uppercase;font-size:.76rem;font-weight:850}.checkmark{color:#fff;background:var(--accent);border:3px solid #fff;border-radius:999px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:9px;right:9px;box-shadow:0 8px 16px #53229129}@media (width<=900px){.app-shell{min-height:100svh;padding:9px 10px max(12px, env(safe-area-inset-bottom));flex-direction:column;display:flex}.topbar{justify-content:space-between;width:min(100%,430px);min-height:58px;margin:0 auto 4px;display:flex}.brand{filter:drop-shadow(0 9px 11px #5f1dae3d);gap:6px}.brand span{-webkit-text-stroke:3px #5d0dab;text-shadow:0 1px #fff,0 5px #8b22db,0 9px #491184;font-size:2.7rem}.brand svg{width:19px;height:19px}.top-actions{border-width:2px;gap:6px;padding:5px}.icon-button{border-radius:15px;width:41px;height:41px}.play-layout{grid-template-columns:1fr;align-content:start;justify-items:center;gap:8px;width:min(100%,430px)}.side-rail{display:none}.stage-wrap{gap:7px;width:100%}.stage{--face-top:6.5%;--top-top:24%;--top-height:36%;--bottom-top:38.5%;--bottom-height:46%;border-width:5px;border-radius:30px;width:min(88vw,348px)}.stage:before{top:42px;left:38px;transform:scale(.82)}.stage:after{bottom:84px;right:36px;transform:scale(.82)}.face-strip{border-radius:20px;gap:7px;width:auto;max-width:min(100%,300px);padding:5px}.face-chip{border-width:2px;border-radius:14px;width:40px;height:40px}.picker{border-width:4px;border-radius:24px;width:100%;max-width:430px;padding:8px}.tray-tabs{gap:6px;margin-bottom:7px}.tray-tab{border-radius:14px;gap:5px;min-height:34px;font-size:.82rem}.tray-tab svg{width:15px;height:15px}.item-row{scroll-snap-type:x proximity;gap:7px;max-height:none;padding:1px 3px 4px;scroll-padding:10px;display:flex;overflow-x:auto}.item-card{scroll-snap-align:center;border-width:2px;border-radius:16px;flex:0 0 98px;min-height:118px;padding:6px 5px 7px}.item-image-wrap{min-height:66px}.item-name{margin-top:1px;font-size:.68rem}.item-vibe{display:none}.checkmark{border-width:2px;width:22px;height:22px;top:5px;right:5px}.checkmark svg{width:14px;height:14px}}@media (width<=420px){.app-shell{padding-inline:8px}.brand span{-webkit-text-stroke-width:3px;font-size:2.35rem}.stage{border-radius:28px;width:min(90vw,330px)}.top-actions{gap:4px}.icon-button{border-radius:14px;width:38px;height:38px}.item-card{flex-basis:92px}}@media (height<=760px) and (width<=900px){.topbar{min-height:52px}.brand span{font-size:2.35rem}.stage{width:min(80vw,306px)}.face-chip{width:36px;height:36px}.item-card{flex-basis:88px;min-height:108px}.item-image-wrap{min-height:58px}}