.shop-shell{color:#eee;background:linear-gradient(145deg,#090d14,#111722);border:1px solid #252d3a;padding:30px;box-shadow:0 20px 60px #0008}.shop-topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;border-bottom:1px solid #303747;padding-bottom:22px;margin-bottom:24px}.shop-heading{min-width:0;flex:1}.shop-top-tools{display:flex;align-items:stretch;justify-content:flex-end;gap:12px}.shop-category-box{width:440px;min-height:94px;background:#161d29;border:1px solid #465064;padding:12px 14px}.shop-category-box>small{display:block;color:#939baa;text-align:right;margin-bottom:8px}.shop-category-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.shop-category-buttons a{display:flex;min-width:0;align-items:center;justify-content:center;gap:4px;padding:9px 6px;border:1px solid #354052;background:#101721;color:#b8c0cc;font-size:12px;white-space:nowrap;transition:.2s}.shop-category-buttons a:hover,.shop-category-buttons a.active{border-color:#c7a34e;background:linear-gradient(#d2ad56,#9d7730);color:#16110a;font-weight:800}.shop-category-buttons a span{font-size:10px;opacity:.7}.shop-kicker{font-size:12px;letter-spacing:3px;color:#c9a85c}.shop-topbar h2{font-size:34px;margin:7px 0}.shop-topbar p{color:#8f98a8}.shop-point{width:205px;min-height:94px;background:#161d29;border:1px solid #465064;padding:14px 22px;text-align:right;display:flex;flex-direction:column;justify-content:center}.shop-point small{display:block;color:#939baa}.shop-point strong{font-size:24px;color:#f1c865}.shop-notice,.shop-alert{padding:14px 18px;margin-bottom:20px;border-left:3px solid #c7a34e;background:#171d27}.shop-alert.error{border-color:#d55757}.shop-alert.success{border-color:#4fbd86}.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.shop-card{background:#131923;border:1px solid #2b3442;transition:.25s;overflow:hidden}.shop-card:hover{transform:translateY(-5px);border-color:#c6a04d;box-shadow:0 16px 35px #0009}.shop-card.disabled{opacity:.55}.shop-card-media{height:230px;position:relative;background:radial-gradient(circle,#202b3a,#090d13);overflow:hidden}.shop-card-media img{width:100%;height:100%;object-fit:contain;padding:22px}.no-image{display:grid;place-items:center;height:100%;font-size:60px;color:#394354}.shop-badge{position:absolute;z-index:3;left:14px;top:14px;padding:6px 11px;border-radius:2px;font-size:11px;font-weight:800;letter-spacing:1px;background:#c9a64f;color:#15120b}.shop-badge.red{background:#d54b4b;color:#fff}.shop-badge.blue{background:#3f78c8;color:#fff}.shop-badge.green{background:#3ca274;color:#fff}.shop-badge.purple{background:#8052bb;color:#fff}.shop-hover{position:absolute;inset:0;background:#05080ddf;padding:28px;display:flex;flex-direction:column;justify-content:center;opacity:0;transition:.25s}.shop-card:hover .shop-hover{opacity:1}.shop-hover p{color:#cbd0d8;line-height:1.65}.shop-hover span{color:#e1b958;margin-top:12px}.shop-card-body{padding:18px}.shop-card-body h3{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-price{font-size:23px;color:#e7bd5b;margin:12px 0}.shop-price small{font-size:11px}.shop-limit{color:#8f98a7;font-size:12px}.shop-buy,.modal-buy{width:100%;margin-top:15px;padding:13px;border:1px solid #b69345;background:linear-gradient(#d2ad56,#9d7730);font-weight:800;color:#16110a;cursor:pointer}.shop-buy:disabled{background:#454b54;border-color:#555;color:#aaa}.shop-empty{grid-column:1/-1;padding:80px;text-align:center;color:#858d99}.shop-modal{position:fixed;z-index:99999;inset:0;background:#000c;display:none;align-items:center;justify-content:center;padding:20px}.shop-modal.open{display:flex}.shop-modal-panel{width:min(980px,96vw);max-height:92vh;overflow:auto;background:#101620;border:1px solid #b49349;color:#eee;position:relative;box-shadow:0 35px 100px #000}.shop-close{position:absolute;right:14px;top:10px;background:none;border:0;color:#fff;font-size:34px;cursor:pointer;z-index:5}.shop-modal-grid{display:grid;grid-template-columns:44% 56%}.shop-modal-image{min-height:500px;background:radial-gradient(circle,#253143,#080b10);display:grid;place-items:center}.shop-modal-image img{width:100%;height:100%;max-height:550px;object-fit:contain;padding:35px}.shop-modal-info{padding:38px;position:relative}.shop-modal-info .shop-badge{position:static;margin-bottom:15px}.shop-modal-info h2{font-size:30px}.shop-modal-info>p{color:#aeb5c0;line-height:1.65;margin:12px 0 20px}.modal-price,.modal-point{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #2b3441}.modal-price strong{color:#e4ba57;font-size:20px}.modal-items{margin:20px 0}.modal-items h4{color:#d5b264;margin-bottom:8px}.modal-items #modalItems>div{display:flex;justify-content:space-between;padding:8px;background:#171e29;margin-bottom:4px}.shop-modal select{width:100%;background:#0c1118;color:#fff;border:1px solid #3c4655;padding:12px;margin:7px 0 14px}.shop-modal label{display:block;color:#adb5c1}.modal-buy:disabled{filter:grayscale(1);cursor:not-allowed}@media(max-width:1100px){.shop-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.shop-grid{grid-template-columns:repeat(2,1fr)}.shop-modal-grid{grid-template-columns:1fr}.shop-modal-image{min-height:280px}.shop-topbar{align-items:start;gap:15px}.shop-point{min-width:145px}}@media(max-width:520px){.shop-grid{grid-template-columns:1fr}.shop-shell{padding:15px}.shop-topbar{display:block}.shop-point{margin-top:15px;text-align:left}}

.shop-pagination{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:30px;padding-top:24px;border-top:1px solid #2b3442}.shop-pagination a{min-width:40px;height:40px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #384252;background:#121923;color:#b8c0cb;font-weight:700}.shop-pagination a:hover,.shop-pagination a.active{background:linear-gradient(#d2ad56,#9d7730);border-color:#c7a34e;color:#171109}.shop-pagination .page-move{min-width:66px}
@media(max-width:1250px){.shop-topbar{align-items:flex-start}.shop-top-tools{flex-direction:column;width:440px}.shop-category-box,.shop-point{width:100%}.shop-point{min-height:auto}}
@media(max-width:900px){.shop-topbar{display:block}.shop-top-tools{width:100%;margin-top:18px}.shop-category-box{width:100%}.shop-category-buttons{grid-template-columns:repeat(3,1fr)}.shop-point{width:100%;text-align:left;align-items:flex-start}.shop-pagination{flex-wrap:wrap}}
@media(max-width:520px){.shop-category-buttons{grid-template-columns:repeat(2,1fr)}.shop-category-box{padding:10px}.shop-category-buttons a{font-size:11px}.shop-pagination a{min-width:36px;height:36px;padding:0 9px}}