/* Inventory, purchasing and communication belong to the same slate/gold HUD. */
.party-bar .party-slot[data-party-id]{touch-action:none;cursor:grab;user-select:none;-webkit-touch-callout:none}
.party-bar .party-slot.is-drag-source{opacity:.45;cursor:grabbing}
.party-bar .party-slot.is-drop-target{outline:2px solid #f5d681;outline-offset:-2px;background:#4b5139;transform:translateY(-3px)}
#toast[popover]{position:fixed;inset:auto 12px max(16px,env(safe-area-inset-bottom)) auto;transform:none;margin:0;max-width:min(440px,calc(100vw - 24px));width:max-content;white-space:normal;overflow-wrap:anywhere;background:#192b35;color:#fff3d0;border:1px solid #ddc380;box-shadow:0 4px 24px #0008;padding:14px 18px;border-radius:6px;z-index:9999}
#toast::backdrop{background:transparent;pointer-events:none}
.shop-summary{display:flex;align-items:center;gap:12px;padding:12px;background:#152833;border:1px solid #475765;border-radius:5px;margin-bottom:12px}.shop-summary img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}.shop-balance{margin-left:auto;color:#f3d58e;font-size:19px;font-variant-numeric:tabular-nums}
.shop-search{width:100%;padding:12px;border:1px solid #667784;border-radius:4px;background:#14242d;color:#eef3f4;font-size:16px}
.shop-tabs{display:flex;gap:6px;overflow-x:auto;padding:12px 0;scrollbar-width:thin}.shop-tabs button{white-space:nowrap;padding:10px 12px;min-height:44px;border:1px solid #536574;border-radius:4px;background:#203641}.shop-tabs [aria-selected=true]{background:#4a4a36;border-color:#dfc27e;color:#ffe4a0}
.shop-products{display:grid;gap:8px}.shop-product{display:grid;grid-template-columns:40px minmax(0,1fr) 60px auto;align-items:center;gap:12px;padding:12px;background:#1b2b35;border:1px solid #4c5d69;border-radius:5px}.shop-product img,.purchase-hero img,.tracked-item img{width:32px;height:32px;image-rendering:pixelated;object-fit:contain}.shop-product-info{display:grid;gap:6px;overflow-wrap:anywhere}.shop-product-info small{color:#bdc8cf;font-size:11px}.shop-product input{width:60px;min-height:44px;background:#101f28;color:#edf2f4;border:1px solid #77848b;border-radius:4px;padding:6px;font-size:16px}.shop-product button{min-height:44px;padding:8px 14px}.shop-empty{text-align:center;color:#b9c7cd;padding:30px}
dialog.purchase-confirm{width:420px;max-width:calc(100vw - 24px)}.purchase-content{padding:18px}.purchase-hero{display:flex;gap:14px;align-items:center;padding-bottom:18px}.purchase-hero span{margin-left:auto;color:#e0c584}.purchase-line{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #60738140;font-variant-numeric:tabular-nums}.purchase-line:last-child{color:#e9d294}.purchase-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px;flex-shrink:0}.purchase-actions button{min-height:44px;padding:10px 15px}
.hud-top .wallet{height:auto;display:flex;gap:4px;padding:4px;background:#142630ee;border-radius:8px;max-width:100%}.hud-top .wallet button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:38px;padding:5px 8px;background:transparent;border-radius:5px;font-size:12px;font-variant-numeric:tabular-nums}.hud-top .wallet button:hover,.hud-top .wallet button:focus-visible{background:#304653}.hud-top .wallet button img{width:24px;height:24px;object-fit:contain;image-rendering:pixelated}.wallet-money{color:#f1d391}.wallet-diamonds{color:#a1e4ef}.wallet-consumable{border-left:1px solid #a8c0c22b}.tracked-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.tracked-item{display:flex;gap:8px;align-items:center;min-height:52px;padding:8px;background:#1b303a;border:1px solid #526879;border-radius:4px;text-align:left}.tracked-item span{flex:1}.tracked-item[aria-pressed=true]{border-color:#ead290;background:#414733}.wallet-details{background:#182b34;padding:8px 16px;border-radius:4px}
@media(max-width:700px){
 .shop-product{grid-template-columns:32px minmax(0,1fr) 58px;gap:8px}.shop-product button{grid-column:2/4}.hud-top .wallet button{padding:4px;gap:3px;font-size:11px}.hud-top .wallet button img{width:20px;height:20px}
 body.mobile-chat-open #chat.open{position:fixed!important;top:calc(var(--chat-view-top,0px) + 6px)!important;left:6px!important;right:6px!important;bottom:auto!important;width:calc(100vw - 12px)!important;max-width:none!important;height:calc(var(--chat-view-height,100dvh) - 12px)!important;max-height:none!important;z-index:500;display:flex;flex-direction:column;border:1px solid #879d9d;background:#14232ffb;backdrop-filter:none;border-radius:8px;overflow:hidden;box-shadow:0 0 0 12px #07111ce0}
 body.mobile-chat-open #chatToggle{flex:0 0 52px;width:100%;padding:10px 54px 10px 14px;font-size:14px;touch-action:manipulation}body.mobile-chat-open #chat .chat-drag{display:none}body.mobile-chat-open #chat .chat-settings{position:absolute;right:8px;top:7px;width:38px;height:38px;padding:4px}
 body.mobile-chat-open #chat .chat-content{display:flex!important;flex-direction:column;flex:1;min-height:0;height:auto!important;overflow:hidden;padding:0 10px 10px}
 body.mobile-chat-open #chat .chat-tabs{display:flex;flex:0 0 auto;gap:6px;overflow-x:auto;white-space:nowrap;padding:8px 0;max-width:100%;scrollbar-width:thin}body.mobile-chat-open #chat .chat-tabs button{flex-shrink:0;min-height:42px;font-size:13px}
 body.mobile-chat-open #chatMessages{flex:1;min-height:0;height:auto!important;max-height:none!important;overflow-y:auto;overscroll-behavior:contain;padding:12px 4px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
 body.mobile-chat-open #chatForm{display:flex;flex:0 0 auto;gap:8px;margin:0;padding:8px 0 0;border-top:1px solid #8ca2ad40}body.mobile-chat-open #chatInput{flex:1;min-width:0;width:0;font-size:16px!important;min-height:48px;padding:12px;background:#0f1d28;border:1px solid #66808e;border-radius:5px}body.mobile-chat-open #chatForm button{width:48px;flex:0 0 48px}
 body.mobile-chat-open #chatPreview,body.mobile-chat-open .game-footer,body.mobile-chat-open .touch-controls,body.mobile-chat-open #event,body.mobile-chat-open .trainer-progress,body.mobile-chat-open #trainerProgress,body.mobile-chat-open .trainer-xp,body.mobile-chat-open .trainer-xp-widget{visibility:hidden;pointer-events:none}
}

body.mobile-chat-open .quality-preview-controls{display:none!important} .quality-preview-controls button{background:#213943;color:#fff;border:1px solid #829099;padding:4px}

.shop-tabs{scrollbar-color:#718492 #172a34}