#player{position:relative}
#premium-rank-bg{
  display:none;
  position:absolute;
  z-index:2147483646;
  pointer-events:none;
}
#premium-rank-bg.on{display:block}
#premium-rank-bg img{display:block;width:100%;height:100%;object-fit:contain}
#premium-shop{
  display:none;
  position:absolute;
  inset:0;
  z-index:12;
  background:#2a2a2a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Crect fill='%23222222' width='80' height='80'/%3E%3Cpath d='M0 40h80M40 0v80' stroke='%23333333' stroke-width='1'/%3E%3C/svg%3E");
  color:#ddd;
  font:13px Arial,Helvetica,sans-serif;
}
#premium-shop.open{display:flex;flex-direction:column}
#premium-shop .shop-head{
  display:flex;align-items:flex-start;gap:14px;
  padding:14px 16px 10px;
  background:linear-gradient(#3a3a3a,#2b2b2b);
  border-bottom:1px solid #111;
}
#premium-shop .shop-head img.gem{width:54px;height:54px;object-fit:contain}
#premium-shop .shop-head p{margin:0;line-height:1.45;max-width:720px}
#premium-shop .shop-head a{color:#8fbf5a}
#premium-shop .tabs{
  display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;
  background:#1f1f1f;border-bottom:1px solid #111;
}
#premium-shop .tabs button{
  background:#2e2e2e;border:1px solid #555;color:#ddd;
  padding:6px 12px;cursor:pointer;border-radius:2px;
}
#premium-shop .tabs button.active{
  background:#3d2a12;border-color:#c9a227;color:#f3d27a;
}
#premium-shop .shop-body{flex:1;overflow:auto;padding:16px 18px 12px;background:#143016}
#premium-shop .shop-body h3{margin:0 0 4px;font-size:20px;color:#fff;font-weight:400}
#premium-shop .shop-body .sub{margin:0 0 14px;color:#b7c9b0}
#premium-offers{display:flex;flex-direction:column;gap:10px}
.premium-row{
  display:flex;align-items:center;justify-content:space-between;
  min-height:74px;padding:0 0 0 16px;overflow:hidden;
  background:linear-gradient(90deg,#e8e8e8 0 240px,#6b1d16 240px,#3a1010);
  border:1px solid #111;cursor:pointer;
}
.premium-row .copy{padding:10px 0}
.premium-row .copy .name{font-size:28px;color:#2b6cb0;font-weight:700;line-height:1}
.premium-row .copy .price{font-size:18px;color:#5a5a5a;margin-top:4px}
.premium-row .art{
  height:74px;display:flex;align-items:center;justify-content:flex-end;padding-right:18px;
}
.premium-row .art img{height:64px}
#premium-shop .shop-foot{
  display:flex;justify-content:space-between;align-items:center;
  padding:10px 14px;background:#2a2a2a;border-top:1px solid #111;
}
#premium-shop .shop-foot .warn{color:#e7c35a;font-size:12px}
#premium-shop .shop-foot button{
  min-width:88px;padding:6px 16px;background:#333;border:1px solid #666;color:#eee;cursor:pointer;
}
#premium-status-line{margin:0 0 12px;color:#d5e6cc}
#premium-msg{margin:8px 0 0;color:#e7c35a;min-height:16px}