/* Wardrobe, shops, and original activity components. Main game chrome lives in town-shell.css. */

dialog:has(.dressing-room){width:min(660px,94vw)}.dressing-room{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:start}.outfit-preview{position:sticky;top:0;margin-top:20px;border:2px solid #d8b7e9;border-radius:14px;background:linear-gradient(#e6d2f7,#fff4da);overflow:hidden;text-align:center}.outfit-preview canvas{width:180px;image-rendering:pixelated;display:block}.outfit-preview small{display:block;padding:10px;font-size:9px;color:#a37db9}.dressing-room .field{margin-top:10px}.dressing-room .swatches{margin-bottom:12px;gap:8px}.dressing-room .choice{font-size:10px;padding:8px}.swatch{width:28px;height:28px}@media(max-width:500px){.dressing-room{grid-template-columns:100px 1fr;gap:12px}.outfit-preview canvas{width:100px}.outfit-preview small{font-size:8px}.swatch{width:24px;height:24px}.dressing-room .swatches{gap:6px}dialog{padding:22px}}
/* Kristina's supplied sprites are shown without filters or palette substitutions. */
.dressing-room{grid-template-columns:200px 1fr;gap:20px}.outfit-preview canvas{width:200px;height:300px;image-rendering:pixelated}.outfit-preview{background:radial-gradient(ellipse at 50% 84%,#d7c5e9 0,transparent 32%),linear-gradient(#f4eafc,#fff5e3)}.outfit-preview small{padding:12px}.look-card{display:flex;width:100%;align-items:center;gap:12px;text-align:left;background:#fcf8ff;border:1px solid #dbc9e5;border-radius:10px;margin:0 0 8px;padding:8px;color:#8b629d;min-height:70px}.look-card img{width:42px;height:58px;object-fit:contain;image-rendering:pixelated}.look-card span{font-size:11px;font-weight:bold}.look-card small{display:block;font-size:9px;font-weight:normal;color:#a28cae;margin-top:6px;line-height:1.5}.look-card:hover{background:#fff1d4}.look-card.selected{background:#f2e3fc;border:2px solid #b38bc9;padding:7px;box-shadow:0 2px 6px #9e7eb81a}.collection-note{font-size:10px;line-height:1.6}#portrait{width:38px;height:43px;overflow:hidden;background:#f7ebff;font-size:0}#portrait img{width:38px;height:55px;object-fit:cover;object-position:top;image-rendering:pixelated}.game-frame canvas{image-rendering:pixelated}@media(max-width:550px){.dressing-room{grid-template-columns:100px 1fr;gap:10px}.outfit-preview canvas{width:100px;height:150px}.look-card{gap:6px;padding:5px}.look-card img{width:30px;height:45px}.look-card span{font-size:9px}.look-card small{font-size:8px}.outfit-preview small{padding:6px;font-size:8px}.look-card.selected{padding:4px}}



[hidden]{display:none!important}#exitRoomButton{background:#fff2d4}#roomActivityButton{background:#e9dcfa}.toolbar{flex-wrap:wrap}

.pet-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.pet-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#faf1ed;border:2px solid #d4bbde;border-radius:18px;color:#76518d}.pet-card[aria-pressed="true"]{border-color:#8961ac;background:#eee2fa}.pet-card canvas{width:168px;max-width:100%;image-rendering:pixelated}.pet-card strong{font-size:22px}.pet-card small{font-size:12px}.pet-card span{font-size:13px;font-weight:700}

/* Menu previews keep their intrinsic ratio; world-canvas mobile rules do not apply. */
.pet-card{min-width:0;text-align:center}.pet-card canvas{width:168px;height:auto;min-height:0;aspect-ratio:168/128;object-fit:contain;flex:none;cursor:pointer}.pet-card small{line-height:1.5;overflow-wrap:anywhere}
@media(max-width:500px){.pet-cards{gap:10px;margin:16px 0}.pet-card{padding:10px 6px;gap:7px;border-radius:12px}.pet-card strong{font-size:18px}.pet-card small{font-size:10px}.pet-card span{font-size:11px;line-height:1.4}dialog{max-height:90dvh;overflow-y:auto}}

.wardrobe-group{border:1px solid #dbc9e5;border-radius:10px;padding:9px;margin:0 0 12px;display:flex;flex-wrap:wrap;gap:6px}.wardrobe-group legend{font-size:11px;font-weight:bold;padding:0 5px}.wardrobe-group .choice{border:2px solid transparent;min-height:36px}.wardrobe-group .choice[aria-pressed="true"]{border-color:#8a60aa;background:#e4cef2}.wardrobe-group .choice:focus-visible{outline:2px solid #785397}#options h3{font-size:12px;margin:22px 0 12px}dialog:has(.dressing-room){max-height:90dvh;overflow:auto}

.avatar-preview-control{display:block;padding:10px;font-size:10px}.avatar-preview-control select{display:block;width:100%;margin-top:6px;padding:8px;background:#fff9ff;color:#76518d;border:1px solid #c6a8da;border-radius:7px;font:inherit}.wardrobe-group .choice{font-size:11px;padding:8px 10px}@media(max-width:550px){.avatar-preview-control{padding:6px;font-size:9px}.avatar-preview-control select{padding:6px}.wardrobe-group .choice{font-size:10px;padding:7px}.outfit-preview{top:8px}}
/* Café shifts and independent coin shop. */
button:disabled{cursor:default;opacity:.48}.wardrobe-group .choice:disabled{border-style:dashed}.shop-balance{padding:12px 16px;background:#fff1bd;border:2px solid #dbc181;border-radius:10px;font-size:13px;font-weight:bold;margin:15px 0}.shop-item{width:100%;display:flex;align-items:center;text-align:left;gap:10px;padding:10px;margin-bottom:9px;border:2px solid #e0cbe7;border-radius:12px;background:#fffaff}.shop-item.selected{border-color:#a079bb;background:#f1e2fa}.shop-item-swatch{display:grid;place-items:center;flex-shrink:0;width:34px;height:40px;border-radius:9px;color:#fff;font-weight:bold;text-shadow:1px 1px #58426d}.shop-item strong{display:block;font-size:12px}.shop-item small{display:block;font-size:10px;line-height:1.5;margin-top:4px}.shop-item>b{margin-left:auto;font-size:10px;white-space:nowrap}.shop-message{min-height:24px}.cafe-intro{display:flex;gap:15px;align-items:center;padding:18px;background:#fff3da;border:2px solid #e5c8b0;border-radius:14px;margin:20px 0}.cafe-intro svg{width:64px;flex-shrink:0}.cafe-intro b{font-size:13px}.cafe-intro small{display:block;font-size:12px;line-height:1.6;margin-top:8px}dialog:has(.cafe-game){width:min(640px,96vw);max-height:94dvh;overflow:auto;padding:24px}.cafe-score{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:15px 0;font-size:12px}.cafe-score b{background:#ede2f6;padding:9px 12px;border-radius:9px}.cafe-score b.urgent{color:#aa4c5c;background:#ffe0dc}.cafe-order{padding:17px 20px;background:#fff4d4;border:2px solid #e7c69e;border-radius:12px;box-shadow:0 3px #e8d5b9}.cafe-ticket-label{font-size:9px;font-weight:bold;letter-spacing:1.5px;color:#a77d71}.cafe-order h2{font-size:24px;margin:8px 0}.cafe-order p{margin:6px 0 0;color:#826475;font-weight:bold;font-size:12px}.cafe-preparation{display:flex;align-items:center;justify-content:center;gap:24px;padding:12px}.cafe-cup{width:90px;height:100px}.cafe-cup svg{width:100%;height:100%}#cafeParts{padding-left:20px;font-size:11px;line-height:1.9;min-width:130px;margin:6px 0}#cafeParts li{color:#b39fae}#cafeParts li.filled{color:#76518d;font-weight:bold}.cafe-feedback{font-size:11px;line-height:1.5;min-height:34px;margin:0 0 6px;text-align:center}.cafe-feedback[data-tone=good]{color:#4f8468}.cafe-feedback[data-tone=retry]{color:#a46675}.cafe-ingredients{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cafe-ingredients fieldset{padding:8px;border:1px solid #dcc6e4;border-radius:12px;min-width:0;margin:0;display:grid;gap:6px}.cafe-ingredients legend{font-size:10px;font-weight:bold;padding:0 5px}.ingredient{display:flex;gap:6px;align-items:center;padding:7px;border:1px solid #d7c2e0;border-radius:8px;background:#fff9ff;font-size:11px;min-height:45px;text-align:left;touch-action:manipulation}.ingredient:hover:not(:disabled){background:#f4e1ed;border-color:#a17ab4}.ingredient svg{width:26px;height:30px;flex-shrink:0}.cafe-actions{display:flex;gap:10px;margin-top:14px}.cafe-actions .primary{margin:0;flex:1}.cafe-actions .choice{font-size:11px}.cafe-exit-note{display:block;margin-top:13px;text-align:center;font-size:9px;color:#ab93b0}.shift-reward{text-align:center;padding:24px;background:#fff1be;border:2px solid #e1c88e;border-radius:14px;margin:20px 0}.shift-reward b{display:block;font-size:46px;color:#a7794e}.shift-reward span{display:block;font-size:12px;margin-top:5px}#walletButton{background:linear-gradient(#fff4be,#f6db94);border-color:#c8a272;color:#8b6651}@media(max-width:550px){.shop-item{padding:8px;gap:7px;flex-wrap:wrap}.shop-item strong{font-size:11px}.shop-item small{font-size:9px}.shop-item>b{font-size:9px}.shop-item-swatch{width:25px;height:30px}.cafe-ingredients{gap:6px}.cafe-ingredients fieldset{padding:5px;gap:5px}.ingredient{padding:5px;font-size:10px;gap:3px;min-height:44px}.ingredient svg{width:20px}.cafe-order{padding:12px}.cafe-order h2{font-size:20px}.cafe-order p{font-size:11px}.cafe-preparation{padding:8px;gap:15px}.cafe-score{font-size:10px;margin:12px 0}dialog:has(.cafe-game){padding:20px 12px}.cafe-cup{height:78px;width:70px}.cafe-feedback{font-size:10px}.cafe-exit-note{font-size:8px}}
.outfit-preview canvas{min-height:0;aspect-ratio:2/3;object-fit:contain}
/* More games and a browsable wardrobe collection. */
.shop-filters{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 12px}.shop-filters .choice{font-size:10px;padding:7px 10px;border:1px solid #d7bce3}.shop-filters .choice[aria-pressed=true]{background:#d9bce9;border-color:#9d6cba}.game-destinations{display:grid;gap:10px;margin:20px 0}.game-destination{padding:15px 17px;border:2px solid #d6bee5;background:#f4e9fc;border-radius:12px;text-align:left}.game-destination:nth-child(2){background:#ebe8fc}.game-destination:nth-child(3){background:#e6f2e6}.game-destination:hover{border-color:#aa80be}.game-destination b{display:block;font-size:14px}.game-destination small{display:block;margin-top:7px;font-size:11px;line-height:1.5}.game-preview-symbols{text-align:center;padding:22px;border:2px solid #d7c4ee;border-radius:14px;background:#ece4fb;font-size:43px;letter-spacing:8px;color:#9b78bf}.garden-intro{display:flex;justify-content:center;gap:30px;margin:20px 0;padding:15px;background:#e9f3e9;border-radius:14px}.garden-intro svg{width:65px;height:65px}dialog:has(.memory-game),dialog:has(.petal-game){width:min(550px,95vw);max-height:93dvh;overflow:auto}.memory-pads{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.memory-pad{border:3px solid #a282bd;border-radius:18px;padding:18px;background:#dac7ed;box-shadow:inset 0 3px #ffffff55,0 4px #b79acb;min-height:100px;touch-action:manipulation}.memory-pad>span{display:block;font-size:42px;line-height:1.2;color:#715190}.memory-pad small{display:block;font-size:10px;margin-top:7px;color:#76578f}.memory-pad.tone-1{background:#cadbed}.memory-pad.tone-2{background:#f0cbdf}.memory-pad.tone-3{background:#d3e6c5}.memory-pad:disabled{opacity:1;cursor:default}.memory-pad.lit{background:#fff6b1;border-color:#d5a242;box-shadow:0 0 0 5px #fff1a780,inset 0 3px #fff;transform:translateY(-2px)}.memory-pad:focus-visible,.petal-target:focus-visible{outline:3px solid #795391;outline-offset:3px}.memory-pad:active:not(:disabled){transform:translateY(3px);box-shadow:none}.memory-prompt{min-height:26px;font-weight:bold}.memory-progress{text-align:center;font-size:12px;font-weight:bold;margin:14px 0}.memory-game>small,.petal-game>small{display:block;line-height:1.6;font-size:10px;color:#a18aaf}.petal-field{position:relative;height:290px;overflow:hidden;border:3px solid #aac2aa;border-radius:17px;background:radial-gradient(ellipse at 30% 20%,#fff6d280,transparent 55%),linear-gradient(#e5f1e9,#d8e9ce 80%,#c0d4aa);margin:12px 0}.petal-field:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:30px;background:radial-gradient(ellipse at bottom,#a9c396 55%,transparent 58%) 0 0/60px 30px;pointer-events:none}.petal-target{position:absolute;width:52px;height:52px;transform:translate(-50%,-50%);padding:1px;border:0;background:transparent;touch-action:manipulation;z-index:1}.petal-target svg{display:block;width:100%;height:100%;filter:drop-shadow(0 3px 1px #58724922)}.petal-target:hover{background:#ffffff33;border-radius:50%}.petal-legend{display:flex;justify-content:center;gap:18px;font-size:11px}.petal-legend span{display:flex;align-items:center;gap:5px}.petal-legend svg{width:27px;height:27px}.petal-feedback{min-height:34px;font-size:11px;text-align:center}@media(max-width:550px){.memory-pads{gap:10px}.memory-pad{padding:14px;min-height:90px}.memory-pad>span{font-size:36px}.game-preview-symbols{font-size:34px;letter-spacing:5px}.petal-field{height:245px}.petal-target{width:48px;height:48px}.game-destination{padding:13px}.game-destination small{font-size:10px}.shop-filters .choice{padding:7px 8px}}
/* Keep wardrobe actions reachable while browsing a long collection. */
.wardrobe-actions{position:sticky;bottom:-24px;display:flex;align-items:center;gap:10px;padding:12px 0;background:#fffafef5;border-top:1px solid #dfcce8;z-index:3}.wardrobe-actions .primary{margin:0;flex:1}.wardrobe-actions .choice{min-height:44px;padding:10px 14px}.wardrobe-save-note{font-size:10px;line-height:1.6}.wardrobe-group{min-width:0}.dressing-room #options{min-width:0}@media(max-width:550px){.wardrobe-actions{bottom:-20px;gap:7px}.wardrobe-actions .choice{font-size:10px}.wardrobe-actions .primary{font-size:11px}}
.wardrobe-group .board-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:108px;padding:7px}.board-choice canvas{display:block;width:96px;height:44px;image-rendering:pixelated}@media(max-width:550px){.wardrobe-group .board-choice{min-width:92px;max-width:100%;font-size:9px}.board-choice canvas{width:80px;height:37px}}