.vip-packages{--legend-color:#edc675}.vip-packages-heading>h3{font-size:32px;margin:7px 0;color:#ffdf9b}.vip-packages-heading>p{color:#acbdc5;line-height:1.6}.vip-beta-banner{display:flex;gap:15px;align-items:center;padding:17px 20px;border:1px solid #a88a48;background:linear-gradient(120deg,#53432155,#192d35);border-radius:12px;margin:22px 0}.vip-beta-banner>strong{flex-shrink:0;color:#ffd075;font-size:13px;letter-spacing:.06em}.vip-beta-banner>span{font-size:13px;color:#d8dedb;line-height:1.6}.vip-packages-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vip-package-card{overflow:hidden;border:1px solid #425c70;border-radius:16px;background:#0b1722;display:flex;flex-direction:column;min-width:0}.vip-package-portrait{height:172px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 90%,color-mix(in srgb,var(--legend-color) 26%,transparent),transparent 70%),linear-gradient(130deg,#172b3c,#101923);border-bottom:1px solid #304554}.vip-package-portrait:before{content:'';width:112px;height:112px;border:1px solid color-mix(in srgb,var(--legend-color) 40%,transparent);border-radius:50%;position:absolute;top:18px}.vip-package-portrait img,.vip-package-portrait canvas{width:128px!important;height:128px!important;object-fit:contain;image-rendering:pixelated;z-index:1}.vip-package-portrait>span{position:absolute;bottom:10px;left:8px;right:8px;text-align:center;color:var(--legend-color);font-size:11px;letter-spacing:.07em;text-transform:uppercase}.vip-package-copy{padding:18px;display:flex;flex-direction:column;flex:1}.vip-package-copy>small{color:#93aab7;font-size:9px;letter-spacing:.07em}.vip-package-copy h4{font-size:24px;color:#f3e7cc;margin:6px 0 12px;line-height:1.1;overflow-wrap:anywhere}.vip-power-badge{font-size:11px;color:var(--legend-color);padding:7px 9px;border:1px solid #334955;border-radius:6px;line-height:1.5}.vip-package-contents{list-style:none;padding:0;margin:17px 0;display:grid;gap:15px}.vip-package-contents li{display:flex;gap:10px;align-items:center;min-width:0}.vip-package-contents li>img,.vip-package-contents li>canvas{width:30px!important;height:30px!important;object-fit:contain;flex-shrink:0;image-rendering:pixelated}.vip-package-contents b{font-size:13px;display:block;color:#e5e2d5}.vip-package-contents small{display:block;font-size:11px;color:#9eafb8;line-height:1.5;margin-top:3px}.vip-character-note{font-size:11px;color:#9bb1be;line-height:1.7;margin:0 0 18px}.vip-package-copy footer{margin-top:auto;padding-top:16px;border-top:1px solid #304555;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.vip-package-price del{color:#8da0ac;font-size:12px}.vip-package-price strong{display:flex;align-items:center;gap:6px;font-size:27px;color:#fbd184;line-height:1.2}.vip-package-price img,.vip-package-price canvas{width:24px!important;height:24px!important;object-fit:contain}.vip-package-price small{font-size:9px;color:#9aacb6}.vip-package-copy footer button{font-size:12px;padding:10px}.vip-package-footnote{color:#91a5b3;font-size:12px;line-height:1.8;margin-top:20px}.vip-package-confirm{max-width:650px;margin:auto;padding:8px}.vip-confirm-hero{display:flex;align-items:center;gap:20px;margin:15px 0}.vip-confirm-hero>img,.vip-confirm-hero>canvas{width:110px!important;height:110px!important;image-rendering:pixelated;object-fit:contain}.vip-confirm-hero h3{font-size:28px;color:#f2d092;margin:0}.vip-confirm-hero p,.vip-package-confirm>p{color:#a8bac4;font-size:13px;line-height:1.7}.vip-confirm-balance{display:grid;grid-template-columns:1fr 1fr;padding:18px;background:#142735;border-radius:10px;gap:15px;margin:20px 0}.vip-confirm-balance span{font-size:12px;color:#9aafb9}.vip-confirm-balance b{display:block;color:#f1d191;margin-top:5px;font-size:18px}.vip-package-confirm .dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.vip-package-confirm .vip-package-contents{grid-template-columns:1fr}.vip-package-confirm .vip-package-contents b{font-size:15px}
@media(max-width:1200px){.vip-packages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vip-beta-banner{align-items:flex-start;flex-direction:column;gap:7px}}
@media(max-width:700px){.vip-packages-grid{grid-template-columns:1fr}.vip-packages-heading>h3{font-size:28px}.vip-package-portrait{height:156px}.vip-confirm-hero{gap:10px}.vip-confirm-hero>img,.vip-confirm-hero>canvas{width:84px!important;height:84px!important}.vip-confirm-hero h3{font-size:23px}.vip-confirm-balance{padding:12px;gap:8px}.vip-package-confirm .dialog-actions>*{flex:1;white-space:normal;min-width:0}}