.ws-shop{--ws-blue:#57b9ff;--ws-red:#ff6447;--ws-gold:#ffd166;--ws-panel:#07111d;--ws-panel-2:#0a1726;--ws-border:rgba(78,169,255,.28);color:#fff}
.ws-shop *{box-sizing:border-box}.ws-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 12px;padding:17px 18px;border:1px solid var(--ws-border);border-left-color:rgba(255,92,65,.58);border-radius:8px;background:linear-gradient(105deg,rgba(87,21,15,.76),#07111e 47%,rgba(6,42,80,.82));box-shadow:0 15px 34px rgba(0,0,0,.28)}
.ws-hero-copy small{display:block;color:#8bd1ff;font-size:9px;font-weight:900;letter-spacing:.14em}.ws-hero h2{margin:4px 0;color:#fff;font-size:22px;line-height:1.15}.ws-hero p{max-width:520px;margin:0;color:#dcecff;font-size:11px;line-height:1.5}
.ws-credit-panel{min-width:175px;padding:11px 13px;border:1px solid rgba(88,184,255,.38);border-radius:7px;background:#071522;text-align:right}.ws-credit-panel span{display:block;color:#a8bed4;font-size:9px;text-transform:uppercase}.ws-credit-panel strong{display:block;margin-top:3px;color:#74c6ff;font-size:14px}
.ws-toolbar{display:flex;align-items:end;gap:8px;margin-bottom:10px;padding:10px;border:1px solid rgba(76,164,255,.24);border-radius:7px;background:#06101b}.ws-search{display:grid;flex:1;gap:5px}.ws-search span{color:#cfe9ff;font-size:9px;font-weight:800}.ws-search input{width:100%;height:38px;padding:8px 11px;border:1px solid rgba(82,172,255,.35);border-radius:5px;outline:0;background:#091725;color:#fff}.ws-search input:focus{border-color:#64bdff;box-shadow:0 0 0 2px rgba(72,169,255,.12)}
.ws-search-button,.ws-card-bottom button,.ws-pagination button{height:38px;padding:0 14px;border:1px solid rgba(80,174,255,.55);border-radius:5px;background:linear-gradient(#1c62a5,#0b3769);color:#fff;font-size:9px;font-weight:900;text-transform:uppercase;cursor:pointer}
.ws-category-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:0 0 10px;padding:9px;border:1px solid rgba(72,158,250,.22);border-radius:7px;background:#050e19}.ws-category-tabs button{min-height:29px;padding:6px 9px;border:1px solid rgba(73,159,249,.25);border-radius:4px;background:#081523;color:#e8f4ff;font-size:8px;font-weight:800;cursor:pointer}.ws-category-tabs button:hover,.ws-category-tabs button.is-active{border-color:#5eb9ff;background:linear-gradient(#154c84,#0b2c52);box-shadow:0 0 14px rgba(55,158,255,.15)}
.ws-catalogue-bar{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;color:#a9c0d6;font-size:9px}.ws-catalogue-bar strong{color:#ffd363;text-transform:uppercase;letter-spacing:.08em}
.ws-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.ws-card{min-width:0;overflow:hidden;border:1px solid rgba(72,159,250,.24);border-left-color:rgba(248,83,53,.34);border-radius:7px;background:#081522;box-shadow:0 10px 22px rgba(0,0,0,.22);transition:.16s ease}.ws-card:hover{transform:translateY(-2px);border-color:#54b3ff;box-shadow:0 0 18px rgba(52,157,255,.13),0 14px 28px rgba(0,0,0,.3)}
.ws-card-open{display:block;width:100%;padding:9px;border:0;background:none;color:#fff;text-align:left;cursor:pointer}.ws-img{display:grid;height:104px;place-items:center;margin-bottom:7px;border:1px solid rgba(75,164,255,.14);border-radius:5px;background:radial-gradient(circle,rgba(52,147,246,.16),rgba(4,10,18,.82) 67%)}.ws-img img{max-width:92%;max-height:92px;object-fit:contain;filter:drop-shadow(0 0 13px rgba(77,172,255,.4))}.ws-card-open strong{display:block;min-height:28px;color:#fff;font-size:11px;line-height:1.25}.ws-card-open small{display:block;margin-top:3px;color:#a8bfd4;font-size:8px}
.ws-img{position:relative;overflow:hidden}.ws-img:before{content:"";position:absolute;width:38px;height:38px;border:1px solid rgba(91,178,255,.18);border-radius:50%;background:radial-gradient(circle,rgba(79,163,255,.17),transparent 68%);opacity:0;transition:opacity .12s}.ws-img-loading:before,.ws-img-missing:before{opacity:1}.ws-img-missing:after{content:"✦";position:absolute;color:rgba(135,200,255,.48);font-size:18px}.ws-img img{position:relative;z-index:1}
.ws-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:8px 9px;border-top:1px solid rgba(73,159,249,.17);background:#06101c}.ws-card-bottom span{color:#a9c1d7;font-size:8px}.ws-card-bottom b{color:#ffd468;font-size:11px}.ws-card-bottom button{height:29px;padding:0 9px;font-size:8px}
.ws-empty{grid-column:1/-1;display:flex;min-height:180px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px dashed rgba(75,163,255,.3);border-radius:7px;background:#06111e;color:#9bb1c8}.ws-empty strong{color:#fff;font-size:14px}
.ws-pagination{display:flex;justify-content:center;gap:5px;margin:12px 0}.ws-pagination button{min-width:34px;height:32px;padding:0 9px}.ws-pagination button.is-active{border-color:#ff785d;background:linear-gradient(#a43d28,#642217)}.ws-pagination button:disabled{opacity:.35;cursor:not-allowed}
.ws-delivery-note{display:flex;gap:12px;padding:10px 12px;border:1px solid rgba(255,199,75,.26);border-radius:6px;background:rgba(94,57,9,.18);font-size:9px}.ws-delivery-note strong{color:#ffd469}.ws-delivery-note span{color:#fff}
.ws-buy-modal{position:fixed;inset:0;z-index:100;visibility:hidden;opacity:0;pointer-events:none;transition:.16s}.ws-buy-modal.is-open{visibility:visible;opacity:1}.ws-buy-window{position:absolute;top:180px;left:50%;width:min(960px,calc(100vw - 560px));max-height:calc(100vh - 205px);overflow:hidden;transform:translateX(-50%);pointer-events:auto;border:1px solid rgba(76,172,255,.9);border-left-color:#ff684b;border-radius:10px;background:#030912;box-shadow:-15px 0 34px rgba(223,51,29,.15),15px 0 34px rgba(24,126,255,.2),0 30px 70px rgba(0,0,0,.68)}
.ws-buy-head{display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:10px 12px 10px 17px;border-bottom:1px solid rgba(72,165,255,.4);background:linear-gradient(90deg,rgba(119,30,19,.98),#071120 46%,rgba(5,40,76,.98))}.ws-buy-head>span{display:flex;min-width:0;flex-direction:column}.ws-buy-head small{color:#9bd3ff;font-size:8px;font-weight:950;letter-spacing:.14em}.ws-buy-head strong{overflow:hidden;margin-top:3px;color:#fff;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.ws-buy-close{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,104,76,.7);border-radius:6px;background:rgba(112,29,19,.78);color:#fff;font-size:24px;cursor:pointer}
.ws-config-body{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(235px,1.1fr) minmax(230px,1.1fr);gap:11px;max-height:calc(100vh - 355px);padding:12px;overflow:auto;background:#030912}.ws-config-column{min-width:0;padding:10px;border:1px solid rgba(71,161,255,.25);border-radius:7px;background:#07121f}.ws-config-column h3{margin:0 0 9px;color:#fff;font-size:13px}.ws-config-column>label,.ws-socket-list label{display:grid;gap:5px;margin:0 0 8px;color:#eaf6ff;font-size:9px;font-weight:800}.ws-config-column select{width:100%;height:35px;padding:6px 8px;border:1px solid rgba(79,169,255,.37);border-radius:5px;outline:0;background:#091a2a;color:#fff;font-size:9px}.ws-config-column select:focus{border-color:#64bdff}.ws-config-column select:disabled{opacity:.45}
.ws-config-preview{display:flex;height:132px;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin-bottom:10px;border:1px solid rgba(77,168,255,.2);border-radius:6px;background:radial-gradient(circle,rgba(57,153,255,.17),#06101b 70%)}.ws-config-preview img{max-width:135px;max-height:95px;filter:drop-shadow(0 0 17px rgba(75,169,255,.45))}.ws-config-preview span{color:#a9c7e0;font-size:8px;text-transform:uppercase;letter-spacing:.1em}
.ws-excellent-list{display:grid;gap:6px}.ws-excellent-list label{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border:1px solid rgba(71,160,255,.19);border-radius:5px;background:#091725;color:#fff;font-size:8px;line-height:1.3;cursor:pointer}.ws-excellent-list input{width:15px;height:15px;accent-color:#4eaaff}.ws-option-unavailable{padding:15px;border:1px dashed rgba(75,161,255,.25);color:#9db4ca;font-size:9px;text-align:center}.ws-socket-list label{padding:7px;border:1px solid rgba(70,159,255,.17);border-radius:5px;background:#081624}.ws-socket-list label span{color:#85caff;font-size:8px}.ws-socket-bonus{margin-top:9px!important}
.ws-buy-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 14px;border-top:1px solid rgba(70,162,255,.33);background:linear-gradient(90deg,rgba(83,23,16,.65),#06101b 48%,rgba(5,37,70,.72))}.ws-buy-footer>div{display:flex;flex-direction:column}.ws-buy-footer span{color:#aec3d7;font-size:8px;text-transform:uppercase}.ws-buy-footer strong{margin-top:2px;color:#fff;font-size:15px}.ws-buy-footer del{margin-right:7px;color:#8b9aad;font-size:11px}.ws-buy-confirm{min-width:220px;height:40px;border:1px solid rgba(85,183,255,.68);border-radius:5px;background:linear-gradient(#2070ba,#0b3d75);color:#fff;font-size:9px;font-weight:950;text-transform:uppercase;cursor:pointer}.ws-buy-confirm:disabled{opacity:.55;cursor:wait}
.ws-toast{position:fixed;right:18px;bottom:18px;z-index:120;display:none;max-width:420px;padding:12px 16px;border:1px solid #4db3ff;border-radius:7px;background:#071524;color:#fff;box-shadow:0 15px 35px rgba(0,0,0,.45);font-size:11px}.ws-toast.show{display:block}.ws-toast.err{border-color:#ff684b;color:#ffd9d2}
@media(max-width:1100px){.ws-buy-window{top:170px;width:calc(100vw - 32px);max-width:900px}.ws-config-body{grid-template-columns:repeat(2,minmax(0,1fr));max-height:calc(100vh - 340px)}.ws-config-basics{grid-row:span 2}}
@media(max-width:720px){.ws-hero{align-items:stretch;flex-direction:column}.ws-credit-panel{text-align:left}.ws-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-config-body{grid-template-columns:1fr}.ws-config-basics{grid-row:auto}.ws-buy-footer{align-items:stretch;flex-direction:column}.ws-buy-confirm{width:100%}.ws-delivery-note{flex-direction:column}.ws-toolbar{align-items:stretch;flex-direction:column}}

/* v43: readable configurator, S4E1 class filters and item-specific controls. */
.ws-class-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:-3px 0 12px;padding:8px;border:1px solid rgba(255,101,69,.18);border-radius:7px;background:linear-gradient(90deg,rgba(97,25,17,.24),#050e19 48%,rgba(7,39,72,.3))}
.ws-class-tabs button{min-height:31px;padding:6px 11px;border:1px solid rgba(81,167,252,.25);border-radius:5px;background:#081523;color:#dceeff;font-size:10px;font-weight:800;cursor:pointer}
.ws-class-tabs button:hover,.ws-class-tabs button.is-active{border-color:#67c0ff;background:linear-gradient(#18578f,#0b315b);color:#fff;box-shadow:0 0 15px rgba(72,172,255,.16)}
.ws-special-row{display:none!important}.ws-special-row.is-visible{display:grid!important}.ws-config-column.is-hidden{display:none!important}
#wsHarmonyRow{margin-top:10px!important;padding:10px;border:1px solid rgba(102,189,255,.3);border-radius:6px;background:rgba(36,112,170,.1)}#wsHarmonyRow select{min-height:45px;font-size:14px;font-weight:700}
.ws-config-body:has(>.ws-config-column.is-hidden){grid-template-columns:minmax(240px,.85fr) minmax(340px,1.25fr)}
.ws-config-column h3{font-size:16px}.ws-config-column>label,.ws-socket-list label{font-size:13px;line-height:1.35}.ws-config-column select{height:43px;padding:8px 10px;font-size:13px}
.ws-excellent-list label{min-height:48px;padding:10px 12px;font-size:12.5px;line-height:1.4}.ws-excellent-list input{width:18px;height:18px;flex:0 0 18px}
.ws-socket-list label{padding:9px}.ws-socket-list label span{font-size:11px}.ws-option-unavailable{font-size:12px}
.ws-buy-head small{font-size:10px}.ws-buy-head strong{font-size:20px}.ws-buy-footer span{font-size:10px}.ws-buy-footer strong{font-size:18px}.ws-buy-confirm{font-size:11px}
@media(max-width:720px){.ws-config-body:has(>.ws-config-column.is-hidden){grid-template-columns:1fr}.ws-class-tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.ws-class-tabs button{white-space:nowrap}}
.ws-tier-tabs{display:flex;justify-content:center;gap:6px;margin:-5px 0 12px}.ws-tier-tabs button{min-height:28px;padding:5px 11px;border:1px solid rgba(113,142,171,.3);border-radius:99px;background:#07111d;color:#d9e7f4;font-size:9px;font-weight:850;cursor:pointer}.ws-tier-tabs button.is-active{background:#122235;color:#fff}.ws-tier-tabs .ws-tier-green{border-color:rgba(63,218,111,.44);color:#7ff1a2}.ws-tier-tabs .ws-tier-blue{border-color:rgba(67,165,255,.5);color:#83c8ff}.ws-tier-tabs .ws-tier-purple{border-color:rgba(179,89,255,.53);color:#d18cff}
.ws-card-open{position:relative}.ws-tier-badge{position:absolute;top:8px;right:8px;z-index:2;padding:3px 6px;border:1px solid currentColor;border-radius:99px;background:rgba(3,9,18,.88);font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.ws-card-tier-green{border-color:rgba(57,207,102,.38)}.ws-card-tier-green .ws-tier-badge{color:#67e98e}.ws-card-tier-blue{border-color:rgba(62,157,255,.48);box-shadow:0 0 16px rgba(42,139,255,.08)}.ws-card-tier-blue .ws-tier-badge{color:#67b7ff}.ws-card-tier-purple{border-color:rgba(174,70,255,.55);box-shadow:0 0 19px rgba(156,51,255,.12)}.ws-card-tier-purple .ws-tier-badge{color:#d27aff}.ws-card-tier-green .ws-img{background:radial-gradient(circle,rgba(42,183,91,.17),rgba(4,10,18,.84) 68%)}.ws-card-tier-blue .ws-img{background:radial-gradient(circle,rgba(47,144,255,.2),rgba(4,10,18,.84) 68%)}.ws-card-tier-purple .ws-img{background:radial-gradient(circle,rgba(153,56,245,.22),rgba(4,10,18,.84) 68%)}

/* v44: tier colour is communicated by the card glow, not a text badge. */
.ws-tier-badge{display:none!important}.ws-socket-rule{display:block;margin:-4px 0 9px;color:#ffcf6d;font-size:10px;line-height:1.4}.ws-catalogue-bar strong b{color:#7dd2ff}.ws-card-tier-purple{border-width:2px!important;box-shadow:0 0 22px rgba(156,51,255,.20),inset 0 0 18px rgba(156,51,255,.06)!important}.ws-card-tier-blue{box-shadow:0 0 17px rgba(42,139,255,.13)!important}.ws-card-tier-green{box-shadow:0 0 14px rgba(42,183,91,.09)!important}

/* v49: larger catalogue filters for faster, clearer browsing. */
.ws-category-tabs{gap:7px;padding:11px}
.ws-category-tabs button{min-height:37px;padding:8px 13px;font-size:11px;line-height:1.15}
.ws-class-tabs{gap:8px;padding:10px}
.ws-class-tabs button{min-height:38px;padding:8px 14px;font-size:11px;line-height:1.15}
.ws-tier-tabs{gap:8px;margin:-2px 0 14px}
.ws-tier-tabs button{min-height:35px;padding:7px 14px;font-size:10.5px;line-height:1.15}
@media(max-width:720px){.ws-category-tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.ws-category-tabs button,.ws-tier-tabs button{white-space:nowrap}.ws-tier-tabs{justify-content:flex-start;overflow-x:auto}}

/* Class identity colours: retained on filters and item names without
   overpowering the green/blue/purple equipment-tier frames. */
.ws-class-tabs button[data-ws-class="dw"]{--ws-class:#35c9ff;color:#35c9ff!important;border-color:#35c9ff!important;box-shadow:inset 0 0 14px rgba(53,201,255,.08)!important}
.ws-class-tabs button[data-ws-class="dk"]{--ws-class:#ff4d43;color:#ff6259!important;border-color:#ff4d43!important;box-shadow:inset 0 0 14px rgba(255,77,67,.08)!important}
.ws-class-tabs button[data-ws-class="elf"]{--ws-class:#5ee982;color:#68ef8d!important;border-color:#5ee982!important;box-shadow:inset 0 0 14px rgba(94,233,130,.08)!important}
.ws-class-tabs button[data-ws-class="mg"]{--ws-class:#bd6cff;color:#c67dff!important;border-color:#bd6cff!important;box-shadow:inset 0 0 14px rgba(189,108,255,.08)!important}
.ws-class-tabs button[data-ws-class="dl"]{--ws-class:#ffd15a;color:#ffd66b!important;border-color:#ffd15a!important;box-shadow:inset 0 0 14px rgba(255,209,90,.08)!important}
.ws-class-tabs button[data-ws-class="sum"]{--ws-class:#ff72c7;color:#ff83ce!important;border-color:#ff72c7!important;box-shadow:inset 0 0 14px rgba(255,114,199,.08)!important}
.ws-class-tabs button[data-ws-class].is-active{color:#fff;border-color:var(--ws-class,#67c0ff);box-shadow:0 0 18px color-mix(in srgb,var(--ws-class,#67c0ff) 36%,transparent)}
.ws-class-tabs button[data-ws-class="dw"]:hover,.ws-class-tabs button[data-ws-class="dw"].is-active{color:#fff!important;border-color:#35c9ff!important;background:linear-gradient(180deg,#12749a,#0a3452)!important;box-shadow:0 0 19px rgba(53,201,255,.38)!important}
.ws-class-tabs button[data-ws-class="dk"]:hover,.ws-class-tabs button[data-ws-class="dk"].is-active{color:#fff!important;border-color:#ff4d43!important;background:linear-gradient(180deg,#9b302b,#461514)!important;box-shadow:0 0 19px rgba(255,77,67,.38)!important}
.ws-class-tabs button[data-ws-class="elf"]:hover,.ws-class-tabs button[data-ws-class="elf"].is-active{color:#fff!important;border-color:#5ee982!important;background:linear-gradient(180deg,#21874a,#103e27)!important;box-shadow:0 0 19px rgba(94,233,130,.34)!important}
.ws-class-tabs button[data-ws-class="mg"]:hover,.ws-class-tabs button[data-ws-class="mg"].is-active{color:#fff!important;border-color:#bd6cff!important;background:linear-gradient(180deg,#7335a8,#351953)!important;box-shadow:0 0 19px rgba(189,108,255,.38)!important}
.ws-class-tabs button[data-ws-class="dl"]:hover,.ws-class-tabs button[data-ws-class="dl"].is-active{color:#fff!important;border-color:#ffd15a!important;background:linear-gradient(180deg,#94711d,#49360d)!important;box-shadow:0 0 19px rgba(255,209,90,.36)!important}
.ws-class-tabs button[data-ws-class="sum"]:hover,.ws-class-tabs button[data-ws-class="sum"].is-active{color:#fff!important;border-color:#ff72c7!important;background:linear-gradient(180deg,#9a3876,#481a3a)!important;box-shadow:0 0 19px rgba(255,114,199,.38)!important}
.ws-card.ws-class-dw .ws-card-open>strong{color:#35c9ff}.ws-card.ws-class-dk .ws-card-open>strong{color:#ff6259}.ws-card.ws-class-elf .ws-card-open>strong{color:#68ef8d}.ws-card.ws-class-mg .ws-card-open>strong{color:#c67dff}.ws-card.ws-class-dl .ws-card-open>strong{color:#ffd66b}.ws-card.ws-class-sum .ws-card-open>strong{color:#ff83ce}
.ws-card.ws-class-dw.ws-class-dk .ws-card-open>strong,.ws-card.ws-class-dw.ws-class-elf .ws-card-open>strong,.ws-card.ws-class-dk.ws-class-elf .ws-card-open>strong{color:#fff}
.ws-card-tier-none{border-color:rgba(96,167,224,.32);box-shadow:0 10px 22px rgba(0,0,0,.22)}.ws-card-tier-none .ws-img{background:radial-gradient(circle,rgba(77,143,210,.17),rgba(4,10,18,.84) 68%)}