.vip-draw-page {
    min-height:100vh;
    background:var(--ai-bg,#07111f);
}
.vip-draw-page .vip-draw-main { padding-top:0; }
.vip-draw-page .vip-draw-hero { padding-top:120px; padding-bottom:48px; }
.vip-draw-page .vip-draw-visual { min-height:390px; }
.vip-draw-page .vip-mini-ticket { position:absolute; z-index:5; display:flex; flex-direction:column; gap:8px; padding:12px 14px; border:1px solid rgba(190,220,255,.17); border-radius:15px; background:rgba(6,17,31,.87); box-shadow:0 14px 35px rgba(0,0,0,.28); backdrop-filter:blur(13px); }
.vip-draw-page .vip-mini-ticket small { color:#8faac8; font-size:.53rem; font-weight:850; letter-spacing:.13em; }
.vip-draw-page .vip-mini-ticket span { display:flex; gap:5px; }
.vip-draw-page .vip-mini-ticket b { display:grid; width:25px; height:25px; place-items:center; border:1px solid rgba(97,231,224,.32); border-radius:50%; color:#eaffff; background:rgba(67,132,177,.24); font-size:.57rem; }
.vip-draw-page .vip-mini-ticket strong { color:#9af1e4; font-size:.9rem; letter-spacing:.04em; }
.vip-draw-page .ticket-one { top:23%; left:5%; animation:vipFloat 5s ease-in-out infinite; }
.vip-draw-page .ticket-two { right:4%; bottom:24%; animation:vipFloat 5.8s ease-in-out infinite reverse; }
@keyframes vipFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-8px); } }
.vip-draw-page .vip-draw-overview { position:relative; z-index:2; padding:0 0 22px; margin-top:-1px; background:#091524; }
.vip-draw-page .vip-overview-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.vip-draw-page .vip-overview-grid>div { display:grid; grid-template-columns:42px 1fr; grid-template-rows:auto auto; column-gap:12px; align-content:center; min-height:80px; padding:14px 16px; border:1px solid rgba(178,210,245,.12); border-radius:16px; background:linear-gradient(145deg,rgba(20,40,63,.9),rgba(11,25,43,.9)); }
.vip-draw-page .vip-overview-icon { display:grid; width:40px; height:40px; grid-row:1/3; place-items:center; border:1px solid rgba(97,231,224,.16); border-radius:12px; color:#76eadb; background:rgba(97,231,224,.09); }
.vip-draw-page .vip-overview-grid strong { align-self:end; color:#eff7ff; font-size:.82rem; }
.vip-draw-page .vip-overview-grid small { align-self:start; color:#8fa5be; font-size:.66rem; }
.vip-draw-page .vip-tool-section { padding:72px 0 60px; background:linear-gradient(180deg,#091524,#07111f); }
.vip-draw-page .vip-tool-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:24px; }
.vip-draw-page .vip-tool-heading h2,.vip-draw-page .vip-how-heading h2 { margin:7px 0 5px; color:#f2f7ff; font-size:clamp(1.65rem,3vw,2.3rem); font-weight:850; letter-spacing:-.045em; }
.vip-draw-page .vip-tool-heading p { margin:0; color:#94a9c1; font-size:.88rem; }
.vip-draw-page .vip-tool-round { flex:0 0 auto; padding:9px 12px; border:1px solid rgba(97,231,224,.2); border-radius:999px; color:#b7fff2; background:rgba(97,231,224,.07); font-size:.69rem; font-weight:800; }
.vip-draw-page .vip-tool-round i { margin-right:6px; color:#62e1ac; font-size:.53rem; }
.vip-draw-page .vip-frame-shell { overflow:hidden; border:1px solid rgba(158,198,239,.2); border-radius:24px; background:#0d1b2d; box-shadow:0 25px 70px rgba(0,0,0,.32),0 0 50px rgba(69,145,216,.08); }
.vip-draw-page .vip-frame-topbar { display:flex; min-height:50px; align-items:center; justify-content:space-between; gap:12px; padding:12px 18px; border-bottom:1px solid rgba(178,210,245,.12); color:#b8cbe1; background:linear-gradient(90deg,rgba(97,231,224,.07),rgba(103,167,255,.05)); font-size:.65rem; font-weight:850; letter-spacing:.1em; }
.vip-draw-page .vip-frame-topbar>span:first-child i { margin-right:7px; color:#72e9dc; }
.vip-draw-page .vip-frame-secure { color:#7ce5bc; font-size:.58rem; }
.vip-draw-page #vipDrawFrame { display:block; width:100%; min-height:900px; border:0; background:#07111f; transition:height .2s ease; }
.vip-draw-page .vip-frame-note { display:flex; gap:8px; align-items:flex-start; margin:14px 3px 0; color:#8398b1; font-size:.72rem; line-height:1.6; }
.vip-draw-page .vip-frame-note i { margin-top:3px; color:#72d9cb; }
.vip-draw-page .vip-how-section { padding:55px 0 76px; background:#081321; }
.vip-draw-page .vip-how-heading { margin-bottom:25px; }
.vip-draw-page .vip-how-heading .ai-eyebrow { margin:0; }
.vip-draw-page .vip-steps-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.vip-draw-page .vip-steps-grid article { position:relative; min-height:190px; padding:23px; overflow:hidden; border:1px solid rgba(178,210,245,.12); border-radius:19px; background:linear-gradient(145deg,rgba(18,35,58,.9),rgba(10,23,40,.96)); }
.vip-draw-page .vip-steps-grid article>span { position:absolute; top:13px; right:17px; color:rgba(165,198,235,.2); font-size:2.3rem; font-weight:900; letter-spacing:-.08em; }
.vip-draw-page .vip-steps-grid article>i { display:grid; width:43px; height:43px; place-items:center; border:1px solid rgba(97,231,224,.18); border-radius:13px; color:#73e8dc; background:rgba(97,231,224,.08); }
.vip-draw-page .vip-steps-grid h3 { margin:17px 0 7px; color:#eef6ff; font-size:1rem; font-weight:800; }
.vip-draw-page .vip-steps-grid p { margin:0; color:#93a9c1; font-size:.77rem; line-height:1.65; }
.vip-draw-page .vip-draw-footer { padding:22px 0; border-top:1px solid rgba(178,210,245,.1); color:#8298b0; background:#06101d; font-size:.72rem; }
.vip-draw-page .vip-draw-footer .container { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.vip-draw-page .vip-draw-footer a { color:#d8f6ff; font-weight:850; text-decoration:none; }
.vip-draw-page .vip-draw-footer a i { margin-right:7px; color:#70e5dc; }

/* Giao diện bên trong iframe quay số VIP. */
.vip-draw-iframe { min-height:100vh; padding:15px!important; color:#eaf3ff!important; background:radial-gradient(circle at 10% 0%,rgba(53,119,190,.15),transparent 25rem),#07111f!important; font-family:Inter,"Segoe UI",Arial,sans-serif!important; }
.vip-draw-iframe a { color:#76e9dd; }
.vip-draw-iframe .vip-iframe-toplinks { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px; margin:0 auto 16px; }
.vip-draw-iframe .vip-iframe-toplinks a { padding:8px 12px; border:1px solid rgba(174,210,247,.14); border-radius:10px; color:#c2d5ea; background:rgba(255,255,255,.045); font-size:.72rem; font-weight:700; text-decoration:none; }
.vip-draw-iframe .vip-iframe-toplinks a:hover { border-color:rgba(97,231,224,.4); color:#83f0e3; }
.vip-draw-iframe .vip-iframe-heading { margin:10px 0 16px; text-align:center; }
.vip-draw-iframe .vip-iframe-heading .vip-iframe-kicker { color:#72e5d8; font-size:.8rem; font-weight:850; letter-spacing:.13em; }
.vip-draw-iframe .vip-iframe-heading h2 { margin:8px 0; color:#f2f7ff; font-size:clamp(1.7rem,4.5vw,2.15rem); font-weight:850; letter-spacing:-.04em; line-height:1.2; }
.vip-draw-iframe .vip-iframe-heading p { margin:0; color:#a8bbd1; font-size:.98rem; line-height:1.6; }
.vip-draw-iframe .vip-quay-form { max-width:900px; margin:0 auto 20px; padding:clamp(15px,3vw,25px); border:1px solid rgba(172,207,244,.15); border-radius:20px; background:linear-gradient(145deg,rgba(17,36,59,.95),rgba(10,23,40,.98)); box-shadow:0 20px 50px rgba(0,0,0,.24); }
.vip-draw-iframe .vip-quay-form .text-center { margin:13px 0; color:#c7d7e9; }
.vip-draw-iframe .vip-quay-form input[type="text"] { width:min(100%,420px); min-height:48px; border:1px solid rgba(165,199,236,.2)!important; border-radius:12px; padding:11px 14px!important; color:#f3f7ff!important; background:rgba(255,255,255,.055)!important; outline:none; font-size:1rem; }
.vip-draw-iframe .vip-quay-form input[type="text"]::placeholder { color:#7188a2; }
.vip-draw-iframe .vip-quay-form input[type="text"]:focus { border-color:#61e7e0!important; box-shadow:0 0 0 3px rgba(97,231,224,.12); }
.vip-draw-iframe .vip-quay-form .vip-field-label { color:#e1edf9; font-size:1rem; font-weight:800; }
.vip-draw-iframe .vip-field-hint { margin-top:6px; color:#9bb0c8; font-size:.9rem; line-height:1.5; }
.vip-draw-iframe .vip-field-hint i { margin-right:4px; color:#72e5d8; }
.vip-draw-iframe .vip-radio-row { display:flex; justify-content:center; flex-wrap:wrap; gap:9px; margin:12px 0; }
.vip-draw-iframe .vip-radio-row label { display:inline-flex; min-height:46px; align-items:center; gap:9px; padding:10px 15px; border:1px solid rgba(166,201,238,.16); border-radius:999px; color:#d4e2f2; background:rgba(255,255,255,.035); font-size:.95rem; font-weight:750; }
.vip-draw-iframe .vip-radio-row input { accent-color:#62e8dc; }
.vip-draw-iframe .vip-quay-form select { width:min(100%,420px); min-height:51px; border:1px solid rgba(165,199,236,.2)!important; border-radius:12px!important; padding:11px 40px 11px 14px!important; color:#eef6ff!important; background:#10233a!important; box-shadow:none!important; font:650 1rem Inter,"Segoe UI",Arial,sans-serif!important; }
.vip-draw-iframe .vip-quay-form select option { font-size:1rem; }
.vip-draw-iframe .vip-start-button { display:flex; width:100%; min-height:58px; align-items:center; justify-content:center; gap:10px; border:0; border-radius:14px; color:#061521!important; background:linear-gradient(100deg,#75f2dc,#9bd9ff)!important; box-shadow:0 10px 28px rgba(83,218,211,.2); font-size:1.08rem; font-weight:850; transition:transform .18s ease,box-shadow .18s ease; }
.vip-draw-iframe .vip-start-button:hover { transform:translateY(-2px); box-shadow:0 14px 32px rgba(83,218,211,.3); }
.vip-draw-iframe .vip-start-button:active { transform:scale(.975); }
.vip-draw-iframe #live645,.vip-draw-iframe #ketqua645 { max-width:900px; margin:16px auto; padding:17px; border:1px solid rgba(161,202,242,.15); border-radius:17px; color:#eff6ff; background:rgba(12,28,47,.9); }
.vip-draw-iframe #live645 .result-number { display:flex; justify-content:center; flex-wrap:wrap; gap:7px; margin:8px auto; }
.vip-draw-iframe #live645 .result-number li { display:grid; width:clamp(38px,10vw,55px); height:clamp(38px,10vw,55px); place-items:center; margin:0; padding:0; border:1px solid rgba(97,231,224,.42); color:#f3ffff; background:radial-gradient(circle at 30% 25%,#2c6683,#10334f 75%); box-shadow:0 7px 18px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.14); font-size:clamp(.82rem,3.8vw,1.25rem); line-height:1; }
.vip-draw-iframe #ketqua645 .vip-tickets-heading { margin:0 0 15px; color:#f4f8ff; font-size:clamp(1.15rem,3.4vw,1.55rem); font-weight:850; letter-spacing:.01em; text-decoration:underline; text-decoration-color:#ffd55f; text-underline-offset:6px; }
.vip-draw-iframe #ketqua645 .vip-tickets-note { margin:16px 0 2px; color:#b9c9dc; font-size:clamp(.82rem,2.5vw,.96rem); line-height:1.6; }
.vip-draw-iframe #ketqua645 .result-number { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); align-items:center; gap:clamp(6px,1.5vw,12px); width:100%; max-width:760px; box-sizing:border-box; margin:12px auto; padding:15px clamp(10px,2.5vw,20px) 17px; border:1px solid rgba(128,190,240,.22); border-radius:18px; background:linear-gradient(145deg,rgba(20,42,68,.96),rgba(8,21,38,.98)); box-shadow:0 12px 30px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.06); list-style:none; transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
.vip-draw-iframe #ketqua645 .result-number::before { grid-column:1/-1; padding-bottom:2px; color:#92abc6; content:"BỘ SỐ ĐÃ QUAY"; font-size:.67rem; font-weight:850; letter-spacing:.16em; text-align:center; }
.vip-draw-iframe #ketqua645 .result-number:hover { transform:translateY(-2px); border-color:rgba(255,211,91,.52); box-shadow:0 16px 34px rgba(0,0,0,.34),0 0 22px rgba(255,196,63,.08); }
.vip-draw-iframe #ketqua645 .result-number li { position:relative; display:grid; justify-self:center; width:clamp(42px,5vw,58px); aspect-ratio:1; place-items:center; box-sizing:border-box; overflow:hidden; border:1px solid #fff0a3; border-radius:50%; color:#17243a; background:radial-gradient(circle at 30% 20%,#fffbd9 0,#ffe788 24%,#ffc638 61%,#eb9811 100%); box-shadow:0 7px 14px rgba(0,0,0,.38),0 0 16px rgba(255,199,67,.2),inset 0 2px 3px rgba(255,255,255,.9),inset 0 -4px 7px rgba(170,91,0,.28); font-size:clamp(1rem,2.3vw,1.32rem); font-weight:950; font-variant-numeric:tabular-nums; line-height:1; text-shadow:0 1px 0 rgba(255,255,255,.76),0 2px 2px rgba(57,39,4,.18); transition:transform .2s ease,filter .2s ease; animation:vipHistoryBallIn .48s cubic-bezier(.2,1.35,.4,1) both; }
.vip-draw-iframe #ketqua645 .result-number li::after { position:absolute; top:9%; left:15%; width:42%; height:22%; border-radius:50%; background:rgba(255,255,255,.62); content:""; filter:blur(2px); transform:rotate(-28deg); }
.vip-draw-iframe #ketqua645 .result-number li:hover { z-index:1; filter:brightness(1.08) saturate(1.1); transform:translateY(-4px) scale(1.07); }
.vip-draw-iframe #ketqua645 .result-number li:nth-child(2) { animation-delay:.04s; }
.vip-draw-iframe #ketqua645 .result-number li:nth-child(3) { animation-delay:.08s; }
.vip-draw-iframe #ketqua645 .result-number li:nth-child(4) { animation-delay:.12s; }
.vip-draw-iframe #ketqua645 .result-number li:nth-child(5) { animation-delay:.16s; }
.vip-draw-iframe #ketqua645 .result-number li:nth-child(6) { animation-delay:.2s; }
@keyframes vipHistoryBallIn { from { opacity:0; transform:translateY(8px) scale(.78); } to { opacity:1; transform:translateY(0) scale(1); } }
.vip-draw-iframe #ketqua645[hidden] { display:none!important; }
.vip-draw-iframe #ketqua645.vip-history-visible { animation:vipHistoryPanelIn .55s ease-out both; }
@keyframes vipHistoryPanelIn { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }
.vip-draw-iframe .vip-data-panel { width:100%; max-width:none; box-sizing:border-box; margin:24px 0; padding:clamp(22px,3.5vw,38px); overflow:hidden; border:1px solid rgba(151,190,231,.18); border-radius:24px; background:linear-gradient(150deg,rgba(15,34,57,.98),rgba(8,21,37,.98)); box-shadow:0 20px 48px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.045); }
.vip-draw-iframe .vip-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 25px; }
.vip-draw-iframe .vip-panel-eyebrow { display:block; margin-bottom:9px; color:#76e5d6; font-size:.82rem; font-weight:900; letter-spacing:.16em; }
.vip-draw-iframe .vip-panel-heading h2 { margin:0; color:#f3f7ff; font-size:clamp(1.55rem,3.4vw,2.25rem); font-weight:850; letter-spacing:-.035em; line-height:1.25; }
.vip-draw-iframe .vip-panel-heading p { margin:9px 0 0; color:#aabdd2; font-size:1.05rem; line-height:1.55; }
.vip-draw-iframe .vip-panel-heading p strong { color:#dceaff; font-weight:750; }
.vip-draw-iframe .vip-panel-icon { display:grid; width:58px; height:58px; flex:0 0 58px; place-items:center; border:1px solid rgba(99,224,213,.24); border-radius:18px; color:#7ce8dc; background:linear-gradient(145deg,rgba(63,179,174,.16),rgba(74,115,183,.12)); box-shadow:inset 0 1px rgba(255,255,255,.08); font-size:1.35rem; }
.vip-draw-iframe .vip-jackpot-highlight { position:relative; display:flex; min-height:126px; flex-direction:column; align-items:center; justify-content:center; gap:7px; margin:0 0 18px; padding:19px 20px; overflow:hidden; border:1px solid rgba(255,213,100,.27); border-radius:19px; background:radial-gradient(ellipse at 50% -20%,rgba(255,217,116,.2),transparent 58%),linear-gradient(110deg,rgba(29,52,75,.96),rgba(17,37,60,.96)); box-shadow:inset 0 1px rgba(255,255,255,.08),0 14px 30px rgba(0,0,0,.2); text-align:center; }
.vip-draw-iframe .vip-jackpot-highlight>span { color:#d0ddeb; font-size:.8rem; font-weight:900; letter-spacing:.2em; }
.vip-draw-iframe .vip-jackpot-highlight>strong { color:#ffe18a; font-size:clamp(2rem,6vw,3.5rem); font-weight:950; letter-spacing:-.045em; line-height:1.1; text-shadow:0 3px 20px rgba(255,192,60,.22); }
.vip-draw-iframe .vip-jackpot-highlight small { margin-left:8px; color:#fff3c4; font-size:clamp(.85rem,2vw,1.05rem); font-weight:750; letter-spacing:0; }
.vip-draw-iframe .vip-jackpot-highlight>i { position:absolute; top:15px; right:17px; color:rgba(255,224,146,.42); font-size:1rem; }
.vip-draw-iframe .vip-prize-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr)); gap:16px; }
.vip-draw-iframe .vip-prize-card { display:grid; grid-template-columns:48px minmax(0,1fr); grid-template-rows:auto auto; align-items:center; gap:5px 13px; min-height:112px; padding:19px; border:1px solid rgba(148,188,228,.16); border-radius:18px; background:linear-gradient(145deg,rgba(20,42,67,.95),rgba(10,25,43,.96)); box-shadow:0 12px 26px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.055); }
.vip-draw-iframe .vip-prize-icon { display:grid; width:46px; height:46px; grid-row:1/3; place-items:center; border:1px solid rgba(118,213,212,.2); border-radius:14px; color:#8be8dd; background:rgba(82,188,185,.1); font-size:1.15rem; }
.vip-draw-iframe .vip-prize-copy { display:flex; flex-direction:column; gap:3px; }
.vip-draw-iframe .vip-prize-copy>span { color:#e9f2ff; font-size:1.1rem; font-weight:850; }
.vip-draw-iframe .vip-prize-copy>small { color:#96abc2; font-size:.86rem; }
.vip-draw-iframe .vip-prize-card>strong { grid-column:2; color:#d9e9fb; font-size:1.35rem; font-weight:900; font-variant-numeric:tabular-nums; line-height:1.25; }
.vip-draw-iframe .vip-prize-card>strong small { display:inline-block; margin-left:5px; color:#9eb2c9; font-size:.78rem; font-weight:700; }
.vip-draw-iframe .vip-prize-card-jackpot { border-color:rgba(255,210,100,.38); background:linear-gradient(135deg,rgba(66,54,33,.56),rgba(14,31,49,.97)); }
.vip-draw-iframe .vip-prize-card-jackpot .vip-prize-icon { color:#ffdf8d; border-color:rgba(255,216,122,.3); background:rgba(234,178,68,.13); }
.vip-draw-iframe .vip-prize-card-jackpot .vip-prize-copy>span,.vip-draw-iframe .vip-prize-card-jackpot>strong { color:#ffe08b; }
.vip-draw-iframe .vip-metric-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,175px),1fr)); gap:15px; }
.vip-draw-iframe .vip-metric-card { position:relative; display:flex; min-height:178px; flex-direction:column; align-items:flex-start; justify-content:center; gap:8px; padding:20px; overflow:hidden; border:1px solid rgba(145,185,224,.16); border-radius:18px; background:linear-gradient(145deg,rgba(19,41,65,.96),rgba(9,23,40,.98)); box-shadow:0 12px 28px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.vip-draw-iframe .vip-metric-card::after { position:absolute; right:-30px; bottom:-48px; width:120px; height:120px; border-radius:50%; background:radial-gradient(circle,rgba(99,220,208,.12),transparent 70%); content:""; pointer-events:none; }
.vip-draw-iframe .vip-metric-card:hover { transform:translateY(-3px); border-color:rgba(102,220,211,.38); box-shadow:0 17px 32px rgba(0,0,0,.27),0 0 22px rgba(86,206,195,.06); }
.vip-draw-iframe .vip-metric-icon { display:grid; width:40px; height:40px; place-items:center; border:1px solid rgba(110,217,209,.18); border-radius:12px; color:#80e7dc; background:rgba(67,176,170,.1); font-size:1rem; }
.vip-draw-iframe .vip-metric-label { min-height:2.6em; color:#c0d0e2; font-size:.98rem; font-weight:750; line-height:1.35; }
.vip-draw-iframe .vip-metric-card>strong { color:#f3f7ff; font-size:clamp(2rem,3vw,2.75rem); font-weight:950; font-variant-numeric:tabular-nums; letter-spacing:-.04em; line-height:1; }
.vip-draw-iframe .vip-metric-card>small { color:#899fb7; font-size:.82rem; line-height:1.35; }
.vip-draw-iframe .vip-metric-card-featured { border-color:rgba(106,215,205,.3); background:linear-gradient(145deg,rgba(24,69,76,.55),rgba(10,30,46,.98)); }
.vip-draw-iframe .vip-metric-card-total { border-color:rgba(110,222,203,.3); background:linear-gradient(145deg,rgba(23,66,66,.55),rgba(10,30,43,.98)); }
.vip-draw-iframe .vip-metric-card-total>strong { color:#9af1dc; }
.vip-draw-iframe .vip-metric-card-jackpot { border-color:rgba(255,211,106,.3); background:linear-gradient(145deg,rgba(73,57,31,.46),rgba(17,31,46,.98)); }
.vip-draw-iframe .vip-metric-card-jackpot .vip-metric-icon,.vip-draw-iframe .vip-metric-card-jackpot>strong { color:#ffdc7f; }
.vip-draw-iframe .vip-metric-card-first .vip-metric-icon,.vip-draw-iframe .vip-metric-card-first>strong { color:#9edfff; }
.vip-draw-iframe .vip-stats-table-wrap { width:100%; max-width:100%; overflow-x:auto; border:1px solid rgba(142,183,221,.18); border-radius:17px; background:rgba(5,17,30,.5); overscroll-behavior-x:contain; scrollbar-color:#527895 #0b1a2c; scrollbar-width:thin; }
.vip-draw-iframe .vip-stats-table { width:100%; min-width:820px; margin:0; border:0; border-collapse:separate; border-spacing:0; color:#e4edf8; background:transparent; font-size:1rem; text-align:center; }
.vip-draw-iframe .vip-stats-table th { padding:17px 15px; border:0; border-right:1px solid rgba(158,190,221,.12); border-bottom:1px solid rgba(158,190,221,.17); color:#d9e8f8; background:linear-gradient(180deg,#193550,#122941); font-size:.93rem; font-weight:850; line-height:1.4; vertical-align:middle; white-space:normal; }
.vip-draw-iframe .vip-stats-table thead tr:first-child th { color:#f4f8ff; background:linear-gradient(180deg,#20405f,#19344f); font-size:1.02rem; }
.vip-draw-iframe .vip-stats-table th:last-child,.vip-draw-iframe .vip-stats-table td:last-child { border-right:0; }
.vip-draw-iframe .vip-stats-table td { min-width:95px; padding:19px 15px; border:0; border-right:1px solid rgba(158,190,221,.1); border-bottom:1px solid rgba(158,190,221,.11); color:#e7effa; background:rgba(12,29,48,.9); font-size:1.16rem; font-variant-numeric:tabular-nums; font-weight:750; vertical-align:middle; }
.vip-draw-iframe .vip-stats-table tbody tr:hover td { background:rgba(24,49,75,.98); }
.vip-draw-iframe .vip-stats-table .vip-stats-people { min-width:145px; }
.vip-draw-iframe .vip-stats-table .vip-stats-people strong { display:block; color:#91f0df; font-size:1.55rem; font-weight:950; line-height:1.1; }
.vip-draw-iframe .vip-stats-table .vip-stats-people small { display:block; margin-top:6px; color:#9db2c9; font-size:.82rem; font-weight:550; line-height:1.35; }
.vip-draw-iframe .vip-stats-table .vip-stats-total-heading { color:#9df0df; }
.vip-draw-iframe .vip-stats-table .vip-stats-total { color:#a5f2e2; background:rgba(32,90,83,.35); font-size:1.3rem; font-weight:950; }
.vip-draw-iframe .vip-stats-table .vip-stats-jackpot { color:#ffdb77; font-size:1.3rem; font-weight:950; }
.vip-draw-iframe .vip-stats-table .vip-stats-first { color:#a7e2ff; font-size:1.25rem; font-weight:900; }
.vip-draw-iframe .vip-round-panel { margin-top:12px; }
.vip-draw-iframe .vip-round-label { display:block; margin:0 0 8px; color:#d8e8f8; font-size:1rem; font-weight:800; }
.vip-draw-iframe .vip-round-select-wrap { width:min(100%,320px); }
.vip-draw-iframe .vip-round-select { width:100%; min-height:54px; padding:10px 14px; border:1px solid rgba(132,188,224,.28); border-radius:13px; color:#f3f8ff; background:#10243a; font:750 1.1rem Inter,"Segoe UI",Arial,sans-serif; outline:none; }
.vip-draw-iframe .vip-round-select:focus { border-color:#70e1d5; box-shadow:0 0 0 3px rgba(97,231,224,.12); }
.vip-draw-iframe .vip-stats-subheading { display:flex; align-items:center; gap:10px; margin:24px 0 12px; color:#e4effc; font-size:1.12rem; font-weight:850; }
.vip-draw-iframe .vip-stats-subheading i { color:#7de5d9; }
.vip-draw-iframe .vip-winner-table { min-width:900px; }
.vip-draw-iframe .vip-detail-table { min-width:1000px; }
.vip-draw-iframe .vip-detail-table th { text-align:center; }
.vip-draw-iframe .vip-detail-table td { text-align:center; }
.vip-draw-iframe .vip-detail-table td:nth-child(2) { min-width:240px; text-align:left; }
.vip-draw-iframe .vip-detail-table td:nth-child(5),.vip-draw-iframe .vip-detail-table td:nth-child(6) { text-align:left; }
.vip-draw-iframe .vip-detail-table .vip-winning-hit { display:inline-block; margin:2px 3px; padding:3px 7px; border:1px solid rgba(255,215,114,.45); border-radius:999px; color:#ffe28a; background:rgba(193,137,32,.2); font-weight:950; }
.vip-draw-iframe .vip-detail-table font { color:#ffe28a!important; font-weight:950; text-decoration:underline; text-decoration-color:rgba(255,219,119,.48); text-underline-offset:3px; }
.vip-draw-iframe .vip-detail-controls { display:grid; gap:10px; margin:0 0 18px; padding:17px; border:1px solid rgba(142,183,221,.16); border-radius:16px; background:linear-gradient(145deg,rgba(17,37,60,.86),rgba(9,24,41,.92)); }
.vip-draw-iframe .vip-detail-controls input[type="search"] { width:100%; min-height:48px; box-sizing:border-box; padding:10px 14px; border:1px solid rgba(148,186,223,.24); border-radius:12px; color:#f2f7ff; background:#0b1a2c; font:600 1rem Inter,"Segoe UI",Arial,sans-serif; outline:none; }
.vip-draw-iframe .vip-detail-controls input[type="search"]:focus { border-color:#72e2d6; box-shadow:0 0 0 3px rgba(97,231,224,.12); }
.vip-draw-iframe .vip-detail-search-label { color:#dceafa; font-size:1rem; font-weight:850; }
.vip-draw-iframe .vip-detail-search-row { display:grid; grid-template-columns:minmax(180px,1fr) auto auto; gap:9px; }
.vip-draw-iframe .vip-detail-search-row input[type="search"] { width:100%; min-width:0; min-height:48px; padding:10px 14px; border:1px solid rgba(148,186,223,.24); border-radius:12px; color:#f2f7ff; background:#0b1a2c; font:600 1rem Inter,"Segoe UI",Arial,sans-serif; outline:none; }
.vip-draw-iframe .vip-detail-search-row input[type="search"]::placeholder { color:#8297af; }
.vip-draw-iframe .vip-detail-search-row input[type="search"]:focus { border-color:#72e2d6; box-shadow:0 0 0 3px rgba(97,231,224,.12); }
.vip-draw-iframe .vip-detail-search-row button { min-height:48px; padding:10px 16px; border:1px solid rgba(102,221,209,.3); border-radius:12px; color:#08202a; background:linear-gradient(105deg,#7bead9,#a8e5f4); font:800 .92rem Inter,"Segoe UI",Arial,sans-serif; cursor:pointer; }
.vip-draw-iframe .vip-detail-search-row button:hover { filter:brightness(1.07); }
.vip-draw-iframe .vip-detail-search-row button.vip-search-clear { border-color:rgba(154,184,214,.2); color:#d6e3f2; background:rgba(255,255,255,.06); }
.vip-draw-iframe .vip-detail-result-count { margin:0; color:#a9bdd2; font-size:.9rem; }
.vip-draw-iframe .vip-stats-table .vip-detail-empty { padding:28px 18px; color:#a9bdd2; font-size:1rem; font-weight:600; }
.vip-draw-iframe .vip-pagination { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:16px; padding:14px 16px; border:1px solid rgba(142,183,221,.15); border-radius:14px; background:rgba(8,21,37,.68); }
.vip-draw-iframe .vip-pagination-label { color:#bbccdf; font-size:.9rem; font-weight:700; }
.vip-draw-iframe .vip-pagination-buttons { display:flex; flex-wrap:wrap; gap:6px; }
.vip-draw-iframe .vip-pagination-buttons button { display:grid; min-width:40px; min-height:40px; place-items:center; padding:0 10px; border:1px solid rgba(143,180,215,.2); border-radius:10px; color:#dceafa; background:rgba(255,255,255,.045); font:750 .9rem Inter,"Segoe UI",Arial,sans-serif; cursor:pointer; transition:background .15s ease,border-color .15s ease,transform .15s ease; }
.vip-draw-iframe .vip-pagination-buttons button:hover:not(:disabled) { transform:translateY(-1px); border-color:rgba(110,222,210,.55); background:rgba(66,171,164,.16); }
.vip-draw-iframe .vip-pagination-buttons button.is-current { border-color:transparent; color:#06202b; background:linear-gradient(105deg,#7bead9,#a8e5f4); cursor:default; }
.vip-draw-iframe .vip-pagination-buttons a { display:grid; min-width:40px; min-height:40px; place-items:center; padding:0 10px; border:1px solid rgba(143,180,215,.2); border-radius:10px; color:#dceafa; background:rgba(255,255,255,.045); font:750 .9rem Inter,"Segoe UI",Arial,sans-serif; text-decoration:none; transition:background .15s ease,border-color .15s ease,transform .15s ease; }
.vip-draw-iframe .vip-pagination-buttons a:hover { transform:translateY(-1px); border-color:rgba(110,222,210,.55); background:rgba(66,171,164,.16); }
.vip-draw-iframe .vip-pagination-buttons a.is-current { border-color:transparent; color:#06202b; background:linear-gradient(105deg,#7bead9,#a8e5f4); cursor:default; }
.vip-draw-iframe .vip-prize-highlight { color:#ffdc7f; font-size:.96rem; font-weight:950; }
.vip-draw-iframe .vip-winning-balls { display:flex; justify-content:center; }
.vip-draw-iframe .vip-winning-balls .result-number { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin:0; padding:8px; list-style:none; }
.vip-draw-iframe .vip-winning-balls .result-number li { position:relative; display:grid; width:clamp(48px,8vw,68px); aspect-ratio:1; place-items:center; box-sizing:border-box; overflow:hidden; border:1px solid #fff0a3; border-radius:50%; color:#17243a; background:radial-gradient(circle at 30% 20%,#fffbd9 0,#ffe788 24%,#ffc638 61%,#eb9811 100%); box-shadow:0 8px 18px rgba(0,0,0,.35),0 0 19px rgba(255,199,67,.22),inset 0 2px 4px rgba(255,255,255,.86),inset 0 -4px 7px rgba(170,91,0,.27); font-size:clamp(1.12rem,3vw,1.5rem); font-weight:950; font-variant-numeric:tabular-nums; text-shadow:0 1px 0 rgba(255,255,255,.7); }
.vip-draw-iframe .vip-winning-balls .result-number li:last-child[style*="background"] { border-color:#fff5b8; color:#102037; }
.vip-draw-iframe .vip-empty-message { margin:0; padding:14px 18px; border:1px dashed rgba(155,190,222,.3); border-radius:12px; color:#b6c9df; background:rgba(10,25,42,.6); font-size:1rem; text-align:center; }
.vip-draw-iframe .vip-method-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr)); gap:16px; }
.vip-draw-iframe .vip-method-card { display:grid; grid-template-columns:48px minmax(0,1fr); grid-template-rows:auto auto; align-content:center; gap:6px 14px; min-height:132px; padding:21px; border:1px solid rgba(145,185,224,.16); border-radius:18px; background:linear-gradient(145deg,rgba(19,41,65,.96),rgba(9,23,40,.98)); box-shadow:0 12px 26px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.05); }
.vip-draw-iframe .vip-method-icon { display:grid; width:46px; height:46px; grid-row:1/3; place-items:center; border:1px solid rgba(110,217,209,.2); border-radius:14px; color:#80e7dc; background:rgba(67,176,170,.1); font-size:1.12rem; }
.vip-draw-iframe .vip-method-card>b { align-self:end; color:#eff6ff; font-size:1.08rem; font-weight:850; }
.vip-draw-iframe .vip-method-card>span:last-child { align-self:start; color:#9eb2c9; font-size:.94rem; line-height:1.55; }
.vip-draw-iframe .vip-method-disclaimer { display:flex; align-items:flex-start; gap:10px; margin:20px 0 0; padding:15px 17px; border:1px solid rgba(113,181,211,.15); border-radius:14px; color:#afc2d6; background:rgba(7,20,35,.55); font-size:.94rem; line-height:1.6; }
.vip-draw-iframe .vip-method-disclaimer i { margin-top:4px; color:#80e7dc; }
.vip-draw-iframe .vip-winners-panel .vip-panel-link { display:inline-flex; min-height:46px; flex:0 0 auto; align-items:center; justify-content:center; gap:9px; padding:11px 16px; border:1px solid rgba(108,221,209,.28); border-radius:13px; color:#a9f3e8!important; background:rgba(71,176,166,.11); font-size:.94rem; font-weight:850; text-decoration:none; transition:background .2s ease,border-color .2s ease,transform .2s ease; }
.vip-draw-iframe .vip-winners-panel .vip-panel-link:hover { transform:translateY(-2px); border-color:rgba(108,221,209,.55); background:rgba(71,176,166,.2); }
.vip-draw-iframe #live645 .result-number li:not(.vip-ball-revealed) { visibility:hidden; }
.vip-draw-iframe #live645 .result-number li.vip-ball-revealed { visibility:visible; animation:vipBallReveal .45s cubic-bezier(.2,1.45,.4,1) both; }
.vip-draw-iframe .vip-draw-cage { position:relative; width:150px; height:85px; margin:4px auto 17px; border:2px solid rgba(105,224,224,.72); border-radius:50%; background:radial-gradient(ellipse,rgba(77,169,194,.19),rgba(7,18,31,.1) 68%); box-shadow:0 0 25px rgba(71,217,219,.13),inset 0 0 18px rgba(100,220,224,.14); transform:rotateX(62deg); transform-style:preserve-3d; }
.vip-draw-iframe .vip-draw-cage span { position:absolute; inset:-2px 21%; border:1px solid rgba(128,230,233,.6); border-radius:50%; transform:rotateY(35deg); }
.vip-draw-iframe .vip-draw-cage span:nth-child(2) { transform:rotateY(90deg); }
.vip-draw-iframe .vip-draw-cage span:nth-child(3) { transform:rotateY(145deg); }
.vip-draw-iframe .vip-draw-cage i { position:absolute; top:50%; left:-10%; width:120%; border-top:2px solid rgba(142,239,236,.75); }
.vip-draw-iframe .vip-draw-cage.vip-cage-spinning { animation:vipCageSpin 2.1s linear infinite; }
@keyframes vipCageSpin { to { transform:rotateX(62deg) rotateZ(360deg); } }
@keyframes vipBallReveal { from { opacity:0; transform:scale(.35) translateY(-13px); } to { opacity:1; transform:scale(1) translateY(0); } }
.vip-draw-iframe #ketqua645>p { color:#eaf3ff; }
.vip-draw-iframe .red { color:#ffd66b!important; }

@media (max-width: 767.98px) {
    .vip-draw-page .vip-draw-hero { padding-top:82px; padding-bottom:28px; }
    .vip-draw-page .vip-draw-visual { min-height:325px; }
    .vip-draw-page .vip-mini-ticket { padding:9px 10px; }
    .vip-draw-page .vip-mini-ticket b { width:21px; height:21px; font-size:.51rem; }
    .vip-draw-page .ticket-one { left:8px; }.vip-draw-page .ticket-two { right:8px; }
    .vip-draw-page .vip-overview-grid { grid-template-columns:1fr; gap:8px; }
    .vip-draw-page .vip-overview-grid>div { min-height:67px; }
    .vip-draw-page .vip-tool-section { padding:43px 0; }
    .vip-draw-page .vip-tool-heading { align-items:flex-start; flex-direction:column; gap:10px; margin-bottom:16px; }
    .vip-draw-page .vip-tool-heading h2 { font-size:1.5rem; }
    .vip-draw-page .vip-frame-shell { border-radius:17px; }
    .vip-draw-page .vip-frame-topbar { align-items:flex-start; flex-direction:column; padding:12px 14px; font-size:.59rem; }
    .vip-draw-page #vipDrawFrame { min-height:1000px; }
    .vip-draw-page .vip-steps-grid { grid-template-columns:1fr; }
    .vip-draw-page .vip-steps-grid article { min-height:150px; padding:18px; }
    .vip-draw-page .vip-draw-footer .container { align-items:flex-start; flex-direction:column; }

    .vip-draw-iframe { padding:10px!important; }
    .vip-draw-iframe .vip-iframe-toplinks { justify-content:flex-start; }
    .vip-draw-iframe .vip-iframe-toplinks a { flex:1 1 auto; text-align:center; }
    .vip-draw-iframe .vip-quay-form { padding:14px; border-radius:16px; }
    .vip-draw-iframe .vip-radio-row { display:grid; grid-template-columns:1fr; }
    .vip-draw-iframe .vip-radio-row label { justify-content:flex-start; width:100%; }
    .vip-draw-iframe #live645,.vip-draw-iframe #ketqua645 { padding:12px 8px; border-radius:13px; }
    .vip-draw-iframe #ketqua645 .result-number { gap:5px; margin:10px auto; padding:12px 7px 14px; border-radius:14px; }
    .vip-draw-iframe #ketqua645 .result-number li { width:clamp(34px,10vw,48px); font-size:clamp(.95rem,4.5vw,1.15rem); }
    .vip-draw-iframe #ketqua645 .result-number::before { font-size:.61rem; letter-spacing:.13em; }
    .vip-draw-iframe #ketqua645 .vip-tickets-heading { margin-bottom:12px; }
    .vip-draw-iframe .vip-data-panel { margin:16px 0; padding:18px 13px; border-radius:17px; }
    .vip-draw-iframe .vip-panel-heading { align-items:flex-start; gap:10px; margin-bottom:18px; }
    .vip-draw-iframe .vip-panel-eyebrow { margin-bottom:7px; font-size:.72rem; }
    .vip-draw-iframe .vip-panel-heading h2 { font-size:clamp(1.35rem,6vw,1.7rem); }
    .vip-draw-iframe .vip-panel-heading p { margin-top:7px; font-size:.96rem; }
    .vip-draw-iframe .vip-panel-icon { width:42px; height:42px; flex-basis:42px; border-radius:13px; font-size:1rem; }
    .vip-draw-iframe .vip-jackpot-highlight { min-height:112px; padding:16px 10px; border-radius:15px; }
    .vip-draw-iframe .vip-jackpot-highlight>span { font-size:.68rem; }
    .vip-draw-iframe .vip-jackpot-highlight>strong { font-size:clamp(1.8rem,8vw,2.6rem); }
    .vip-draw-iframe .vip-prize-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .vip-draw-iframe .vip-prize-card { grid-template-columns:36px minmax(0,1fr); gap:7px 9px; min-height:128px; padding:13px 10px; border-radius:14px; }
    .vip-draw-iframe .vip-prize-icon { width:35px; height:35px; border-radius:11px; font-size:.95rem; }
    .vip-draw-iframe .vip-prize-copy>span { font-size:.98rem; }
    .vip-draw-iframe .vip-prize-copy>small { font-size:.78rem; }
    .vip-draw-iframe .vip-prize-card>strong { font-size:clamp(1.05rem,4.7vw,1.35rem); }
    .vip-draw-iframe .vip-prize-card>strong small { margin-left:3px; font-size:.72rem; }
    .vip-draw-iframe .vip-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .vip-draw-iframe .vip-metric-card { min-height:155px; gap:7px; padding:14px 12px; border-radius:15px; }
    .vip-draw-iframe .vip-metric-icon { width:36px; height:36px; border-radius:11px; font-size:.95rem; }
    .vip-draw-iframe .vip-metric-label { min-height:2.6em; font-size:.91rem; }
    .vip-draw-iframe .vip-metric-card>strong { font-size:clamp(1.9rem,8vw,2.4rem); }
    .vip-draw-iframe .vip-metric-card>small { font-size:.76rem; }
    .vip-draw-iframe .vip-stats-table-wrap { border-radius:13px; }
    .vip-draw-iframe .vip-stats-table { min-width:760px; }
    .vip-draw-iframe .vip-stats-table th { padding:14px 11px; font-size:.86rem; }
    .vip-draw-iframe .vip-stats-table thead tr:first-child th { font-size:.94rem; }
    .vip-draw-iframe .vip-stats-table td { min-width:82px; padding:16px 11px; font-size:1.05rem; }
    .vip-draw-iframe .vip-stats-table .vip-stats-people strong { font-size:1.4rem; }
    .vip-draw-iframe .vip-method-grid { grid-template-columns:1fr; gap:11px; }
    .vip-draw-iframe .vip-method-card { grid-template-columns:42px minmax(0,1fr); gap:6px 12px; min-height:115px; padding:16px; border-radius:15px; }
    .vip-draw-iframe .vip-method-icon { width:40px; height:40px; border-radius:12px; font-size:1rem; }
    .vip-draw-iframe .vip-method-card>b { font-size:1rem; }
    .vip-draw-iframe .vip-method-card>span:last-child { font-size:.9rem; }
    .vip-draw-iframe .vip-method-disclaimer { margin-top:14px; padding:13px; font-size:.86rem; }
    .vip-draw-iframe .vip-winners-panel .vip-panel-link { min-height:40px; padding:9px 11px; font-size:.82rem; }
    .vip-draw-iframe .vip-round-select-wrap { width:100%; }
    .vip-draw-iframe .vip-round-select { min-height:50px; font-size:1.02rem; }
    .vip-draw-iframe .vip-stats-subheading { margin:20px 0 10px; font-size:1rem; }
    .vip-draw-iframe .vip-winner-table { min-width:920px; }
    .vip-draw-iframe .vip-detail-table { min-width:960px; }
    .vip-draw-iframe .vip-detail-controls { padding:13px; border-radius:14px; }
    .vip-draw-iframe .vip-detail-search-row { grid-template-columns:1fr 1fr; }
    .vip-draw-iframe .vip-detail-search-row input[type="search"] { grid-column:1/-1; }
    .vip-draw-iframe .vip-detail-search-row button { padding:10px 9px; font-size:.82rem; }
    .vip-draw-iframe .vip-pagination { align-items:flex-start; flex-direction:column; padding:12px; }
    .vip-draw-iframe .vip-pagination-buttons { width:100%; justify-content:center; }
    .vip-draw-iframe .vip-pagination-buttons button { min-width:36px; min-height:38px; }
    .vip-draw-iframe .vip-winning-balls .result-number { gap:7px; }
    .vip-draw-iframe .vip-winning-balls .result-number li { width:clamp(40px,12vw,56px); }
}
@media (prefers-reduced-motion: reduce) {
    .vip-draw-page *, .vip-draw-page *::before, .vip-draw-page *::after,
    .vip-draw-iframe *, .vip-draw-iframe *::before, .vip-draw-iframe *::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}