/* Local shop iteration: three familiar category colors and ascending tier rows. */
:root{--weapon:#e0a44c;--vitality:#a2cd73;--spirit:#ba99e4}button,a{transition:background-color .16s,color .16s,border-color .16s,box-shadow .16s}button:active{transform:translateY(1px)}
.shop-tools{margin-bottom:12px}.shop-tools #category{display:none}.shop-tabs{display:flex;gap:8px;margin:0 0 22px;flex-wrap:wrap}.shop-tabs button{display:flex;gap:12px;align-items:center;padding:10px 18px;border:1px solid #414936;background:#181e18;color:#acb4a5}.shop-tabs small{font:10px Georgia,serif;letter-spacing:1px;opacity:.75}.shop-tabs .weapon{--accent:var(--weapon)}.shop-tabs .vitality{--accent:var(--vitality)}.shop-tabs .spirit{--accent:var(--spirit)}.shop-tabs button.selected{background:#d8ba7a18;color:var(--accent,var(--gold));border-color:var(--accent,var(--gold));box-shadow:inset 0 -2px var(--accent,var(--gold))}.shop-tabs button:hover{color:var(--accent,var(--gold));border-color:var(--accent,var(--gold))}
.shop-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;direction:ltr;align-items:start}.shop-board:has(.shop-category:only-child){grid-template-columns:1fr}.shop-category{--accent:var(--weapon);direction:rtl;background:#161b16;border:1px solid #333c2f;min-width:0;border-top:3px solid var(--accent);border-radius:5px;overflow:hidden}.shop-category.vitality{--accent:var(--vitality)}.shop-category.spirit{--accent:var(--spirit)}.category-heading{min-height:0;max-width:none;margin:0;padding:16px;display:flex;flex-wrap:nowrap;gap:8px;background:color-mix(in srgb,var(--accent) 10%,#161b16);border-bottom:1px solid #394130}.category-heading h2{font-size:19px;line-height:1.5;color:var(--accent);margin:0}.category-heading>span{font:12px Georgia;letter-spacing:1px;margin-inline-start:auto;color:var(--accent)}.shop-tier{padding:12px;border-bottom:1px solid #30382b}.shop-tier:last-child{border:0}.tier-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;font-size:11px;color:#c2c9b9}.tier-heading>span:last-child{direction:rtl;color:var(--accent)}.tier-heading small{font-size:9px;color:#939e8b}.shop-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;direction:ltr}.shop-category:only-child .shop-tiles{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.shop-item{position:relative;min-width:0;border:1px solid #3e4836;background:#222a1f;border-radius:4px;transition:border-color .15s,background .15s,box-shadow .15s}.shop-info{padding:12px 5px 8px;border:0;display:flex;align-items:center;flex-direction:column;justify-content:start;width:100%;height:100%;background:transparent;color:var(--text);text-align:center;line-height:1.4;min-height:155px}.shop-info img{width:54px;height:54px;object-fit:contain;background:color-mix(in srgb,var(--accent) 22%,#242a20);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:5px;margin-bottom:10px;transition:transform .16s}.game-name{font:600 12px/1.3 Georgia,serif;display:block;overflow-wrap:anywhere}.arabic-name{font-size:9px;color:#bbc5b1;line-height:1.7;margin-top:5px;direction:rtl}.shop-price{font:12px/1.5 Georgia;color:var(--accent);margin-top:auto;padding-top:8px}.shop-item:hover,.shop-item:focus-within{border-color:var(--accent);background:#2c3526;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 15%,transparent)}.shop-item:hover img{transform:translateY(-3px)}.shop-add{position:absolute;right:-4px;top:-5px;width:26px;height:26px;display:grid;place-content:center;padding:0;border:1px solid var(--accent);color:#11180e;background:var(--accent);border-radius:4px;font-size:19px;line-height:1;z-index:1}.shop-item.picked{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,#171e14)}.shop-add:disabled{opacity:1;background:#303d29;color:var(--accent);font-size:14px}.planner{grid-template-columns:minmax(0,1fr) 320px}.planner>section{min-width:0}.planner .shop-board{gap:9px}.planner .category-heading{padding:12px 9px}.planner .category-heading h2{font-size:14px}.planner .category-heading>span{font-size:9px}.planner .shop-tier{padding:10px 7px}.planner .shop-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.planner .shop-info{padding:10px 4px 7px;min-height:146px}.planner .game-name{font-size:11px}.planner .shop-info img{width:46px;height:46px}.planner .tier-heading{font-size:10px;flex-wrap:wrap}.planner .tier-heading small{display:none}.planner .shop-category:only-child .shop-tiles{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.planner .shop-tabs button{padding:7px 10px;font-size:11px;gap:5px}.planner .shop-tabs small{font-size:8px}.shop-board>.empty{grid-column:1/-1;direction:rtl;width:100%}.build-panel .total{font-variant-numeric:tabular-nums}.build-list li{animation:build-in .15s ease-out}.item-preview{position:fixed;width:300px;max-width:calc(100vw - 24px);background:#1a2218;color:var(--text);border:1px solid #7e8c6c;padding:17px;z-index:50;border-radius:5px;box-shadow:0 15px 40px #0009;pointer-events:none;direction:rtl}.item-preview[hidden]{display:none}.item-preview h3{font:20px Georgia;margin:0 0 9px}.item-preview p{font-size:12px;line-height:1.9;margin:0 0 10px;color:#cdd4c6}.item-preview small{color:var(--gold);font-size:11px}.detail-image{width:72px;height:72px;object-fit:contain;display:block}dialog #detail-body>img{width:72px;height:72px;object-fit:contain}dialog h2{font-size:28px}dialog p{line-height:2}.build-panel{scroll-margin-top:20px}
@keyframes build-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(min-width:1400px){.planner .shop-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.planner .shop-info img{width:40px;height:40px}.planner .game-name{font-size:10px}.planner .arabic-name{font-size:8px}}
@media(max-width:1000px){.planner{grid-template-columns:minmax(0,1fr) 280px}.planner .shop-board{grid-template-columns:1fr}.planner .shop-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.shop-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-board{gap:10px}.category-heading{flex-wrap:wrap}.category-heading h2{font-size:16px}.shop-tabs button{padding:9px 13px}}
@media(max-width:650px){.shop-board{grid-template-columns:1fr}.shop-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.shop-info{min-height:145px;padding:10px 4px 7px}.shop-info img{width:47px;height:47px}.game-name{font-size:11px}.arabic-name{font-size:8px}.shop-tier{padding:12px 9px}.planner{grid-template-columns:1fr}.planner .shop-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.shop-tabs{gap:6px}.shop-tabs button{font-size:11px;padding:9px 10px;flex:1;justify-content:center;gap:4px}.shop-tabs small{display:none}.category-heading{flex-wrap:nowrap}.shop-category:only-child .shop-tiles,.planner .shop-category:only-child .shop-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.item-preview{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}