.item-pet-info{display:grid;gap:5px;margin:10px 0;padding:10px;border:1px solid #77608b;border-left:3px solid #bc9ce4;background:linear-gradient(110deg,#32233f,#191321);white-space:normal;overflow-wrap:break-word}
.item-pet-info>span{color:#d9bb8c;font:10px/1.4 Txt,sans-serif;letter-spacing:.7px}
.item-pet-info>strong{color:#d9b9ff;font:14px/1.4 Txt,sans-serif}
.item-pet-info>p{margin:0!important;color:#d9d0df;font:12px/1.5 Txt,sans-serif!important}
.item-pet-info>p b{color:#a9ddd0}
.item-pet-info>small{display:block;color:#beb0cc;font:12px/1.5 Txt,sans-serif}
#bag-actions .bag-action-info small{line-height:1.4}
.economy-tabs{display:flex;gap:7px;border-bottom:1px solid #69506a;padding-bottom:10px}.economy-tabs button{flex:1}.economy-tabs [aria-pressed=true]{background:#6a4b55;color:#ffe0a0}.economy-summary{display:flex;flex-wrap:wrap;gap:12px 24px;padding:12px 0;color:#cbbccc;font:14px Txt}.economy-summary b{color:#e8ca8e}
.shop-npc{background-size:576px 112px;background-repeat:no-repeat;background-position:0 0;flex:none}
#economy-panel .game-window{width:min(1120px,100%);background:#211829;box-shadow:inset 0 0 0 2px #594454,0 8px 40px #0008}#economy-panel section{min-width:0}#economy-panel label{display:flex;flex-direction:column;gap:6px;font:13px Txt;color:#d4c5d9}#economy-panel input,#economy-panel select{background:#100b18;border:1px solid #775e79;color:#eaddec;padding:8px;font:14px Txt;min-width:0;max-width:100%;box-sizing:border-box}#economy-panel form{display:flex;flex-direction:column;align-items:stretch;gap:12px}#economy-panel button{font:16px Pix}#economy-panel h3{margin:8px 0 12px}#economy-panel p{font:14px/1.6 Txt}#economy-panel footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px;border-top:1px solid #59445d;padding-top:12px}
.economy-split{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}.item-detail{background:#17111f;border:1px solid #5d4863;padding:14px;min-width:0;position:sticky;top:0}.item-detail-heading{display:flex;align-items:center;gap:10px}.item-detail h3{font:22px Pix;margin:0 0 5px}.item-detail small{font:12px/1.5 Txt;color:#c4adca}.item-detail-icon{width:48px;height:48px;object-fit:contain;image-rendering:pixelated;background:#24172d;padding:6px;border:1px solid #715777;flex:none}.item-doll-stage{display:flex;justify-content:center;background:radial-gradient(ellipse at 50% 85%,#8a6b5d55,#281d3555 40%,#100c18 80%);border-bottom:2px solid #ad8857;margin-top:14px}.item-doll-stage canvas{width:144px;height:168px;image-rendering:pixelated}.item-directions{display:flex;justify-content:center;gap:2px;margin:8px 0}.item-directions button{font-size:12px!important;padding:6px!important;margin:1px!important}.item-binding{color:#c7a4d9!important;font-size:12px!important}.item-stats{font:13px Txt}.item-stats>div{display:flex;justify-content:space-between;border-bottom:1px solid #49364d;padding:6px 0}.item-stats dd{color:#b7d79c;margin:0}.item-empty-preview{padding:35px 10px;text-align:center;font:14px/1.7 Txt;color:#ae9bb7}
.item-tile{position:relative;display:flex;align-items:center;gap:10px;text-align:left;min-width:0;border:1px solid var(--rarity)!important;background:#241b2e!important;color:var(--rarity)!important;padding:10px!important;margin:0!important;box-sizing:border-box;width:100%;cursor:pointer}.item-tile:hover,.item-tile:focus-visible{background:#473044!important;box-shadow:inset 3px 0 var(--rarity)}.item-art{position:relative;display:flex;align-items:center;justify-content:center;background:#110c19;border:1px solid #58415e;width:44px;height:44px;flex:none}.item-art>img:not(.item-lock){width:32px;height:32px;object-fit:contain;image-rendering:pixelated}.item-lock{position:absolute!important;right:0;top:0;width:12px!important;height:12px!important;image-rendering:pixelated}.item-quantity{position:absolute;right:2px;bottom:0;color:#fff;font:13px Txt;text-shadow:1px 1px #000}.item-caption{font:15px/1.35 Txt;overflow-wrap:anywhere}.item-caption small{display:block;color:#e5ce9d;font:12px/1.5 Txt;margin-top:5px}.shop-shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:530px;overflow:auto;padding:3px}.shop-card{background:#17111f;border:1px solid #4e3b58;padding:8px;min-width:0}.shop-card>.item-tile{min-height:80px}.shop-card>button:last-child{width:100%;margin:8px 0 0}.shop-heading{display:flex;gap:18px;align-items:center;margin-bottom:18px;padding:12px;background:#17111f;border-bottom:2px solid #8b6c4e}.shop-npc{width:96px;height:112px;object-fit:none;object-position:0 0;image-rendering:pixelated}.shop-heading h3{color:#e7c38a}.shop-heading p{margin:4px 0}.shop-heading b{color:#d5b779;font:14px Txt}
.storage-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 230px;gap:16px;align-items:start}.storage-layout h3{font-size:18px}.storage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;background:#130e1c;border:1px solid #69516c;padding:9px;min-height:80px;max-height:430px;overflow:auto}.storage-cell{position:relative;min-width:0;min-height:58px;background:#1f1729;border:1px solid #46334e;display:flex;flex-direction:column;align-items:center}.storage-cell>.item-tile{padding:4px!important;height:54px;min-height:54px;justify-content:center}.storage-cell .item-caption{display:none}.storage-cell .item-art{border:0;background:none}.storage-cell>button:not(.item-tile){font-size:11px!important;padding:4px 2px!important;margin:2px!important;width:95%}.overflow-cell{border-color:#d78b77;box-shadow:inset 0 0 0 2px #b4435355}.empty-cell{background:repeating-linear-gradient(135deg,#181121,#181121 5px,#1c1425 5px,#1c1425 10px)}.economy-forms{display:flex;flex-wrap:wrap;gap:25px;margin-top:16px}.economy-forms form{flex-direction:row!important;align-items:end!important}
.trade-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:15px}.trade-columns>section{background:#17111f;border:1px solid #614865;padding:12px}.trade-state{color:#d8c38d;padding:6px;background:#352634}.trade-state.locked{color:#b3d4a0;background:#29392d}.trade-offered{display:grid;grid-template-columns:1fr 1fr;gap:7px;min-height:80px;margin:10px 0}.trade-offered .item-caption{font-size:12px}.trade-bag{max-height:220px;overflow:auto;margin-bottom:12px}.trade-choice{display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important;padding:8px;background:#261a31;border-bottom:1px solid #513959}.trade-choice>img{width:24px;height:24px;object-fit:contain;image-rendering:pixelated}.trade-choice input[type=checkbox]{width:18px;height:18px;flex:none}.trade-choice input[type=number]{width:65px;margin-left:auto}.trade-invitation{text-align:center;padding:25px}.market-list article{display:flex;gap:12px;align-items:center;padding:10px;background:#17111f;border-bottom:1px solid #5c4460}.market-list article>.item-tile{width:55%;flex:none}.market-list small{display:block;font:12px/1.6 Txt;color:#c9b8cc}.market-list{max-height:480px;overflow:auto}.market-filters{display:grid!important;grid-template-columns:2fr 1fr 1fr 70px 1fr 1fr;gap:8px!important;margin:15px 0}.market-filters>button{grid-column:1/-1}
#bag{grid-template-columns:repeat(5,minmax(0,1fr))}#bag .b{position:relative}#bag .b .item-quantity{bottom:1px;right:2px}#bag .locked-bag-slot{border-color:#845566;background:#3d2335}#bag .locked-bag-slot:empty:after{content:'×';position:absolute;inset:0;display:grid;place-items:center;color:#8d687d}#bag-capacity{font:13px Txt;color:#d9bd89;padding:7px 0}#premium-status{font:11px Txt;color:#ebce8c;display:block}
@media(max-width:950px){.storage-layout{grid-template-columns:1fr 1fr}.storage-layout>.item-detail{grid-column:1/-1;position:static}.storage-layout .item-doll-stage{display:none}.storage-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.economy-split{grid-template-columns:minmax(0,1fr) 230px}.market-filters{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:640px){#economy-panel .game-window{padding:10px}.economy-split{grid-template-columns:1fr}.item-detail{position:static}.shop-shelf{max-height:300px}.storage-layout{gap:7px}.storage-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;gap:3px;max-height:330px}.trade-columns{gap:8px}.trade-offered{grid-template-columns:1fr}.market-filters{grid-template-columns:1fr 1fr}.item-caption{font-size:12px}.item-art{width:32px;height:32px}.item-art>img:not(.item-lock){width:28px;height:28px}.shop-heading{gap:8px}.shop-npc{display:none}.item-detail-icon{width:40px;height:40px}}
#equipment-sets{font:12px Txt;margin:10px 0;max-height:110px;overflow:auto}#equipment-sets>div{padding:7px;border:1px solid #5a455f;margin:4px 0}#equipment-sets b{color:#c3a6dc}#equipment-sets span{display:block;color:#8e8298;margin-top:4px}#equipment-sets .set-active{color:#b5d58a}
#cash-shop-open{position:absolute;left:12px;top:145px;display:grid;grid-template-columns:32px 1fr;align-items:center;gap:2px 8px;width:205px;padding:10px 12px;color:#ffe4aa;border:1px solid #c99c60;background:linear-gradient(125deg,#503342,#201626 60%,#3a2535);box-shadow:inset 0 0 0 3px #17101e,0 3px 12px #0008;cursor:pointer;text-align:left;pointer-events:auto;isolation:isolate;overflow:hidden}#cash-shop-open:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#f9db9522 48%,transparent 60%);transform:translateX(-100%);animation:cash-sheen 7s ease-in-out infinite;z-index:-1}#cash-shop-open:hover{border-color:#ffe2a8;box-shadow:inset 0 0 0 3px #17101e,0 0 18px #c3835a55}#cash-shop-open>span{font:11px Pix;letter-spacing:1px}#cash-shop-open small{display:block;font:21px Pix;letter-spacing:1px;margin-top:3px}#cash-shop-open b{grid-column:2;color:#d6abc6;font:12px Txt}.cash-gem{font:32px serif;color:#f1bf77;text-shadow:0 0 12px #d36b6c;grid-row:span 2;font-style:normal}.cash-hero{display:flex;align-items:center;gap:22px;padding:24px;margin:0 0 24px;background:radial-gradient(ellipse at left,#72445166,transparent 70%),#18101f;border:1px solid #a67e53;border-bottom:3px solid #c6a16b}.cash-hero h3{font:36px Pix!important;color:#ffe1a0;margin:6px 0!important}.cash-hero small{color:#c49fbc;font:11px Txt;letter-spacing:2px}.cash-hero p{margin:6px 0;color:#cdbccf}.cash-sigil{font:70px serif;color:#e8ba78;text-shadow:0 0 35px #e3666f66}.cash-purse{margin-left:auto;text-align:right;flex:none}.cash-purse b{display:block;color:#ffe2a2;font:32px Pix;margin-top:8px}.cash-purse b span{font-size:18px}.cash-product{padding:20px;border:1px solid #9c7157;background:linear-gradient(150deg,#392437,#19111f 70%);position:relative}.cash-product>.item-tile{margin:10px 0!important;border-color:#9c7954!important;background:#1a1222!important}.cash-product .item-art{width:70px;height:70px}.cash-product .item-art>img:not(.item-lock){width:52px;height:52px}.cash-product .item-caption{font-size:18px}.cash-product p{color:#c9b7cc}.cash-tag{color:#deb67b;font:12px Txt;letter-spacing:2px}.cash-product form{display:grid!important;grid-template-columns:100px 1fr;align-items:end!important;gap:15px!important}.cash-product form>button{min-height:43px;color:#ffe6a3;background:linear-gradient(#73404c,#452533);border:1px solid #d2aa6c}.cash-note{color:#bda7c3;padding:12px;border-left:2px solid #81634c}@keyframes cash-sheen{0%,70%{transform:translateX(-100%)}100%{transform:translateX(100%)}}#hud:has(.game-dialog:not(.hidden),#character-menu:not(.hidden),#inv:not(.hidden)) #cash-shop-open{visibility:hidden}
@media(max-width:700px){#cash-shop-open{top:145px;width:160px;padding:8px;grid-template-columns:23px 1fr}#cash-shop-open small{font-size:18px}#cash-shop-open>span{font-size:8px}.cash-gem{font-size:24px}.cash-hero{padding:12px;gap:10px;flex-wrap:wrap}.cash-sigil{font-size:40px}.cash-hero h3{font-size:27px!important}.cash-purse{margin-left:0;text-align:left}.cash-product{padding:12px}.cash-product form{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#cash-shop-open:before{animation:none}}
#bag .b{user-select:none;touch-action:none}#bag .b[draggable="true"]{cursor:grab}#bag .b[draggable="true"]:active{cursor:grabbing}#bag .b.selected{outline:2px solid #f4d287;outline-offset:1px;box-shadow:0 0 12px #d69d5866;background:#443046}#bag .b.no-drop img{filter:saturate(.65)}
#bag-actions{display:flex;align-items:center;gap:10px;min-height:46px;margin-top:9px;padding:8px;background:linear-gradient(100deg,#211727,#302135);border:1px solid #6e5368;box-shadow:inset 0 0 0 2px #17101d;color:#bbaec0;font:12px Txt}#bag-actions>img{width:36px;height:36px;object-fit:contain;image-rendering:pixelated;background:#130e19;border:1px solid #59445d;padding:3px;box-sizing:border-box;flex:none}.bag-action-info{display:grid;gap:4px;min-width:0;flex:1}.bag-action-info b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:13px Pix}.bag-action-info small{color:#c0b0c5;font:11px Txt}.bag-action-buttons{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}.bag-action-buttons button{font:11px Pix;padding:7px 8px;min-height:30px;margin:0;cursor:pointer}.bag-action-buttons button:disabled{opacity:.45;cursor:not-allowed}.bag-action-buttons .bag-trash{display:grid;place-items:center;width:34px;height:34px;padding:5px;color:#ffa5a0;border-color:#8c4d57;background:#3b202d}.bag-action-buttons .bag-trash:hover,.bag-action-buttons .bag-confirm-destroy{color:#fff0df;background:#a13d4b;border-color:#ef9a8e}.bag-trash svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#inventory-drop-hint{position:fixed;z-index:250;left:50%;top:72%;transform:translate(-50%,-50%);padding:12px 20px;border:2px solid #d8bc83;background:linear-gradient(110deg,#332236ed,#572d3ded);box-shadow:0 0 0 3px #140f1ddd,0 0 28px #d78a5877;color:#ffe3a3;text-shadow:2px 2px #241221;font:15px Pix;pointer-events:none;animation:drop-hint-pulse 1s ease-in-out infinite alternate}#inventory-drop-hint.hidden{display:none}@keyframes drop-hint-pulse{to{box-shadow:0 0 0 3px #140f1ddd,0 0 38px #eeb66a99}}

/* Loja Cash: catálogo paginado, sem rolagem de janela. */
#bag .b.stack-possible{outline:1px solid #91bd9a;outline-offset:-4px;background:#25342d}
html #bag .b.stack-target{z-index:4;border-color:#f7d77a!important;outline:2px solid #f7d77a;outline-offset:1px;box-shadow:inset 0 0 10px #efd18b66,0 0 12px #d3a55188;background:#55402d}
#bag-drag-ghost{position:fixed;z-index:270;width:44px;height:44px;display:grid;place-items:center;pointer-events:none;background:#231a30e8;border:2px solid #edcd8b;box-shadow:0 3px 12px #0009}
#bag-drag-ghost img{width:32px;height:32px;image-rendering:pixelated}
.bag-action-buttons .bag-split,.bag-action-buttons .bag-split-confirm,.bag-action-buttons .bag-split-cancel{display:grid;place-items:center;width:34px;height:34px;padding:5px;color:#d8c6ff;border-color:#806a9d;background:#30243f}.bag-action-buttons .bag-split:hover{color:#fff1bd;border-color:#f1cf83;background:#584437}.bag-split svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bag-action-buttons .bag-split-confirm{color:#d9f0c0;border-color:#7b9c69;background:#293b31}.bag-action-buttons .bag-split-cancel{color:#ffc0b3;border-color:#9f6670;background:#422430}.bag-split-count{display:flex;align-items:center;gap:5px;color:#e6d29b;font:10px Pix}.bag-split-count input{width:48px;height:30px;box-sizing:border-box;padding:3px 4px;border:1px solid #9e825d;background:#130e19;color:#fff0cc;font:13px Pix;text-align:center}
#bag-drag-ghost b{position:absolute;right:2px;bottom:0;font:14px Pix,monospace;color:#ffedb4;text-shadow:1px 1px #110b18}
#economy-panel.cash-store .game-window{box-sizing:border-box;height:min(700px,calc(100dvh - 120px));max-height:calc(100dvh - 40px)!important;display:flex;flex-direction:column;overflow:hidden!important;padding:14px}
#economy-panel.cash-store .game-window>header{flex:none;position:static;padding:0 0 8px;margin:0 0 10px;min-height:32px}
#economy-panel.cash-store header h2{font-size:22px}
#economy-panel.cash-store button{margin:0;font-family:Pix,sans-serif}
#economy-panel.cash-store .game-content{flex:1;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px;overflow:hidden;font-family:Txt,sans-serif}
#economy-panel.cash-store .cash-hero{padding:10px 16px;margin:0;gap:14px;flex-wrap:nowrap}
#economy-panel.cash-store .cash-hero h3{font-size:27px!important}
#economy-panel.cash-store .cash-sigil{font-size:40px}
#economy-panel.cash-store .cash-hero small{font:10px Txt,sans-serif;letter-spacing:1px}
#economy-panel.cash-store .cash-purse{margin-left:auto;text-align:right}
#economy-panel.cash-store .cash-purse b{font-size:25px;margin:3px 0}
.cash-categories{display:flex;gap:8px}.cash-categories button{min-width:110px;display:flex;align-items:center;justify-content:center;gap:12px}.cash-categories small{font:12px Txt,sans-serif;color:#bd9acb}
#economy-panel.cash-store [aria-pressed=true]{color:#ffe5a4;filter:brightness(1.2);outline:1px solid #e8be75;outline-offset:-3px}
.cash-catalog{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;min-height:0}
.cash-browse{display:grid;grid-template-rows:minmax(0,1fr) 36px;gap:10px;min-height:0}
.cash-grid{display:grid;grid-template-columns:repeat(var(--cash-columns),minmax(0,1fr));grid-template-rows:repeat(var(--cash-rows),minmax(0,1fr));gap:10px;min-height:0}
#economy-panel.cash-store .cash-card{min-height:0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:9px;background:radial-gradient(ellipse at 50% 45%,#59405d66,#1b1224 80%)!important;border:1px solid #775b80!important;border-image:none!important;box-shadow:inset 0 0 0 3px #201528;transition:background .15s,box-shadow .15s}
#economy-panel.cash-store .cash-card:hover{box-shadow:inset 0 0 0 3px #44304f,0 0 12px #caa16233}
.cash-card b{font:15px/1.15 Pix,sans-serif;text-align:center;color:#eddbed;overflow-wrap:anywhere}
.cash-card-rarity,.cash-egg-label{font:10px Txt,sans-serif;color:#baa1cc}.cash-card-price{font:17px Pix,sans-serif;color:#f5d38c}.cash-card-price small{font:11px Txt,sans-serif;color:#d0b997}
.cash-card-art{display:grid;place-items:center;min-height:0;flex:1;width:100%;max-height:80px;background:radial-gradient(ellipse,#a27aa322,transparent 65%)}.cash-card-art>img{width:48px;height:48px;image-rendering:pixelated;object-fit:contain}
.cash-pet-sprite{display:block;flex:none;width:64px;height:64px;background:url(/client/assets/pets/pets.png?v=20261027-almas) 0 calc(var(--pet-row) * -64px)/512px auto no-repeat;image-rendering:pixelated;filter:drop-shadow(0 4px 3px #0008)}
.cash-pagination{display:flex;justify-content:center;align-items:center;gap:20px;color:#e9cc95;font:16px Pix,sans-serif}.cash-pagination button{padding:5px 18px!important;min-height:32px}
.cash-inspect{min-width:0;min-height:0;display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid #97764e;background:linear-gradient(145deg,#3a273d,#17101f 65%)}
.cash-detail-art{position:relative;display:grid;place-items:center;flex:1;min-height:48px;max-height:112px;background:radial-gradient(ellipse at 50% 75%,#b9905b33,transparent 70%);border-bottom:1px solid #735a45}
.cash-detail-art>.cash-pet-sprite{width:96px;height:96px;background-size:768px auto;background-position:0 calc(var(--pet-row) * -96px)}
.cash-detail-art>img{width:64px;height:64px;image-rendering:pixelated;object-fit:contain}.cash-detail-art>.cash-detail-egg{position:absolute;right:8px;bottom:6px;width:32px;height:32px;background:#1c1229;border:1px solid #614b6a;padding:4px}
#economy-panel.cash-store .cash-detail-copy h3{font:22px/1.1 Pix,sans-serif;margin:5px 0;color:#f7dba3}
#economy-panel.cash-store .cash-detail-copy p{font:13px/1.4 Txt,sans-serif;margin:6px 0;color:#cfbfd7}.cash-detail-copy>small{font:11px Txt,sans-serif;color:#b99bd2}
#economy-panel.cash-store .cash-detail-copy .cash-benefit{color:#b9d79b}
#economy-panel.cash-store .cash-inspect form{display:grid;grid-template-columns:70px minmax(0,1fr);gap:6px;align-items:end;margin-top:auto}
#economy-panel.cash-store .cash-inspect form button{min-height:38px;padding:6px;font-size:14px;color:#ffe4a0}
.cash-afford{grid-column:1/-1;color:#eeaa99!important;font:11px Txt,sans-serif;min-height:13px}.cash-account-note{text-align:center;font:11px Txt,sans-serif;color:#ae98b7}
@media(max-width:950px){.cash-catalog{grid-template-columns:minmax(0,1fr) 240px;gap:10px}}
@media(max-width:640px) and (min-height:650px){
 #economy-panel.cash-store .game-window{height:calc(100dvh - 26px);padding:8px}.cash-catalog{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:8px}.cash-inspect{display:grid;grid-template-columns:64px minmax(0,1fr);gap:6px;padding:8px}.cash-detail-art{height:64px;min-height:0;border:0}.cash-detail-art>.cash-pet-sprite{width:64px;height:64px;background-size:512px auto;background-position:0 calc(var(--pet-row) * -64px)}.cash-detail-art>.cash-detail-egg{width:20px;height:20px;right:-4px;bottom:-4px;padding:1px}.cash-inspect form{grid-column:1/-1}.cash-card-art{max-height:64px}
 #economy-panel.cash-store .cash-hero{padding:6px;gap:6px}#economy-panel.cash-store .cash-sigil{display:none}#economy-panel.cash-store .cash-hero h3{font-size:21px!important}#economy-panel.cash-store .cash-hero small{font-size:8px;letter-spacing:0}#economy-panel.cash-store .cash-purse b{font-size:21px}.cash-account-note{font-size:10px}.cash-categories button{min-width:0;flex:1;padding:7px}.cash-grid{gap:6px}#economy-panel.cash-store .cash-card{gap:2px;padding:6px}.cash-card-rarity,.cash-egg-label{display:none}
}
@media(max-height:650px){
 #economy-panel.cash-store .game-window{height:calc(100dvh - 16px);max-height:calc(100dvh - 8px)!important;padding:6px}
 #economy-panel.cash-store .game-window>header{margin-bottom:4px;padding-bottom:3px;min-height:26px}#economy-panel.cash-store header h2{font-size:18px}#economy-panel.cash-store header button{padding:4px 8px;font-size:13px}
 #economy-panel.cash-store .game-content{gap:5px}#economy-panel.cash-store .cash-hero{padding:3px 10px;gap:6px}#economy-panel.cash-store .cash-hero h3{font-size:21px!important}#economy-panel.cash-store .cash-hero small,#economy-panel.cash-store .cash-sigil{display:none}#economy-panel.cash-store .cash-purse b{font-size:21px}
 .cash-categories button{padding:5px 12px;font-size:13px!important}.cash-catalog{grid-template-columns:minmax(0,1fr) minmax(200px,36%);gap:8px}.cash-inspect{gap:4px;padding:7px}.cash-inspect .cash-detail-art{display:none}#economy-panel.cash-store .cash-detail-copy h3{font-size:18px;margin:3px 0}#economy-panel.cash-store .cash-detail-copy p{font-size:11px;line-height:1.2;margin:4px 0}.cash-account-note{display:none}.cash-browse{gap:5px;grid-template-rows:minmax(0,1fr) 32px}.cash-card-rarity,.cash-egg-label{display:none}.cash-card b{font-size:13px}#economy-panel.cash-store .cash-inspect form{gap:3px}#economy-panel.cash-store .cash-inspect input{padding:5px}.cash-afford:empty{display:none}
}

@media(max-width:640px) and (max-height:649px){
 #economy-panel.cash-store{padding:4px}.cash-catalog{grid-template-columns:1fr;grid-template-rows:minmax(100px,1fr) auto}.cash-inspect{display:grid;grid-template-columns:minmax(0,1fr) minmax(145px,45%);gap:8px}.cash-inspect .cash-detail-copy{min-width:0}#economy-panel.cash-store .cash-inspect form{grid-template-columns:55px minmax(0,1fr);margin:0;align-self:center}.cash-card-art{max-height:50px}.cash-card-art .cash-pet-sprite{transform:scale(.75)}#economy-panel.cash-store .cash-detail-copy p{font-size:10px}.cash-categories button{flex:1;min-width:0}
}

/* troca no estilo "duas mochilas" (Claude, 19/10) — client/src/economy-ui.js tradeHtml() */
.tr-wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px;align-items:start}
.tr-box{background:#17111f;border:2px solid #4e3b58;box-shadow:inset 0 0 0 2px #0d0914;padding:10px 12px;margin-bottom:12px}
.tr-box.mine{border-color:#8b6c4e}
.tr-box header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.tr-box h3{margin:0;font:16px Pix;color:#e7c38a}
.tr-state{font:11px Pix;padding:4px 8px;background:#352634;color:#d8c38d}
.tr-state.ok{background:#27402c;color:#a9e39a;box-shadow:0 0 10px #6fd36f44}
.tr-slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.tr-slot{position:relative;aspect-ratio:1;max-height:96px;background:#110c19;border:2px solid var(--rarity,#3a2b45);box-shadow:inset 0 0 0 2px #0a0710,inset 0 -26px 30px -22px var(--rarity,#0000)}
.tr-slot.empty{border-color:#3a2b45;background:repeating-linear-gradient(135deg,#150f1e,#150f1e 6px,#19121f 6px,#19121f 12px)}
.tr-art{all:unset;box-sizing:border-box;width:100%;height:100%;display:grid;place-items:center;cursor:pointer}
.tr-art img,.tr-bag-item img{width:48px;height:48px;image-rendering:pixelated}
.tr-n{position:absolute;right:4px;bottom:2px;font:14px Pix;color:#fff;text-shadow:1px 1px #000}
.tr-ref{position:absolute;left:4px;top:2px;font:14px Pix;color:#f7d77a;text-shadow:1px 1px #000}
html .tr-x{position:absolute;top:-9px;right:-9px;width:22px;height:22px;min-width:0;padding:0;margin:0;font:14px/1 Pix;background:#5a2230;border:1px solid #e08080;border-image:none;color:#fff;z-index:2;cursor:pointer}
html .tr-x:hover{background:#8a2c3c}
html .tr-qty{position:absolute;left:3px;right:3px;bottom:3px;width:auto;height:20px;min-height:0;box-sizing:border-box;padding:0 3px;margin:0;font:12px Txt;text-align:center;background:#0d0914e8;border:1px solid #6e576a;z-index:1}
.tr-slot:has(.tr-qty) .tr-n{display:none}
.tr-box footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}
.tr-gold{display:flex!important;flex-direction:row!important;align-items:center;gap:6px!important;margin:0!important;font:16px Pix;color:#f7d77a}
.tr-gold svg{width:24px;height:24px;flex:none}
.tr-gold input{width:110px;margin:0;font:15px Pix}
.tr-gold small{font:11px Txt;color:#c4adca}
html .tr-box footer button{min-width:160px;margin:0;font:16px Pix;color:#fff;background:linear-gradient(#3f8a4a,#25592f);border:2px solid #9fe39a;border-image:none}
html .tr-box footer button:hover:not(:disabled){background:linear-gradient(#4fa55b,#2c6b38);color:#fff}
html .tr-box footer button:disabled{background:#2a2433;border-color:#5b4a63;color:#a99bb2;filter:none}
.tr-help{font:12px/1.5 Txt;color:#bfaecb;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0}
.tr-help button{margin:0}
.tr-right h3{font:16px Pix;color:#e7c38a;margin:0 0 8px}.tr-right h3 small{font:11px Txt;color:#b6a4bd;margin-left:6px}
.tr-bag{display:grid;grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:6px;max-height:290px;overflow:auto;padding:6px;background:#110c19;border:1px solid #4e3b58;margin-bottom:10px}
html .tr-bag-item{position:relative;aspect-ratio:1;display:grid;place-items:center;min-width:0;padding:0;margin:0;background:#1d1529;border:2px solid var(--rarity);border-image:none;box-shadow:inset 0 0 0 2px #0b0712;cursor:pointer}
html .tr-bag-item:hover:not(:disabled){background:#3a2840;border-color:#f7d77a}
.tr-bag-item.on{opacity:.45}
html .tr-bag-item:disabled{opacity:.35;filter:grayscale(1);cursor:not-allowed}
.tr-check{position:absolute;right:3px;top:1px;font:14px Pix;font-style:normal;color:#9fe39a}
.tr-wrap.both .tr-box.mine footer button:not(:disabled){animation:tr-pulse 1s ease-in-out infinite}
@keyframes tr-pulse{50%{box-shadow:0 0 18px #9fe39a}}
@media(max-width:760px){.tr-wrap{grid-template-columns:1fr}.tr-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.tr-right .item-detail{display:none}.tr-art img,.tr-bag-item img{width:32px;height:32px}.tr-bag{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));max-height:200px}.tr-slots{gap:6px}html .tr-box footer button{min-width:0}}

/* itens maiores na mochila e no equipamento (Claude, 19/10) — só no computador; ícones 16 px ×3 = 48 px nítidos */
html #inv{width:452px}
html #bag{--cell:62px}
html #bag .b img{width:48px;height:48px}
html #bag .b .item-quantity{font-size:15px}
html .eq{width:62px;height:62px}
html .eq img{width:48px;height:48px}
html .eq:has(img[style*="visible"]) .lab{display:none}
html #bag-drag-ghost{width:60px;height:60px}
html #bag-drag-ghost img{width:48px;height:48px}
/* ===== Casa de Leilões · Anunciar: grade de itens igual à mochila (Claude, 19/10) ===== */
.mk-list h3{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:4px 0 8px}
.mk-list h3 small{font:12px Txt,sans-serif;color:#a99bb6;letter-spacing:0}
.mk-grid{display:grid;grid-template-columns:repeat(8,44px);gap:0;padding:2px 2px 0 0;margin-bottom:12px;max-height:186px;overflow:auto;width:max-content;max-width:100%}
.mk-slot{position:relative;box-sizing:border-box;width:44px;height:44px;margin:0 -2px -2px 0!important;padding:0!important;display:grid;place-items:center;
  border:2px solid #0b0712!important;border-image:none!important;background:#1d1529!important;box-shadow:inset 2px 2px 0 #0b071299,inset -2px -2px 0 #3d2c56;cursor:pointer}
button.mk-slot{border-color:color-mix(in srgb,var(--rarity) 70%,#0b0712)!important;z-index:1;transition:transform .12s,background .12s}
button.mk-slot:hover:not(:disabled){background:#2a1f38!important;border-color:#f7d77a!important;z-index:3;transform:translateY(-2px)}
.mk-slot.on{border-color:#f7d77a!important;background:#3a2a1a!important;z-index:4;box-shadow:0 0 0 2px #f7d77a,0 0 12px #f7d77a88,inset 0 0 10px #f7d77a44!important}
.mk-slot.locked{opacity:.38;cursor:not-allowed;filter:grayscale(.7)}
.mk-slot img{width:30px;height:30px;image-rendering:pixelated;pointer-events:none}
.mk-slot b{position:absolute;right:2px;bottom:0;font:12px Pix,monospace;color:#efe6d6;text-shadow:1px 1px 0 #1a1126}
.mk-slot i{position:absolute;left:1px;top:-1px;font-size:9px;font-style:normal}
.mk-form{display:flex;flex-direction:column;gap:8px}
.mk-picked{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#17111f;border:2px solid var(--rarity)}
.mk-picked .mk-slot{cursor:default;margin:0!important;box-shadow:none!important}
.mk-picked b{display:block;color:var(--rarity);font:16px Pix,monospace}.mk-picked small{color:#a99bb6}
.mk-none{color:#a99bb6}
.mk-qty,.mk-price{display:flex!important;flex-direction:column;gap:4px}
.mk-qty span,.mk-price span{display:flex;align-items:center;gap:8px}
.mk-qty input[type=range]{flex:1;accent-color:#f7d77a}
.mk-qty input[type=number]{width:80px;text-align:center}
.mk-price input{width:140px;font-size:18px!important;text-align:right}.mk-price em{color:#f7d77a;font-style:normal}
.mk-math{margin:0;color:#d8c38d;font-size:13px}.mk-math b{color:#9be37a}.mk-hint{margin:0;color:#a99bb6;font-size:12px}
.mk-hours{display:flex;gap:6px;flex-wrap:wrap}
.mk-hours button{min-width:56px}
.mk-hours button[aria-pressed=true]{border-color:#f7d77a!important;color:#ffe9a8!important;background:linear-gradient(#4c3341,#2c202e)!important;box-shadow:inset 0 -3px #cba069}
.mk-submit{margin-top:6px;font-size:18px!important;padding:10px!important}
@media(max-width:640px){.mk-grid{grid-template-columns:repeat(6,44px)}}
.mk-cols{display:grid;grid-template-columns:auto minmax(220px,1fr);gap:16px;align-items:start}
.mk-left .mk-grid{max-height:360px}
#economy-panel .economy-split.mk-list{grid-template-columns:minmax(0,1fr) 250px}
@media(max-width:1100px){.mk-cols{grid-template-columns:1fr}}
/* traje na Loja Cash: boneco andando com o traje (Claude, 19/10) */
.cash-detail-art.cash-costume{position:relative;background:radial-gradient(ellipse at 50% 80%,#3b6b5f55,#21162c 55%,#120c18);overflow:hidden}
.cash-costume-doll{width:96px;height:112px;image-rendering:pixelated;filter:drop-shadow(0 0 8px #8fffd855)}
@media(min-height:640px) and (min-width:700px){.cash-detail-art.cash-costume{flex:none;height:120px;max-height:none}}

/* Loja Cash: habilidade do pet (Claude, 19/10) */
.cash-pet-skill{display:flex;gap:10px;align-items:center;margin:8px 0 6px;padding:8px 10px;background:#0f0b16;border:1px solid #5d4863}
.cash-pet-skill i{font-style:normal;font-size:24px;width:30px;text-align:center}
.cash-pet-skill small{display:block;font:11px Pix,monospace;color:#a99bb6;letter-spacing:1px}
.cash-pet-skill b{display:block;font:16px Pix,monospace;color:#efe6d6}
.cash-pet-skill span{display:block;font-size:13px;color:#d8cde4}
.cash-pet-skill.pet-skill-faisca i,.cash-card-skill.pet-skill-faisca{color:#ffd28a}
.cash-pet-skill.pet-skill-cura i,.cash-card-skill.pet-skill-cura{color:#9cf2b8}
.cash-pet-skill.pet-skill-coleta i,.cash-card-skill.pet-skill-coleta{color:#8cecff}
.cash-pet-traits{margin:0 0 6px;padding-left:18px;font-size:12px;color:#bfb2cf}
.cash-card-skill{display:block;font:11px Pix,monospace;text-shadow:1px 1px 0 #0b0712}

/* ===== Loja Cash em qualquer tela (26/10) =====
   Antes: altura fixa + overflow:hidden. Com o texto longo dos pets o detalhe espremia/cobria os cards (celular em pé)
   e o COMPRAR saía da caixa (tablet). Agora: o detalhe rola por dentro, o COMPRAR fica preso embaixo dele e,
   no celular em pé, a loja inteira rola como uma página — nada fica cortado em nenhum tamanho de tela. */
#economy-panel.cash-store .cash-inspect{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#economy-panel.cash-store .cash-inspect form{position:sticky;bottom:-14px;z-index:2;margin-top:auto;padding:8px 0 2px;background:linear-gradient(#17101f00,#17101f 10px)}
#economy-panel.cash-store .cash-detail-art{flex:none;height:104px}
#economy-panel.cash-store .cash-detail-copy{flex:none}
@media(max-height:650px){#economy-panel.cash-store .cash-inspect form{bottom:-7px}}
@media(max-width:640px){
 #economy-panel.cash-store .game-content{display:flex;flex-direction:column;gap:8px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 #economy-panel.cash-store .game-content>*{flex:none}
 #economy-panel.cash-store .cash-catalog{display:flex;flex-direction:column;gap:8px;min-height:auto}
 #economy-panel.cash-store .cash-browse{grid-template-rows:auto 34px}
 #economy-panel.cash-store .cash-grid{grid-template-rows:none;grid-auto-rows:150px}
 #economy-panel.cash-store .cash-inspect{display:flex;flex-direction:column;overflow:visible;gap:6px}
 #economy-panel.cash-store .cash-detail-art{height:72px;border:0}
 #economy-panel.cash-store .cash-detail-art>.cash-pet-sprite{width:64px;height:64px;background-size:512px auto;background-position:0 calc(var(--pet-row) * -64px)}
 #economy-panel.cash-store .cash-inspect form{position:sticky;bottom:-8px;grid-template-columns:70px minmax(0,1fr);margin:0}
 #economy-panel.cash-store .cash-account-note{display:block}
}
@media(max-height:650px) and (min-width:641px){
 #economy-panel.cash-store .game-content{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 #economy-panel.cash-store .game-content>*{flex:none}
 #economy-panel.cash-store .cash-catalog{min-height:auto;grid-template-rows:auto;align-items:start}
 #economy-panel.cash-store .cash-browse{grid-template-rows:auto 32px}
 #economy-panel.cash-store .cash-grid{grid-template-rows:none;grid-auto-rows:136px}
 #economy-panel.cash-store .cash-inspect{overflow:visible;align-self:stretch}
 #economy-panel.cash-store .cash-inspect form{bottom:-6px}
}
/* cards curtos (tablet deitado, telas baixas): o card mede a própria altura e esconde o que é secundário em vez de
   deixar o pet por cima do nome; a raridade e "Ovo de companheiro" continuam no detalhe ao lado */
#economy-panel.cash-store .cash-card{container-type:size;overflow:hidden}
@container (max-height:185px){#economy-panel.cash-store .cash-card .cash-egg-label{display:none}}
@container (max-height:165px){#economy-panel.cash-store .cash-card .cash-card-rarity{display:none}}
@container (max-height:140px){#economy-panel.cash-store .cash-card .cash-pet-sprite{transform:scale(.75);margin:-8px}#economy-panel.cash-store .cash-card .cash-card-art>img{width:36px;height:36px}}
@container (max-height:112px){#economy-panel.cash-store .cash-card .cash-card-skill{display:none}}