/* Valve catalog artwork, compact game cards; Arabic explanations remain in details. */
.game-store{position:relative;display:grid;grid-template-columns:62px minmax(0,1fr);gap:0;direction:ltr;container-type:inline-size;clear:both;background:#b7aa8b;padding:0 0 12px}
.game-store .shop-tools{grid-column:1/-1;display:flex;gap:10px;margin:0;padding:12px;background:#181b16;border-bottom:1px solid #5a5d49;direction:rtl}.game-store .shop-tools input{flex:1;min-width:0;width:auto;font-size:12px;background:#262a21}.game-store .shop-tools select{width:140px;font-size:12px}
.game-store .shop-tabs{grid-column:1;grid-row:2;position:sticky;top:14px;align-self:start;display:flex;flex-direction:column;gap:5px;margin:0;padding:8px 0;width:62px;direction:rtl;background:#1b2116}
.game-store .shop-tabs button{--accent:#d3c8a7;position:relative;min-height:64px;width:62px;border:0;border-radius:0 10px 0 0;padding:10px 8px;background:#b2a98c;color:#142013;box-shadow:inset -5px 0 #0003}.game-store .shop-tabs button.weapon{--accent:#e8bc15;background:#e8bc15}.game-store .shop-tabs button.vitality{--accent:#a2ce3e;background:#a2ce3e}.game-store .shop-tabs button.spirit{--accent:#b58bdf;background:#b58bdf}.game-store .shop-tabs button>span,.game-store .shop-tabs small{display:none}.game-store .shop-tabs .category-icon{width:36px;height:36px;filter:brightness(.3);object-fit:contain}.game-store .shop-tabs button:first-child{min-height:43px;font-size:11px;border-radius:0}.game-store .shop-tabs button.selected{width:66px;z-index:2;box-shadow:inset 0 -3px #2228;border-inline-start:4px solid #f6edcb}.game-store .shop-tabs button:after{content:'';position:absolute;inset:0;background:url('assets/shop/catalog_shop_tab_edge_overlay.png') right/auto 100% no-repeat;pointer-events:none;opacity:.7}
.game-store .shop-board,.planner .game-store .shop-board{grid-column:2;grid-row:2;display:block;margin:0;padding:0;border:0;direction:ltr;min-width:0}.game-store .shop-category{--accent:#d8ad22;position:relative;border:0;border-radius:0;margin:0;background:#b8aa8a url('assets/shop/catalog_shop_bg_weapon.webp') center/100% 100% no-repeat;overflow:visible;padding:0 16px 22px;min-width:0}.game-store .shop-category.vitality{--accent:#93bf41;background-image:url('assets/shop/catalog_shop_bg_vitality.webp')}.game-store .shop-category.spirit{--accent:#9a6abd;background-image:url('assets/shop/catalog_shop_bg_spirit.webp')}
.game-store .category-heading,.planner .game-store .category-heading{position:absolute;top:0;left:0;width:46%;height:98px;border:0;background:none;min-height:0;padding:0;max-width:none;pointer-events:none}.game-store .category-heading>*{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.catalog-layout{display:grid;grid-template-columns:46% 54%;grid-template-rows:auto auto;gap:0}.game-store .shop-tier,.planner .game-store .shop-tier{border:0;padding:27px 15px 20px;background:none;min-width:0}.game-store .shop-tier[data-tier="1"]{padding-top:110px;grid-column:1;grid-row:1}.game-store .shop-tier[data-tier="2"]{grid-column:2;grid-row:1}.game-store .shop-tier[data-tier="3"]{grid-column:1;grid-row:2;padding-top:32px}.game-store .shop-tier[data-tier="4"]{grid-column:2;grid-row:2;padding-top:32px}
.game-store .tier-heading{direction:ltr;justify-content:start;gap:10px;min-height:29px;margin:0 0 12px;color:#403c2a;font-weight:900;font-size:11px}.game-store .tier-heading>span:last-child{display:inline-block;color:#a8d9b4;background:#172018;padding:3px 12px;transform:rotate(-3deg);font:bold 18px/1.3 Georgia}.game-store .tier-heading small{display:none}.game-store [data-tier="4"] .tier-heading{color:#dccb9b}
.game-store .shop-tiles,.planner .game-store .shop-tiles,.game-store .shop-category:only-child .shop-tiles,.planner .game-store .shop-category:only-child .shop-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:8px;direction:ltr;align-content:start}
.game-store .shop-item,.game-store .shop-item:hover{border:0;border-radius:3px;background:transparent;box-shadow:none;transform:none;min-width:0;position:relative;aspect-ratio:.67;background-image:url('assets/shop/card_backer_weapon_t1.png');background-size:100% 100%;background-repeat:no-repeat}.game-store .vitality .shop-item{background-image:url('assets/shop/card_backer_vitality_t1.png')}.game-store .spirit .shop-item{background-image:url('assets/shop/card_backer_spirit_t1.png')}
.game-store .weapon .tier-2{background-image:url('assets/shop/card_backer_weapon_t2.png')}.game-store .weapon .tier-3{background-image:url('assets/shop/card_backer_weapon_t3.png')}.game-store .weapon .tier-4{background-image:url('assets/shop/card_backer_weapon_t4.png')}.game-store .vitality .tier-2{background-image:url('assets/shop/card_backer_vitality_t2.png')}.game-store .vitality .tier-3{background-image:url('assets/shop/card_backer_vitality_t3.png')}.game-store .vitality .tier-4{background-image:url('assets/shop/card_backer_vitality_t4.png')}.game-store .spirit .tier-2{background-image:url('assets/shop/card_backer_spirit_t2.png')}.game-store .spirit .tier-3{background-image:url('assets/shop/card_backer_spirit_t3.png')}.game-store .spirit .tier-4{background-image:url('assets/shop/card_backer_spirit_t4.png')}
.game-store .shop-info,.planner .game-store .shop-info{position:absolute;inset:0;min-height:0;padding:7px 4px 8px;display:flex;gap:3px;background:transparent!important;color:#171d12;border:0;border-radius:3px;justify-content:start;box-shadow:none;overflow:hidden}.game-store .shop-info img,.planner .game-store .shop-info img{display:block;width:82%;height:57%;margin:0 auto 2px;padding:0;object-fit:contain;border:0;border-radius:0;background:none;filter:none;transition:transform .15s}.game-store .shop-item:hover img{transform:scale(1.06)}.game-store .game-name,.planner .game-store .game-name{font:800 11px/1.1 Arial,sans-serif;overflow-wrap:normal;word-break:normal;margin:auto 0 0;color:#172014;max-width:100%}.game-store .arabic-name,.planner .game-store .arabic-name,.game-store .shop-price{display:none}.game-store .tier-3 .game-name,.game-store .tier-4 .game-name{color:#e8e4cd;text-shadow:0 1px 1px #0009}
.item-active{position:absolute;top:45%;left:12%;right:12%;font-size:8px;line-height:1.4;background:#171c14;color:#efedda;transform:rotate(-3deg);pointer-events:none}.game-store .shop-add,.planner .game-store .shop-add{position:absolute;top:-3px;right:-4px;left:auto;border:1px solid #141c16;background:#e9e1c7;color:#182014;border-radius:50%;width:23px;height:23px;min-height:23px;line-height:1;padding:0;font-size:17px;box-shadow:0 1px 3px #0005}.game-store .shop-item.picked{outline:3px solid #e1eec9;outline-offset:1px;filter:brightness(1.08);animation:none}.game-store .shop-item.picked .shop-add{background:#263d27;color:#fff;border-color:#eff1d8;box-shadow:none}.game-store .shop-item:focus-within{outline:3px solid #fff9db;outline-offset:1px}
.game-rack{padding:14px;background:#1e261d;border:1px solid #566049;margin:20px 0 0}.rack-summary{display:flex;align-items:center;gap:18px;margin-bottom:12px;font-size:12px}.rack-summary b{margin-inline-start:auto;color:#b9d4ab;font-size:17px}.rack-slots{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;direction:ltr}.rack-slots>button,.rack-empty{position:relative;aspect-ratio:1;min-width:0;min-height:0;padding:3px;border:1px solid #67705a;background:#343e2b;color:#a8b49a;border-radius:2px;display:grid;place-items:center}.rack-slots img{width:100%;height:100%;object-fit:contain}.rack-slots button span{position:absolute;right:-2px;top:-4px;border-radius:50%;width:16px;height:16px;background:#d9dfc5;color:#20301d;font-size:15px;line-height:16px}.rack-empty{font:11px Georgia;border-style:dashed;opacity:.55}
.item-preview{background:#423413;border:2px solid #d2a631;color:#eee4cc;width:340px;padding:0;border-radius:5px;box-shadow:0 8px 28px #0008}.item-preview .preview-head{background:#a77b21;padding:16px;display:flex;gap:12px;align-items:center}.preview-head img{width:56px;height:56px;object-fit:contain;background:#e4d4a4;border:1px solid #f2e6c1;border-radius:3px}.item-preview h3{font:800 21px/1.2 Arial;margin:0;color:#fff6df}.item-preview small{display:block;color:#b7e4c0;font:bold 16px Georgia;margin-top:6px}.item-preview .preview-body{padding:16px}.item-preview p{color:#efe8d5;line-height:1.9;font-size:13px}.item-preview.vitality{background:#283b19;border-color:#9eba54}.item-preview.vitality .preview-head{background:#597b2a}.item-preview.spirit{background:#332443;border-color:#af86cd}.item-preview.spirit .preview-head{background:#8051a3}.preview-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.preview-stats>div{padding:7px;background:#ffffff0a;font-size:10px;display:flex;justify-content:space-between;gap:8px}.preview-stats b{color:#fff2cd;direction:ltr}.preview-hint{font-size:10px;color:#cfc6ac;border-top:1px solid #fff2;padding:9px 16px}
@container(max-width:780px){.catalog-layout{grid-template-columns:1fr}.game-store .shop-category{background:#b4a787;padding:0 12px 16px}.game-store .category-heading,.planner .game-store .category-heading{position:relative;width:100%;height:110px;background-image:url('assets/shop/catalog_shop_bg_weapon.webp');background-size:200% auto;background-position:left top}.game-store .vitality .category-heading{background-image:url('assets/shop/catalog_shop_bg_vitality.webp')}.game-store .spirit .category-heading{background-image:url('assets/shop/catalog_shop_bg_spirit.webp')}.game-store .shop-tier[data-tier],.planner .game-store .shop-tier[data-tier]{grid-column:1;grid-row:auto;padding:15px 12px 19px;border:1px solid var(--accent);margin-bottom:10px;background:#ada082}.game-store .shop-tier[data-tier="4"]{background:#252319}.game-store .shop-tiles,.planner .game-store .shop-tiles,.game-store .shop-category:only-child .shop-tiles,.planner .game-store .shop-category:only-child .shop-tiles{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}}
@media(max-width:650px){.game-store{grid-template-columns:1fr;padding-bottom:0}.game-store .shop-tools{padding:9px}.game-store .shop-tools select{width:96px;font-size:10px}.game-store .shop-tools input{font-size:11px}.game-store .shop-tabs{position:sticky;top:0;z-index:8;grid-column:1;grid-row:2;flex-direction:row;width:100%;padding:0;gap:2px;background:#151a13}.game-store .shop-tabs button,.game-store .shop-tabs button.selected{width:auto;flex:1;min-height:51px;border-radius:0;padding:7px;border:0}.game-store .shop-tabs button:first-child{flex:.55}.game-store .shop-tabs button>span{display:block;font-size:9px}.game-store .shop-tabs .category-icon{width:24px;height:24px}.game-store .shop-tabs button{display:flex;flex-direction:row;gap:5px;justify-content:center}.game-store .shop-tabs button.selected{box-shadow:inset 0 -4px #f9f0c4}.game-store .shop-board,.planner .game-store .shop-board{grid-column:1;grid-row:3}.game-store .shop-category{padding-inline:8px}.game-store .category-heading,.planner .game-store .category-heading{height:76px}.game-store .shop-tier[data-tier],.planner .game-store .shop-tier[data-tier]{padding:12px 8px 16px}.game-store .shop-tiles,.planner .game-store .shop-tiles,.game-store .shop-category:only-child .shop-tiles,.planner .game-store .shop-category:only-child .shop-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.game-store .game-name,.planner .game-store .game-name{font-size:10px}.rack-slots{grid-template-columns:repeat(6,minmax(0,1fr))}.rack-summary{gap:10px;font-size:11px}.rack-summary b{font-size:14px}.game-rack{padding:12px}.game-store .shop-add{width:23px;height:23px}.game-store .tier-heading{font-size:10px}.game-store .tier-heading>span:last-child{font-size:16px}}
@media(prefers-reduced-motion:reduce){.game-store .shop-info img{transition:none}}

.game-store .catalog-layout{direction:ltr}.game-store .shop-tier{direction:ltr}.game-store .tier-heading{direction:rtl;justify-content:flex-end}

/* Each printed panel owns its frame: the lower boundary is intentionally asymmetric. */
.game-store .shop-category{padding:0;background:#a99d7f}.game-store .catalog-layout{grid-template-columns:repeat(100,minmax(0,1fr));grid-template-rows:auto auto;direction:ltr;gap:0}.game-store .shop-tier[data-tier]{background-size:100% 100%;background-repeat:no-repeat;margin:0;padding:35px 22px 30px;min-width:0}.game-store .shop-tier[data-tier="1"]{grid-column:1/47;grid-row:1;padding-top:145px}.game-store .shop-tier[data-tier="2"]{grid-column:47/101;grid-row:1}.game-store .shop-tier[data-tier="3"]{grid-column:1/63;grid-row:2;padding-top:44px}.game-store .shop-tier[data-tier="4"]{grid-column:63/101;grid-row:2;padding-top:44px;padding-inline:20px}.game-store .category-heading{display:none}.game-store .tier-heading{margin-bottom:16px;gap:10px;min-height:28px}.game-store .tier-heading>span:first-child{display:none}.game-store .shop-item,.game-store .shop-item:hover{aspect-ratio:.66}.game-store .shop-info,.planner .game-store .shop-info{padding:6px 3px 8px;overflow:visible}.game-store .game-name,.planner .game-store .game-name{width:100%;font-size:clamp(9px,.78vw,12px);line-height:1.12;overflow-wrap:anywhere;white-space:normal;min-height:2.3em;display:grid;place-items:center;text-align:center;letter-spacing:0}.game-store .shop-info img,.planner .game-store .shop-info img{width:88%;height:58%;flex-shrink:0}.game-store [data-tier="1"] .shop-tiles{grid-template-columns:repeat(5,minmax(0,1fr))}.game-store [data-tier="2"] .shop-tiles{grid-template-columns:repeat(6,minmax(0,1fr))}.game-store [data-tier="3"] .shop-tiles{grid-template-columns:repeat(7,minmax(0,1fr))}.game-store [data-tier="4"] .shop-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
@container(max-width:780px){.game-store .catalog-layout{grid-template-columns:repeat(100,minmax(0,1fr))}.game-store .shop-tier[data-tier],.planner .game-store .shop-tier[data-tier]{border:0;margin:0;padding:24px 12px;background-color:transparent}.game-store .shop-tier[data-tier="1"]{grid-column:1/47;grid-row:1;padding-top:100px}.game-store .shop-tier[data-tier="2"]{grid-column:47/101;grid-row:1}.game-store .shop-tier[data-tier="3"]{grid-column:1/63;grid-row:2;padding-top:35px}.game-store .shop-tier[data-tier="4"]{grid-column:63/101;grid-row:2;padding-top:35px}.game-store [data-tier="1"] .shop-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.game-store [data-tier="2"] .shop-tiles{grid-template-columns:repeat(5,minmax(0,1fr))}.game-store [data-tier="3"] .shop-tiles{grid-template-columns:repeat(5,minmax(0,1fr))}.game-store [data-tier="4"] .shop-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.game-store .shop-tiles{gap:7px}.game-store .game-name,.planner .game-store .game-name{font-size:9px}}
@container(max-width:560px){.game-store .catalog-layout{display:block}.game-store .shop-tier[data-tier],.planner .game-store .shop-tier[data-tier]{padding:25px 15px 25px;min-height:220px}.game-store .shop-tier[data-tier="1"]{padding-top:100px}.game-store .shop-tier[data-tier] .shop-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.game-store .game-name,.planner .game-store .game-name{font-size:11px}.game-store [data-tier="4"]{background-color:#100d04}}
.game-store .weapon .shop-tier[data-tier="1"]{background-image:url('assets/shop/panel-weapon-1.webp')}
.game-store .weapon .shop-tier[data-tier="2"]{background-image:url('assets/shop/panel-weapon-2.webp')}
.game-store .weapon .shop-tier[data-tier="3"]{background-image:url('assets/shop/panel-weapon-3.webp')}
.game-store .weapon .shop-tier[data-tier="4"]{background-image:url('assets/shop/panel-weapon-4.webp')}
.game-store .vitality .shop-tier[data-tier="1"]{background-image:url('assets/shop/panel-vitality-1.webp')}
.game-store .vitality .shop-tier[data-tier="2"]{background-image:url('assets/shop/panel-vitality-2.webp')}
.game-store .vitality .shop-tier[data-tier="3"]{background-image:url('assets/shop/panel-vitality-3.webp')}
.game-store .vitality .shop-tier[data-tier="4"]{background-image:url('assets/shop/panel-vitality-4.webp')}
.game-store .spirit .shop-tier[data-tier="1"]{background-image:url('assets/shop/panel-spirit-1.webp')}
.game-store .spirit .shop-tier[data-tier="2"]{background-image:url('assets/shop/panel-spirit-2.webp')}
.game-store .spirit .shop-tier[data-tier="3"]{background-image:url('assets/shop/panel-spirit-3.webp')}
.game-store .spirit .shop-tier[data-tier="4"]{background-image:url('assets/shop/panel-spirit-4.webp')}
.game-store [data-tier="1"] .shop-tiles{grid-template-columns:repeat(5,minmax(0,1fr))!important}.game-store [data-tier="2"] .shop-tiles{grid-template-columns:repeat(6,minmax(0,1fr))!important}.game-store [data-tier="3"] .shop-tiles{grid-template-columns:repeat(7,minmax(0,1fr))!important}.game-store [data-tier="4"] .shop-tiles{grid-template-columns:repeat(4,minmax(0,1fr))!important}.game-store .game-name,.planner .game-store .game-name{overflow-wrap:normal;font-size:clamp(9px,.72vw,11px)}
@container(max-width:780px){.game-store [data-tier="1"] .shop-tiles{grid-template-columns:repeat(4,minmax(0,1fr))!important}.game-store [data-tier="2"] .shop-tiles,.game-store [data-tier="3"] .shop-tiles{grid-template-columns:repeat(5,minmax(0,1fr))!important}.game-store [data-tier="4"] .shop-tiles{grid-template-columns:repeat(3,minmax(0,1fr))!important}.game-store .game-name,.planner .game-store .game-name{font-size:9px}}
@container(max-width:560px){.game-store .shop-tier[data-tier] .shop-tiles{grid-template-columns:repeat(4,minmax(0,1fr))!important}.game-store .game-name,.planner .game-store .game-name{font-size:10px}}
/* MPS and Curiosity have equal upper/lower divisions, unlike Fairfax. */
@container(min-width:561px){
.game-store :is(.vitality,.spirit) .shop-tier[data-tier="3"]{grid-column:1/47;grid-row:2;padding-inline:22px}
.game-store :is(.vitality,.spirit) .shop-tier[data-tier="4"]{grid-column:47/101;grid-row:2;padding-inline:22px}
.game-store :is(.vitality,.spirit) [data-tier="3"] .shop-tiles{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.game-store :is(.vitality,.spirit) [data-tier="4"] .shop-tiles{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}
@container(min-width:561px) and (max-width:780px){
.game-store :is(.vitality,.spirit) .shop-tier[data-tier="3"],.game-store :is(.vitality,.spirit) .shop-tier[data-tier="4"]{padding-inline:12px}
.game-store :is(.vitality,.spirit) [data-tier="3"] .shop-tiles{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.game-store :is(.vitality,.spirit) [data-tier="4"] .shop-tiles{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
/* Use one explicit 100-track catalog grid at every two-column size.
   All tier spans reference these tracks; implicit columns collapse item cards. */
@container(min-width:561px){
 .game-store .catalog-layout{display:grid;grid-template-columns:repeat(100,minmax(0,1fr));grid-template-rows:auto auto;gap:0}
 .game-store .catalog-layout>.shop-tier[data-tier="1"]{grid-column:1/47;grid-row:1}
 .game-store .catalog-layout>.shop-tier[data-tier="2"]{grid-column:47/101;grid-row:1}
 .game-store .catalog-layout>.shop-tier[data-tier="3"]{grid-column:1/63;grid-row:2}
 .game-store .catalog-layout>.shop-tier[data-tier="4"]{grid-column:63/101;grid-row:2}
 .game-store :is(.vitality,.spirit) .catalog-layout>.shop-tier[data-tier="3"]{grid-column:1/47;grid-row:2}
 .game-store :is(.vitality,.spirit) .catalog-layout>.shop-tier[data-tier="4"]{grid-column:47/101;grid-row:2}
}
@container(max-width:560px){.game-store .catalog-layout{display:block}.game-store .catalog-layout>.shop-tier[data-tier]{grid-column:auto;grid-row:auto}}

/* Fairfax rows follow the supplied in-game catalogue: 5 / 6 / 6 / 5. */
@container(min-width:781px){.game-store .weapon [data-tier="3"] .shop-tiles{grid-template-columns:repeat(6,minmax(0,1fr))!important}.game-store .weapon [data-tier="4"] .shop-tiles{grid-template-columns:repeat(5,minmax(0,1fr))!important}}

@container(min-width:781px){.game-store .shop-tiles{direction:ltr}.game-store :is(.vitality,.spirit) [data-tier="1"] .shop-tiles,.game-store :is(.vitality,.spirit) [data-tier="3"] .shop-tiles{grid-template-columns:repeat(5,minmax(0,1fr))!important}.game-store :is(.vitality,.spirit) [data-tier="2"] .shop-tiles,.game-store :is(.vitality,.spirit) [data-tier="4"] .shop-tiles{grid-template-columns:repeat(6,minmax(0,1fr))!important}}

@container(min-width:781px){.game-store .weapon [data-tier="3"] .shop-tiles{grid-template-columns:repeat(7,minmax(0,1fr))!important}.game-store .weapon [data-tier="4"] .shop-tiles{grid-template-columns:repeat(4,minmax(0,1fr))!important}}