/* BOOM_VIP_SYSTEM_V1_CSS */
#boom-vip-open{
  border:1px solid rgba(255,213,74,.55)!important;
  background:linear-gradient(135deg,#241a05,#5a3b08)!important;
  color:#ffe98a!important;
  box-shadow:0 0 18px rgba(255,190,45,.18)!important;
}
#boom-vip-open.vip-active{box-shadow:0 0 22px rgba(255,218,74,.42)!important}
#boom-vip-open span{filter:drop-shadow(0 0 5px rgba(255,219,90,.5))}

#boom-vip-modal{position:fixed;inset:0;z-index:999990;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(1,5,13,.82);backdrop-filter:blur(8px)}
#boom-vip-modal.show{display:flex}
#boom-vip-card{width:min(1180px,96vw);max-height:94vh;overflow:auto;border:1px solid rgba(255,215,92,.36);border-radius:20px;background:linear-gradient(180deg,#091124 0%,#060b18 100%);color:#eef8ff;box-shadow:0 28px 90px rgba(0,0,0,.65),0 0 55px rgba(255,190,50,.10);font-family:Arial,sans-serif}
#boom-vip-card *{box-sizing:border-box}
.boom-vip-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:rgba(7,12,26,.96);border-bottom:1px solid rgba(255,213,74,.22);backdrop-filter:blur(10px)}
.boom-vip-head strong{display:block;color:#ffe06a;font:900 1rem Orbitron,Arial,sans-serif;letter-spacing:.08em}.boom-vip-head small{display:block;margin-top:3px;color:#8fa7be;font-size:.68rem}.boom-vip-close{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#111a2b;color:#fff;font-size:18px;cursor:pointer}
.boom-vip-body{padding:14px}.boom-vip-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.boom-vip-panel{border:1px solid rgba(118,181,255,.16);border-radius:15px;background:rgba(11,21,40,.72);padding:13px;min-width:0}.boom-vip-panel.gold{border-color:rgba(255,214,82,.3);background:linear-gradient(145deg,rgba(64,42,8,.38),rgba(10,18,35,.88))}.boom-vip-panel h3{margin:0 0 9px;color:#dff7ff;font:900 .78rem Orbitron,Arial,sans-serif;letter-spacing:.05em}.boom-vip-panel p{margin:4px 0;color:#9db0c5;font-size:.76rem;line-height:1.45}
.boom-vip-status{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-radius:12px;background:#07101f;border:1px solid rgba(255,255,255,.08)}.boom-vip-status b{font:900 .9rem Orbitron,Arial,sans-serif}.boom-vip-status.active b{color:#ffe16e}.boom-vip-status.locked b{color:#8799ac}.boom-vip-timer{font:900 1.25rem Orbitron,Arial,sans-serif;color:#fff2a2;text-shadow:0 0 14px rgba(255,215,80,.28)}
.boom-vip-meter{height:12px;border-radius:999px;background:#111b2d;overflow:hidden;border:1px solid rgba(255,255,255,.09);margin:9px 0 5px}.boom-vip-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffb52e,#fff07d);box-shadow:0 0 16px rgba(255,205,65,.4)}.boom-vip-meter-row{display:flex;justify-content:space-between;color:#9fb1c4;font-size:.69rem}
.boom-vip-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.boom-vip-btn{border:0;border-radius:10px;padding:9px 11px;background:linear-gradient(135deg,#ffd84a,#ff9e2f);color:#201300;font-weight:900;font-size:.72rem;cursor:pointer}.boom-vip-btn.secondary{background:#15243c;color:#cdefff;border:1px solid rgba(90,206,255,.24)}.boom-vip-btn.good{background:linear-gradient(135deg,#4ef0aa,#38cf80);color:#031b10}.boom-vip-btn.danger{background:#3b1520;color:#ffb6c0;border:1px solid rgba(255,88,111,.28)}.boom-vip-btn:disabled{opacity:.35;cursor:not-allowed}
.boom-vip-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}.boom-vip-benefit{padding:8px;border-radius:10px;background:#0a1426;border:1px solid rgba(255,255,255,.07);font-size:.67rem;color:#adc0d4}.boom-vip-benefit b{display:block;color:#edf8ff;margin-bottom:3px;font-size:.69rem}
.boom-vip-live{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:center}.boom-vip-mon{height:120px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(255,220,90,.16),rgba(8,16,31,.2) 62%);border:1px solid rgba(255,220,90,.17)}.boom-vip-mon img{width:112px;height:112px;object-fit:contain;image-rendering:pixelated}.boom-vip-mon-name{font:900 1rem Orbitron,Arial,sans-serif;color:#fff}.boom-vip-shiny{color:#ffe85c;text-shadow:0 0 11px rgba(255,224,65,.48)}.boom-vip-live-meta{color:#9fb5c8;font-size:.72rem;margin-top:5px}.boom-vip-ball-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:9px}.boom-vip-ball{padding:8px 5px;border-radius:9px;border:1px solid rgba(255,255,255,.11);background:#101c31;color:#eaf8ff;font-weight:900;font-size:.63rem;cursor:pointer}.boom-vip-ball small{display:block;color:#9eb3c7;margin-top:2px}.boom-vip-ball:disabled{opacity:.3;cursor:not-allowed}
.boom-vip-msg{min-height:19px;margin-top:8px;color:#65e6a8;font-weight:800;font-size:.72rem}.boom-vip-msg.bad{color:#ff8797}
.boom-vip-eggs{display:grid;gap:7px}.boom-vip-egg{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;border-radius:10px;background:#0a1426;border:1px solid rgba(255,255,255,.07)}.boom-vip-egg b{display:block;font-size:.73rem}.boom-vip-egg small{color:#8fa6bc;font-size:.66rem}
.boom-vip-search{display:flex;gap:6px;margin:8px 0}.boom-vip-search input{flex:1;min-width:0;border:1px solid rgba(83,215,255,.2);border-radius:9px;background:#07101f;color:#fff;padding:9px}.boom-vip-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-height:255px;overflow:auto;padding-right:2px}.boom-vip-choice{border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#0d182a;color:#ddecf7;padding:7px;font-size:.65rem;cursor:pointer;text-align:left}.boom-vip-choice:hover,.boom-vip-choice.selected{border-color:#ffd85a;background:#2a210c;color:#fff3a0}.boom-vip-choice b{display:block;font-size:.68rem}.boom-vip-choice small{color:#8298ad}
.boom-vip-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.boom-vip-style{padding:9px;border-radius:10px;background:#0b1628;border:1px solid rgba(255,255,255,.07)}.boom-vip-style.equipped{border-color:rgba(255,220,83,.52);box-shadow:inset 0 0 18px rgba(255,202,40,.08)}.boom-vip-style b{display:block;font-size:.7rem}.boom-vip-style small{display:block;color:#849bb1;font-size:.62rem;margin:3px 0 7px}.boom-vip-style .boom-vip-btn{width:100%;padding:7px;font-size:.62rem}
.boom-vip-foot{padding:10px 14px 16px;color:#74899f;font-size:.62rem;text-align:center}

/* VIP cosmetics, no generated artwork: existing game sprites + CSS/canvas effects only. */
.boom-v2-frame_vip,.boom-v2-profile_vip{border-color:#ffe36a!important;box-shadow:0 0 0 1px rgba(255,227,106,.35),0 0 20px rgba(255,193,43,.26)!important}
#bag-panel.boom-v2-bag_vip{border-color:rgba(255,219,82,.55)!important;box-shadow:0 0 30px rgba(255,185,35,.15)!important;background-image:linear-gradient(145deg,rgba(65,43,8,.16),rgba(5,13,27,.85))!important}
.boom-public-chat.chat_vip,.chat_vip{border-color:rgba(255,221,91,.5)!important;box-shadow:0 0 14px rgba(255,201,49,.14)!important}
.boom-aura-vip{filter:drop-shadow(0 0 7px rgba(255,218,75,.7))}

@media(max-width:820px){.boom-vip-grid{grid-template-columns:1fr}.boom-vip-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.boom-vip-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.boom-vip-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){#boom-vip-modal{padding:7px}.boom-vip-body{padding:9px}.boom-vip-live{grid-template-columns:90px minmax(0,1fr)}.boom-vip-mon{height:90px}.boom-vip-mon img{width:86px;height:86px}.boom-vip-ball-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.boom-vip-benefits,.boom-vip-style-grid{grid-template-columns:1fr 1fr}.boom-vip-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* BOOM_VIP_UNEQUIP_V1_CSS */
.boom-vip-style-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px
}
.boom-vip-style-head h3{margin-bottom:4px!important}
.boom-vip-style-head p{margin:0!important}
.boom-vip-unequip{
  border-color:rgba(255,196,63,.62)!important;
  background:linear-gradient(135deg,rgba(80,49,7,.88),rgba(39,24,6,.92))!important;
  color:#ffe08a!important
}
.boom-vip-unequip:hover{
  border-color:#ffe071!important;
  box-shadow:0 0 14px rgba(255,203,61,.22)
}
.boom-vip-unequip-all{
  flex:0 0 auto;width:auto!important;padding:8px 10px!important;
  border-color:rgba(255,207,71,.5)!important;
  background:rgba(255,203,61,.09)!important;color:#ffe27a!important;white-space:nowrap
}
@media(max-width:620px){
  .boom-vip-style-head{display:block}
  .boom-vip-unequip-all{margin-top:8px;width:100%!important}
}
