/* ST4R WEB SHOP REAL V2 */
.portal-redeem{border:0;cursor:pointer;font:inherit}.portal-redeem:disabled{opacity:.55;cursor:wait}
.web-shop-account-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0 18px;padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(7,10,26,.72);backdrop-filter:blur(14px)}
.web-shop-account-bar>div{display:grid;gap:2px}.web-shop-account-bar small{font-size:10px;letter-spacing:.16em;color:#98a3c8}.web-shop-account-bar strong{font-size:18px;color:#fff}.web-shop-account-bar span{font-size:12px;color:#aeb7d4}.web-shop-account-bar button,.web-shop-primary,.web-shop-secondary,.web-shop-history-card button,.web-shop-code button{border:1px solid rgba(255,255,255,.13);border-radius:10px;padding:10px 14px;font-weight:800;letter-spacing:.05em;cursor:pointer}.web-shop-account-bar button,.web-shop-primary{background:linear-gradient(135deg,#725cff,#a766ff);color:#fff;box-shadow:0 10px 30px rgba(104,76,255,.25)}.web-shop-secondary,.web-shop-history-card button,.web-shop-code button{background:rgba(255,255,255,.06);color:#fff}.web-shop-account-bar button:hover,.web-shop-primary:hover{transform:translateY(-1px)}
.web-shop-modal[hidden]{display:none!important}.web-shop-modal{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:22px}.web-shop-backdrop{position:absolute;inset:0;background:rgba(1,2,10,.82);backdrop-filter:blur(10px)}.web-shop-dialog{position:relative;width:min(720px,96vw);max-height:min(84vh,820px);overflow:auto;border:1px solid rgba(155,137,255,.28);border-radius:22px;padding:26px;background:radial-gradient(circle at top right,rgba(104,78,255,.18),transparent 42%),linear-gradient(180deg,rgba(14,17,38,.98),rgba(7,9,23,.99));box-shadow:0 30px 90px rgba(0,0,0,.55),0 0 50px rgba(92,65,255,.12);color:#fff}.web-shop-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(255,255,255,.05);color:#fff;font-size:24px;cursor:pointer}.web-shop-kicker{font-size:10px;letter-spacing:.18em;color:#9ea8cd;margin-bottom:5px}.web-shop-dialog h2{margin:0 46px 20px 0;font-size:26px}.web-shop-open{overflow:hidden}
.web-shop-confirm-name span,.web-shop-history-card small,.web-shop-code small{font-size:10px;letter-spacing:.14em;color:#99a3c9}.web-shop-confirm-name h3{font-size:25px;margin:4px 0 18px}.web-shop-confirm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.web-shop-confirm-grid>div{padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.035);display:grid;gap:3px}.web-shop-confirm-grid small{font-size:9px;letter-spacing:.12em;color:#8e9abd}.web-shop-confirm-grid strong{font-size:21px}.web-shop-confirm-grid span{font-size:11px;color:#9da8c7}.web-shop-confirm>p{color:#b7c0db;line-height:1.6;font-size:13px}.web-shop-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.web-shop-primary:disabled{opacity:.55;cursor:wait}
.web-shop-result{text-align:center;padding:10px 0}.web-shop-result>span{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 12px;border-radius:50%;font-size:28px}.web-shop-result.good>span{background:rgba(53,213,135,.12);border:1px solid rgba(53,213,135,.3);color:#68e6a5}.web-shop-result.bad>span{background:rgba(255,76,104,.1);border:1px solid rgba(255,76,104,.25);color:#ff7b94}.web-shop-result h3{font-size:25px;margin:0 0 8px}.web-shop-result p{color:#b6bfd9;line-height:1.55}.web-shop-dm{font-size:12px}.web-shop-vip{margin:14px 0;padding:12px;border-radius:12px;background:rgba(255,205,74,.08);border:1px solid rgba(255,205,74,.18);color:#ffe4a0}
.web-shop-code{margin:18px 0;padding:16px;border:1px solid rgba(134,111,255,.25);border-radius:15px;background:rgba(80,61,180,.09);display:grid;gap:10px}.web-shop-code code{display:block;word-break:break-all;padding:13px;border-radius:10px;background:#050714;border:1px solid rgba(255,255,255,.08);font-size:15px;color:#dcd7ff}.web-shop-code button{justify-self:center}
.web-shop-login,.web-shop-empty{text-align:center;padding:22px 6px}.web-shop-login>span{font-size:42px;color:#8d7bff}.web-shop-login h3,.web-shop-empty h3{font-size:23px;margin:8px 0}.web-shop-login p,.web-shop-empty p{color:#aeb8d5}.web-shop-loading{text-align:center;padding:38px;color:#aeb8d5}.web-shop-history-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px;padding:12px 14px;border-radius:12px;background:rgba(106,79,255,.08);border:1px solid rgba(137,116,255,.16)}.web-shop-history-head strong{font-size:18px}.web-shop-history-head span{font-size:12px;color:#9da8c8}.web-shop-history-list{display:grid;gap:10px}.web-shop-history-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.03)}.web-shop-history-card h3{margin:4px 0;font-size:16px}.web-shop-history-card p{margin:0;color:#d7dcef;font-size:12px}.web-shop-active-reward{font-size:10px;letter-spacing:.11em;color:#6be7ac;border:1px solid rgba(69,218,146,.2);background:rgba(69,218,146,.07);padding:8px 10px;border-radius:9px}
@media(max-width:720px){.web-shop-account-bar{align-items:flex-start;flex-direction:column}.web-shop-account-bar button{width:100%}.web-shop-dialog{padding:21px 16px;border-radius:18px}.web-shop-confirm-grid{grid-template-columns:1fr}.web-shop-actions{flex-direction:column-reverse}.web-shop-actions button{width:100%}.web-shop-history-card{align-items:flex-start;flex-direction:column}.web-shop-history-card button{width:100%}.web-shop-history-head{align-items:flex-start;flex-direction:column}}

.web-shop-code code[data-hidden="1"]{letter-spacing:.18em;color:#7f89aa;user-select:none}

/* ST4R WEB SHOP HEADER PURCHASES V5 */
.web-shop-account-bar{min-height:94px}
.web-shop-wallet-status{margin-left:auto;display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid rgba(93,225,167,.12);border-radius:12px;background:rgba(61,211,145,.035);color:#a7b3d3}
.web-shop-wallet-status>i{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#58dda0;box-shadow:0 0 14px rgba(88,221,160,.55)}
.web-shop-wallet-status>span{display:grid;gap:2px}.web-shop-wallet-status b{font-size:8px;letter-spacing:.12em;color:#b8f1d4}.web-shop-wallet-status small{font-size:7px!important;letter-spacing:.1em;color:#70819f!important}
.web-shop-header-purchases{position:relative;height:48px;min-width:48px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:5px 9px;border:1px solid rgba(139,162,255,.18);border-radius:14px;background:linear-gradient(145deg,rgba(14,18,39,.92),rgba(6,9,23,.88));box-shadow:0 12px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035);color:#dce4ff;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;backdrop-filter:blur(16px);font:inherit}
.web-shop-header-purchases:hover{transform:translateY(-1px);border-color:rgba(131,102,255,.52);background:linear-gradient(145deg,rgba(27,26,64,.96),rgba(8,11,29,.94));box-shadow:0 15px 34px rgba(31,31,76,.28),0 0 0 1px rgba(113,90,255,.06) inset}
.web-shop-header-purchases.has-purchases{border-color:rgba(126,103,255,.32)}
.web-shop-header-icon{position:relative;width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;border-radius:9px;background:linear-gradient(145deg,rgba(105,82,255,.18),rgba(56,153,255,.08));box-shadow:inset 0 0 0 1px rgba(135,116,255,.14)}
.web-shop-header-icon svg{width:16px;height:16px;fill:none;stroke:#cfc7ff;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.web-shop-header-label{font-size:7.5px;font-weight:950;letter-spacing:.075em;white-space:nowrap;color:#abb8dc}
.web-shop-header-badge{position:absolute;right:-8px;top:-8px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:999px;border:2px solid #080b1c;background:linear-gradient(135deg,#725cff,#a766ff);box-shadow:0 5px 16px rgba(99,75,255,.4);color:#fff;font-size:7.5px;font-weight:950;line-height:1;z-index:2}
.web-shop-header-badge[hidden]{display:none!important}
@media(max-width:1320px){.web-shop-header-purchases{width:48px;padding:5px}.web-shop-header-label{display:none}}
@media(max-width:680px){.web-shop-header-purchases{width:44px;min-width:44px;height:44px;padding:5px;border-radius:13px}.web-shop-header-icon{width:30px;height:30px;flex-basis:30px}.web-shop-header-badge{right:-7px;top:-7px}.web-shop-wallet-status{display:none}.web-shop-account-bar{min-height:0}}