/* Illustrated equipment cards: one identity from scene to purchase button. */
#page-upgrades .upgrade-card,#page-shop .shop-card{--card-scene:var(--look-image,none);--card-accent:var(--look-accent,#a3f7dd);--card-ink:var(--look-ink,#eef8ff);--card-muted:var(--look-muted,#bacbde);--card-surface:var(--look-surface,#102b32);position:relative;isolation:isolate;color:var(--card-ink);border:1px solid color-mix(in srgb,var(--card-accent) 65%,#26394d);background-color:var(--card-surface);background-image:linear-gradient(120deg,color-mix(in srgb,var(--card-surface) 94%,transparent),color-mix(in srgb,var(--card-surface) 82%,transparent)),var(--card-scene);background-size:cover;background-position:center;box-shadow:inset 0 0 0 3px #070d172e,inset 0 1px #e8f6ff24,0 12px 27px #02071066}
#page-upgrades .upgrade-card[data-item=cpu]{--card-scene:url('/equipment-scenes/cpu-v1.webp');--card-accent:#9affc9;--card-ink:#effff6;--card-muted:#b2d7c6;--card-surface:#0c3026}
#page-upgrades .upgrade-card[data-item=efficiency]{--card-scene:url('/equipment-scenes/neural-v1.webp');--card-accent:#edb0ff;--card-ink:#fff0ff;--card-muted:#d6bce8;--card-surface:#2d1844}
#page-upgrades .upgrade-card[data-item=memory]{--card-scene:url('/equipment-scenes/storage-v1.webp');--card-accent:#a0e8ff;--card-ink:#edfcff;--card-muted:#acd1df;--card-surface:#0c2b42}
#page-upgrades .upgrade-card[data-item=boost]{--card-scene:url('/equipment-scenes/energy-v1.webp');--card-accent:#ffdc91;--card-ink:#fff5dd;--card-muted:#e1c49d;--card-surface:#422810}
#page-shop .shop-card[data-item=surge]{--card-scene:url('/equipment-scenes/energy-v1.webp');--card-accent:#ffbc98;--card-ink:#fff1e5;--card-muted:#e6bcaa;--card-surface:#421c16}
#page-shop .shop-card[data-item=vault]{--card-scene:url('/equipment-scenes/storage-v1.webp');--card-accent:#8ff4f0;--card-ink:#edffff;--card-muted:#a8d8dc;--card-surface:#0b333b}
#page-upgrades .upgrade-card:before,#page-shop .shop-card:before{content:"";position:absolute;inset:7px;border:1px solid color-mix(in srgb,var(--card-accent) 16%,transparent);border-radius:calc(var(--radius) - 6px);pointer-events:none;z-index:3;background:linear-gradient(135deg,var(--card-accent),transparent 42%) top left/18px 18px no-repeat,linear-gradient(315deg,var(--card-accent),transparent 42%) bottom right/18px 18px no-repeat}
#page-upgrades .upgrade-card>.item-showcase,#page-shop .shop-card>.item-showcase{height:230px;background-color:var(--card-surface);background-image:linear-gradient(180deg,#03091665,transparent 30% 78%,#07101c46),var(--card-scene);background-size:cover;background-position:center 58%;border-bottom:1px solid color-mix(in srgb,var(--card-accent) 42%,transparent);box-shadow:inset 0 -10px 25px #02071338}
#page-upgrades .upgrade-card .item-showcase:before,#page-shop .shop-card .item-showcase:before{background:none;mask-image:none}
#page-upgrades .upgrade-card .item-showcase>.item-art,#page-shop .shop-card .item-showcase>.item-art{width:235px;height:215px;bottom:-1px}
#page-upgrades .upgrade-card .item-category,#page-shop .shop-card .item-category{padding:5px 8px;background:color-mix(in srgb,var(--card-surface) 88%,transparent);border:1px solid color-mix(in srgb,var(--card-accent) 28%,transparent);border-radius:7px;left:15px;top:13px;font-size:9px;color:var(--card-accent);max-width:calc(100% - 52px);line-height:1.5}
#page-upgrades .upgrade-card .item-corner,#page-shop .shop-card .item-corner{color:var(--card-accent);opacity:.9;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--card-accent) 50%,transparent))}
#page-upgrades .upgrade-card h2,#page-shop .shop-card h2{color:var(--card-ink);font-weight:750;text-shadow:0 2px 8px #02071320}
#page-upgrades .upgrade-card p,#page-shop .shop-card p{color:var(--card-muted)}
#page-upgrades .upgrade-card .upgrade-meta{gap:8px;align-items:stretch;margin-bottom:12px}
#page-upgrades .upgrade-card .upgrade-meta>span{padding:6px 8px;min-width:0;max-width:58%;border:1px solid color-mix(in srgb,var(--card-accent) 30%,transparent);border-radius:8px;color:var(--card-accent);background:color-mix(in srgb,var(--card-surface) 82%,#020a13);line-height:1.6}
#page-upgrades .upgrade-card .upgrade-lock{border-left:2px solid var(--card-accent);padding:9px 10px;background:#07121f4d;border-radius:0 8px 8px 0;color:var(--card-muted);font-size:11px;line-height:1.7}
#page-upgrades .upgrade-card>.secondary,#page-shop .shop-card>.secondary{min-height:46px;border-color:color-mix(in srgb,var(--card-accent) 72%,#162231);background:linear-gradient(120deg,color-mix(in srgb,var(--card-accent) 29%,var(--card-surface)),color-mix(in srgb,var(--card-accent) 12%,var(--card-surface)));color:var(--card-ink);box-shadow:inset 0 1px color-mix(in srgb,var(--card-accent) 25%,transparent),0 4px 12px #02071336;font-weight:750;letter-spacing:.05px}
#page-upgrades .upgrade-card>.secondary:hover:not(:disabled),#page-shop .shop-card>.secondary:hover:not(:disabled){border-color:var(--card-accent);box-shadow:inset 0 0 20px color-mix(in srgb,var(--card-accent) 10%,transparent),0 4px 16px #02071340}
#page-shop .shop-card .shop-price{font-size:25px;color:var(--card-accent);font-weight:750;letter-spacing:-.5px;text-shadow:0 1px 9px color-mix(in srgb,var(--card-accent) 16%,transparent)}
#page-shop .shop-card .store-days{top:181px;right:14px;background:color-mix(in srgb,var(--card-surface) 94%,#060c17);border-color:color-mix(in srgb,var(--card-accent) 65%,transparent);color:var(--card-ink);padding:7px 10px;box-shadow:inset 0 1px #ffffff16,0 4px 13px #0207134d}
#page-shop .shop-card .store-saving{background:color-mix(in srgb,var(--card-accent) 12%,var(--card-surface));color:var(--card-accent);border-color:color-mix(in srgb,var(--card-accent) 60%,transparent)}
#page-shop .shop-card.premium-offer{--card-surface:#d6e5f4;--card-accent:#275b8b;--card-ink:#112d4b;--card-muted:#3b5a76;border-color:#c6e4ff;box-shadow:inset 0 0 0 3px #f0f7ff70,0 12px 28px #02071366}
#page-shop .shop-card.premium-offer .item-category{background:#edf6ffde;border-color:#92b6d7;color:#25577f}
#page-shop .shop-card.premium-offer .store-rate-preview{color:#205875}
#page-shop .shop-card.premium-offer>.secondary{background:linear-gradient(120deg,#28547a,#102d4d);border-color:#79a8ce;color:#f1f9ff}
#page-shop .shop-card[data-item=founder]{border:2px solid #e2bd69;box-shadow:inset 0 0 0 3px #1c1205,inset 0 0 0 4px #f1d27d6b,0 12px 32px #02071088,0 0 24px #bc8c3517}
#page-shop .shop-card[data-item=founder]:before{inset:8px;border-color:#f5d78d6b;background:linear-gradient(135deg,#ffeab3,transparent 32%) top left/34px 34px no-repeat,linear-gradient(225deg,#ffeab3,transparent 32%) top right/34px 34px no-repeat,linear-gradient(45deg,#c79a4e,transparent 32%) bottom left/34px 34px no-repeat,linear-gradient(315deg,#c79a4e,transparent 32%) bottom right/34px 34px no-repeat}
#page-shop .shop-card[data-item=founder]>.item-showcase{height:262px}
#page-shop .shop-card[data-item=founder] .item-showcase>.item-art{width:261px;height:247px}
#page-shop .shop-card[data-item=founder] .shop-price{color:#ffe09a;font-size:29px}
#page-shop .shop-card[data-item=founder]>.secondary{background:linear-gradient(120deg,#71531d,#2e1f09);border-color:#e3bf72;color:#fff1c7}
#page-shop .surge-pack-options{gap:10px;margin-top:9px}
#page-shop .surge-pack-option{position:relative;isolation:isolate;overflow:hidden;min-height:113px;padding:13px 12px;border:1px solid #e49a6a6b;background:linear-gradient(125deg,#351d18f0,#201723eb),url('/equipment-scenes/energy-v1.webp') center/cover;box-shadow:inset 0 1px #ffd9bf13;line-height:1.65}
#page-shop .surge-pack-option:before{content:"";position:absolute;z-index:-1;right:-6px;top:-5px;width:58px;height:58px;opacity:.26;background:url('/items/surge-thumb-v1.webp') center/contain no-repeat;transform:rotate(12deg);filter:drop-shadow(0 0 8px #fe995b50)}
#page-shop .surge-pack-option strong{font-size:11px;padding-right:19px;color:#f7d7c2}
#page-shop .surge-pack-option span{color:#ffd3a9;font-size:22px;font-weight:650;letter-spacing:-.5px;margin:6px 0}
#page-shop .surge-pack-option small{color:#d2b5ab;font-size:10px;line-height:1.7}
#page-shop .surge-pack-option.selected{border:2px solid #ffcc8b;padding:12px 11px;background:linear-gradient(125deg,#6a3719dc,#3c1c17ec),url('/equipment-scenes/energy-v1.webp') center/cover;box-shadow:inset 0 0 0 2px #ffbb5d18,0 0 16px #f4873320}
#page-shop .surge-pack-option.selected strong{color:#fff0cd}
#page-shop .surge-pack-option.selected:before{opacity:.45}
#page-shop .store-tabs{border:1px solid #88addb3b;border-radius:13px;padding:7px;background:linear-gradient(120deg,#172840f5,#0c1b31f5);box-shadow:0 5px 18px #0207134d}
#page-shop .store-tabs button{border-color:#7697bd45;background:linear-gradient(135deg,#213a58,#152840)}
#page-shop .store-tabs button[aria-pressed=true]{border-color:#c998f385;color:#f5d8ff;background:linear-gradient(135deg,#634274,#30224e);box-shadow:inset 0 1px #efc7ff22,0 2px 10px #02071340}
#page-shop .player-ai-entry{border:1px solid #a4d5ee99;background:linear-gradient(110deg,#122e40f2,#172443de),url('/equipment-scenes/neural-v1.webp') center/cover;box-shadow:inset 0 0 0 3px #7bd4f00b,0 7px 20px #0207134d}
#player-ai-dialog .ai-pack{border-color:#a8aeef77;background:linear-gradient(115deg,#192c43ed,#2b1c44e6),url('/equipment-scenes/neural-v1.webp') center/cover}
/* Native select behavior, consistent dimensions and one platform-independent chevron. */
.topactions .language-control{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;height:40px;border:1px solid #6595b974;border-radius:11px;background:linear-gradient(130deg,#19334c,#0c2036);box-shadow:inset 0 1px #d8f2ff10}
.topactions .language-control:after{content:"";position:absolute;right:9px;top:calc(50% - 4px);width:6px;height:6px;border-right:1.5px solid #c3e5f1;border-bottom:1.5px solid #c3e5f1;transform:rotate(45deg);pointer-events:none}
.topactions .language-control .language-select.compact{appearance:none;-webkit-appearance:none;display:block;box-sizing:border-box;width:55px;max-width:none;height:100%;min-height:0;margin:0;padding:0 22px 0 10px;border:0;border-radius:10px;background:transparent;background-image:none;color:#e4f7ff;font-size:12px;font-weight:650;line-height:normal;letter-spacing:.2px;text-align:left;text-indent:0;cursor:pointer}
.topactions .language-control .language-select:focus-visible{outline:0}
.topactions .language-control:focus-within{border-color:#a6ecff;outline:2px solid #8cd5f144;outline-offset:2px}
.topactions .language-control option{background:#11263d;color:#e8f6ff;font:inherit}
@media(max-width:760px){
 #page-upgrades .upgrade-card>.item-showcase,#page-shop .shop-card>.item-showcase{height:215px}
 #page-upgrades .upgrade-card .item-showcase>.item-art,#page-shop .shop-card .item-showcase>.item-art{width:222px;height:202px}
 #page-upgrades .upgrade-card .item-category,#page-shop .shop-card .item-category{left:14px;top:12px;font-size:8px;padding:4px 7px}
 #page-upgrades .upgrade-card h2,#page-shop .shop-card h2{font-size:19px;line-height:1.3}
 #page-upgrades .upgrade-card>.secondary,#page-shop .shop-card>.secondary{min-height:46px;font-size:12px}
 #page-upgrades .upgrade-card .upgrade-meta{font-size:10px}#page-upgrades .upgrade-card .upgrade-meta>span{padding:6px 8px}
 #page-shop .shop-card .store-days{top:168px;font-size:10px}
 #page-shop .shop-card[data-item=founder]>.item-showcase{height:250px}#page-shop .shop-card[data-item=founder] .item-showcase>.item-art{width:244px;height:233px}
 #page-shop .surge-pack-option{min-height:116px}#page-shop .surge-pack-option strong{font-size:11px}#page-shop .surge-pack-option span{font-size:22px}
 #page-shop .store-tabs{padding:6px;gap:6px}#page-shop .store-tabs button{font-size:10px;padding:10px 6px;border-radius:9px}
 .topactions .language-control{height:36px;border-radius:10px}.topactions .language-control .language-select.compact{width:50px;padding:0 20px 0 9px;font-size:11px}
 .topactions .language-control:after{right:8px;width:5px;height:5px;top:calc(50% - 4px)}
 .topactions .mini-wallet{height:36px;min-height:36px;padding-top:0;padding-bottom:0}.topactions .iconbtn{height:36px;width:33px}
}
@media(max-width:360px){.topactions .language-control .language-select.compact{width:46px;padding-left:8px;font-size:10px}.topactions .language-control:after{right:7px}#page-shop .surge-pack-option{padding:11px 9px}#page-shop .surge-pack-option.selected{padding:10px 8px}#page-shop .surge-pack-option strong{font-size:10px}#page-shop .surge-pack-option span{font-size:21px}#page-upgrades .upgrade-card .upgrade-meta{font-size:9px}}
