@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500&display=swap');
:root{--ink:#493c50;--muted:#958392;--pink:#cc698a;--line:#e7dce2;--paper:#fffdfb}*{box-sizing:border-box}body{margin:0;background:#faf6f3;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}header{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5.5%}.brand{font-family:'Playfair Display',Georgia,serif;font-size:31px;font-weight:600;letter-spacing:-1.4px;text-decoration:none;color:var(--ink)}.brand-star{color:var(--pink);font-size:37px;margin-right:10px}.brand-dot{font:10px sans-serif;vertical-align:top;position:relative;top:10px;margin-left:4px}.header-note{font-family:Georgia,serif;font-style:italic;color:var(--muted);font-size:15px}.small-button{border:1px solid var(--line);border-radius:24px;background:transparent;padding:9px 16px;font-size:12px}.small-button:first-letter{font-size:18px}main{max-width:1320px;margin:auto;padding:38px 48px 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2.1px;margin:0 0 10px;color:#a17f8d}h1{font-family:'Playfair Display',Georgia,serif;font-size:43px;font-weight:500;letter-spacing:-1.3px;margin:0 0 9px}h1 span{color:var(--pink);margin-left:18px;font-size:34px}.intro p:last-child{color:var(--muted);font-size:13px;margin:0}.stamp{border:1px solid #d6b4c1;border-radius:50%;height:85px;width:85px;text-align:center;transform:rotate(12deg);padding:13px 0;color:#af7b8e;font-size:8px;letter-spacing:1px;line-height:17px;margin-right:10px}.stamp b{font-family:Georgia,serif;font-size:22px;font-weight:400}.game{display:grid;grid-template-columns:1fr 1.12fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper);box-shadow:0 10px 30px #5b394506}.doll-panel{border-right:1px solid var(--line);min-width:0}.panel-heading{display:flex;justify-content:space-between;padding:21px 24px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1.4px}.status-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:#ba879e;margin-right:7px}.edition{letter-spacing:.5px;color:var(--muted);font-style:italic}.doll-stage{position:relative;height:486px;overflow:hidden;background-color:#f5e9ed;background-image:radial-gradient(#d7bec75c .8px,transparent .8px);background-size:15px 15px;transition:background-color .2s}.doll-stage.drag-over{background-color:#e9dce9;box-shadow:inset 0 0 0 3px #c680a2}.stage-caption{position:absolute;left:28px;top:30px;font:italic 22px Georgia,serif;color:#bc92a4;transform:rotate(-9deg)}.orbit{position:absolute;width:275px;height:360px;border:1px solid #dfc9d2;border-radius:50%;left:50%;top:55px;transform:translateX(-50%);background:#fff8fa44}.sparkle{position:absolute;color:#b888a3;font-family:Georgia,serif}.s1{left:15%;top:200px;font-size:39px}.s2{right:16%;top:100px;font-size:22px}.s3{right:15%;bottom:80px;font-size:44px}#doll{height:450px;width:100%;position:absolute;bottom:14px;left:0;filter:drop-shadow(2px 5px 1px #694d6414);overflow:visible}.stage-label{position:absolute;bottom:15px;left:24px;font-size:9px;letter-spacing:1px;color:#b18c9e}.outfit-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 23px 10px;font-size:9px;letter-spacing:1.2px}.outfit-toolbar button{font-size:11px;letter-spacing:0;background:none;border:none;color:var(--muted)}.worn-items{padding:0 22px 17px;display:flex;flex-wrap:wrap;gap:6px;min-height:49px}.worn-chip{border:1px solid var(--line);border-radius:20px;background:#fbf6f7;padding:5px 9px;font-size:10px;display:flex;gap:9px;align-items:center;cursor:grab}.worn-chip button{border:0;background:none;padding:0;font-size:15px;line-height:14px}.empty-outfit{font-size:11px;color:var(--muted);margin:5px 0}.closet-panel{padding:28px 27px 20px;transition:background .2s}.closet-panel.drag-over{background:#f6e9f0}.closet-heading{display:flex;justify-content:space-between;align-items:center}.closet-heading .eyebrow{font-size:8px;letter-spacing:1.5px}h2{font:500 30px 'Playfair Display',Georgia,serif;margin:0}h2 span{font-size:22px;color:#c98aa5;margin-left:5px}#collection-count{font-size:10px;color:var(--muted)}.categories{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:23px 0 21px}.category{padding:9px 11px;border:1px solid #e7dce2;border-radius:7px;background:transparent;font-size:11px;transition:.2s}.category.active{background:#71556d;color:#fff;border-color:#71556d;box-shadow:0 3px 7px #71556d22}.category:hover{transform:translateY(-2px)}.collection-header{display:flex;justify-content:space-between;margin:20px 0 15px;font-size:9px;letter-spacing:1.5px}.collection-header span:last-child{letter-spacing:0;font:italic 12px Georgia,serif;color:var(--muted)}.clothes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.clothing-card{position:relative;padding:0;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;text-align:left;cursor:grab;transition:transform .2s,box-shadow .2s}.clothing-card:hover{transform:translateY(-4px);box-shadow:0 6px 15px #6b3e5712}.clothing-card.wearing{border-color:#bb8ba4}.clothing-art{height:194px;display:flex;align-items:center;justify-content:center;background:#f6f1ef}.clothing-card:nth-child(2) .clothing-art{background:#f0edf4}.clothing-card:nth-child(3) .clothing-art{background:#f3ecee}.clothing-art svg{width:92%;height:160px;filter:drop-shadow(1px 4px 1px #614a5a15)}.card-info{padding:12px 10px 13px}.card-info strong{display:block;font-size:11px;font-weight:500;margin-bottom:6px}.card-info span{font-size:9px;color:#ac98a5}.swatch{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.wearing-badge{position:absolute;top:8px;right:7px;border-radius:20px;background:#fffafde8;padding:4px 6px;font-size:8px;color:#926c85}.closet-tip{display:flex;align-items:center;gap:15px;margin-top:29px;padding:16px;border:1px dashed #dfcdd7;border-radius:8px;background:#faf6f7}.closet-tip>span{font-size:29px;color:#bb90a6}.closet-tip p{font-size:10px;color:var(--muted);line-height:1.9;margin:0}.closet-tip b{font-weight:500;color:#745e71;font-size:11px}footer{display:flex;justify-content:space-between;padding:23px 0;font-size:8px;color:#a99aa2;letter-spacing:1.5px}footer span:last-child{font:italic 12px Georgia,serif;letter-spacing:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}button:focus-visible,[tabindex]:focus-visible{outline:3px solid #b7719e;outline-offset:3px}@media(min-width:1400px){main{padding-top:45px}.doll-stage{height:520px}#doll{height:480px}.clothing-art{height:215px}}@media(max-width:950px){main{padding:25px 22px}.closet-panel{padding:24px 17px}.categories{gap:5px}.category{padding:8px}.clothes-grid{gap:7px}.clothing-art{height:174px}#collection-count{display:none}.card-info{padding:11px 7px}.card-info strong{font-size:10px}.panel-heading{padding:21px 15px}.edition{font-size:8px}}@media(max-width:680px){header{height:70px;padding:0 20px}.brand{font-size:25px}.header-note{display:none}main{padding:25px 14px 0}h1{font-size:32px}.intro p:last-child{font-size:11px;max-width:260px;line-height:1.6}.stamp{height:66px;width:66px;flex-shrink:0;padding:5px 0;margin:0}.intro{margin-bottom:22px}.game{grid-template-columns:1fr}.doll-panel{border-right:0;border-bottom:1px solid var(--line)}.doll-stage{height:414px}#doll{height:392px}.closet-panel{padding:23px 17px}.clothing-art{height:155px}.clothing-art svg{height:135px}.closet-tip{margin-top:20px}.categories{justify-content:space-between}footer{font-size:7px;letter-spacing:.6px}footer span:last-child{font-size:10px}}
#doll [data-worn]{touch-action:none} @media(prefers-reduced-motion:reduce){*{transition:none!important}}


#download-dollie{width:auto;white-space:nowrap;border:1px solid #71556d;border-radius:8px;padding:8px 12px;background:#71556d;color:#fffafc;font-size:12px;font-weight:500;transition:background .2s}
#download-dollie:hover{background:#60475c}
#download-dollie:disabled{opacity:.65;cursor:wait}
#download-status{margin:9px 0 0;color:var(--muted);font-size:10px;line-height:1.5}
/* Keep the expanded wardrobe within reach of the doll while browsing. */
.clothes-grid{max-height:390px;overflow-y:auto;overscroll-behavior:contain;padding:4px 5px 7px 0;scrollbar-width:thin;scrollbar-color:#c8abba #f6f1ef;align-content:start}
.clothing-card{flex-shrink:0}
@media(max-width:680px){.clothes-grid{max-height:340px}}
.clothes-grid.eyes-closet{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.eyes-closet .clothing-art{height:100px}
.eyes-closet .clothing-art svg{height:70px;width:85%}
.eyes-closet .card-info strong{line-height:1.5;overflow-wrap:break-word}
.eyes-closet .card-info span{line-height:1.5}

.panel-heading{align-items:center;gap:12px;padding-top:13px;padding-bottom:13px}
#download-status:empty{display:none}
#download-status:not(:empty){padding:0 22px 15px;margin:0;text-align:center}

.item-drag-ghost{position:fixed;left:0;top:0;z-index:1000;pointer-events:none;background:transparent;border:0;padding:0;line-height:0}
.item-drag-ghost svg{display:block;overflow:visible}
