:root{--lilac: #f4e5fa;--aqua: #9fe4ea;--blue: #278bb9;--purple: #9d42c2;--ink: #75677a;--menu-scale: .8;--paper-scale: .8;--background-scale: .8;--full-viewport-height: 100lvh;font-family:ui-rounded,SF Pro Rounded,Avenir Next,Nunito,Trebuchet MS,sans-serif;color:var(--ink);background:var(--lilac);font-synthesis:none;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}html{scrollbar-width:thin;scrollbar-color:#83becb #f4e5fa}html::-webkit-scrollbar{width:10px}html::-webkit-scrollbar-track{background:#f4e5fa}html::-webkit-scrollbar-thumb{background:#83becb;border:2px solid #f4e5fa;border-radius:10px}body{overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}button:disabled{cursor:default}button,a{touch-action:manipulation}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.background-corners{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.status-bar-background,.character-scroll-cover{display:none}.corner{position:absolute}.corner img{display:block;transform:scale(var(--background-scale))}.corner-top-left{left:0;top:0;width:calc(387px * var(--background-scale));height:calc(449px * var(--background-scale));clip-path:polygon(0 0,75% 0,0 65%)}.corner-top-left img{transform-origin:top left}.corner-bottom-left{left:0;bottom:0;width:calc(429px * var(--background-scale));height:calc(918px * var(--background-scale));clip-path:polygon(0 25%,76% 100%,0 100%)}.corner-bottom-left img{transform-origin:top left}.corner-bottom-right{right:0;bottom:0;width:calc(769px * var(--background-scale));height:calc(546px * var(--background-scale));clip-path:polygon(100% 7.8%,100% 100%,40.2% 100%)}.corner-bottom-right img{transform-origin:top left}.corner-top-right{right:calc(-389px * var(--background-scale));top:calc(-187px * var(--background-scale));width:calc(683.244px * var(--background-scale));height:calc(870.879px * var(--background-scale))}.corner-top-right img{transform-origin:top left}.wardrobe-app{--wardrobe-top: calc(232px * var(--layout-scale,var(--menu-scale)));--inventory-top: max(var(--wardrobe-top), calc(174px * var(--menu-scale) + 34px));--footer-space: 58px;--inventory-height: calc(100svh - var(--inventory-top) - var(--footer-space));min-height:100svh;display:flex;flex-direction:column;position:relative;padding-bottom:0;isolation:isolate}.wardrobe-header{padding-top:calc(51px * var(--menu-scale));position:fixed;top:0;left:0;right:0;z-index:10}.wardrobe-header:before{content:"";position:absolute;inset:0 0 -30px;z-index:-1;background:linear-gradient(var(--lilac) 65%,#f4e5fa00);mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent)}.wardrobe-header:after{content:"";position:absolute;inset:0 0 -45px;z-index:-1;pointer-events:none;background:linear-gradient(var(--lilac) 55%,#f4e5fa00 100%);opacity:var(--header-cover,0)}.category-navigation{position:relative;width:calc(929px * var(--menu-scale));height:calc(123px * var(--menu-scale));margin-inline:auto}.category-navigation-inner{position:relative;width:929px;height:123px;transform:scale(var(--menu-scale));transform-origin:top left}.menu-art{position:absolute;top:0;left:0}.category-tabs{position:absolute;top:0;bottom:0;left:44.66975px;width:842.9445px;display:grid;grid-template-columns:repeat(9,1fr);align-items:center}.category-tab{position:relative;height:123px;width:100%;background:none;border:0;display:flex;align-items:center;justify-content:center;padding:0}.category-icon{display:grid;place-items:center}.category-tab img{display:block;grid-area:1 / 1;opacity:.78}.category-icon-active,.category-tab.is-active .category-icon-normal{visibility:hidden}.category-tab.is-active .category-icon-active{visibility:visible}.category-tab:hover{z-index:2}.category-tab:hover img,.category-tab:focus-visible img{opacity:1}.category-tab.is-active img,.category-tab[aria-selected=true] img{opacity:1}.category-label{position:absolute;left:50%;top:-39px;white-space:nowrap;transform:translate(-50%,8px) scale(.92);opacity:0;background:var(--blue);color:#fffdf4;border:0;border-radius:15px 17px 14px 16px/11px 12px 10px;font-size:24px;line-height:1.25;font-weight:750;letter-spacing:-.5px;padding:6px 8px;transition:opacity .15s ease,transform .18s ease;pointer-events:none}.category-tab:hover .category-label{opacity:1;transform:translate(-50%) scale(1)}.category-tabs:has(.category-tab:hover) .category-tab:not(:hover) .category-label{opacity:0}.everything-icon{display:grid;grid-template-columns:repeat(3,16px);grid-template-rows:repeat(3,16px);gap:7px;opacity:.78}.everything-icon i{display:block;background:#83a6db}.category-tab.is-active .everything-icon,.category-tab[aria-selected=true] .everything-icon{opacity:1}.category-tab.is-active .everything-icon i,.category-tab[aria-selected=true] .everything-icon i{background:var(--blue)}.wardrobe-main{--inventory-pad: 18px;--inventory-gap: 24px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) calc(504px * var(--paper-scale)) minmax(0,1fr);align-items:center;gap:clamp(10px,1.4vw,26px);margin:var(--inventory-top) auto 0;padding:0 clamp(30px,5.2vw,90px) var(--footer-space);width:100%;max-width:1920px}.character-card{pointer-events:none;position:fixed;z-index:6;left:50%;top:var(--wardrobe-top);transform:translate(-50%);width:calc(504px * var(--paper-scale));height:calc(707px * var(--paper-scale));flex:none}.paper-art{position:absolute;left:0;top:0;width:504.037px;height:707px;transform:scale(var(--paper-scale));transform-origin:top left}.paper-shadow{position:absolute;top:16px;left:21px;width:486px;height:691px;background:#edcdf2}.paper-art>img{display:block;position:absolute;inset:0 auto auto 0}.character-stage{pointer-events:none;position:absolute;z-index:2;inset:-7% -18% 0;cursor:grab;touch-action:pan-y;outline:none}.character-stage:after{content:"";position:absolute;inset:6.55% 13.24% 0;pointer-events:auto}.character-stage:active{cursor:grabbing}.character-stage canvas{display:block;width:100%;height:100%}.character-preview{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.viewer-error{position:absolute;left:15%;right:15%;bottom:11%;padding:14px 18px;border-radius:15px;color:#8a698a;background:#fff9e8e8;font-size:13px;line-height:1.5;text-align:center}.loading-state{position:absolute;z-index:4;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;color:#fff;font-size:clamp(13px,1.1vw,17px);text-align:center;transition:opacity .5s ease,visibility .5s ease;pointer-events:none}.loading-state.is-hidden,.loading-state[hidden]{opacity:0;visibility:hidden;display:none}.is-ready .loading-state,.has-load-error .loading-state{opacity:0;visibility:hidden}.loading-flower{font-family:Georgia,serif;font-size:48px;color:inherit;animation:loading-turn 5s linear infinite}.inventory-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--inventory-rows,3),calc((var(--inventory-height) - 2 * var(--inventory-pad) - 2 * var(--inventory-gap)) / 3));gap:var(--inventory-gap) clamp(10px,1.4vw,24px);align-content:center;align-items:center;justify-items:center;align-self:center;position:relative;z-index:4;height:auto;min-height:var(--inventory-height);overflow:visible;padding:var(--inventory-pad) 8px}.inventory-column.is-scrollable{align-content:start}.inventory-column{mask-image:linear-gradient(to bottom,transparent 0,transparent calc(var(--inventory-occlusion,0px) - var(--inventory-top) + 174px * var(--menu-scale)),#000 calc(var(--inventory-occlusion,0px) - var(--inventory-top) + 174px * var(--menu-scale) + 30px))}.inventory-left{grid-column:1}.inventory-right{grid-column:3}.wardrobe-scroll-fade{position:fixed;z-index:5;left:0;right:0;bottom:28px;height:clamp(65px,10svh,120px);background:linear-gradient(#f4e5fa00,var(--lilac));pointer-events:none;opacity:0;transition:opacity .18s ease}.has-more-below .wardrobe-scroll-fade{opacity:1}.clothing-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;padding:0;width:100%;height:100%;min-height:0;max-width:220px;max-height:none;border-radius:28px;isolation:isolate}.item-check{display:none}.item-visual{position:absolute;inset:0;overflow:clip;display:flex;align-items:center;justify-content:center;pointer-events:none}.clothing-item:before{content:"";position:absolute;z-index:-1;width:85%;aspect-ratio:1;left:50%;top:50%;translate:-50% calc(-50% + var(--item-lift,0px));background:#fffdf645;border-radius:47% 53% 49% 51%/50% 45% 55% 50%;transform:scale(.7);opacity:0;transition:transform .25s ease,opacity .25s ease}.clothing-item:hover:before,.clothing-item:focus-visible:before{opacity:1;transform:scale(1.03)}.clothing-item>img,.clothing-item .item-thumbnail{display:block;width:90%;height:90%;max-height:none;object-fit:contain;filter:drop-shadow(0 5px 3px #926b852b);pointer-events:none;transform:translateY(var(--item-lift, 0px)) scale(min(1.04,calc(var(--item-scale, 1) * var(--photo-zoom, 1)))) rotate(var(--item-tilt, 0deg));transition:transform .22s ease-out,filter .22s ease}.clothing-item[data-item=printed-top],.clothing-item[data-item=white-mini-skirt]{--photo-zoom: 1}.clothing-item[data-item=just-a-girl-cap] .item-thumbnail{width:86%;height:86%}.clothing-item.is-selected:before,.clothing-item[aria-pressed=true]:before{opacity:1;transform:scale(1);background:#9fe4ea47}.clothing-item.is-selected{--item-scale: 1.03}.clothing-item:hover,.clothing-item:focus-visible{--item-lift: -3px;--item-scale: 1.04;--item-tilt: -2deg}.clothing-item:nth-child(2n):hover,.clothing-item:nth-child(2n):focus-visible{--item-tilt: 2deg}.clothing-item:hover:before,.clothing-item:focus-visible:before,.clothing-item.is-selected:before{animation:circle-drift 5s ease-in-out infinite}.clothing-item.is-selected:after,.clothing-item[aria-pressed=true]:after{content:"\2713";position:absolute;z-index:3;top:10%;right:1%;display:grid;place-items:center;width:clamp(20px,2.05vw,31px);height:clamp(20px,2.05vw,31px);border-radius:50%;background:#27b6ac;color:#fffdef;box-shadow:0 0 0 3px var(--lilac);font-size:clamp(15px,1.5vw,23px);font-weight:900;line-height:1;animation:selected-pop .24s ease}.item-name,.item-label{position:absolute;z-index:8;max-width:250px;width:max-content;bottom:-8px;left:50%;transform:translate(-50%,5px);padding:7px 8px;color:#fffbe6;background:#2eb6ad;border:0;border-radius:23px 26px 21px 24px/16px 18px 15px 17px;font-size:clamp(13px,1.2vw,19px);font-weight:650;white-space:nowrap;line-height:1.2;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .18s ease}.clothing-item:hover,.clothing-item:focus-visible{z-index:6}.clothing-item:hover .item-name,.clothing-item:focus-visible .item-name,.clothing-item:hover .item-label,.clothing-item:focus-visible .item-label{opacity:1;transform:translate(-50%)}.empty-category{grid-column:1 / -1;max-width:230px;text-align:center;font-size:clamp(14px,1.1vw,18px);line-height:1.5;color:#aa91ac;padding:24px 10px}.empty-category strong{display:block;color:#967c9a;font-size:1.05em;margin-bottom:6px;font-weight:650}.empty-category p{margin:0}.empty-category>img{display:block;margin:0 auto 20px;opacity:.4}.site-credit{position:fixed;z-index:10;left:0;right:0;bottom:0;background:linear-gradient(#f4e5fa00,var(--lilac) 40%);display:flex;align-items:center;justify-content:center;gap:36px;margin-top:0;padding:18px 20px 14px;color:var(--purple);font-size:clamp(13px,1.4vw,24px);line-height:1.3;font-weight:550}.site-credit a{color:inherit;text-decoration:none;border-radius:4px}.site-credit a:hover{text-decoration:underline;text-underline-offset:4px}@keyframes loading-turn{to{transform:rotate(360deg)}}@keyframes circle-drift{0%,to{transform:rotate(-8deg) scale(.97);border-radius:47% 53% 49% 51%/50% 45% 55% 50%}50%{transform:rotate(8deg) scale(1.04);border-radius:53% 47% 54% 46%/46% 54% 48% 52%}}@keyframes selected-pop{0%{transform:scale(.5)}65%{transform:scale(1.15)}to{transform:scale(1)}}@media(max-height:820px)and (min-width:700px){.wardrobe-app{--wardrobe-top: calc(209px * var(--layout-scale,var(--menu-scale)))}.site-credit{padding-top:6px}}@media(min-width:700px){.inventory-column.is-scrollable{grid-template-rows:repeat(var(--inventory-rows,3),calc((var(--inventory-height) - 2 * var(--inventory-pad) - 2 * var(--inventory-gap)) / 3.15))}}@media(min-width:700px)and (max-width:1199px){.site-credit{font-size:24px}.wardrobe-app{--footer-space:72px}.wardrobe-app{--wardrobe-top: calc(174px * var(--menu-scale) + clamp(24px, 4svh, 46px))}.wardrobe-main{padding-inline:18px;gap:12px}.inventory-column{column-gap:6px;padding-inline:0}.inventory-column.is-scrollable{grid-template-rows:repeat(var(--inventory-rows,3),calc((var(--inventory-height) - 2 * var(--inventory-pad) - 2 * var(--inventory-gap)) / 2.25))}}@media(max-width:1000px)and (min-width:700px){.wardrobe-main{padding-inline:18px;gap:8px}.inventory-column{column-gap:5px;padding-inline:0}.clothing-item{min-width:65px}}@media(min-width:700px){.inventory-column.is-single-column{grid-template-columns:minmax(0,1fr)}.inventory-column.is-compact{--inventory-gap: 12px;grid-template-rows:repeat(var(--inventory-rows,3),var(--compact-row));align-content:start}.inventory-column.is-compact .clothing-item{max-width:220px}.inventory-column.is-compact .item-name{bottom:12px}}@media(max-width:699px){html{scrollbar-width:none}html::-webkit-scrollbar{display:none;width:0}.status-bar-background{display:block;position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top);min-height:12px;z-index:11;background:var(--lilac);pointer-events:none}.wardrobe-app{--wardrobe-top: calc(20px + env(safe-area-inset-top)) ;--inventory-top: calc(var(--wardrobe-top) + 707px * var(--paper-scale) + 20px);--footer-space: 98px;--inventory-height: calc(var(--full-viewport-height) - var(--inventory-top) - var(--footer-space));min-height:var(--full-viewport-height)}.character-scroll-cover{display:block;z-index:5;background:var(--lilac);mask-image:linear-gradient(#000 var(--inventory-top),transparent calc(var(--inventory-top) + 24px))}.wardrobe-header{top:calc(18px + env(safe-area-inset-top));left:auto;right:calc(10px + env(safe-area-inset-right));width:46px;padding:0}.wardrobe-header:before,.wardrobe-header:after{display:none}.category-navigation,.category-navigation-inner{position:relative;width:46px;height:auto;margin:0;transform:none}.menu-art{display:none}.category-tabs{position:static;width:46px;display:flex;flex-direction:column;align-items:center}.category-tab{flex:none;width:46px;height:46px;margin-top:-7px;border-radius:50%;background:var(--aqua)}.category-tab:first-child{margin-top:0}.category-icon{width:34px;height:32px;flex:none}.category-tab.is-active,.category-tab:focus-visible{z-index:2}.category-icon img{width:auto;height:auto;max-width:32px;max-height:29px}.everything-icon{transform:scale(.43)}.category-label{font-size:15px;top:50%;left:-5px;padding:6px 8px;border-radius:12px;transform:translate(-100%,-50%) scale(.95)}.category-tab.is-active .category-label,.category-tab[aria-selected=true] .category-label,.category-tab:hover .category-label,.category-tab:focus-visible .category-label{transform:translate(-100%,-50%) scale(1)}.corner-top-left{width:calc(465px * var(--background-scale));height:calc(540px * var(--background-scale))}.corner-top-left img{transform:scale(calc(var(--background-scale) * 1.2))}.wardrobe-main{--inventory-pad: 12px;--inventory-gap: 12px;display:grid;grid-template-columns:1fr 1fr;gap:0 4px;margin-top:var(--inventory-top);padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.character-card{left:50%;margin-bottom:0}.character-stage{left:-12%;right:-12%}.character-stage:after{left:9.68%;right:9.68%}.inventory-column{grid-row:1;align-self:start;grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-rows:max(110px,calc((var(--full-viewport-height) - var(--inventory-top) - var(--footer-space) - 2 * var(--inventory-pad) - var(--inventory-gap)) / 1.68));align-content:start;column-gap:0;padding-inline:0;mask-image:none}.inventory-left{grid-column:1}.inventory-right{grid-column:2}.clothing-item{border-radius:12px;min-width:0;max-width:200px}.clothing-item>img,.clothing-item .item-thumbnail{width:92%;height:92%;object-position:center}.clothing-item[data-item=white-mini-skirt]{--photo-zoom: 1}.clothing-item[data-item=just-a-girl-cap] .item-thumbnail{width:80%;height:80%}.clothing-item:before{width:90%}.clothing-item.is-selected:after,.clothing-item[aria-pressed=true]:after{top:2%;right:0;width:22px;height:22px;font-size:16px;box-shadow:0 0 0 2px var(--lilac)}.item-name,.item-label{font-size:14px;padding:7px 8px;bottom:-8px;max-width:150px;white-space:normal;text-align:center}.site-credit{flex-wrap:wrap;gap:2px 22px;font-size:16px;padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.site-credit:before{content:"";position:absolute;inset:-28px 0 0;z-index:-1;background:linear-gradient(#f4e5fa00,var(--lilac) 28px);pointer-events:none;opacity:0;transition:opacity .18s ease}.has-more-below .site-credit:before{opacity:1}.wardrobe-scroll-fade{display:none}.empty-category{padding:9px 0;font-size:12px;line-height:1.35}}@property --full-viewport-height{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --inventory-occlusion{syntax: "<length>"; inherits: false; initial-value: 0px;}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.clothing-item[aria-busy=true]:after{content:"";position:absolute;top:10%;right:1%;width:22px;height:22px;border:3px solid #c7e8e7;border-top-color:#278bb9;border-radius:50%;animation:loading-turn .8s linear infinite}@media(min-width:700px){.clothing-item[data-item=animal-top]{--photo-zoom: 1.15}}@media(max-width:699px){.category-tabs .category-tab .category-label{opacity:0!important;transform:translate(-100%,-50%) scale(.95)}body[data-category-label-visible=true] .category-tabs .category-tab[aria-selected=true] .category-label{opacity:1!important;transform:translate(-100%,-50%) scale(1)}}.clothing-item[data-item=beatles-shirt]{--photo-zoom: 1.12}