.shop-banner{display:flex;justify-content:space-between;align-items:center;position:relative;isolation:isolate;padding:30px 34px;background:radial-gradient(ellipse at 85% 25%,#8a6fd62b,transparent 65%),linear-gradient(125deg,#252f48,#1b2a3c);border-color:#9d84bf26;gap:22px}
.shop-banner:before{content:'';position:absolute;right:8%;top:-100px;width:380px;height:380px;border:1px solid #b294dd12;border-radius:50%;z-index:-1;box-shadow:0 0 0 38px #b294dd05,0 0 0 76px #b294dd04}
.shop-banner .eyebrow{color:#c5a7ed;font-size:8px}.shop-banner h2{font-size:26px;line-height:1.55}.shop-banner-copy>p:last-of-type{font-size:12px;color:#a4b3c8;margin:10px 0 19px}.shop-banner-actions{display:flex;align-items:center;gap:20px}.shop-banner-actions .outline-button{color:#d8c4ed;border-color:#af8dc85a;font-size:11px}
.shop-balance{display:grid;grid-template-columns:90px auto;align-items:center;column-gap:17px;min-width:235px;padding:20px 24px;border:1px solid #ccb4e32e;border-radius:18px;background:#18233757;backdrop-filter:blur(8px)}.shop-balance>.item-art{grid-row:1/4;width:90px;height:95px;filter:drop-shadow(0 10px 22px #ab80f43b)}.shop-balance>span{color:#bbacd2;font-size:11px}.shop-balance>strong{font-family:'Segoe UI',Tahoma,sans-serif;line-height:1.2;font-size:40px;color:#eee0ff;letter-spacing:-1px}.shop-balance>small{color:#978eb5;font-size:10px}
.shop-wallet-stats{display:flex;align-items:center;margin:18px 0 22px;padding:0 4px;gap:27px}.shop-wallet-stats>div{display:flex;flex-direction:column;border-right:1px solid var(--line);padding-right:27px}.shop-wallet-stats>div>span{font-size:9px;color:#8d9faf}.shop-wallet-stats>div>strong{font-size:17px;font-family:'Segoe UI',Tahoma,sans-serif;color:#d9cde7;font-weight:600}.shop-wallet-stats>p{display:flex;align-items:center;gap:7px;color:#7d94a7;font-size:10px;margin-left:auto}.shop-wallet-stats>p .icon{width:14px;height:14px}.positive{color:#91cdb4!important}.negative{color:#e6b79b!important}
.shop-inventory{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.shop-inventory>div{display:flex;align-items:center;gap:10px;background:#172635;border:1px solid var(--line);border-radius:12px;padding:12px 16px}.shop-inventory .item-art{width:35px;height:35px}.shop-inventory span{display:flex;flex-direction:column;color:#8da7b8;font-size:10px}.shop-inventory b{color:#dce0d9;font-family:'Segoe UI',Tahoma,sans-serif;font-size:15px;letter-spacing:.3px}
.shop-section-head{display:flex;gap:15px;justify-content:space-between;align-items:center;margin:0 0 16px}.shop-section-head h2{font-size:18px}.shop-section-head p{color:#89aaac;font-size:10px;margin-top:4px}.shop-tabs{display:flex;padding:4px;background:#121f2d;border:1px solid var(--line);border-radius:10px;gap:3px}.shop-tabs button{padding:8px 11px;border-radius:7px;background:none;font-size:10px;color:#97adbe;white-space:nowrap}.shop-tabs button.selected{background:#8f76b324;color:#dac8ef}.shop-tabs button:hover{background:#ffffff08}
.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.shop-card{padding:22px 24px;background:linear-gradient(135deg,#1b2d3e,#162433)}.shop-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.shop-card-top h3{font-size:17px}.shop-card-top p:last-child{font-size:10px;color:#8fa8bc;margin-top:5px}.shop-product-art{width:69px;height:69px;flex:none;background:radial-gradient(ellipse,#d0b47717,transparent 75%)}.shop-product-art .item-art{width:65px;height:65px;filter:drop-shadow(0 7px 5px #0002)}.shop-food .shop-product-art{background:radial-gradient(ellipse,#8aaf9622,transparent 75%)}
.shop-pack-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.shop-pack{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 8px 11px;border:1px solid #8cacc320;border-radius:11px;background:#142534;color:#d6e0df;min-height:123px;transition:background .15s,border-color .15s}.shop-pack:hover{background:#22364a;border-color:#a58bbd70}.shop-pack.selected{border-color:#b899d0;background:linear-gradient(135deg,#4b3d664a,#283951);box-shadow:inset 0 0 0 1px #b899d026}.pack-saving{color:#8198ad;font-size:8px;min-height:15px;margin-bottom:6px}.shop-pack:not(:first-child) .pack-saving{color:#9cceb4}.shop-pack strong{font-family:'Segoe UI',Tahoma,sans-serif;font-size:23px;letter-spacing:-.5px;line-height:1.25;font-weight:650}.shop-pack>small{font-size:9px;color:#9daebc}.pack-price{display:flex;align-items:center;justify-content:center;gap:3px;margin-top:9px;font-size:11px;color:#ccb7e5;line-height:1.2}.pack-price .item-art{width:18px;height:18px}.shop-card-purchase{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-top:18px}.shop-unit-price{font-size:12px;color:#d9d9cc}.shop-unit-price small{display:block;font-size:9px;color:#7893a8;margin-top:2px}.shop-buy-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #c8a8eb9e;border-radius:9px;background:linear-gradient(#b996dd,#9b7bc4);color:#241f38;font-size:13px;font-weight:bold;padding:10px 19px;min-width:127px;box-shadow:0 3px 0 #685486}.shop-buy-button .item-art{width:22px;height:22px}.shop-buy-button:disabled{box-shadow:none;opacity:.55;background:#4b4666;color:#d2c7df;border-color:#79708d50;font-size:11px}.shop-buy-button:hover:not(:disabled){filter:brightness(1.08)}.shop-product-note{display:flex;gap:6px;align-items:flex-start;line-height:1.8;color:#7892a6;font-size:9px;margin-top:16px;min-height:33px}.shop-product-note .icon{height:13px;width:13px;margin-top:2px}
.shop-history-panel{margin-top:25px}.shop-history-scroll{max-height:400px;overflow:auto;padding:0 24px}.shop-history-table{width:100%;border-collapse:collapse;font-size:12px}.shop-history-table th{font-weight:normal;color:#7e96aa;font-size:10px;text-align:right;padding:8px 0 12px;border-bottom:1px solid var(--line)}.shop-history-table th:first-child{text-align:left}.shop-history-table td{padding:13px 0;border-bottom:1px solid var(--line);text-align:right;color:#adbccc;font-family:'Segoe UI',Tahoma,sans-serif}.shop-history-table td:first-child{text-align:left}.shop-history-detail{display:flex;align-items:center;gap:11px}.shop-history-detail>.item-art{width:32px;height:32px}.shop-history-detail strong{font-size:11px;font-weight:normal;color:#cad5dd}.shop-history-detail small{display:block;font-size:9px;color:#7a92a6;margin-top:2px}.shop-history-note{font-size:10px;color:#819aac;padding:16px 24px;line-height:1.8;background:#14223055;border-top:1px solid var(--line)}.shop-history-empty{text-align:center;padding:25px 15px 35px;color:#7992aa}.shop-history-empty>.icon{width:27px;height:27px;margin-bottom:10px}.shop-history-empty>p{color:#b4c4cf;font-size:12px;margin-bottom:5px}.shop-history-empty>span{font-size:10px}
.shop-checkout-product{display:flex;align-items:center;gap:18px;background:#213347;border:1px solid #ffffff0b;border-radius:12px;padding:12px 18px;margin-bottom:17px}.shop-checkout-product>.item-art{width:66px;height:66px}.shop-checkout-product h3{font-size:18px}.shop-checkout-product p{font-size:11px!important;margin:4px 0 0!important}.shop-quantity-row{display:flex;align-items:center;justify-content:space-between;margin:14px 0 18px}.shop-quantity-row label{margin:0}.shop-stepper{display:flex;align-items:center;border:1px solid #7990a04d;border-radius:9px;overflow:hidden;background:#142332}.shop-stepper button{height:37px;width:39px;background:#ffffff06;color:#c6c4d7;font-size:21px}.shop-stepper strong{width:43px;text-align:center;font-family:'Segoe UI',Tahoma,sans-serif;font-size:14px}.shop-checkout-summary>div{display:flex;justify-content:space-between;align-items:center;color:#a6b6c7;font-size:12px;padding:8px 0}.shop-checkout-summary strong{color:#ddd2ea;font-family:'Segoe UI',Tahoma,sans-serif}.shop-checkout-summary .shop-checkout-total{border-top:1px solid #ffffff16;margin-top:8px;padding:15px 0 6px;font-size:15px}.shop-confirm-note{font-size:10px!important;color:#8da4b8!important;margin-top:13px!important;margin-bottom:0!important}.shop-gem-sources{display:flex;flex-direction:column;gap:9px}.shop-gem-sources>div{display:flex;align-items:center;gap:9px;background:#203449;border:1px solid #ffffff08;padding:10px 12px;border-radius:9px;font-size:11px;color:#b9c8d3}.shop-gem-sources .item-art{width:27px;height:27px}.shop-gem-sources strong{margin-left:auto;font-size:11px;color:#ccade9}.shop-link-strip{justify-content:space-between}.shop-link-strip>span{display:flex;align-items:center;gap:10px}.shop-link-strip .item-art{width:27px;height:27px}.shop-link-strip button{white-space:nowrap}
@media(max-width:1100px){.shop-card{padding:19px}.shop-card-top h3{font-size:15px}.shop-product-art{width:57px;height:60px}.shop-product-art .item-art{width:57px;height:57px}.shop-tabs button{font-size:9px;padding:7px 8px}.shop-pack strong{font-size:21px}.shop-section-head{align-items:flex-start}.shop-inventory>div{padding:11px;gap:7px}}
@media(max-width:900px){.shop-banner{padding:26px;gap:20px}.shop-banner h2{font-size:24px}.shop-balance{min-width:190px;padding:19px 18px;grid-template-columns:62px auto;column-gap:12px}.shop-balance>.item-art{width:63px;height:78px}.shop-balance>strong{font-size:34px}.shop-wallet-stats{gap:18px}.shop-wallet-stats>div{padding-right:18px}.shop-wallet-stats>p{max-width:150px;font-size:9px}.shop-banner-copy>p:last-of-type{font-size:11px;max-width:240px}.shop-banner-actions{gap:12px}.shop-banner-actions .text-link{font-size:9px}.shop-section-head{display:block}.shop-tabs{margin-top:15px;width:max-content;max-width:100%;flex-wrap:wrap}.shop-tabs button{padding:8px 12px}.shop-grid{gap:14px}.shop-card{padding:17px}.shop-card-top{gap:5px}.shop-card-top h3{font-size:14px}.shop-card-top p:last-child{font-size:9px;max-width:140px}.shop-product-art{width:48px}.shop-product-art .item-art{width:49px}.shop-pack-picker{gap:5px}.shop-pack{padding:8px 3px;min-height:117px}.shop-pack strong{font-size:19px}.shop-card-purchase{gap:7px}.shop-buy-button{min-width:104px;padding:8px 10px;font-size:12px}.shop-unit-price{font-size:10px}.shop-unit-price small{font-size:8px}.shop-product-note{font-size:8px}}
@media(max-width:600px){.shop-banner{padding:22px 18px;align-items:flex-start;gap:13px}.shop-banner h2{font-size:22px}.shop-banner .eyebrow{font-size:6px;letter-spacing:1.1px}.shop-banner-copy>p:last-of-type{font-size:10px;line-height:1.8;max-width:215px;margin:9px 0 16px}.shop-balance{min-width:96px;grid-template-columns:1fr;justify-items:center;padding:10px 12px;row-gap:0;border-radius:13px;margin-top:6px}.shop-balance>.item-art{grid-row:auto;width:56px;height:60px}.shop-balance>span{font-size:9px}.shop-balance>strong{font-size:28px;margin:2px 0}.shop-balance>small{font-size:8px}.shop-banner-actions{align-items:flex-start;flex-direction:column;gap:12px}.shop-banner-actions .outline-button{font-size:9px;padding:7px 10px;gap:5px}.shop-banner-actions .text-link{font-size:9px}.shop-wallet-stats{gap:0;display:grid;grid-template-columns:repeat(3,1fr);margin:17px 0 18px}.shop-wallet-stats>div{padding:0 14px;text-align:center}.shop-wallet-stats>div:first-child{padding-left:0}.shop-wallet-stats>div:nth-child(3){border:0;padding-right:0}.shop-wallet-stats>div>span{font-size:8px}.shop-wallet-stats>div>strong{font-size:16px;margin-top:2px}.shop-wallet-stats>p{grid-column:1/-1;justify-content:center;margin:11px 0 0;max-width:none;font-size:8px}.shop-inventory{gap:7px;margin-bottom:23px}.shop-inventory>div{padding:10px 5px;gap:4px;flex-direction:column;align-items:center}.shop-inventory .item-art{width:28px;height:28px}.shop-inventory span{text-align:center;font-size:8px}.shop-inventory b{font-size:12px;margin-top:2px}.shop-section-head h2{font-size:17px}.shop-section-head p{font-size:9px}.shop-tabs{margin-top:12px;width:100%;gap:2px;flex-wrap:nowrap}.shop-tabs button{padding:7px 5px;flex:1;font-size:9px}.shop-grid{grid-template-columns:1fr;gap:15px}.shop-card{padding:19px}.shop-card-top{margin-bottom:13px}.shop-card-top h3{font-size:16px}.shop-card-top p:last-child{font-size:10px;max-width:none}.shop-product-art{width:63px;height:65px}.shop-product-art .item-art{width:63px;height:63px}.shop-pack-picker{gap:7px}.shop-pack{padding:9px 5px 11px;min-height:125px}.shop-pack strong{font-size:23px}.shop-pack>small{font-size:9px}.pack-saving{font-size:8px}.pack-price{font-size:12px}.pack-price .item-art{width:18px}.shop-card-purchase{margin-top:15px}.shop-unit-price{font-size:12px}.shop-unit-price small{font-size:9px}.shop-buy-button{padding:9px 15px;min-width:131px;font-size:13px}.shop-product-note{font-size:9px;min-height:0;margin-top:14px}.shop-history-panel{margin-top:20px}.shop-history-scroll{padding:0 16px;max-height:350px}.shop-history-table th{font-size:9px}.shop-history-table td{padding:12px 0;font-size:11px}.shop-history-detail{gap:7px}.shop-history-detail>.item-art{width:25px;height:25px}.shop-history-detail strong{font-size:10px}.shop-history-detail small{font-size:8px;max-width:160px}.shop-history-note{font-size:9px;padding:13px 16px}.shop-checkout-product{padding:10px 13px;gap:14px}.shop-checkout-product>.item-art{width:57px;height:57px}.shop-checkout-product h3{font-size:17px}.shop-checkout-summary>div{font-size:11px}.shop-checkout-summary .shop-checkout-total{font-size:14px}.shop-gem-sources>div{font-size:10px;padding:9px}.shop-gem-sources strong{font-size:10px}.shop-link-strip{align-items:flex-start;gap:13px}.shop-link-strip>span{gap:7px}.shop-link-strip .outline-button{font-size:9px;padding:7px 10px}.nav-link{font-size:8px}.nav-link .icon{width:21px;height:21px}.nav-dot{right:calc(50% - 17px)}}
@media(max-width:360px){.shop-banner{padding:19px 15px;gap:9px}.shop-banner h2{font-size:20px}.shop-balance{min-width:85px;padding:9px}.shop-balance>strong{font-size:24px}.shop-card{padding:16px}.shop-tabs button{font-size:8px}.shop-pack strong{font-size:21px}}
.equipment-box-panel{margin-top:24px;padding-bottom:22px}.equipment-box-intro{color:#91a8b6;font-size:11px;padding:0 24px 17px}.equipment-box-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:0 24px}.equipment-box-card{border:1px solid #ffffff12;border-radius:15px;padding:17px;background:linear-gradient(145deg,#172d3d,#122432)}.equipment-box-card.gem{border-color:#a578ef45;background:linear-gradient(145deg,#292144,#182238)}.equipment-box-top{display:flex;align-items:flex-start;justify-content:space-between}.equipment-box-top h3{font-size:16px;color:#e5d19a}.equipment-box-top>.item-art{width:45px;height:45px}.equipment-rates{display:flex;gap:8px;margin:15px 0;font-size:10px;color:#a2b5bf}.equipment-rates span{flex:1;padding:8px 5px;text-align:center;border-radius:8px;background:#ffffff06}.equipment-rates b{display:block;font-size:14px;margin-top:3px}.equipment-box-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.equipment-box-actions button{border:1px solid #ffffff18;border-radius:9px;background:#ffffff08;color:#d8e1e3;padding:10px 7px;font-size:10px;cursor:pointer}.equipment-box-actions button:hover{border-color:#d6bd7b88;background:#d6bd7b12}.equipment-box-actions strong{display:block;color:#e2c487;margin-top:4px}.equipment-box-actions small{display:block;color:#8fa4af;font-size:8px;margin-top:3px}.box-confirm-art{display:grid;place-items:center}.box-confirm-art .item-art{width:75px;height:75px}.equipment-results{display:grid;gap:7px;max-height:330px;overflow:auto}.equipment-result{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:9px;border:1px solid #ffffff12;background:#ffffff05}.equipment-result>.item-art{width:31px;height:31px}.equipment-result>div{flex:1;min-width:0}.equipment-result strong{display:block;font-size:11px;color:#dce6e7}.equipment-result small{display:block;color:#91a8b6;font-size:9px;margin-top:3px}.equipment-result>b{font-size:9px;padding:3px 6px;border-radius:5px}.equipment-result.white>b{color:#d8e3e8;background:#d8e3e81c}.equipment-result.green>b{color:#86d1a4;background:#86d1a41c}.equipment-result.purple>b{color:#c29bff;background:#a578ef22}
@media(max-width:600px){.equipment-box-intro{font-size:10px;padding:0 17px 14px}.equipment-box-grid{grid-template-columns:1fr;padding:0 17px;gap:10px}.equipment-box-card{padding:14px}.equipment-box-top h3{font-size:14px}.equipment-rates{margin:11px 0}.equipment-box-actions button{font-size:9px;padding:8px 5px}}