:root{
  --wine:#8d1742;--wine-2:#a91d52;--rose:#e75b94;--pink:#f6c3d8;--pale:#fff7fa;--ink:#402132;--muted:#7f6270;--line:#edc4d3;--white:#fff;--shadow:0 18px 50px rgba(96,26,60,.14);--radius:22px;--container:1180px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff9fb;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:min(var(--container),calc(100% - 36px));margin:0 auto}
.topbar{height:74px;display:flex;align-items:center;gap:24px;padding:0 4vw;position:sticky;top:0;z-index:1000;background:rgba(255,250,252,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(206,113,153,.25);box-shadow:0 8px 30px rgba(88,17,50,.06)}.brand-mini{width:180px;margin-right:auto}.brand-mini img{width:100%;height:58px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:6px}.main-nav a{padding:25px 13px 22px;font-weight:800;color:#6e2343;position:relative;white-space:nowrap}.main-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:13px;height:3px;background:var(--rose);border-radius:99px;transition:.25s}.main-nav a:hover:after,.main-nav a.active:after{left:14px;right:14px}.menu-toggle{display:none;width:44px;height:44px;border:0;background:#fff0f6;border-radius:12px;padding:10px}.menu-toggle span{display:block;height:2px;background:var(--wine);margin:5px 0}
.flash-stack{position:fixed;right:20px;top:90px;z-index:1500;display:grid;gap:10px;max-width:380px}.flash{padding:13px 16px;border-radius:14px;background:#fff;box-shadow:var(--shadow);border-left:4px solid #8ba0b2}.flash.success{border-color:#2f9d71}.flash.warning{border-color:#e69c27}.flash.error{border-color:#d84859}
.hero{min-height:770px;position:relative;overflow:hidden;background:#fbe8ef}.hero:before{content:"";position:absolute;inset:0;background:url('../img/hero-scene.svg') center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,250,252,.1),rgba(255,250,252,0) 55%,rgba(156,33,77,.08))}.hero-content{min-height:770px;position:relative;z-index:3;display:grid;grid-template-columns:1.05fr .95fr;align-items:center}.hero-copy{padding:70px 0 90px;max-width:660px}.eyebrow{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.8);border:1px solid rgba(184,64,111,.25);color:var(--wine);padding:8px 14px;border-radius:999px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.hero-logo{width:570px;margin:18px 0 0}.server-name{font-family:Georgia,serif;font-size:2.05rem;font-weight:800;color:#274187;text-shadow:0 2px #fff;margin-top:-8px;margin-left:74px}.hero-desc{font-size:1.08rem;color:#76586a;max-width:560px;margin:22px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:12px;border:1px solid transparent;font-weight:900;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--wine),var(--rose));color:white;box-shadow:0 10px 24px rgba(141,23,66,.22)}.btn-ghost{background:rgba(255,255,255,.72);border-color:#dca1ba;color:var(--wine)}.btn-light{background:#fff;color:var(--wine)}.btn-outline-light{border-color:rgba(255,255,255,.7);color:white;background:transparent}.character-wrap{align-self:end;justify-self:end;width:min(620px,48vw);position:relative;z-index:2}.character-wrap img{width:100%;filter:drop-shadow(0 24px 30px rgba(83,29,56,.14))}.quick-panel{position:absolute;z-index:8;right:2.2vw;top:50%;transform:translateY(-45%);width:260px;background:rgba(255,250,252,.94);border:1px solid rgba(167,73,113,.18);border-radius:18px;box-shadow:0 20px 60px rgba(95,31,60,.15);padding:18px}.quick-inner{display:grid}.topup-badge{margin-bottom:8px;background:linear-gradient(135deg,#8d1742,#b72d63);color:white!important;border-radius:16px!important;min-height:84px!important;display:grid!important;place-items:center!important;text-align:center}.topup-badge .flower{display:block;color:#ffd6e6}.quick-inner>a{min-height:46px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #efd5df;color:#772744;font-size:.9rem}.quick-inner>a:last-child{border-bottom:0}.quick-inner>a span{width:30px;height:30px;border-radius:8px;background:#9f1d4f;color:white;display:grid;place-items:center}.quick-collapse{position:absolute;left:-24px;top:50%;width:28px;height:54px;border:0;border-radius:10px 0 0 10px;background:var(--wine);color:white;font-size:24px;cursor:pointer}.quick-panel.closed{transform:translate(calc(100% - 18px),-45%)}.quick-panel,.quick-inner{transition:.25s}.petal-layer{position:absolute;inset:0;pointer-events:none;z-index:4}.petal{position:absolute;top:-30px;width:14px;height:8px;border-radius:100% 0 100% 0;background:#e76099;opacity:.65;animation:fall linear infinite}@keyframes fall{to{transform:translate(120px,850px) rotate(720deg);opacity:.1}}
.intro-strip{position:relative;z-index:5;margin-top:-52px}.intro-grid{background:white;border-radius:20px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid #f0d7e1}.intro-grid article{padding:22px;text-align:center;border-right:1px solid #f0d7e1}.intro-grid article:last-child{border-right:0}.intro-grid b{display:block;color:var(--wine);font-size:1.05rem}.intro-grid span{font-size:.88rem;color:var(--muted)}
.section{padding:86px 0}.section-soft{background:linear-gradient(180deg,#fff9fb,#fff1f6)}.section-heading{margin-bottom:34px}.section-heading.center{text-align:center}.section-heading.left{text-align:left}.section-heading>span{font-weight:900;color:var(--rose);letter-spacing:.16em;font-size:.75rem}.section-heading h1,.section-heading h2{font-family:Georgia,serif;color:#5d1837;margin:5px 0 10px;line-height:1.18}.section-heading h1{font-size:2.55rem}.section-heading h2{font-size:2.2rem}.section-heading p{color:var(--muted);margin:0}.card{background:white;border:1px solid #f0d8e2;border-radius:var(--radius);box-shadow:0 12px 34px rgba(105,35,66,.08)}.news-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.featured-news{overflow:hidden}.news-art{height:260px;background:linear-gradient(135deg,#f4bad1,#fff 45%,#dba2bb);position:relative}.news-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 45%,#fff 0 12%,transparent 13%),linear-gradient(140deg,transparent 35%,rgba(123,34,74,.12) 36% 38%,transparent 39%)}.news-copy{padding:24px}.tag{display:inline-flex;border-radius:999px;background:#fff0f5;color:var(--wine);padding:5px 10px;font-weight:800;font-size:.78rem}.news-copy h3{font-size:1.45rem;margin:10px 0}.news-copy p,.mini-news small{color:var(--muted)}.news-copy a{font-weight:900;color:var(--wine)}.news-list{display:grid;gap:14px}.mini-news{padding:18px;display:flex;gap:16px;align-items:center}.mini-news .date{width:62px;height:58px;border-radius:13px;background:#fff0f5;color:var(--wine);font-weight:900;display:grid;place-items:center}.mini-news b,.mini-news small{display:block}.mini-news small{margin-top:3px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{padding:25px;border-radius:20px;background:linear-gradient(180deg,#fff,#fff6f9);border:1px solid #efd4df;text-align:center}.feature-card .icon{width:54px;height:54px;border-radius:15px;margin:0 auto 12px;background:linear-gradient(135deg,var(--wine),var(--rose));color:white;display:grid;place-items:center;font-size:1.4rem}.feature-card h3{margin:6px 0}.feature-card p{color:var(--muted);font-size:.94rem}.guide-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center}.guide-copy ol{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:18px;counter-reset:guide}.guide-copy li{counter-increment:guide;display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;column-gap:14px}.guide-copy li:before{content:counter(guide);grid-row:1/3;width:42px;height:42px;border-radius:14px;background:#fff0f5;color:var(--wine);display:grid;place-items:center;font-weight:900}.guide-copy li b{font-size:1.05rem}.guide-copy li span{color:var(--muted);font-size:.92rem}.ranking-card{overflow:hidden}.ranking-head,.ranking-row{display:grid;grid-template-columns:90px 1.5fr 1fr 90px;gap:12px;align-items:center;padding:16px 22px}.ranking-head{background:#8d1742;color:white;font-weight:900}.ranking-row{border-top:1px solid #f3e1e8}.ranking-row b{color:var(--rose)}.ranking-row strong{color:var(--wine)}
.download-section{padding:60px 0;background:linear-gradient(135deg,#7b1439,#ae2a61);color:white}.download-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.download-inner h2{font-family:Georgia,serif;font-size:2.2rem;margin:8px 0}.download-inner p{color:#f9d8e5}.download-actions{display:flex;gap:12px;flex-wrap:wrap}.site-footer{background:#35101f;color:#f9e8ef}.footer-grid{padding:48px 0;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:28px}.footer-brand img{width:230px;filter:brightness(1.6)}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:6px}.footer-grid b{color:white}.footer-grid a,.footer-grid p{color:#dcb9c7;font-size:.9rem;margin:0}.footer-bottom{text-align:center;padding:18px;border-top:1px solid rgba(255,255,255,.08);color:#c8a6b4;font-size:.82rem}
.page-hero{padding:72px 0 54px;background:linear-gradient(135deg,#fff4f8,#f6d7e4);border-bottom:1px solid #edc8d8}.page-hero .breadcrumbs{font-size:.85rem;color:#9a6c80}.page-hero h1{font-family:Georgia,serif;font-size:2.8rem;margin:10px 0 0;color:#65183a}.content-grid{display:grid;grid-template-columns:1fr 320px;gap:28px}.article-list{display:grid;gap:16px}.article-card{padding:22px;display:grid;grid-template-columns:120px 1fr;gap:20px}.article-thumb{border-radius:16px;background:linear-gradient(135deg,#f4bfd4,#8f1748);min-height:110px;display:grid;place-items:center;color:#fff;font-size:2rem}.article-card h3{margin:0 0 8px}.article-meta{font-size:.82rem;color:#a27b8d}.article-card p{color:var(--muted);margin:7px 0}.sidebar-box{padding:20px;position:sticky;top:100px}.sidebar-box h3{margin-top:0;color:var(--wine)}.sidebar-box a{display:block;padding:10px 0;border-bottom:1px dashed #edd1dc}.prose{background:white;border:1px solid #efdae2;border-radius:22px;padding:32px;box-shadow:0 14px 38px rgba(105,35,66,.08)}.prose h1,.prose h2,.prose h3{font-family:Georgia,serif;color:#65183a}.prose p{white-space:pre-line;color:#5d4450}.prose img{border-radius:18px;margin:20px 0}.article-back{display:inline-flex;margin-bottom:18px;color:var(--wine);font-weight:900}
.form-shell{max-width:620px;margin:0 auto;background:white;border-radius:24px;border:1px solid #efd7e1;padding:30px;box-shadow:var(--shadow)}.form-shell.wide{max-width:900px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px;margin-bottom:14px}.field label{font-weight:800;color:#5b3043}.field input,.field select,.field textarea{width:100%;border:1px solid #e7c8d5;background:#fffafb;border-radius:12px;padding:12px 13px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#c55383;box-shadow:0 0 0 4px rgba(197,83,131,.1)}.help{font-size:.8rem;color:var(--muted)}.error-list{padding:12px 16px;border-radius:12px;background:#fff0f1;color:#9d2438;margin-bottom:16px}.auth-note{text-align:center;color:var(--muted);margin-top:14px}.auth-note a{color:var(--wine);font-weight:900}.notice-box{padding:16px 18px;border-radius:15px;background:#fff4f8;border:1px solid #efcfdd;color:#6d3650}
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.stat-card{padding:24px}.stat-card small{color:var(--muted)}.stat-card strong{display:block;font-size:2rem;color:var(--wine);margin-top:4px}.history-table{width:100%;border-collapse:collapse}.history-table th,.history-table td{padding:12px;border-bottom:1px solid #f1dde5;text-align:left;font-size:.9rem}.status{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:.75rem;font-weight:900;background:#f0edf0}.status.approved{background:#e5f6ee;color:#247b59}.status.pending{background:#fff4d9;color:#9b6e06}.status.rejected{background:#ffe5e8;color:#a6293b}
.topup-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.payment-card{padding:28px}.payment-card h3{margin-top:0;color:var(--wine)}.bank-box{padding:18px;border-radius:16px;background:linear-gradient(135deg,#fff1f6,#fff);white-space:pre-line;border:1px dashed #d89ab3}.rate-badge{display:inline-flex;margin-top:14px;padding:7px 12px;border-radius:999px;background:#8d1742;color:#fff;font-weight:800}.wheel-wrap{display:grid;grid-template-columns:1fr .7fr;gap:34px;align-items:center}.wheel-stage{position:relative;width:min(620px,90vw);aspect-ratio:1;margin:auto}.wheel-disc{position:absolute;inset:6%;border-radius:50%;background:conic-gradient(#8d1742 0 25%,#f2a7c5 25% 50%,#5c2e78 50% 75%,#f8d4e2 75%);border:16px solid #fff;box-shadow:0 0 0 6px #8d1742,0 18px 50px rgba(79,22,50,.18);transition:transform 4.2s cubic-bezier(.15,.75,.1,1)}.wheel-disc:after{content:"";position:absolute;inset:28%;border-radius:50%;background:#fff7fa;border:6px solid #8d1742}.wheel-label{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-weight:900;color:#6b1637;padding:35%;z-index:2}.wheel-pointer{position:absolute;left:50%;top:0;transform:translate(-50%,0);z-index:4;width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;border-top:50px solid #8d1742}.wheel-panel{padding:28px}.wheel-prizes{display:grid;gap:8px;margin:20px 0}.wheel-prizes span{padding:9px 12px;border-radius:10px;background:#fff4f8}.spin-result{margin-top:14px;padding:12px;border-radius:12px;background:#fff1f6;display:none}.spin-result.show{display:block}
.setup-banner{padding:12px 18px;text-align:center;background:#fff1ca;color:#745300;font-weight:800}.setup-banner a{text-decoration:underline}.empty{padding:28px;text-align:center;color:var(--muted);border:1px dashed #e6c6d3;border-radius:16px}.quick-links{display:flex;gap:10px;flex-wrap:wrap}.quick-links a{padding:10px 14px;background:#fff0f5;border-radius:10px;color:var(--wine);font-weight:800}
@media(max-width:1100px){.main-nav a{padding-left:8px;padding-right:8px;font-size:.9rem}.quick-panel{display:none}.hero-content{grid-template-columns:1fr 1fr}.character-wrap{width:52vw}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.topbar{height:66px;padding:0 18px}.brand-mini{width:150px}.menu-toggle{display:block}.main-nav{position:absolute;left:16px;right:16px;top:72px;display:none;flex-direction:column;align-items:stretch;background:white;border-radius:18px;padding:10px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:12px 14px}.main-nav a:after{display:none}.hero,.hero-content{min-height:720px}.hero-content{display:block}.hero-copy{padding-top:100px;max-width:88%}.hero-logo{width:450px}.server-name{font-size:1.55rem;margin-left:48px}.character-wrap{position:absolute;right:-90px;bottom:0;width:500px;opacity:.5}.intro-grid{grid-template-columns:1fr 1fr}.intro-grid article:nth-child(2){border-right:0}.intro-grid article:nth-child(-n+2){border-bottom:1px solid #f0d7e1}.news-layout,.guide-wrap,.content-grid,.topup-layout,.wheel-wrap,.account-grid{grid-template-columns:1fr}.sidebar-box{position:static}.footer-grid{grid-template-columns:1fr 1fr}.download-inner{display:block}.download-actions{margin-top:22px}.article-card{grid-template-columns:90px 1fr}.ranking-head,.ranking-row{grid-template-columns:70px 1.4fr 1fr 60px}}
@media(max-width:540px){.container{width:min(100% - 24px,var(--container))}.hero{min-height:660px}.hero-content{min-height:660px}.hero-copy{padding-top:78px;max-width:100%}.hero-logo{width:360px}.hero-desc{font-size:.96rem}.server-name{font-size:1.2rem;margin-left:30px}.character-wrap{width:390px;right:-155px}.intro-grid{grid-template-columns:1fr;margin-top:12px}.intro-grid article{border-right:0!important;border-bottom:1px solid #f0d7e1!important}.intro-grid article:last-child{border-bottom:0!important}.section{padding:62px 0}.section-heading h1{font-size:2.05rem}.section-heading h2{font-size:1.8rem}.feature-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.article-card{grid-template-columns:1fr}.article-thumb{min-height:120px}.prose{padding:22px}.ranking-head,.ranking-row{grid-template-columns:50px 1fr 70px}.ranking-head span:nth-child(3),.ranking-row span:nth-child(3){display:none}.wheel-stage{width:96vw}.wheel-panel{padding:20px}.page-hero h1{font-size:2.1rem}}


/* ===== V5: VÒNG QUAY 24 Ô / 100 LƯỢT ===== */
.wheel-page-v5{display:grid;gap:22px}
.wheel-counter{
  display:grid!important;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  overflow:hidden;
  padding:0!important;
}
.wheel-counter>div{
  padding:18px 22px;
  text-align:center;
  background:rgba(15,11,14,.72);
}
.wheel-counter small{display:block;font-size:.72rem;letter-spacing:.12em;color:#c9b4a9}
.wheel-counter strong{display:block;margin-top:5px;font-size:1.45rem;color:#ffe5bb}
.wheel-v5-layout{display:grid;grid-template-columns:minmax(420px,.85fr) minmax(520px,1.15fr);gap:26px;align-items:start}
.wheel-action-box{padding:22px;margin-top:16px;text-align:center}
.wheel-spin-button{min-width:240px;font-size:1.1rem}
.wheel-prize-board{padding:24px}
.wheel-prize-grid-24{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.wheel-prize-cell{
  position:relative;
  min-height:92px;
  padding:17px 10px 10px;
  border-radius:13px;
  border:1px solid rgba(226,178,116,.28);
  background:linear-gradient(145deg,rgba(65,28,39,.88),rgba(15,12,15,.88));
  text-align:center;
  overflow:hidden;
}
.wheel-prize-cell .slot-no{
  position:absolute;
  top:6px;
  left:7px;
  min-width:27px;
  height:22px;
  display:grid;
  place-items:center;
  padding:0 5px;
  border-radius:7px;
  background:#a61646;
  color:#fff;
  font-size:.68rem;
  font-weight:900;
}
.wheel-prize-cell b{
  display:block;
  color:#fff0df!important;
  font-size:.9rem;
  line-height:1.2;
  margin-top:10px;
}
.wheel-prize-cell small{
  display:block;
  margin-top:5px;
  color:#bba99f!important;
  font-size:.7rem;
}
.wheel-prize-cell.is-disabled{opacity:.42;filter:grayscale(.6)}

.wheel-disc-24{
  background:
    repeating-conic-gradient(
      from -7.5deg,
      #7c173b 0deg 15deg,
      #d58b46 15deg 30deg
    )!important;
}
.wheel-disc-24:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:
    repeating-conic-gradient(
      rgba(255,255,255,.45) 0deg .55deg,
      transparent .55deg 15deg
    );
  z-index:1;
  pointer-events:none;
}
.wheel-disc-24:after{z-index:2}
.wheel-label{z-index:3!important}

@media(max-width:1100px){
  .wheel-v5-layout{grid-template-columns:1fr}
  .wheel-prize-grid-24{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media(max-width:820px){
  .wheel-prize-grid-24{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:540px){
  .wheel-counter{grid-template-columns:1fr}
  .wheel-prize-grid-24{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* ===== V6 ICON VẬT PHẨM ===== */
.wheel-prize-icon{
  width:58px;
  height:58px;
  margin:9px auto 5px;
  border-radius:10px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:rgba(0,0,0,.28);
  border:1px solid rgba(255,209,146,.28);
}
.wheel-prize-icon img{width:100%;height:100%;object-fit:cover}
.wheel-prize-icon span{font-size:1.6rem;color:#c9aa8e}
.wheel-prize-cell{min-height:132px}
.wheel-counter{grid-template-columns:repeat(4,1fr)}
@media(max-width:820px){.wheel-counter{grid-template-columns:repeat(2,1fr)}}

/* V7 rectangular 24-slot wheel */
.wheel-section-v7{padding-top:28px!important}.wheel-v7-topbar{display:flex;justify-content:flex-end;gap:12px;margin-bottom:14px}
.wheel-account-pill,.wheel-history-button{min-height:48px;border:1px solid rgba(224,174,91,.48);border-radius:10px;background:linear-gradient(180deg,rgba(39,25,11,.96),rgba(13,10,8,.96));color:#f8d58a;padding:8px 16px}
.wheel-account-pill{display:flex;gap:13px;align-items:center}.wheel-account-pill strong{font-size:1.3rem;color:#63db3f}.wheel-history-button{cursor:pointer;font-weight:900;position:relative}.wheel-history-button b{position:absolute;right:-7px;top:-7px;background:#b91818;color:#fff;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.72rem}
.wheel-v7-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px}.wheel-v7-side{display:grid;gap:13px;align-content:start}
.wheel-v7-panel{background:rgba(9,8,7,.88);border:1px solid rgba(214,151,45,.48);padding:17px;border-radius:10px;color:#dec9aa}.wheel-v7-panel h3{text-align:center;color:#f4c86e!important;font-family:Georgia,serif;border-bottom:1px solid rgba(214,151,45,.25);padding-bottom:10px;margin:0 0 12px}.wheel-v7-panel p{font-size:.88rem;line-height:1.65;color:#dec9aa!important}.wheel-v7-panel dl{display:grid;grid-template-columns:1fr auto;gap:8px 14px}.wheel-v7-panel dd{margin:0;color:#e8b23f;font-weight:800}.wheel-support-links{display:flex;gap:8px}.wheel-support-links a{flex:1;text-align:center;padding:8px;border:1px solid rgba(214,151,45,.38);border-radius:7px;color:#f3cb7e!important;background:#2c180b}
.wheel-v7-board{position:relative;min-height:780px;padding:16px;background:rgba(8,8,7,.86);border:2px solid rgba(236,177,53,.72);border-radius:15px;box-shadow:0 0 35px rgba(255,175,35,.14),inset 0 0 35px rgba(255,176,40,.08)}
.wheel-slots-grid{position:absolute;inset:16px;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(5,1fr);gap:8px;pointer-events:none}
.wheel-slot-v7{pointer-events:auto;position:relative;border:1px solid rgba(226,169,57,.72);border-radius:7px;background:linear-gradient(145deg,#180f08,#080807);display:flex;flex-direction:column;justify-content:center;align-items:center;transition:.12s;overflow:visible}
.wheel-slot-v7:hover{z-index:60!important}
.wheel-slot-v7:nth-child(1){grid-column:1;grid-row:1}.wheel-slot-v7:nth-child(2){grid-column:2;grid-row:1}.wheel-slot-v7:nth-child(3){grid-column:3;grid-row:1}.wheel-slot-v7:nth-child(4){grid-column:4;grid-row:1}.wheel-slot-v7:nth-child(5){grid-column:5;grid-row:1}.wheel-slot-v7:nth-child(6){grid-column:6;grid-row:1}.wheel-slot-v7:nth-child(7){grid-column:7;grid-row:1}.wheel-slot-v7:nth-child(8){grid-column:8;grid-row:1}.wheel-slot-v7:nth-child(9){grid-column:8;grid-row:2}.wheel-slot-v7:nth-child(10){grid-column:8;grid-row:3}.wheel-slot-v7:nth-child(11){grid-column:8;grid-row:4}.wheel-slot-v7:nth-child(12){grid-column:8;grid-row:5}.wheel-slot-v7:nth-child(13){grid-column:7;grid-row:5}.wheel-slot-v7:nth-child(14){grid-column:6;grid-row:5}.wheel-slot-v7:nth-child(15){grid-column:5;grid-row:5}.wheel-slot-v7:nth-child(16){grid-column:4;grid-row:5}.wheel-slot-v7:nth-child(17){grid-column:3;grid-row:5}.wheel-slot-v7:nth-child(18){grid-column:2;grid-row:5}.wheel-slot-v7:nth-child(19){grid-column:1;grid-row:5}.wheel-slot-v7:nth-child(20){grid-column:1;grid-row:4}.wheel-slot-v7:nth-child(21){grid-column:1;grid-row:3}.wheel-slot-v7:nth-child(22){grid-column:1;grid-row:2}.wheel-slot-v7:nth-child(23){grid-column:2;grid-row:2}.wheel-slot-v7:nth-child(24){grid-column:7;grid-row:2}
.wheel-slot-icon{width:62%;aspect-ratio:1;display:grid;place-items:center}.wheel-slot-icon img{width:100%;height:100%;object-fit:contain}.wheel-slot-name{font-size:.68rem;color:#f1d392;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wheel-slot-qty{font-size:.7rem;color:#fff4d6;font-weight:900}
.wheel-slot-v7.is-running{border-color:#fff083!important;box-shadow:0 0 8px #ffd52c,0 0 22px #ff9f00,inset 0 0 18px rgba(255,228,72,.45)!important;transform:scale(1.045);z-index:8}.wheel-slot-v7.is-winner{animation:wheelWinnerPulse .55s ease 4;z-index:10}@keyframes wheelWinnerPulse{0%,100%{transform:scale(1);box-shadow:0 0 10px #ffc620}50%{transform:scale(1.11);box-shadow:0 0 18px #fff064,0 0 48px #ff8b00}}
.wheel-tooltip-v7{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(6px);z-index:40;width:190px;padding:10px 12px;border:1px solid #b98835;border-radius:7px;background:rgba(9,7,5,.97);opacity:0;visibility:hidden;transition:.15s;pointer-events:none}.wheel-tooltip-v7 b{display:block;color:#e9c76f!important}.wheel-tooltip-v7 span{display:block;margin-top:4px;color:#ddd0bb}.wheel-slot-v7:hover .wheel-tooltip-v7{opacity:1;visibility:visible;transform:translateX(-50%);z-index:80}
.wheel-center-v7{position:absolute;left:18%;right:18%;top:23%;bottom:23%;border:1px solid rgba(177,113,24,.38);border-radius:13px;background:radial-gradient(circle at 50% 45%,rgba(81,42,12,.34),rgba(7,7,7,.91) 62%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.wheel-center-title{color:#e7bc62;font-family:Georgia,serif;font-weight:900}.wheel-draw-button{width:170px;height:170px;border-radius:50%;cursor:pointer;border:6px solid #d19a45;color:#ffdf83;font-size:1.45rem;font-weight:1000;font-family:Georgia,serif;background:radial-gradient(circle,#b8331a 0,#8b140d 55%,#3c0807 100%);box-shadow:0 0 0 5px #47200d,0 0 24px rgba(255,138,24,.35)}.wheel-cost-text{margin-top:15px;color:#d8b36d}.wheel-effect-toggle{margin-top:12px;color:#bda98d}
.wheel-modal-v7,.wheel-win-popup{position:fixed;inset:0;z-index:9999;display:none}.wheel-modal-v7.open,.wheel-win-popup.open{display:block}.wheel-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72)}.wheel-modal-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(850px,92vw);max-height:82vh;overflow:auto;background:#0d0a08;border:2px solid #a66c1f;border-radius:13px;padding:22px}.wheel-modal-close{position:absolute;right:12px;top:9px;background:none;border:0;color:#efc46e;font-size:32px;cursor:pointer}.wheel-tabs-v7{display:grid;grid-template-columns:repeat(3,1fr);margin:15px 0}.wheel-tabs-v7 button{min-height:44px;background:#1b120a;color:#d5b783;border:1px solid #66431c;cursor:pointer;font-weight:900}.wheel-tabs-v7 button.active{background:#5a2c0a;color:#ffe28e}.wheel-tab-pane{display:none}.wheel-tab-pane.active{display:block}.wheel-log-list{display:grid;gap:7px}.wheel-log-row{display:grid;grid-template-columns:140px minmax(0,1fr) 60px 130px;gap:10px;align-items:center;padding:8px 12px;border:1px solid #4b351c;background:#12100d;border-radius:7px}.wheel-log-row b{color:#e8c578!important}.wheel-log-row em{font-style:normal;color:#fff}.wheel-log-row small{color:#9ed66e!important}.wheel-claim-btn{background:#582e08;border:1px solid #c28a2f;color:#ffe095;border-radius:6px;padding:7px 12px;cursor:pointer}
.wheel-win-popup{background:rgba(0,0,0,.72)}.wheel-win-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,90vw);padding:28px 25px;text-align:center;background:radial-gradient(circle at 50% 30%,#4e2b0d,#110c08 68%);border:2px solid #d59c39;border-radius:18px;box-shadow:0 0 60px rgba(255,143,20,.36);overflow:hidden}.wheel-win-card h2{color:#ffdb6f!important}.wheel-win-icon{width:110px;height:110px;margin:15px auto}.wheel-win-icon img{width:100%;height:100%;object-fit:contain}.wheel-win-card strong{display:block;color:#f4c96f}.wheel-win-card>span{display:block;color:#fff;margin:5px 0 18px}.wheel-win-rays{position:absolute;inset:-80%;background:repeating-conic-gradient(rgba(255,202,56,.12) 0 8deg,transparent 8deg 18deg);animation:winRay 12s linear infinite;pointer-events:none}@keyframes winRay{to{transform:rotate(360deg)}}
@media(max-width:1050px){.wheel-v7-shell{grid-template-columns:1fr}.wheel-v7-side{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.wheel-v7-side{grid-template-columns:1fr}.wheel-v7-board{min-height:560px}.wheel-center-v7{left:19%;right:19%;top:24%;bottom:24%}.wheel-draw-button{width:120px;height:120px;font-size:1rem}.wheel-slot-name{display:none}}


/* =========================================================
   V8 - Ô tắt biến mất hoàn toàn, ô bật tự dàn quanh khung
   ========================================================= */
.wheel-dynamic-board .wheel-slots-grid{
  position:absolute!important;
  inset:18px!important;
  display:block!important;
  pointer-events:none;
}
.wheel-dynamic-board .wheel-slot-v7{
  position:absolute!important;
  width:96px!important;
  height:106px!important;
  margin:0!important;
  transform:translate(-50%,-50%);
  pointer-events:auto;
  transition:left .25s ease,top .25s ease,transform .12s ease,box-shadow .12s ease!important;
}
.wheel-dynamic-board .wheel-slot-v7.is-running{
  transform:translate(-50%,-50%) scale(1.055)!important;
}
.wheel-dynamic-board .wheel-slot-v7.is-winner{
  animation:wheelWinnerPulseV8 .55s ease 4!important;
}
@keyframes wheelWinnerPulseV8{
  0%,100%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 10px #ffc620}
  50%{transform:translate(-50%,-50%) scale(1.13);box-shadow:0 0 18px #fff064,0 0 48px #ff8b00}
}

.point-transfer-grid{grid-template-columns:.85fr 1.15fr}
.point-account-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.point-account-summary>div{padding:14px;border:1px solid #ead5de;border-radius:12px;background:#fff9fb}
.point-account-summary small{display:block;color:#8d6d7b}
.point-account-summary strong{display:block;margin-top:4px}
.point-account-summary .safe{color:#248159}.point-account-summary .danger{color:#c92e43}
@media(max-width:820px){
  .point-transfer-grid{grid-template-columns:1fr}
  .point-account-summary{grid-template-columns:1fr}
  .wheel-v7-board{min-height:620px}
  .wheel-dynamic-board .wheel-slot-v7{width:72px!important;height:82px!important}
}
\n/* V10 */.wheel-v10-topbar{display:flex;justify-content:flex-end;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.wheel-v10-stat,.wheel-v10-btn{min-height:50px;border:1px solid rgba(224,174,91,.5);border-radius:10px;background:linear-gradient(180deg,rgba(39,25,11,.97),rgba(13,10,8,.97));color:#f6d17d;padding:8px 17px}.wheel-v10-stat span{display:block;font-size:.68rem}.wheel-v10-stat strong{display:block;font-size:1.28rem;color:#78e154}.wheel-v10-btn{cursor:pointer;font-weight:900;position:relative}.wheel-v10-btn b{position:absolute;right:-6px;top:-7px;background:#b51717;color:#fff;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.7rem}.v10-exchange-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:15px 0}.v10-exchange-card{border:1px solid #5f401d;background:#15110d;border-radius:10px;padding:18px}.v10-pending-row{display:grid;grid-template-columns:minmax(0,1fr) 230px 150px;gap:10px;align-items:center;padding:11px;border:1px solid #4b351c;border-radius:8px;background:#12100d}.v10-pending-row small{display:block}.v10-claim-btn{min-height:38px;background:#643409;border:1px solid #c28a2f;color:#ffe095;border-radius:6px;font-weight:900}@media(max-width:760px){.v10-exchange-grid,.v10-pending-row{grid-template-columns:1fr}}
/* V11 */
.admin-simple{max-width:1400px;margin:0 auto;padding:28px}.v11-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.v11-icon-card{padding:10px;border:1px solid #e4d4db;border-radius:10px;background:#fff}.v11-icon-card img{width:100%;aspect-ratio:1;object-fit:contain;background:#111;border-radius:8px}.v11-icon-card input{width:100%;margin-top:6px;padding:7px}.market-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.market-tabs a{padding:9px 14px;border:1px solid #8d1742;border-radius:999px}.market-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.market-card{background:rgba(15,10,8,.9);border:1px solid rgba(220,166,70,.55);border-radius:12px;padding:18px}.market-card img{width:84px;height:84px;object-fit:contain;display:block;margin:0 auto 10px}.market-list{display:grid;gap:10px}.market-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:14px;border:1px solid rgba(220,166,70,.35);border-radius:10px;background:rgba(10,8,7,.8)}@media(max-width:720px){.market-row{grid-template-columns:1fr}.admin-simple{padding:15px}}