/* ===== Black Gold VIP wheel block (mockup) ===== */
@font-face{font-family:"Lilita One";src:url(/vip/LilitaOne-Regular.ttf) format("truetype");font-display:swap}
.vf{font-family:"Lilita One",var(--font);font-weight:400;letter-spacing:.01em;paint-order:stroke fill;-webkit-text-stroke:0}
.vf-gold{background:linear-gradient(180deg,#fff0aa 15%,#d6962a 85%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(2px 0 0 #281606) drop-shadow(-2px 0 0 #281606) drop-shadow(0 2px 0 #281606) drop-shadow(0 -2px 0 #281606) drop-shadow(0 4px 0 #000)}
.vs{ text-shadow:
  -2px -2px 0 #281606, 2px -2px 0 #281606, -2px 2px 0 #281606, 2px 2px 0 #281606,
  0 -2px 0 #281606, 0 2px 0 #281606, -2px 0 0 #281606, 2px 0 0 #281606, 0 4px 0 #000}
/* header VIP chip */
.vip-chip{display:flex;align-items:center;gap:.5rem;padding:.3rem .8rem .3rem .3rem;border-radius:999px;background:rgba(14,11,8,.94);
  box-shadow:0 0 0 2px #e6b04a,0 0 12px rgba(255,190,60,.5);color:#fff;text-decoration:none;line-height:1.05}
.vip-chip img{width:40px;height:40px;flex-shrink:0}
.vip-chip .l1{font-size:.92rem}
.vip-chip .l2{font-size:1.02rem}
.vip-chip .l3{font-size:.78rem;color:#e6d7b4;margin-left:.35rem}
.vip-chip .vs2{ text-shadow:-1px -1px 0 #1a0f04,1px -1px 0 #1a0f04,-1px 1px 0 #1a0f04,1px 1px 0 #1a0f04,0 2px 0 #000}
.site-header.has-vip{flex-wrap:wrap;justify-content:flex-start}
.site-header.has-vip .nav-play{margin-left:auto}
@media (max-width:760px){
  .site-header.has-vip .vip-chip{order:-1;flex-basis:auto}
  .site-header.has-vip{row-gap:.6rem}
  .site-header.has-vip::after{content:"";order:0;flex-basis:100%;height:0}
  .site-header.has-vip .brand,.site-header.has-vip .nav-play{order:1}
  .site-header.has-vip .brand{flex:1 1 0;min-width:0}
}

/* ===== v2: VIP block reusing .about two-column grid ===== */
.vip-about .about-copy h2.vip-h2{font-family:"Lilita One",var(--font);font-weight:400;letter-spacing:0;color:#2a1a08;
  font-size:clamp(1.45rem,3.5vw,1.85rem);line-height:1.2;margin:0 0 .65rem}
.vip-h2 .gold{background:linear-gradient(180deg,#f7c64a 10%,#b9771a 90%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(1px 0 0 #3a2208) drop-shadow(-1px 0 0 #3a2208) drop-shadow(0 1px 0 #3a2208) drop-shadow(0 -1px 0 #3a2208) drop-shadow(0 2px 0 #3a2208)}
.vip-perks{counter-reset:none}
.vip-perks li{border-color:rgba(214,150,42,.45)}
.vip-perks li::before{content:"\2605";counter-increment:none;background:linear-gradient(180deg,#2a2016,#0e0b08);color:#ffd76e;
  box-shadow:0 0 0 1.5px #e6b04a,0 2px 8px rgba(214,150,42,.35);font-size:.8rem}
.vip-note{margin:0 0 .4rem;color:var(--muted);font-size:.95rem}
.vip-rules{font-size:.95rem;font-weight:700}
.vip-art{border-radius:28px;overflow:hidden;position:relative;padding:1.4rem 1rem 1.2rem;text-align:center;
  background:radial-gradient(110% 80% at 50% 42%,#3a2c18 0%,#15100a 58%,#0b0806 100%);
  box-shadow:0 0 0 4px #fff,0 0 0 8px rgba(214,150,42,.45),0 18px 40px rgba(58,42,69,.16)}
.vip-art::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-conic-gradient(from 0deg at 50% 44%,rgba(255,190,70,.10) 0 6deg,transparent 6deg 30deg)}
.vip-art .vw-wheel{position:relative;width:min(80%,330px);aspect-ratio:1;margin:0 auto .5rem}
.vw-wheel img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.vw-ring{width:100%}.vw-face{width:81%}.vw-hub{width:22.6%}
.vw-ptr{width:17.8%;top:-3%!important;transform:translate(-50%,0)!important}
.vw-claimed .vw-face{filter:grayscale(.75) brightness(.55)}
.vw-stamp{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);white-space:nowrap;font-size:clamp(.95rem,4vw,1.15rem);color:#fff;
  padding:.4em .95em;border-radius:999px;background:rgba(14,11,8,.94);box-shadow:0 0 0 3px #ffd76e,0 0 14px rgba(255,190,60,.6)}
.vw-btn{display:block;position:relative;width:min(62%,250px);aspect-ratio:620/210;margin:0 auto;border:0;cursor:pointer;
  background:url(/vip/btn_spin.png) center/contain no-repeat;text-indent:-999px;overflow:hidden}
.vw-btn.play{background-image:url(/vip/btn_blank.png);text-indent:0;display:flex;align-items:center;justify-content:center;text-decoration:none;
  font-size:clamp(1.4rem,6vw,1.8rem);color:#fff}
.vw-btn.play span{text-shadow:-2px -2px 0 #5a2d00,2px -2px 0 #5a2d00,-2px 2px 0 #5a2d00,2px 2px 0 #5a2d00,0 -2px 0 #5a2d00,0 2px 0 #5a2d00,-2px 0 0 #5a2d00,2px 0 0 #5a2d00,0 4px 0 #3c1900;margin-top:-4%}
@media (max-width:760px){
  .vip-about .about-copy{order:1}
  .vip-about .vip-art{order:2}
}
/* phase 1 behaviour */
.vw-face{transform:translate(-50%,-50%) rotate(0deg);will-change:transform}
.vip-msg{min-height:1.2em;margin:.6rem auto 0;max-width:90%;text-align:center;color:#f3e3bd;font-weight:700;font-size:.92rem;position:relative}
.vip-sub{font-size:.85rem;opacity:.8}
.vip-chip.expired img{filter:grayscale(1)}
.vip-idbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem .6rem;margin:0 auto .8rem;max-width:92%;color:#f3e3bd;font-weight:700}
.vip-idbar label{width:100%;text-align:center;font-size:.92rem}.vip-idbar small{opacity:.75;font-weight:600}
.vip-idbar input{width:9.5em;padding:.45rem .7rem;border-radius:999px;border:2px solid #d6a03a;background:#1b140c;color:#ffe9b0;font:700 1.05rem/1 monospace;letter-spacing:.12em;text-align:center}
.vip-gbtn{padding:.45rem .9rem;border-radius:999px;border:0;background:#fff;color:#333;font-weight:700;cursor:pointer}