/* V0.8.2 — account image slot, VIP page, topup page */
.equip-slot-action{grid-column:2/span 1}.equip-picture-button{text-decoration:none;color:#f3d8aa;cursor:pointer}.equip-picture-button>span{padding:14px;text-align:center;font-weight:700;text-shadow:0 1px 2px #000}.equip-picture-button:hover{transform:translateY(-1px);box-shadow:inset 0 0 22px #000,0 0 18px #8e5c22a6}
.imperial-inline-link{display:inline-block;color:#f0c883;text-decoration:none}.imperial-inline-link:hover{text-decoration:underline}

.imperial-page{position:relative;min-height:calc(100vh - 160px);padding:26px;border:1px solid #7d5730;border-radius:18px;background:linear-gradient(180deg,rgba(10,7,6,.88),rgba(16,11,10,.94));box-shadow:0 0 0 1px #2c1a11 inset,0 0 38px #0008;overflow:hidden}.imperial-page:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,6,5,.66),rgba(10,8,7,.84)),var(--page-bg,none) center/cover no-repeat;opacity:1;z-index:0}.vip-page{--page-bg:var(--vip-bg)}.topup-page{--page-bg:var(--topup-bg)}.imperial-page>*{position:relative;z-index:1}
.imperial-hero-card,.vip-table-panel,.topup-pack-panel,.topup-text-panel{background:linear-gradient(145deg,rgba(34,23,18,.88),rgba(15,11,10,.92));border:1px solid #8d6436;border-radius:16px;padding:20px 22px;margin-bottom:18px;box-shadow:inset 0 0 24px #0007}
.vip-topline{font-size:14px;letter-spacing:.14em;color:#d7a55e;text-transform:uppercase}.imperial-hero-card h1{margin:6px 0 10px;font-size:clamp(34px,3.1vw,54px);color:#f0cc91}.imperial-hero-card p{font-size:17px;line-height:1.75;color:#e8cfaa}
.vip-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.vip-meta-box{padding:16px;border:1px solid #87603a;border-radius:12px;background:linear-gradient(180deg,#241813d9,#171110dd)}.vip-meta-box strong{display:block;font-size:18px;color:#f5cf92;margin-bottom:8px}.vip-meta-box span{font-size:16px;color:#e6c596}
.vip-page-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.vip-page-actions a{display:inline-flex;align-items:center;justify-content:center;min-width:168px;padding:12px 16px;border-radius:10px;text-decoration:none;font-size:18px;font-weight:700}.vip-page-actions .primary{background:linear-gradient(#b67c40,#7b451f);border:1px solid #c89a57;color:#fff2d1}.vip-page-actions .secondary{background:linear-gradient(#38302b,#221c19);border:1px solid #71543a;color:#e5c897}
.vip-table-panel h2,.topup-pack-panel h2,.topup-text-panel h2{margin:0 0 16px;font-size:28px;color:#f1cf96}.vip-table-wrap{overflow:auto}.vip-rank-table{width:100%;border-collapse:collapse;min-width:880px}.vip-rank-table th,.vip-rank-table td{border:1px solid #7e5b37;padding:12px 14px;font-size:16px;text-align:left;background:rgba(20,14,12,.72)}.vip-rank-table th{background:linear-gradient(180deg,#5d3a1f,#372216);color:#f6d8a3;font-size:17px}.vip-rank-table tr.current-rank td{background:linear-gradient(180deg,rgba(134,82,34,.55),rgba(44,29,18,.72));box-shadow:inset 0 0 0 1px #d7a55f}
.topup-code-box{margin-top:16px;padding:18px;border:1px solid #8b6237;border-radius:12px;background:linear-gradient(180deg,#241914e6,#181210e6)}.topup-code-box label{display:block;margin-bottom:10px;font-size:18px;color:#f3d096}.topup-code-row{display:flex;gap:10px;align-items:center}.topup-code-row input{flex:1;padding:14px 16px;border-radius:10px;border:1px solid #8b6238;background:#0f0d0d;color:#f1d7ae;font-size:16px}.topup-code-row button{padding:14px 20px;border-radius:10px;border:1px solid #bf9350;background:linear-gradient(#a16d39,#6b3f21);color:#ffe7bf;font-size:16px;font-weight:700}.topup-code-box small{display:block;margin-top:8px;color:#c8b18d;font-size:13px}
.topup-pack-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.topup-pack-card{padding:18px;border:1px solid #8b6237;border-radius:14px;background:linear-gradient(180deg,rgba(39,25,18,.92),rgba(22,16,13,.95));min-height:158px;box-shadow:inset 0 0 20px #0007}.pack-nt{font-size:30px;color:#f4cc8d;font-weight:700;margin-bottom:10px}.topup-pack-card strong{display:block;font-size:22px;color:#f5d6a2;margin-bottom:8px}.topup-pack-card p{font-size:16px;line-height:1.65;color:#e6c9a0}
.sponsor-copy p{font-size:17px;line-height:1.9;color:#ecd1ac;margin:0 0 10px}.sponsor-copy strong{color:#f7d699}
@media(max-width:1200px){.vip-meta-grid,.topup-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.vip-meta-grid,.topup-pack-grid{grid-template-columns:1fr}.topup-code-row{flex-direction:column}.topup-code-row button{width:100%}.imperial-page{padding:18px}.vip-rank-table{min-width:680px}}