/* A full-screen shop environment. The cashier is part of the illustrated room. */
dialog.boutique-mode{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;padding:0;border:0;border-radius:0;overflow:hidden;background:#e5c9ae;color:#725c4b;box-shadow:none}
.boutique-mode::backdrop{background:#ad8e75;backdrop-filter:none}.in-boutique #world{visibility:hidden}
.boutique-mode #modal-content{height:100%;position:relative}.boutique-mode .modal-heading{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));margin:0;z-index:15}
.boutique-mode .modal-heading h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.boutique-mode .modal-heading #close-modal{min-width:96px;height:40px;padding:0 12px;gap:7px;background:#fff6e8eb;border:1px solid #fff8ec;border-radius:15px;box-shadow:0 3px 8px #80573724;color:#85664c}
.boutique-mode #close-modal:after{content:'Casinha';font-size:11px}.boutique-mode #close-modal svg{width:15px;height:15px}
.boutique-layout{height:100%;display:grid;grid-template-rows:minmax(290px,56%) minmax(0,1fr)}
.boutique-mode .boutique-room{margin:0;padding:0;border:0;border-radius:0;position:relative;isolation:isolate;overflow:hidden;background:#d4a792}
.boutique-art{position:absolute;inset:0;z-index:-2;display:block}.boutique-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.boutique-brand{position:absolute;left:58%;top:12.7%;transform:translate(-50%,-50%);text-align:center;width:42%;max-width:280px;color:#8c6044;text-shadow:0 1px #fff5db}
.boutique-brand small{display:block;font-size:clamp(6px,1.8vw,10px);font-weight:bold;letter-spacing:1.2px;margin-bottom:3px}.boutique-brand strong{display:block;font-family:Georgia,serif;font-size:clamp(20px,5.7vw,34px);font-weight:normal;line-height:.97}
.boutique-wallet{position:absolute;right:max(14px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));height:40px;padding:5px 12px 5px 5px;display:flex;gap:6px;align-items:center;background:#fff4dfeF;border:1px solid #fff5e7;border-radius:22px;color:#9b753d;box-shadow:0 3px 8px #80573724;z-index:4}
.boutique-wallet .coin{width:27px;height:27px}.boutique-wallet strong{font-size:12px}
.cashier-chat{position:absolute;right:4%;top:43%;width:45%;max-width:230px;padding:10px 11px 8px;background:#fff6e8f5;border:1px solid #fffdf3;border-radius:16px 16px 16px 5px;box-shadow:0 5px 20px #6f41292b;text-align:left;color:#80634f;z-index:5}
.cashier-chat:before{content:'';position:absolute;right:29%;top:-7px;width:12px;height:12px;transform:rotate(45deg);background:#fff6e8;border-left:1px solid #fffdf3;border-top:1px solid #fffdf3}
.cashier-chat>strong{display:block;color:#9a7260;font-size:11px;margin-bottom:5px}.cashier-chat strong small{font-size:9px;font-weight:normal;color:#ac927a}
#cashier-speech{display:block;font-size:11px;line-height:1.5}.cashier-invite{display:block;font-size:8px;color:#b19a7f;margin-top:5px}
.boutique-fitting-space{position:absolute;left:3%;top:48%;width:54%;height:45%;pointer-events:none}
.boutique-fitting-space .preview-actor{width:calc(clamp(170px,52vw,230px)*var(--life-size,1));pointer-events:none}
.boutique-mode .fitting-stages{position:absolute;bottom:11px;left:14px;z-index:6;padding:0;gap:4px}
.boutique-mode .fitting-stages button{min-height:29px;padding:6px 9px;font-size:9px;background:#fff6e5e8;color:#9b795a;box-shadow:0 2px 4px #7d5e3c18}
.boutique-mode .fitting-stages button[aria-pressed=true]{background:#8b9c72;color:#fff8e8}
.boutique-fitting-tag{position:absolute;bottom:16px;right:12px;font-size:8px;padding:5px 7px;background:#fff5e1d9;color:#997653;border-radius:9px;max-width:43%;text-align:center}
.boutique-stock{overflow:auto;overscroll-behavior:contain;min-height:0;min-width:0;padding:14px 14px max(12px,env(safe-area-inset-bottom));background:linear-gradient(100deg,#f7ecda,#fdf4e5 60%,#eddcc3);border-top:5px solid #bb9067;box-shadow:0 -4px 0 #e9cba4,0 -9px 25px #7151341f;z-index:7;scrollbar-width:thin;scrollbar-color:#c9aa88 #f5e8d2}
.boutique-outfit-summary{position:relative;padding:0 0 12px;border-bottom:1px solid #dec6a5}
.boutique-eyebrow{display:block;font-size:8px;letter-spacing:1.2px;color:#b18c6b;font-weight:bold}
.boutique-mode .fitting-caption{padding:6px 0;min-height:0;gap:10px}.boutique-mode .fitting-caption strong{font-family:Georgia,serif;font-size:19px;font-weight:normal;color:#81654d;line-height:1.2}
.boutique-mode .fitting-caption .secondary{background:#e7e8d5;border:0;font-size:9px;min-height:28px;white-space:nowrap}
.boutique-mode .outfit-includes{padding:0;margin:2px 0 0;font-size:10px;line-height:1.6;color:#ab9277}
.boutique-mode .fitting-buy{margin:10px 0 0;width:100%;background:#8b9c72;box-shadow:0 3px 0 #6d7e57;border:1px solid #eef1db;color:#fff8e8;min-height:40px;padding:9px 12px}
.boutique-mode .remove-outfit{margin:10px 0 0;width:100%;font-size:9px;min-height:30px;padding:7px 10px;box-shadow:none;background:transparent;border:1px solid #d9c4a9;color:#a58b70}
.boutique-mode .shop-filter{margin:12px 0}.boutique-mode .shop-filter h3{font-family:Georgia,serif;font-size:16px;font-weight:normal;color:#886b52}.boutique-mode .shop-filter small{font-family:'Trebuchet MS',sans-serif;font-size:9px;background:#e8dac2;color:#a18462}
.boutique-mode .shop-filter button{font-size:9px;background:#e9e6d4;color:#88916b;min-height:29px;padding:7px 9px}.boutique-mode .shop-filter button[aria-pressed=true]{background:#cbd5b5;color:#63734b}
.boutique-mode .shop-grid{display:flex;gap:11px;overflow-x:auto;padding:0 1px 12px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c7a783 #f0e1ca;align-items:stretch}
.boutique-mode .shop-item{flex:0 0 155px;min-width:0;scroll-snap-align:start;padding:8px;border-radius:12px;border:1px solid #dfcbae;background:#fff8eb;box-shadow:0 4px 0 #d6ba944d;position:relative;overflow:hidden}
.boutique-mode .shop-item:before{content:'';position:absolute;left:20%;right:20%;height:2px;top:8px;background:#d5b683;z-index:2;opacity:.4}
.boutique-mode .shop-item.equipped{border-color:#a5b48b;background:#f0f0df}.boutique-mode .shop-item.trying{border-color:#bc906a;background:#fff2dd;box-shadow:0 0 0 1px #bc906a}
.boutique-mode .shop-item .shop-illustration.full-outfit{height:133px;background:radial-gradient(ellipse at 50% 30%,#fffaf0,#ede0c9);border-radius:9px}
.boutique-mode .shop-item h3{font-family:Georgia,serif;font-size:14px;font-weight:normal;color:#8b6c52;margin:9px 0 5px;line-height:1.2}.boutique-mode .shop-item p{font-size:9px;line-height:1.5;color:#ac967c;margin-bottom:5px}
.boutique-mode .shop-item .try-item{font-size:9px;color:#a88561;min-height:28px;padding:5px 0}.boutique-mode .shop-item .buy-item{background:#d8dfc3;color:#738057;font-size:10px;min-height:33px;border-radius:8px;font-weight:normal;margin-top:3px}
.boutique-mode .owned-badge{font-size:7px;top:6px;right:5px;background:#fff8e9e8;color:#8c956e;padding:4px 5px}
.boutique-note{font-size:9px;line-height:1.6;color:#ad9478;margin:10px 0 0}.boutique-mode .shop-empty{flex:1;min-width:100%;background:#f1e6d0;color:#a18462;padding:14px}
@media(min-width:700px){
 .boutique-layout{grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:100%;height:100%}
 .boutique-stock{border-top:0;border-left:5px solid #bb9067;padding:22px 17px;box-shadow:-4px 0 0 #e9cba4,-9px 0 25px #7151341f}
 .boutique-art img{object-position:75% center}.boutique-brand{left:50%;top:15%;width:43%;max-width:300px}.boutique-brand strong{font-size:clamp(24px,3.3vw,44px)}.boutique-brand small{font-size:9px}
 .cashier-chat{top:46%;right:4%;max-width:240px;padding:13px 15px}.cashier-chat>strong{font-size:12px}#cashier-speech{font-size:12px;line-height:1.6}.cashier-invite{font-size:9px}
 .boutique-fitting-space{top:50%;left:1%;width:56%;height:45%}.boutique-fitting-space .preview-actor{width:calc(clamp(210px,25vw,340px)*var(--life-size,1))}
 .boutique-mode .fitting-stages{left:24px;bottom:24px}.boutique-mode .fitting-stages button{min-height:34px;padding:8px 13px;font-size:10px}.boutique-fitting-tag{bottom:27px;right:24px;font-size:10px}
 .boutique-mode .shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;overflow:visible;padding-bottom:6px}.boutique-mode .shop-item{width:auto}
 .boutique-mode .shop-item .shop-illustration.full-outfit{height:128px}.boutique-mode .fitting-caption strong{font-size:23px}.boutique-eyebrow{font-size:9px}.boutique-mode .outfit-includes{font-size:11px}
 .boutique-mode .shop-filter{margin:18px 0 12px}.boutique-note{font-size:10px}.boutique-mode .shop-item h3{font-size:14px}
}
@media(min-width:1300px){.boutique-layout{grid-template-columns:minmax(0,1fr) 390px}.boutique-stock{padding:24px}.boutique-mode .shop-item .shop-illustration.full-outfit{height:150px}}
@media(max-width:350px){.boutique-mode .modal-heading{top:10px;left:10px}.boutique-mode .modal-heading #close-modal{min-width:77px;padding:0 8px;height:34px}.boutique-mode #close-modal:after{font-size:9px}.boutique-wallet{top:10px;right:10px;height:34px;padding-right:9px}.boutique-wallet strong{font-size:10px}.boutique-wallet .coin{width:23px;height:23px;font-size:17px}.cashier-chat{padding:7px 8px;top:42%}#cashier-speech{font-size:10px}.cashier-chat>strong{font-size:10px}.cashier-invite{font-size:7px}.boutique-mode .fitting-stages{left:10px;bottom:9px}.boutique-mode .fitting-stages button{padding:5px 7px;font-size:8px;min-height:27px}.boutique-fitting-tag{font-size:7px;right:8px;bottom:13px}.boutique-stock{padding:12px 10px}.boutique-mode .shop-item{flex-basis:143px}}
@media(max-height:540px) and (min-width:700px){.boutique-layout{grid-template-columns:minmax(0,1fr) 310px}.boutique-stock{padding:14px}.boutique-brand strong{font-size:24px}.boutique-brand small{font-size:6px;letter-spacing:.8px}.cashier-chat{top:43%;padding:8px;max-width:170px}#cashier-speech{font-size:10px;line-height:1.4}.cashier-chat>strong{font-size:10px;margin-bottom:3px}.cashier-invite{font-size:7px}.boutique-fitting-space .preview-actor{width:calc(190px*var(--life-size,1))}.boutique-mode .fitting-stages{left:14px;bottom:12px}.boutique-mode .fitting-stages button{font-size:8px;padding:5px 7px;min-height:27px}.boutique-fitting-tag{bottom:16px;right:12px;font-size:8px}.boutique-wallet{height:34px;right:12px;top:12px}.boutique-wallet strong{font-size:10px}.boutique-mode .modal-heading{top:12px;left:12px}.boutique-mode .modal-heading #close-modal{min-width:85px;height:34px;font-size:10px}}