@import url("./app-theme-v1.1.css");

/* =========================================================
   GIAO DIỆN THEO APP — Figma "Vietlott-Internet / Components"
   Nạp SAU style.css trên mọi trang. Chỉ đổi giao diện, không đổi luồng.
   Bộ màu hiện hành: app-theme-v1.1.css. Đổi import trên thành
   app-theme-v1.0.css để quay lại màu trước khi chốt phiên bản 1.1.
   Font web: SF Pro Display · khung thiết kế điện thoại: 390px
   Bo góc chuẩn: thẻ lớn 16px · thẻ nhỏ 12px · nhãn 999px.
   Hạng (Đồng/Bạc/Vàng/Kim cương) không ghi đè màu thương hiệu.
   ========================================================= */

html[data-tier="basic"]{--tier-ink:var(--red-2)}

/* ---------- SF Pro Display (local project fonts) ---------- */



















/* ---------- Chữ ---------- */
body{font-family:var(--app-font);color:var(--ink)}
h1,h2,h3,h4{font-weight:700;letter-spacing:-.01em;color:inherit}
.muted{color:var(--ink-2)}
.hint{color:var(--ink-2)}
.errtxt{color:var(--neg)}
.link{color:var(--link);font-weight:600}

/* ---------- Nút (Button: Primary · Secondary · Tertiary · Solid) ---------- */
.btn{font-weight:600;font-size:14px;line-height:20px;padding:10px 20px;border-width:1px;border-radius:var(--radius-pill,999px);gap:8px;letter-spacing:0}
.btn-sm{font-size:12px;line-height:16px;padding:8px 14px}
.btn-lg{font-size:16px;line-height:24px;padding:12px 28px}
.btn:active{transform:scale(.98)}
.btn:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--focus,#EE0033)}
html:not([data-tier]) .btn-red{background:var(--red);color:#fff;box-shadow:none}
html:not([data-tier]) .btn-red:hover{background:var(--red-2);box-shadow:none}
html:not([data-tier]) .btn-red:active{background:var(--red-3)}
.btn-line{background:var(--red-soft);border-color:transparent;color:var(--red)}
.btn-line:hover{background:var(--pink);border-color:transparent;color:var(--red)}
.btn-line:active{background:var(--pink-pressed,#FAB2C2);color:var(--pink-pressed-ink,var(--red))}
.btn-blue{background:#181818;color:#fff}
.btn-blue:hover{background:#494949}
.btn-white{color:var(--ink)}
.btn[disabled],.btn.disabled,.btn:disabled{opacity:1;background:rgba(51,51,51,.1)!important;color:rgba(77,77,77,.4)!important;border-color:transparent!important;box-shadow:none!important}

/* ---------- Ô nhập (Input field) ---------- */
.field{gap:6px}
.field label{font-size:14px;font-weight:600;color:var(--ink)}
.input,select.input,textarea.input{border:1px solid var(--line);border-radius:8px;padding:11px 12px;font-size:14px;line-height:20px;background:var(--surface);color:var(--ink)}
.input::placeholder,textarea::placeholder{color:#ACACAC}
.input:hover{border-color:#C9CFD8}
.input:focus{border-color:var(--red);box-shadow:none}
.input.err,.input[aria-invalid="true"]{border-color:var(--neg);background:#FEF3F2}
.input.ok{border-color:var(--green)}
.input:disabled,.input[readonly]:not(.nice-search){background:#F2F2F2;color:rgba(77,77,77,.6)}
.otp input,.otpbox input{border:1px solid var(--line);border-radius:8px;font-weight:700}
.otp input:focus,.otpbox input:focus{border-color:var(--red);box-shadow:none}
input[type=checkbox],input[type=radio]{accent-color:var(--red)}
.check input{accent-color:var(--red)}

/* ---------- Thẻ / khối ---------- */
.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 9px rgba(26,32,48,.02)}
.side .sg,.sg{border-color:var(--line)}
.nbadge{background:#FEF3F2;color:var(--neg);border:1px solid #FECDCA;font-weight:600}

/* Badge mềm (Badge / soft) dùng chung */
.app-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-pill,999px);font-size:12px;font-weight:600;line-height:1;letter-spacing:-.01em;white-space:nowrap}
.app-badge.err{background:#FEF3F2;border:1px solid #FECDCA;color:#DE372D}
.app-badge.gray{background:#F2F2F2;border:1px solid rgba(0,0,0,.2);color:#494949}

/* ---------- Header ---------- */
.site-header.scrolled{box-shadow:0 1px 0 var(--line)}
.nav-i > a,.nav-i > button{font-weight:600}
.tier-chip{border-color:var(--line);box-shadow:none}
.tier-chip .ti{background:none;width:30px;height:30px}
.tier-chip .ti img{width:30px;height:30px}
.tier-chip strong{color:var(--ink)}
.tier-chip em{color:var(--red)}
.totop{box-shadow:0 8px 20px rgba(229,9,41,.3)}

/* ---------- Footer (Footer của app: nền trắng, tổng đài đỏ) ---------- */
.site-footer{background:var(--surface);color:var(--ink-2);border-top:1px solid var(--line);margin-top:48px}
.site-footer h4{color:var(--ink)}
.site-footer ul a:hover{color:var(--red)}
.site-footer .hotline{color:var(--red);font-weight:700}
.site-footer .social a{background:#F2F2F2;color:var(--ink)}
.site-footer .fbottom{border-top-color:var(--line);color:var(--ink-2)}
.site-footer .brand-img{background:none;padding:0;filter:none}
.site-footer .brand-txt .bt-word b{color:var(--red)}
.site-footer .b18{border-color:var(--ink-2);color:var(--ink-2)}
.app-foot{display:none}
@media (max-width:900px){
  .site-footer{padding:20px 0 12px}
  .site-footer .fgrid{display:none}
  .site-footer .fbottom{display:none}
  .app-foot{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
  .app-foot p{font-size:14px;line-height:20px;color:var(--ink-2)}
  .app-foot p b{font-size:18px;font-weight:700;color:var(--red);margin-left:7px}
  .app-foot small{font-size:12px;color:var(--ink-2);opacity:.85}
}

/* =========================================================
   POWER 6/55 · dark navy ticket workspace
   ========================================================= */
body[data-page="games"][data-game="power"]{--pw-bg:#071426;--pw-panel:#0b1c32;--pw-panel-2:#0d2440;--pw-line:#1e3a59;--pw-ink:#f3f7ff;--pw-muted:#a8bad1;--pw-blue:#168be8;--pw-gold:#ffd34f;--pw-red:#ed2546;--ink:#edf4ff;--ink-2:#9fb3ca;--muted:#91a7bf;--line:#25415d;--surface:#0b1c32;--bg:#071426;--red:#ed2546;--red-soft:#351526;--blue:#55b6ff;background:var(--pw-bg);color:var(--pw-ink)}
body[data-page="games"][data-game="power"] main{background:radial-gradient(900px 360px at 50% -180px,rgba(15,112,204,.19),transparent 75%),var(--pw-bg);min-height:70vh}
body[data-page="games"][data-game="power"] .site-header{background:#07172c;color:#f3f7ff;border-bottom:1px solid #193653;box-shadow:0 5px 22px rgba(0,0,0,.24)}
body[data-page="games"][data-game="power"] .site-header.scrolled{box-shadow:0 6px 24px rgba(0,0,0,.35)}
body[data-page="games"][data-game="power"] .site-header .brand-txt .bt-word b{color:#fff}
body[data-page="games"][data-game="power"] .site-header .brand-img{filter:brightness(0) invert(1)}
body[data-page="games"][data-game="power"] .hbar{height:56px}
body[data-page="games"][data-game="power"] .nav-i>a,body[data-page="games"][data-game="power"] .nav-i>button{color:#e6f0ff;font-size:13px}
body[data-page="games"][data-game="power"] .nav-i.active>a,body[data-page="games"][data-game="power"] .nav-i.active>button,body[data-page="games"][data-game="power"] .nav-i:hover>a,body[data-page="games"][data-game="power"] .nav-i:hover>button{color:#ff3155}
body[data-page="games"][data-game="power"] .nav-i>a::after,body[data-page="games"][data-game="power"] .nav-i>button::after{background:#ff3155}
body[data-page="games"][data-game="power"] .drop,body[data-page="games"][data-game="power"] .tier-menu{background:#0d2038;color:#f1f6ff;border:1px solid #254461;box-shadow:0 20px 45px rgba(0,0,0,.48)}
body[data-page="games"][data-game="power"] .drop a{color:#edf4ff}
body[data-page="games"][data-game="power"] .drop a:hover{background:#163251}
body[data-page="games"][data-game="power"] .drop a small{color:#99aec8}
body[data-page="games"][data-game="power"] .drop a:last-child{color:#ff6b82!important}
body[data-page="games"][data-game="power"] .tier-chip,body[data-page="games"][data-game="power"] .wallet-chip{background:#102641;border-color:#294866;color:#edf4ff}
body[data-page="games"][data-game="power"] .site-header .nsel.lang-sel{background:#102641;border-color:#294866;color:#edf4ff}
body[data-page="games"][data-game="power"] .site-header .nsel.lang-sel .nsel-btn{color:#edf4ff}
body[data-page="games"][data-game="power"] .tier-chip strong,body[data-page="games"][data-game="power"] .wallet-chip span{color:#f3f7ff}
body[data-page="games"][data-game="power"] .tier-chip em{color:#ffd34f}
body[data-page="games"][data-game="power"] .hicon,body[data-page="games"][data-game="power"] .cart-btn{background:#102641;color:#eaf2ff;border:1px solid #294866}
body[data-page="games"][data-game="power"] .cart-count{border-color:#07172c}
body[data-page="games"][data-game="power"] .burger span,body[data-page="games"][data-game="power"] .burger span::before,body[data-page="games"][data-game="power"] .burger span::after{background:#eaf2ff}
body[data-page="games"][data-game="power"] .drawer{background:#091a30;color:#f3f7ff}
body[data-page="games"][data-game="power"] .drawer-head,body[data-page="games"][data-game="power"] .drawer nav a{border-color:#203a56}
body[data-page="games"][data-game="power"] .drawer nav a{color:#e7f0fc}
body[data-page="games"][data-game="power"] .drawer nav a.sub,body[data-page="games"][data-game="power"] .drawer nav .grp{color:#9cb2ca}
body[data-page="games"][data-game="power"] .drawer-close{background:#17324f;color:#edf4ff}
body[data-page="games"][data-game="power"] .site-footer{background:#061326;color:#a9bdd4;border-top:1px solid #1c3854;margin-top:16px}
body[data-page="games"][data-game="power"] .site-footer h4{color:#eff5ff}
body[data-page="games"][data-game="power"] .site-footer ul a{color:#afc1d8}
body[data-page="games"][data-game="power"] .site-footer ul a:hover,body[data-page="games"][data-game="power"] .site-footer .hotline{color:#ffd34f}
body[data-page="games"][data-game="power"] .site-footer .social a{background:#16304c;color:#f3f7ff}
body[data-page="games"][data-game="power"] .site-footer .fbottom{border-top-color:#1d3956;color:#91a9c4}
body[data-page="games"][data-game="power"] .site-footer .b18{border-color:#ff3155;color:#ff738a}
body[data-page="games"][data-game="power"] .site-footer .app-foot p,body[data-page="games"][data-game="power"] .site-footer .app-foot small{color:#afc2d8;opacity:1}
body[data-page="games"][data-game="power"] .site-footer .app-foot p b{color:#ffd34f}
body[data-page="games"][data-game="power"] .site-footer .brand-img{filter:brightness(0) invert(1)}
body[data-page="games"][data-game="power"] .site-footer .brand.has-white .brand-img{filter:none}
body[data-page="games"][data-game="power"] .gp2.power-play{padding:10px 0 12px;color:var(--pw-ink)}
body[data-page="games"][data-game="power"] .pw-shell{width:min(1600px,100%);padding:0 14px;margin:0 auto}
body[data-page="games"][data-game="power"] .pw-jackpot-band{min-height:88px;position:relative;display:grid;grid-template-columns:120px minmax(180px,1fr) minmax(180px,1fr) minmax(220px,1.1fr) auto;align-items:center;gap:14px;margin:0 0 12px;padding:12px 18px;overflow:hidden;border:1px solid #28517b;border-radius:12px;color:#fff;background:radial-gradient(ellipse at 79% 0%,rgba(230,34,66,.35),transparent 28%),linear-gradient(115deg,#102c50 0%,#081a33 58%,#0a2547 100%);box-shadow:inset 0 1px rgba(255,255,255,.07),0 10px 24px rgba(0,0,0,.18)}
body[data-page="games"][data-game="power"] .pw-jackpot-band::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.27;background:linear-gradient(125deg,transparent 58%,rgba(44,119,196,.28) 58.2%,transparent 73%),linear-gradient(118deg,transparent 75%,rgba(255,255,255,.12) 75.2%,transparent 88%)}
body[data-page="games"][data-game="power"] .pw-product,body[data-page="games"][data-game="power"] .pw-jackpot,body[data-page="games"][data-game="power"] .pw-draw-clock,body[data-page="games"][data-game="power"] .pw-demo-label{position:relative;z-index:1;min-width:0}
body[data-page="games"][data-game="power"] .pw-product{display:flex;align-items:center;gap:7px;font-weight:900;font-size:11px;line-height:1.15;color:#ffda62}
body[data-page="games"][data-game="power"] .pw-product .plw{width:68px!important;height:68px!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.45))}
body[data-page="games"][data-game="power"] .pw-product>span:not(.plw){display:none}
body[data-page="games"][data-game="power"] .pw-product small{font-size:11px}
body[data-page="games"][data-game="power"] .pw-jackpot{display:grid;gap:1px;padding-left:16px;border-left:1px solid rgba(201,225,255,.48)}
body[data-page="games"][data-game="power"] .pw-jackpot small,body[data-page="games"][data-game="power"] .pw-draw-clock small{font-size:10px;font-weight:800;letter-spacing:.07em;color:#c0d6f0}
body[data-page="games"][data-game="power"] .pw-jackpot strong{font-size:clamp(17px,2.15vw,30px);line-height:1.15;letter-spacing:-.02em;color:#ffcf50;text-shadow:0 1px 8px rgba(255,186,44,.2);white-space:nowrap}
body[data-page="games"][data-game="power"] .pw-jackpot em,body[data-page="games"][data-game="power"] .pw-draw-clock em{font-size:10px;font-style:normal;color:#b2c6dc}
body[data-page="games"][data-game="power"] .pw-draw-clock{display:flex;align-items:center;gap:10px;border-left:1px solid rgba(201,225,255,.48);padding-left:16px}
body[data-page="games"][data-game="power"] .pw-draw-clock>div{display:grid;gap:2px}
body[data-page="games"][data-game="power"] .pw-draw-clock strong{font-size:21px;line-height:1.15;font-variant-numeric:tabular-nums}
body[data-page="games"][data-game="power"] .pw-clock-icon{font-size:32px;color:#c6ddf7}
body[data-page="games"][data-game="power"] .pw-demo-label{align-self:start;margin-top:1px;padding:4px 8px;border:1px solid #41628a;border-radius:5px;background:rgba(255,255,255,.08);color:#c4d7eb;font-size:9px;font-weight:800;white-space:nowrap}
body[data-page="games"][data-game="power"] .pw-columns{display:grid;grid-template-columns:minmax(330px,1.08fr) minmax(330px,.94fr) minmax(320px,1fr);gap:10px;align-items:start}
body[data-page="games"][data-game="power"] .pw-panel{min-width:0;background:linear-gradient(165deg,#0e223a,#09192d 88%);border:1px solid #1d3b5b;border-radius:12px;padding:10px;box-shadow:0 8px 20px rgba(0,0,0,.16)}
body[data-page="games"][data-game="power"] .pw-panel-head{min-height:26px;display:flex;align-items:center;gap:8px;margin:0 0 8px}
body[data-page="games"][data-game="power"] .pw-panel-head h2,body[data-page="games"][data-game="power"] .pw-draw-panel h2,body[data-page="games"][data-game="power"] .pw-lookup h2{margin:0;color:#f5f8ff;font-size:14px;font-weight:800;line-height:1.25}
body[data-page="games"][data-game="power"] .pw-panel-head>a,body[data-page="games"][data-game="power"] .pw-prize a,body[data-page="games"][data-game="power"] .pw-lookup header>a{font-size:10px;font-weight:700;color:#5db9ff;white-space:nowrap}
body[data-page="games"][data-game="power"] .pw-panel-head .pw-mode-slot{margin-left:auto;min-width:0}
body[data-page="games"][data-game="power"] .pw-mode-slot label{display:flex;align-items:center;gap:5px;color:#a9bed5;font-size:10px;white-space:nowrap}
body[data-page="games"][data-game="power"] .pw-mode-slot select,body[data-page="games"][data-game="power"] .pw-draw-slot select{max-width:180px;padding:5px 20px 5px 7px;border:1px solid #365775;border-radius:6px;background:#102945;color:#f1f6ff;font-size:10px;font-weight:700}
body[data-page="games"][data-game="power"] .pw-mode-slot .nsel{max-width:180px}
body[data-page="games"][data-game="power"] .pw-mode-slot .nsel-btn,body[data-page="games"][data-game="power"] .pw-draw-slot .nsel-btn{padding:5px 7px;border:1px solid #365775;border-radius:6px;background:#102945;color:#f1f6ff;font-size:10px;font-weight:700}
body[data-page="games"][data-game="power"] .pw-draw-slot .nsel{width:100%}
body[data-page="games"][data-game="power"] .pw-draw-slot .nsel-btn{background:#0c2139}
body[data-page="games"][data-game="power"] .pw-lines-panel #blockMsg{margin:0 0 6px!important;color:#ffd484;background:rgba(243,161,36,.1);border-color:rgba(243,161,36,.35)}
body[data-page="games"][data-game="power"] .pw-lines-slot .gp2-card{margin:0;padding:2px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none}
body[data-page="games"][data-game="power"] .pw-lines-slot #rowHint{margin:5px 0 0;text-align:left;color:#9fb3ca;font-size:10px}
body[data-page="games"][data-game="power"] .pw-lines-slot #rowHint b{color:#9fb3ca}
body[data-page="games"][data-game="power"] .pw-row{gap:3px;min-height:37px;padding:2px 4px;border-bottom:1px dashed #203b58;border-radius:5px;color:#e8f1fb}
body[data-page="games"][data-game="power"] .pw-row.active{background:#102b49;box-shadow:inset 3px 0 #168be8}
body[data-page="games"][data-game="power"] .pw-row .pw-row-label{width:24px;height:28px;display:grid;place-items:center;flex:none;padding:0;border:0;border-radius:5px;background:transparent;color:#c5d7eb;font:700 12px var(--app-font);cursor:pointer}
body[data-page="games"][data-game="power"] .pw-row.active .pw-row-label{color:#61baff}
body[data-page="games"][data-game="power"] .pw-row .pw-edit{width:22px;height:25px;padding:3px;color:#a8bfda}
body[data-page="games"][data-game="power"] .pw-row .pw-edit svg{width:14px;height:14px}
body[data-page="games"][data-game="power"] .pw-row .rb{gap:4px;padding-top:1px}
body[data-page="games"][data-game="power"] .pw-row .b2{width:29px;height:29px;font-size:11px;color:#18243a;background:radial-gradient(circle at 33% 27%,#fff6d4,#ffc83e 58%,#d88900);box-shadow:inset 0 -2px 3px rgba(121,69,0,.28),0 2px 5px rgba(0,0,0,.28);text-shadow:none}
body[data-page="games"][data-game="power"] .pw-row .b2.e{background:#0a1b30;border:1px solid #35506c;box-shadow:none;color:#7890aa}
body[data-page="games"][data-game="power"] .pw-row .b2.crown::before{top:-8px;width:26px;height:16px}
body[data-page="games"][data-game="power"] .pw-row .hrt,body[data-page="games"][data-game="power"] .pw-row .del{width:24px;height:26px;padding:3px;color:#a7bad0}
body[data-page="games"][data-game="power"] .pw-row .hrt svg,body[data-page="games"][data-game="power"] .pw-row .del svg{width:17px;height:17px}
body[data-page="games"][data-game="power"] .pw-row .hrt.on{color:#ff3155}
body[data-page="games"][data-game="power"] .pw-add-slot .gp2-add{margin-top:6px;padding:7px 10px;border:1px solid #2a5279;border-radius:7px;background:#102b48;color:#67bdff;font-size:11px}
body[data-page="games"][data-game="power"] .pw-add-slot .gp2-add small{color:#afc2d9;font-size:10px}
body[data-page="games"][data-game="power"] .pw-feat-slot .gp2-feat{gap:5px;margin-top:6px}
body[data-page="games"][data-game="power"] .pw-feat-slot .gp2-feat button{min-height:32px;padding:4px 6px;gap:5px;border:1px solid #243f5b;border-radius:7px;background:#10243c;color:#e2edfa;font-size:10px}
body[data-page="games"][data-game="power"] .pw-feat-slot .fic{width:21px;height:21px}
body[data-page="games"][data-game="power"] .pw-feat-slot .fic.tt .mascot{width:22px!important;height:22px!important}
body[data-page="games"][data-game="power"] .pw-prize{margin-top:9px;padding-top:7px;border-top:1px solid #24405d}
body[data-page="games"][data-game="power"] .pw-prize header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;color:#e8f1fb;font-size:11px}
body[data-page="games"][data-game="power"] .pw-prize table{width:100%;border-collapse:collapse;color:#c3d2e4;font-size:9px}
body[data-page="games"][data-game="power"] .pw-prize th,body[data-page="games"][data-game="power"] .pw-prize td{padding:3px 5px;text-align:left;border-top:1px solid #1e3854}
body[data-page="games"][data-game="power"] .pw-prize th{color:#829bb6;font-weight:700}
body[data-page="games"][data-game="power"] .pw-prize td:last-child{color:#ff627b;font-weight:700;white-space:nowrap}
body[data-page="games"][data-game="power"] .pw-count{margin-left:auto;color:#dce9f8;font-size:10px}
body[data-page="games"][data-game="power"] .pw-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}
body[data-page="games"][data-game="power"] .pw-number{min-width:0;aspect-ratio:1.12;border:1px solid #243f5c;border-radius:7px;background:#0b1a2d;color:#dbe8f8;font:700 11px var(--app-font);cursor:pointer;transition:transform .14s,border-color .14s,background .14s}
body[data-page="games"][data-game="power"] .pw-number:hover{border-color:#56b1ff;transform:translateY(-1px)}
body[data-page="games"][data-game="power"] .pw-number.chosen{border-color:#ffdb71;background:linear-gradient(150deg,#fff0a8,#ffc746 72%,#efa82b);color:#442c08;box-shadow:0 2px 8px rgba(255,191,44,.25)}
body[data-page="games"][data-game="power"] .pw-number.disabled{color:#6e8198;background:#0a1728}
body[data-page="games"][data-game="power"] .pw-picker-tools{display:flex;justify-content:space-between;gap:8px;padding:7px 0 8px}
body[data-page="games"][data-game="power"] .pw-picker-tools button,body[data-page="games"][data-game="power"] .pw-draw-panel header button{border:0;background:none;color:#6cbaff;font:600 10px var(--app-font);cursor:pointer}
body[data-page="games"][data-game="power"] .pw-draw-panel{border-top:1px solid #203a56;padding-top:7px}
body[data-page="games"][data-game="power"] .pw-draw-panel header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}
body[data-page="games"][data-game="power"] .pw-draw-panel h2{font-size:12px}
body[data-page="games"][data-game="power"] .pw-draw-slot label{display:flex;align-items:center;gap:7px;margin:0;padding:5px 7px;border:1px solid #2c4d6d;border-radius:6px;background:#0c2139;color:#c1d2e5;font-size:10px}
body[data-page="games"][data-game="power"] .pw-draw-slot label>span{display:none}
body[data-page="games"][data-game="power"] .pw-draw-slot select{width:100%;max-width:none;border:0;background:transparent}
body[data-page="games"][data-game="power"] .pw-draw-panel>small{display:block;margin-top:5px;color:#8ca3bc;font-size:9px}
body[data-page="games"][data-game="power"] .pw-pending{margin-left:auto;padding:3px 7px;border-radius:999px;background:rgba(255,211,79,.12);color:#ffd95f;font-size:9px;font-weight:700;white-space:nowrap}
body[data-page="games"][data-game="power"] .pw-ticket-list{max-height:245px;overflow:auto;padding:2px 0}
body[data-page="games"][data-game="power"] .pw-ticket-item{padding:7px 4px;border-bottom:1px dashed #29435e}
body[data-page="games"][data-game="power"] .pw-ticket-item-head{display:flex;align-items:center;gap:7px;color:#e7f0fc;font-size:10px}
body[data-page="games"][data-game="power"] .pw-ticket-item-head>b{display:grid;place-items:center;width:20px;height:20px;border-radius:5px;background:#173c61;color:#8dcaff}
body[data-page="games"][data-game="power"] .pw-ticket-item-head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-page="games"][data-game="power"] .pw-ticket-balls{display:flex;gap:5px;margin:5px 0 0 27px}
body[data-page="games"][data-game="power"] .pw-ticket-balls i{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-size:10px;font-weight:800;color:#2f2609;background:radial-gradient(circle at 35% 30%,#fff4c6,#ffcb4e 65%,#db951e);box-shadow:0 2px 5px rgba(0,0,0,.27)}
body[data-page="games"][data-game="power"] .pw-empty{margin:10px 2px 14px;padding:12px;border:1px dashed #29435e;border-radius:8px;color:#a5b8ce;font-size:10px;line-height:1.5;text-align:center}
body[data-page="games"][data-game="power"] .pw-ticket-cost,body[data-page="games"][data-game="power"] .pw-ticket-total{display:flex;justify-content:space-between;gap:10px;padding:6px 2px;color:#aec0d5;font-size:10px}
body[data-page="games"][data-game="power"] .pw-ticket-cost b{color:#dbe7f5;font-size:10px}
body[data-page="games"][data-game="power"] .pw-ticket-total{margin-top:2px;padding-top:9px;border-top:1px solid #29425d;color:#f3f7ff;font-size:12px;font-weight:800}
body[data-page="games"][data-game="power"] .pw-ticket-total b{color:#ff3155;font-size:22px;font-weight:900;white-space:nowrap}
body[data-page="games"][data-game="power"] .pw-buy-actions{position:static;z-index:auto;padding:0;background:none;border:0;box-shadow:none}
body[data-page="games"][data-game="power"] .pw-buy-inner{width:100%;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0;margin:0}
body[data-page="games"][data-game="power"] .pw-buy-inner .mb-t{display:none}
body[data-page="games"][data-game="power"] .pw-buy-inner .btn{min-width:0!important;margin:0;padding:10px 8px;border-radius:7px;font-size:11px;line-height:1.2}
body[data-page="games"][data-game="power"] .pw-buy-inner #mAdd{background:#102c49;color:#b9d8f7;border:1px solid #365979}
body[data-page="games"][data-game="power"] .pw-buy-inner #mBuy{background:linear-gradient(180deg,#ff3150,#dc1233);color:white;box-shadow:0 4px 12px rgba(220,18,51,.24)}
body[data-page="games"][data-game="power"] .pw-buy-inner .btn:disabled{opacity:.44!important;background:#293d52!important;color:#9aaabe!important;border-color:#364d65!important}
body[data-page="games"][data-game="power"] .pw-secure{display:block;margin:7px 0 8px;color:#9cb2ca;font-size:9px}
body[data-page="games"][data-game="power"] .pw-lookup{display:grid;grid-template-columns:1fr auto;gap:6px;padding:8px;border:1px solid #213e5b;border-radius:8px;background:#0a192b}
body[data-page="games"][data-game="power"] .pw-lookup header{grid-column:1/-1;display:flex;align-items:center;gap:12px}
body[data-page="games"][data-game="power"] .pw-lookup h2{font-size:11px;margin-right:auto}
body[data-page="games"][data-game="power"] .pw-lookup label{grid-column:1;display:flex;align-items:center;gap:5px;min-width:0;padding:0 7px;border:1px solid #31506d;border-radius:6px;background:#0b2037;color:#9db5cf}
body[data-page="games"][data-game="power"] .pw-lookup input{width:100%;min-width:0;padding:7px 0;border:0;outline:0;background:transparent;color:#eef5ff;font:10px var(--app-font)}
body[data-page="games"][data-game="power"] .pw-lookup input::placeholder{color:#788fa8}
body[data-page="games"][data-game="power"] .pw-lookup>button{grid-column:2;grid-row:2;border:0;border-radius:6px;padding:0 11px;background:#087fe1;color:#fff;font:700 10px var(--app-font);cursor:pointer}
body[data-page="games"][data-game="power"] .pw-lookup>small{grid-column:1/-1;color:#8da4be;font-size:9px}
body[data-page="games"][data-game="power"] .pw-analytics{margin-top:10px;padding:9px 10px 8px;border:1px solid #1e3c5b;border-radius:10px;background:#0b1c31}
body[data-page="games"][data-game="power"] .pw-analytics header{display:flex;align-items:center;gap:14px;margin-bottom:7px}
body[data-page="games"][data-game="power"] .pw-analytics h2{margin:0;font-size:12px;color:#f2f7ff}
body[data-page="games"][data-game="power"] .pw-analytics nav{display:flex;gap:4px}
body[data-page="games"][data-game="power"] .pw-analytics nav button{padding:4px 9px;border:0;border-radius:5px;background:transparent;color:#9ab0c8;font:600 9px var(--app-font)}
body[data-page="games"][data-game="power"] .pw-analytics nav button.on{background:#102d4b;color:#49b4ff}
body[data-page="games"][data-game="power"] .pw-analytics header small{margin-left:auto;color:#8fa6bf;font-size:9px}
body[data-page="games"][data-game="power"] .pw-frequency{height:56px;display:grid;grid-template-columns:repeat(55,minmax(0,1fr));align-items:end;gap:2px;padding:5px 2px 0;border-top:1px solid #1c3650}
body[data-page="games"][data-game="power"] .pw-freq-col{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;min-width:0}
body[data-page="games"][data-game="power"] .pw-freq-col i{display:block;width:100%;max-width:14px;min-height:3px;border-radius:2px 2px 0 0;background:linear-gradient(180deg,#24a1ff,#1178da)}
body[data-page="games"][data-game="power"] .pw-freq-col:nth-child(5n) i{background:linear-gradient(180deg,#ffd84a,#efa927)}
body[data-page="games"][data-game="power"] .pw-freq-col small{font-size:7px;color:#c2d0e1;line-height:1}
body[data-page="games"][data-game="power"] .pw-legal{display:flex;gap:5px;flex-wrap:wrap;margin:7px 3px 0;color:#829ab4;font-size:9px}
body[data-page="games"][data-game="power"] .pw-legal span{margin-left:auto}
body[data-page="games"][data-game="power"] #info{padding:8px 0 22px!important;color:#e4edf8}
body[data-page="games"][data-game="power"] #info .panel{background:#0b1c31;border-color:#1e3b58;color:#eaf2fc}
body[data-page="games"][data-game="power"] #info .tabs{border-color:#28435e}
body[data-page="games"][data-game="power"] #info .tabs button{color:#adbed2}
body[data-page="games"][data-game="power"] #info .tabs button.on{color:#fff;background:#143555}
body[data-page="games"][data-game="power"] #info .ptable th,body[data-page="games"][data-game="power"] #info .ptable td,body[data-page="games"][data-game="power"] #info .kv>div{border-color:#25415d;color:#d7e3f1}
body[data-page="games"][data-game="power"] #info .ptable th,body[data-page="games"][data-game="power"] #info .kv span,body[data-page="games"][data-game="power"] #info .hint{color:#a3b7ce}
body[data-page="games"][data-game="power"] #info .rtable th,body[data-page="games"][data-game="power"] #info .rtable td{border-color:#27425d;color:#e6effb}
body[data-page="games"][data-game="power"] #info .rtable tr:nth-child(even){background:#0e223a}
body[data-page="games"][data-game="power"] .sheet{background:#0b1c31;color:#edf4ff}
body[data-page="games"][data-game="power"] .sh-h,body[data-page="games"][data-game="power"] .sh-f{border-color:#29445f}
body[data-page="games"][data-game="power"] .sh-x{background:#17304b;color:#edf4ff}
body[data-page="games"][data-game="power"] .sh-lbl{color:#eaf2fc}
body[data-page="games"][data-game="power"] .gp2-demo{display:none}
@media(min-width:1200px){body[data-page="games"][data-game="power"] .site-header .hbar{width:100%;max-width:1600px;padding:0 18px}body[data-page="games"][data-game="power"] .site-header .nav{display:flex!important}body[data-page="games"][data-game="power"] .site-header .hright .auth-btns{display:flex!important}body[data-page="games"][data-game="power"] .site-header .burger{display:none!important}}
@media(max-width:1120px){body[data-page="games"][data-game="power"] .pw-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}body[data-page="games"][data-game="power"] .pw-ticket-panel{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:14px}body[data-page="games"][data-game="power"] .pw-ticket-panel>.pw-panel-head,body[data-page="games"][data-game="power"] .pw-ticket-panel>.pw-ticket-list,body[data-page="games"][data-game="power"] .pw-ticket-panel>.pw-lookup,body[data-page="games"][data-game="power"] .pw-ticket-panel>.pw-secure{grid-column:1/-1}body[data-page="games"][data-game="power"] .pw-ticket-panel>.pw-ticket-cost,body[data-page="games"][data-game="power"] .pw-ticket-panel>.pw-ticket-total{grid-column:1}body[data-page="games"][data-game="power"] .pw-ticket-panel>.pw-buy-slot{grid-column:2;grid-row:3/6;align-self:center}}
@media(max-width:760px){body[data-page="games"][data-game="power"] .pw-shell{padding:0 8px}body[data-page="games"][data-game="power"] .pw-jackpot-band{grid-template-columns:70px 1fr 1fr;gap:8px;padding:10px}.pw-product .plw{width:52px!important;height:52px!important}body[data-page="games"][data-game="power"] .pw-jackpot{padding-left:9px}body[data-page="games"][data-game="power"] .pw-jackpot strong{font-size:14px;white-space:normal}body[data-page="games"][data-game="power"] .pw-jackpot em{display:none}body[data-page="games"][data-game="power"] .pw-jackpot small{font-size:8px}body[data-page="games"][data-game="power"] .pw-draw-clock{grid-column:2/4;border-left:0;border-top:1px solid rgba(201,225,255,.3);padding:6px 0 0}body[data-page="games"][data-game="power"] .pw-draw-clock strong{font-size:15px}body[data-page="games"][data-game="power"] .pw-demo-label{position:absolute;top:7px;right:7px;font-size:7px}body[data-page="games"][data-game="power"] .pw-columns{grid-template-columns:minmax(0,1fr)}body[data-page="games"][data-game="power"] .pw-ticket-panel{grid-column:auto;display:block}body[data-page="games"][data-game="power"] .pw-ticket-panel>.pw-buy-slot{display:block}body[data-page="games"][data-game="power"] .pw-frequency{gap:1px;height:48px}body[data-page="games"][data-game="power"] .pw-freq-col small{font-size:6px}body[data-page="games"][data-game="power"] .pw-legal span{margin-left:0}body[data-page="games"][data-game="power"] .pw-row .b2{width:32px;height:32px}body[data-page="games"][data-game="power"] .pw-prize table{font-size:9px}body[data-page="games"][data-game="power"] .pw-panel{padding:9px}}

/* =========================================================
   LOTTO 5/35 · giao diện xanh đậm theo thiết kế mới
   Dùng lại toàn bộ logic chọn số, chọn kỳ và thanh toán chung.
   ========================================================= */
body[data-page="games"][data-game="lotto"]{--lo-bg:#061727;--lo-panel:#0a2337;--lo-panel-2:#0d2b40;--lo-line:#1c4a57;--lo-ink:#effff7;--lo-muted:#a7c4c2;--lo-green:#00bd72;--lo-green-2:#058656;--lo-orange:#ff861b;--lo-gold:#ffd36d;--ink:#edfff7;--ink-2:#a6c1bf;--muted:#8fb0ae;--line:#1c4a57;--surface:#0a2337;--bg:#061727;--red:#00b96d;--red-2:#00995d;--red-3:#087846;--red-soft:#123b34;--pink:#194b3d;--blue:#52c9bb;background:var(--lo-bg);color:var(--lo-ink)}
body[data-page="games"][data-game="lotto"] main{min-height:70vh;background:radial-gradient(900px 380px at 49% -200px,rgba(0,185,111,.19),transparent 75%),var(--lo-bg)}
body[data-page="games"][data-game="lotto"] .site-header{background:#061a2b;color:#effff8;border-bottom:1px solid #16483e;box-shadow:0 5px 22px rgba(0,0,0,.24)}
body[data-page="games"][data-game="lotto"] .site-header.scrolled{box-shadow:0 6px 24px rgba(0,0,0,.38)}
body[data-page="games"][data-game="lotto"] .site-header .brand{padding:4px 11px;background:#fff;border-radius:8px}
body[data-page="games"][data-game="lotto"] .site-header .brand-img{filter:none}
body[data-page="games"][data-game="lotto"] .site-header .brand-txt .bt-word b{color:#fff}
body[data-page="games"][data-game="lotto"] .hbar{height:56px}
body[data-page="games"][data-game="lotto"] .nav-i>a,body[data-page="games"][data-game="lotto"] .nav-i>button{color:#e2f5ec;font-size:13px}
body[data-page="games"][data-game="lotto"] .nav-i.active>a,body[data-page="games"][data-game="lotto"] .nav-i.active>button,body[data-page="games"][data-game="lotto"] .nav-i:hover>a,body[data-page="games"][data-game="lotto"] .nav-i:hover>button{color:#31dfa0}
body[data-page="games"][data-game="lotto"] .nav-i>a::after,body[data-page="games"][data-game="lotto"] .nav-i>button::after{background:#00c77b}
body[data-page="games"][data-game="lotto"] .drop,body[data-page="games"][data-game="lotto"] .tier-menu{background:#0b2638;color:#f0fff7;border:1px solid #245349;box-shadow:0 20px 45px rgba(0,0,0,.48)}
body[data-page="games"][data-game="lotto"] .drop a{color:#e7f8ee}
body[data-page="games"][data-game="lotto"] .drop a:hover{background:#124435}
body[data-page="games"][data-game="lotto"] .drop a small{color:#9ebdb2}
body[data-page="games"][data-game="lotto"] .drop a:last-child{color:#ff8e7c!important}
body[data-page="games"][data-game="lotto"] .tier-chip,body[data-page="games"][data-game="lotto"] .wallet-chip,body[data-page="games"][data-game="lotto"] .site-header .nsel.lang-sel{background:#0c2c3d;border-color:#28564f;color:#eefff7}
body[data-page="games"][data-game="lotto"] .site-header .nsel.lang-sel .nsel-btn,body[data-page="games"][data-game="lotto"] .tier-chip strong,body[data-page="games"][data-game="lotto"] .wallet-chip span{color:#eefff7}
body[data-page="games"][data-game="lotto"] .tier-chip em{color:#ffd15d}
body[data-page="games"][data-game="lotto"] .nsel-pop{background:#0b2638;border-color:#28564f;color:#effff7;box-shadow:0 16px 40px rgba(0,0,0,.48)}
body[data-page="games"][data-game="lotto"] .nsel-pop .nsel-o{color:#e8f7ee}
body[data-page="games"][data-game="lotto"] .nsel-pop .nsel-o.act{background:#123b36}
body[data-page="games"][data-game="lotto"] .nsel-pop .nsel-o.on,body[data-page="games"][data-game="lotto"] .nsel-pop .nsel-o.on.act{background:#087449;color:#effff7}
body[data-page="games"][data-game="lotto"] .nsel-pop .nsel-s{background:#092434;border-color:#2b6253;color:#effff7}
body[data-page="games"][data-game="lotto"] .hicon,body[data-page="games"][data-game="lotto"] .cart-btn{background:#0c2c3d;color:#edfff6;border:1px solid #28564f}
body[data-page="games"][data-game="lotto"] .cart-count{border-color:#061a2b}
body[data-page="games"][data-game="lotto"] .burger span,body[data-page="games"][data-game="lotto"] .burger span::before,body[data-page="games"][data-game="lotto"] .burger span::after{background:#e8fff2}
body[data-page="games"][data-game="lotto"] .drawer{background:#071d2d;color:#effff7}
body[data-page="games"][data-game="lotto"] .drawer-head,body[data-page="games"][data-game="lotto"] .drawer nav a{border-color:#1c453f}
body[data-page="games"][data-game="lotto"] .drawer nav a{color:#e5f5ed}
body[data-page="games"][data-game="lotto"] .drawer nav a.sub,body[data-page="games"][data-game="lotto"] .drawer nav .grp{color:#9db8ac}
body[data-page="games"][data-game="lotto"] .drawer-close{background:#143b37;color:#edfff7}
body[data-page="games"][data-game="lotto"] .site-footer{background:#041522;color:#a8c2b9;border-top:1px solid #16483e;margin-top:16px}
body[data-page="games"][data-game="lotto"] .site-footer h4{color:#effff7}
body[data-page="games"][data-game="lotto"] .site-footer ul a{color:#aac6bb}
body[data-page="games"][data-game="lotto"] .site-footer ul a:hover,body[data-page="games"][data-game="lotto"] .site-footer .hotline{color:#4ee0a0}
body[data-page="games"][data-game="lotto"] .site-footer .social a{background:#103329;color:#ecfff5}
body[data-page="games"][data-game="lotto"] .site-footer .fbottom{border-top-color:#1b433b;color:#91afa3}
body[data-page="games"][data-game="lotto"] .site-footer .b18{border-color:#31c98c;color:#70e4b1}
body[data-page="games"][data-game="lotto"] .site-footer .app-foot p,body[data-page="games"][data-game="lotto"] .site-footer .app-foot small{color:#a9c3b8;opacity:1}
body[data-page="games"][data-game="lotto"] .site-footer .app-foot p b{color:#ffd15d}
body[data-page="games"][data-game="lotto"] .site-footer .brand-img{filter:brightness(0) invert(1)}
body[data-page="games"][data-game="lotto"] .site-footer .brand.has-white .brand-img{filter:none}
body[data-page="games"][data-game="lotto"] .gp2.lotto-play{padding:8px 0 12px;color:var(--lo-ink)}
body[data-page="games"][data-game="lotto"] .lo-shell{width:min(1600px,100%);padding:0 14px;margin:0 auto}
body[data-page="games"][data-game="lotto"] .lo-jackpot-band{min-height:78px;position:relative;display:grid;grid-template-columns:150px minmax(210px,1.18fr) minmax(125px,.62fr) minmax(230px,1fr) auto;align-items:center;gap:14px;margin:0 0 10px;padding:9px 15px;overflow:hidden;border:1px solid #26604d;border-radius:11px;color:#f4fff9;background:radial-gradient(ellipse at 72% 0%,rgba(35,217,145,.18),transparent 32%),linear-gradient(108deg,#0b2b39 0%,#092438 48%,#0a3a35 100%);box-shadow:inset 0 1px rgba(255,255,255,.07),0 9px 22px rgba(0,0,0,.2)}
body[data-page="games"][data-game="lotto"] .lo-jackpot-band::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background:linear-gradient(125deg,transparent 58%,rgba(27,202,132,.16) 58.2%,transparent 73%),linear-gradient(118deg,transparent 75%,rgba(255,255,255,.08) 75.2%,transparent 88%)}
body[data-page="games"][data-game="lotto"] .lo-product,body[data-page="games"][data-game="lotto"] .lo-jackpot,body[data-page="games"][data-game="lotto"] .lo-frequency,body[data-page="games"][data-game="lotto"] .lo-clock,body[data-page="games"][data-game="lotto"] .lo-demo-label{position:relative;z-index:1;min-width:0}
body[data-page="games"][data-game="lotto"] .lo-product{display:grid;place-items:center}
body[data-page="games"][data-game="lotto"] .lo-product .plw{width:135px!important;height:68px!important;filter:drop-shadow(0 3px 7px rgba(0,0,0,.42))}
body[data-page="games"][data-game="lotto"] .lo-jackpot{display:grid;gap:0;padding-left:15px;border-left:1px solid rgba(191,232,213,.36)}
body[data-page="games"][data-game="lotto"] .lo-jackpot small,body[data-page="games"][data-game="lotto"] .lo-clock small{font-size:10px;font-weight:800;letter-spacing:.07em;color:#c0ddd1}
body[data-page="games"][data-game="lotto"] .lo-jackpot strong{font-size:clamp(24px,3.1vw,40px);line-height:1.04;letter-spacing:-.03em;color:#ffe071;text-shadow:0 1px 10px rgba(255,208,76,.18);white-space:nowrap}
body[data-page="games"][data-game="lotto"] .lo-jackpot em,body[data-page="games"][data-game="lotto"] .lo-clock em{font-size:9px;font-style:normal;color:#a9c6bb}
body[data-page="games"][data-game="lotto"] .lo-frequency{display:grid;gap:3px;padding-left:14px;border-left:1px solid rgba(191,232,213,.36);font-size:12px}
body[data-page="games"][data-game="lotto"] .lo-frequency b{color:#f4fff9}
body[data-page="games"][data-game="lotto"] .lo-frequency span{color:#b5d1c3}
body[data-page="games"][data-game="lotto"] .lo-clock{display:flex;align-items:center;gap:9px;padding-left:14px;border-left:1px solid rgba(191,232,213,.36)}
body[data-page="games"][data-game="lotto"] .lo-clock>div{display:grid;gap:2px}
body[data-page="games"][data-game="lotto"] .lo-clock strong{font-size:21px;line-height:1.15;font-variant-numeric:tabular-nums;color:#f3fff8}
body[data-page="games"][data-game="lotto"] .lo-clock>span{font-size:30px;color:#c8e6d6}
body[data-page="games"][data-game="lotto"] .lo-demo-label{align-self:start;margin-top:1px;padding:4px 7px;border:1px solid #567565;border-radius:5px;background:rgba(255,255,255,.08);color:#d0dec9;font-size:8px;font-weight:800;white-space:nowrap}
body[data-page="games"][data-game="lotto"] .lo-columns{display:grid;grid-template-columns:minmax(320px,1.02fr) minmax(335px,.95fr) minmax(325px,1fr);gap:9px;align-items:start}
body[data-page="games"][data-game="lotto"] .lo-panel{min-width:0;background:linear-gradient(165deg,#0d2a3d,#081d30 90%);border:1px solid #1b4553;border-radius:10px;padding:9px;box-shadow:0 7px 18px rgba(0,0,0,.16)}
body[data-page="games"][data-game="lotto"] .lo-panel-head{min-height:25px;display:flex;align-items:center;gap:7px;margin:0 0 6px}
body[data-page="games"][data-game="lotto"] .lo-panel-head h2,body[data-page="games"][data-game="lotto"] .lo-draw-panel h2{margin:0;color:#f4fff8;font-size:13px;font-weight:800;line-height:1.25}
body[data-page="games"][data-game="lotto"] .lo-panel-head>a,body[data-page="games"][data-game="lotto"] .lo-mini-prize a{margin-left:auto;color:#62dcb0;font-size:9px;font-weight:700;white-space:nowrap}
body[data-page="games"][data-game="lotto"] .lo-panel-head .lo-mode-slot{margin-left:auto;min-width:0}
body[data-page="games"][data-game="lotto"] .lo-mode-slot label{display:flex;align-items:center;gap:5px;color:#a9c2b7;font-size:9px;white-space:nowrap}
body[data-page="games"][data-game="lotto"] .lo-mode-slot select{max-width:115px;padding:4px 18px 4px 6px;border:1px solid #356453;border-radius:6px;background:#0e302f;color:#edfff5;font-size:9px;font-weight:700}
body[data-page="games"][data-game="lotto"] .lo-mode-slot .nsel{max-width:120px}
body[data-page="games"][data-game="lotto"] .lo-mode-slot .nsel-btn,body[data-page="games"][data-game="lotto"] .lo-draw-slot .nsel-btn{padding:5px 6px;border:1px solid #356453;border-radius:6px;background:#0e302f;color:#effff6;font-size:9px;font-weight:700}
body[data-page="games"][data-game="lotto"] .lo-lines-panel #blockMsg{margin:0 0 5px!important;color:#ffe4a1;background:rgba(255,175,38,.09);border-color:rgba(255,187,68,.3)}
body[data-page="games"][data-game="lotto"] .lo-lines-slot .gp2-card{margin:0;padding:1px 0;border:0;border-radius:0;background:transparent;box-shadow:none}
body[data-page="games"][data-game="lotto"] .lo-lines-slot #rowHint{margin:5px 0 0;text-align:left;color:#9bb8af;font-size:9px}
body[data-page="games"][data-game="lotto"] .lo-lines-slot #rowHint b{color:#abd3be}
body[data-page="games"][data-game="lotto"] .lo-row{display:grid;grid-template-columns:22px 21px minmax(0,1fr) 22px 22px;gap:3px;align-items:center;min-height:38px;margin:1px 0;padding:2px 4px;border-bottom:1px dashed #1b4550;border-radius:5px;color:#eafff3}
body[data-page="games"][data-game="lotto"] .lo-row.active{background:#10382f;box-shadow:inset 3px 0 #00c981}
body[data-page="games"][data-game="lotto"] .lo-row .lo-row-label{width:21px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:5px;background:transparent;color:#c5e5d2;font:700 11px var(--app-font);cursor:pointer}
body[data-page="games"][data-game="lotto"] .lo-row.active .lo-row-label{color:#49e4a3}
body[data-page="games"][data-game="lotto"] .lo-row .lo-edit{width:21px;height:25px;padding:3px;color:#a8cbb9}
body[data-page="games"][data-game="lotto"] .lo-row .lo-edit svg{width:14px;height:14px}
body[data-page="games"][data-game="lotto"] .lo-row .rb{gap:4px;padding:1px 0}
body[data-page="games"][data-game="lotto"] .lo-row .b2{width:27px;height:27px;font-size:10px;color:#062717;background:radial-gradient(circle at 32% 27%,#e3ffdb,#28d980 55%,#078849);box-shadow:inset 0 -2px 3px rgba(0,65,36,.32),0 2px 5px rgba(0,0,0,.25);text-shadow:none}
body[data-page="games"][data-game="lotto"] .lo-row .b2.sp{color:#301400;background:radial-gradient(circle at 32% 27%,#fff2c6,#ff9730 58%,#d55212)}
body[data-page="games"][data-game="lotto"] .lo-row .b2.e{background:#0a1d30;border:1px solid #315565;box-shadow:none;color:#6b9990}
body[data-page="games"][data-game="lotto"] .lo-row .b2.crown::before{top:-8px;width:24px;height:15px}
body[data-page="games"][data-game="lotto"] .lo-row .hrt,body[data-page="games"][data-game="lotto"] .lo-row .del{width:21px;height:25px;padding:3px;color:#a7c1b5}
body[data-page="games"][data-game="lotto"] .lo-row .hrt svg,body[data-page="games"][data-game="lotto"] .lo-row .del svg{width:16px;height:16px}
body[data-page="games"][data-game="lotto"] .lo-row .hrt.on{color:#ff7185}
body[data-page="games"][data-game="lotto"] .lo-add-slot .gp2-add{width:100%;min-height:31px;margin:5px 0;padding:6px 8px;border:1px solid #255649;border-radius:6px;background:#0e3a32;color:#9af2c8;font-size:10px;font-weight:700}
body[data-page="games"][data-game="lotto"] .lo-add-slot .gp2-add small{color:#96b5a7}
body[data-page="games"][data-game="lotto"] .lo-feat-slot .gp2-feat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:5px 0 7px}
body[data-page="games"][data-game="lotto"] .lo-feat-slot .gp2-feat button{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;padding:6px 3px;border:1px solid #244c50;border-radius:6px;background:#0c2a3a;color:#d9f5e6;font-size:9px}
body[data-page="games"][data-game="lotto"] .lo-feat-slot .fic{width:20px;height:20px;flex:none}
body[data-page="games"][data-game="lotto"] .lo-mini-prize{display:flex;align-items:center;gap:5px;padding:6px 7px;border:1px solid #244d4e;border-radius:6px;background:#0a2b35;color:#bdd9cb;font-size:9px}
body[data-page="games"][data-game="lotto"] .lo-mini-prize>b{color:#f0fff6;white-space:nowrap}
body[data-page="games"][data-game="lotto"] .lo-mini-prize>a{margin-left:auto}
body[data-page="games"][data-game="lotto"] .lo-count{margin-left:auto;color:#4ae3a3;font-size:10px;white-space:nowrap}
body[data-page="games"][data-game="lotto"] .lo-pick-section{padding:6px 7px;border:1px solid #1d4c51;border-radius:7px;background:rgba(2,20,32,.35)}
body[data-page="games"][data-game="lotto"] .lo-pick-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;color:#d9efe4;font-size:9px}
body[data-page="games"][data-game="lotto"] .lo-pick-title>span{color:#50dfa6;font-weight:800}
body[data-page="games"][data-game="lotto"] .lo-number-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
body[data-page="games"][data-game="lotto"] .lo-number{width:min(100%,35px);height:auto;aspect-ratio:1;justify-self:center;min-width:0;padding:0;border:1px solid #224858;border-radius:50%;background:#edf5ff;color:#173047;font:700 9px var(--app-font);cursor:pointer;box-shadow:0 2px 3px rgba(0,0,0,.15);transition:transform .12s,background .12s,color .12s}
body[data-page="games"][data-game="lotto"] .lo-number:hover{transform:translateY(-1px);border-color:#4fe2a7}
body[data-page="games"][data-game="lotto"] .lo-number.chosen{border-color:#10cb79;background:radial-gradient(circle at 32% 25%,#efffe2,#24d583 62%,#07884d);color:#052c1d;box-shadow:0 0 0 2px rgba(27,211,133,.17),0 2px 7px rgba(0,0,0,.28)}
body[data-page="games"][data-game="lotto"] .lo-number.special{border-color:#f09643;background:#fff2da;color:#844008}
body[data-page="games"][data-game="lotto"] .lo-number.chosen.special{background:radial-gradient(circle at 30% 22%,#fff1c4,#ff9d3b 62%,#d45015);color:#3d1903;box-shadow:0 0 0 2px rgba(255,146,47,.2),0 2px 7px rgba(0,0,0,.28)}
body[data-page="games"][data-game="lotto"] .lo-number.disabled{opacity:.88}
body[data-page="games"][data-game="lotto"] .lo-special-section{margin-top:6px}
body[data-page="games"][data-game="lotto"] .lo-special-section .lo-number{width:min(100%,32px);height:auto;aspect-ratio:1;font-size:8px}
body[data-page="games"][data-game="lotto"] .lo-picker-tools{display:flex;justify-content:space-between;gap:8px;margin:5px 1px}
body[data-page="games"][data-game="lotto"] .lo-picker-tools button{padding:3px 4px;border:0;background:transparent;color:#55dca7;font:600 9px var(--app-font);cursor:pointer}
body[data-page="games"][data-game="lotto"] .lo-picker-tools button+button{color:#9dbbb0}
body[data-page="games"][data-game="lotto"] .lo-draw-panel{padding:7px;border:1px solid #1b4850;border-radius:7px;background:#0b2937}
body[data-page="games"][data-game="lotto"] .lo-draw-panel>header{display:flex;align-items:center;gap:8px;margin-bottom:5px}
body[data-page="games"][data-game="lotto"] .lo-draw-panel>header>span{margin-left:auto;color:#63d9a3;font-size:9px}
body[data-page="games"][data-game="lotto"] .lo-draw-slot label{display:flex;align-items:center;gap:7px;margin:0;padding:3px 6px;border:1px solid #27544f;border-radius:6px;background:#082333;color:#bcd2c8;font-size:9px}
body[data-page="games"][data-game="lotto"] .lo-draw-slot label>span{display:none}
body[data-page="games"][data-game="lotto"] .lo-draw-slot .nsel{width:100%}
body[data-page="games"][data-game="lotto"] .lo-draw-slot select{width:100%;max-width:none;border:0;background:transparent;color:#effff6;font-size:9px}
body[data-page="games"][data-game="lotto"] .lo-draw-panel>small{display:block;margin-top:4px;color:#91afa2;font-size:8px}
body[data-page="games"][data-game="lotto"] .lo-results-panel{display:grid;gap:7px}
body[data-page="games"][data-game="lotto"] .lo-results-panel>.lo-panel-head{margin-bottom:0}
body[data-page="games"][data-game="lotto"] .lo-results-panel>.lo-panel-head>a{font-size:9px}
body[data-page="games"][data-game="lotto"] .lo-latest,body[data-page="games"][data-game="lotto"] .lo-daily,body[data-page="games"][data-game="lotto"] .lo-journey,body[data-page="games"][data-game="lotto"] .lo-ticket-preview{padding:8px;border:1px solid #1b4a58;border-radius:8px;background:linear-gradient(145deg,#0b3042,#092334)}
body[data-page="games"][data-game="lotto"] .lo-latest>header,body[data-page="games"][data-game="lotto"] .lo-daily>header,body[data-page="games"][data-game="lotto"] .lo-ticket-preview>header{display:flex;align-items:center;gap:7px;margin:0 0 5px;color:#f0fff7;font-size:11px}
body[data-page="games"][data-game="lotto"] .lo-latest>header>span,body[data-page="games"][data-game="lotto"] .lo-ticket-preview>header>span{margin-left:auto;padding:3px 5px;border-radius:999px;background:#153a43;color:#b5dacc;font-size:7px;font-weight:800}
body[data-page="games"][data-game="lotto"] .lo-result-item{padding:5px 0;border-top:1px solid rgba(102,170,145,.15)}
body[data-page="games"][data-game="lotto"] .lo-result-meta{display:flex;align-items:center;gap:6px;color:#a9c8ba;font-size:8px}
body[data-page="games"][data-game="lotto"] .lo-result-meta b{color:#f2fff6;font-size:9px}
body[data-page="games"][data-game="lotto"] .lo-result-meta span{margin-left:auto}
body[data-page="games"][data-game="lotto"] .lo-result-balls{display:flex;align-items:center;gap:5px;margin-top:5px}
body[data-page="games"][data-game="lotto"] .lo-result-balls i,body[data-page="games"][data-game="lotto"] .lo-ticket-item i,body[data-page="games"][data-game="lotto"] .lo-analysis-ball{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-size:9px;font-weight:800;color:#032a1b;background:radial-gradient(circle at 32% 25%,#f0ffdd,#20d27b 62%,#048548);box-shadow:0 2px 5px rgba(0,0,0,.3)}
body[data-page="games"][data-game="lotto"] .lo-result-balls i.special,body[data-page="games"][data-game="lotto"] .lo-ticket-item i.special,body[data-page="games"][data-game="lotto"] .lo-analysis-balls i.special{color:#451b00;background:radial-gradient(circle at 30% 24%,#fff3c7,#ff962e 61%,#db5414)}
body[data-page="games"][data-game="lotto"] .lo-result-divider{display:block;flex:none;width:1px;height:20px;margin:0 1px;background:#98b6a8}
body[data-page="games"][data-game="lotto"] .lo-daily>header small{margin-left:auto;color:#9bb9ac;font-size:8px}
body[data-page="games"][data-game="lotto"] .lo-daily>div{display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:6px;padding:5px 0;border-top:1px solid rgba(102,170,145,.15)}
body[data-page="games"][data-game="lotto"] .lo-daily>div>b{color:#f5fff8;font-size:12px;font-variant-numeric:tabular-nums}
body[data-page="games"][data-game="lotto"] .lo-daily>div>span{color:#acc9bb;font-size:8px}
body[data-page="games"][data-game="lotto"] .lo-daily>div>i{color:#50d99e;font-size:8px;font-style:normal}
body[data-page="games"][data-game="lotto"] .lo-journey{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 10%,rgba(11,198,115,.17),transparent 48%),linear-gradient(145deg,#0b3042,#092334)}
body[data-page="games"][data-game="lotto"] .lo-journey>small{display:block;color:#b1cabd;font-size:8px;font-weight:800;letter-spacing:.06em}
body[data-page="games"][data-game="lotto"] .lo-journey>strong{display:block;margin:3px 0 4px;color:#ffda63;font-size:clamp(17px,1.8vw,24px);font-weight:900;letter-spacing:-.02em}
body[data-page="games"][data-game="lotto"] .lo-journey-line{height:20px;display:flex;align-items:flex-end;justify-content:space-between;margin:3px 4px 5px;border-bottom:1px solid #38685b;position:relative}
body[data-page="games"][data-game="lotto"] .lo-journey-line::before{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:linear-gradient(100deg,#00b86d,#3ad9a1);transform:skewY(-8deg)}
body[data-page="games"][data-game="lotto"] .lo-journey-line i{z-index:1;width:6px;height:6px;border:1px solid #c1ffdf;border-radius:50%;background:#14d287;box-shadow:0 0 7px #00c47a}
body[data-page="games"][data-game="lotto"] .lo-journey>footer{display:flex;justify-content:space-between;color:#8faea1;font-size:8px}
body[data-page="games"][data-game="lotto"] .lo-journey>a{display:block;width:max-content;margin:5px auto 0;color:#67dcb1;font-size:8px;font-weight:700}
body[data-page="games"][data-game="lotto"] .lo-ticket-preview>header h3{margin:0;color:#f0fff6;font-size:11px}
body[data-page="games"][data-game="lotto"] .lo-ticket-item{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:5px;padding:5px 0;border-bottom:1px solid rgba(102,170,145,.15)}
body[data-page="games"][data-game="lotto"] .lo-ticket-item>b{color:#57dfa5;font-size:10px}
body[data-page="games"][data-game="lotto"] .lo-ticket-item>span{display:flex;gap:3px;min-width:0}
body[data-page="games"][data-game="lotto"] .lo-ticket-item i{width:21px;height:21px;font-size:7px}
body[data-page="games"][data-game="lotto"] .lo-ticket-item>small{color:#a6c4b5;font-size:7px;white-space:nowrap}
body[data-page="games"][data-game="lotto"] .lo-ticket-empty{margin:5px 0;padding:8px;border:1px dashed #285550;border-radius:6px;color:#aac5b7;font-size:9px;text-align:center}
body[data-page="games"][data-game="lotto"] .lo-ticket-total{display:flex;justify-content:space-between;align-items:center;margin:5px 0 7px;color:#e9fff2;font-size:11px;font-weight:800}
body[data-page="games"][data-game="lotto"] .lo-ticket-total>b{color:#ffda5c;font-size:18px;font-weight:900}
body[data-page="games"][data-game="lotto"] .lo-buy-actions{position:static;z-index:auto;padding:0;background:none;border:0;box-shadow:none}
body[data-page="games"][data-game="lotto"] .lo-buy-inner{width:100%;max-width:none;display:grid;grid-template-columns:1fr 1.2fr;gap:6px;padding:0;margin:0}
body[data-page="games"][data-game="lotto"] .lo-buy-inner .mb-t{display:none}
body[data-page="games"][data-game="lotto"] .lo-buy-inner .btn{min-width:0!important;margin:0;padding:8px 5px;border-radius:6px;font-size:10px;line-height:1.2}
body[data-page="games"][data-game="lotto"] .lo-buy-inner #mAdd{background:#103b36;color:#9af0c7;border:1px solid #2b6253}
body[data-page="games"][data-game="lotto"] .lo-buy-inner #mBuy{background:linear-gradient(180deg,#ffba42,#e88b19);color:#183022;box-shadow:0 4px 12px rgba(231,148,28,.2)}
body[data-page="games"][data-game="lotto"] .lo-buy-inner .btn:disabled{opacity:.46!important;background:#243b3c!important;color:#a3b5ac!important;border-color:#35514a!important}
body[data-page="games"][data-game="lotto"] .lo-secure{display:block;margin:6px 0 0;color:#91afa2;font-size:8px}
body[data-page="games"][data-game="lotto"] .lo-analytics{display:grid;grid-template-columns:1fr minmax(240px,.5fr);gap:8px;margin-top:9px;padding:8px 10px;border:1px solid #1b4554;border-radius:9px;background:#091e31}
body[data-page="games"][data-game="lotto"] .lo-analytics>header{grid-column:1/-1;display:flex;align-items:center;gap:10px;margin:0 0 1px}
body[data-page="games"][data-game="lotto"] .lo-analytics h2{margin:0;color:#f1fff6;font-size:13px}
body[data-page="games"][data-game="lotto"] .lo-analytics>header>span{color:#aec7b9;font-size:9px}
body[data-page="games"][data-game="lotto"] .lo-analytics>header>small{margin-left:auto;color:#96b3a6;font-size:8px}
body[data-page="games"][data-game="lotto"] .lo-map-grid{display:grid;grid-template-columns:repeat(35,minmax(0,1fr));gap:2px;align-items:center}
body[data-page="games"][data-game="lotto"] .lo-map-grid>span{display:grid;place-items:center;min-width:0;height:22px;border:1px solid #225048;border-radius:4px;background:linear-gradient(180deg,#0d3a34 var(--lo-pop),#0c2836 var(--lo-pop));color:#b9f4d5;font-size:8px;font-weight:700}
body[data-page="games"][data-game="lotto"] .lo-analysis{display:flex;align-items:center;gap:5px;min-width:0;padding:5px 7px;border:1px solid #1e4b4d;border-radius:6px;background:#0b2b37}
body[data-page="games"][data-game="lotto"] .lo-analysis>b{color:#edfdf4;font-size:9px;white-space:nowrap}
body[data-page="games"][data-game="lotto"] .lo-analysis>span{display:flex;gap:3px;min-width:0}
body[data-page="games"][data-game="lotto"] .lo-analysis>span i{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-size:7px;font-weight:800;color:#06341e;background:#37d98b}
body[data-page="games"][data-game="lotto"] .lo-analysis>span i.special{color:#512500;background:#ffab41}
body[data-page="games"][data-game="lotto"] .lo-analysis>span em{color:#9bb8aa;font-size:8px;font-style:normal;white-space:nowrap}
body[data-page="games"][data-game="lotto"] .lo-analysis>small{margin-left:auto;color:#a6c4b4;font-size:8px;white-space:nowrap}
body[data-page="games"][data-game="lotto"] .lo-legal{display:flex;gap:5px;flex-wrap:wrap;margin:7px 3px 0;color:#89a99c;font-size:8px}
body[data-page="games"][data-game="lotto"] .lo-legal span{margin-left:auto}
body[data-page="games"][data-game="lotto"] #info{padding:8px 0 22px!important;color:#e5f8ed}
body[data-page="games"][data-game="lotto"] #info .panel{background:#0b2336;border-color:#1c4551;color:#edfff5}
body[data-page="games"][data-game="lotto"] #info .tabs{border-color:#244a50}
body[data-page="games"][data-game="lotto"] #info .tabs button{color:#acc7b8}
body[data-page="games"][data-game="lotto"] #info .tabs button.on{color:#effff5;background:#103b35}
body[data-page="games"][data-game="lotto"] #info .ptable th,body[data-page="games"][data-game="lotto"] #info .ptable td,body[data-page="games"][data-game="lotto"] #info .kv>div{border-color:#244951;color:#d7eee0}
body[data-page="games"][data-game="lotto"] #info .ptable th,body[data-page="games"][data-game="lotto"] #info .kv span,body[data-page="games"][data-game="lotto"] #info .hint{color:#a6c4b4}
body[data-page="games"][data-game="lotto"] #info .rtable th,body[data-page="games"][data-game="lotto"] #info .rtable td{border-color:#244951;color:#e5f6eb}
body[data-page="games"][data-game="lotto"] #info .rtable tr:nth-child(even){background:#0e2b3b}
body[data-page="games"][data-game="lotto"] .sheet{background:#0b2336;color:#edfff5}
body[data-page="games"][data-game="lotto"] .sh-h,body[data-page="games"][data-game="lotto"] .sh-f{border-color:#284b50}
body[data-page="games"][data-game="lotto"] .sh-x{background:#123d37;color:#edfff5}
body[data-page="games"][data-game="lotto"] .sh-lbl{color:#e6fff1}
body[data-page="games"][data-game="lotto"] .gp2-demo{display:none}
@media(min-width:1200px){body[data-page="games"][data-game="lotto"] .site-header .hbar{width:100%;max-width:1600px;padding:0 18px}body[data-page="games"][data-game="lotto"] .site-header .nav{display:flex!important}body[data-page="games"][data-game="lotto"] .site-header .hright .auth-btns{display:flex!important}body[data-page="games"][data-game="lotto"] .site-header .burger{display:none!important}}
@media(max-width:1120px){body[data-page="games"][data-game="lotto"] .lo-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}body[data-page="games"][data-game="lotto"] .lo-results-panel{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:start}body[data-page="games"][data-game="lotto"] .lo-results-panel>.lo-panel-head,body[data-page="games"][data-game="lotto"] .lo-results-panel>.lo-ticket-preview{grid-column:1/-1}body[data-page="games"][data-game="lotto"] .lo-results-panel>.lo-latest,body[data-page="games"][data-game="lotto"] .lo-results-panel>.lo-daily{grid-row:span 1}body[data-page="games"][data-game="lotto"] .lo-results-panel>.lo-journey{grid-column:1}}
@media(max-width:760px){body[data-page="games"][data-game="lotto"] .lo-shell{padding:0 8px}body[data-page="games"][data-game="lotto"] .lo-jackpot-band{grid-template-columns:62px 1fr 1fr;gap:7px;padding:9px}.lo-product .plw{width:55px!important;height:48px!important}body[data-page="games"][data-game="lotto"] .lo-jackpot{padding-left:8px}body[data-page="games"][data-game="lotto"] .lo-jackpot strong{font-size:16px;white-space:normal}body[data-page="games"][data-game="lotto"] .lo-jackpot em{display:none}body[data-page="games"][data-game="lotto"] .lo-jackpot small{font-size:8px}body[data-page="games"][data-game="lotto"] .lo-frequency{grid-column:1/2;padding:4px 0 0;border:0;font-size:9px}body[data-page="games"][data-game="lotto"] .lo-clock{grid-column:2/4;padding:5px 0 0;border:0;border-top:1px solid rgba(191,232,213,.25)}body[data-page="games"][data-game="lotto"] .lo-clock strong{font-size:15px}body[data-page="games"][data-game="lotto"] .lo-clock>span{font-size:22px}body[data-page="games"][data-game="lotto"] .lo-demo-label{position:absolute;top:6px;right:5px;font-size:6px}body[data-page="games"][data-game="lotto"] .lo-columns{grid-template-columns:minmax(0,1fr)}body[data-page="games"][data-game="lotto"] .lo-results-panel{grid-column:auto;display:grid;grid-template-columns:1fr}body[data-page="games"][data-game="lotto"] .lo-results-panel>.lo-panel-head,body[data-page="games"][data-game="lotto"] .lo-results-panel>.lo-ticket-preview{grid-column:auto}body[data-page="games"][data-game="lotto"] .lo-results-panel>.lo-journey{grid-column:auto}body[data-page="games"][data-game="lotto"] .lo-panel{padding:8px}body[data-page="games"][data-game="lotto"] .lo-number{font-size:10px}body[data-page="games"][data-game="lotto"] .lo-special-section .lo-number{font-size:9px}body[data-page="games"][data-game="lotto"] .lo-row .b2{width:30px;height:30px}body[data-page="games"][data-game="lotto"] .lo-analytics{grid-template-columns:1fr}body[data-page="games"][data-game="lotto"] .lo-analytics>header{grid-column:auto}body[data-page="games"][data-game="lotto"] .lo-map-grid{gap:2px}body[data-page="games"][data-game="lotto"] .lo-map-grid>span{height:18px;font-size:6px}body[data-page="games"][data-game="lotto"] .lo-analysis{flex-wrap:wrap}body[data-page="games"][data-game="lotto"] .lo-analysis>small{margin-left:0}body[data-page="games"][data-game="lotto"] .lo-legal span{margin-left:0}}
@media(max-width:380px){body[data-page="games"][data-game="lotto"] .lo-row{grid-template-columns:19px 18px minmax(0,1fr) 19px 19px;gap:2px;padding-right:2px}body[data-page="games"][data-game="lotto"] .lo-row .rb{gap:2px}body[data-page="games"][data-game="lotto"] .lo-row .b2{width:26px;height:26px;font-size:9px}body[data-page="games"][data-game="lotto"] .lo-number-grid{gap:3px}}

/* ---------- Thanh điều hướng dưới (Bottom bar) — chỉ trên điện thoại ---------- */
.tabbar{display:none}
@media (max-width:900px){
  body.has-tabbar{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:97;background:#fff;padding:0 4px env(safe-area-inset-bottom);
    box-shadow:0 -3px 7.75px rgba(158,158,158,.2)}
  .tabbar a{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 0 10px;
    font-size:12px;line-height:16px;font-weight:600;color:#ACACAC;-webkit-tap-highlight-color:transparent}
  .tabbar a span{white-space:nowrap}
  .tabbar .tb-i{display:flex;align-items:center;justify-content:center;width:64px;height:32px;border-radius:32px;transition:background .2s}
  .tabbar svg{width:24px;height:24px}
  .tabbar .tb-on{display:none}
  .tabbar a.on{color:var(--red)}
  .tabbar a.on .tb-i{background:#FFEEEB}
  .tabbar a.on .tb-off{display:none}
  .tabbar a.on .tb-on{display:block}
  .tabbar a:active .tb-i{background:#FFE2DD}
  body.has-tabbar .totop{bottom:calc(92px + env(safe-area-inset-bottom))}
  body.has-tabbar .toasts{bottom:calc(92px + env(safe-area-inset-bottom))}
  body.has-tabbar .bigwin-fab{bottom:calc(90px + env(safe-area-inset-bottom))}
}



/* ---------- Thẻ trò chơi (gcard) theo Card/power ---------- */
.gcard.app-g{border:1px solid var(--line);box-shadow:none;border-radius:var(--radius);background:#fff}
.gcard.app-g:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(26,32,48,.08)}
.gcard.app-g .gtop{min-height:0;height:47px;padding:0 16px;flex-direction:row;align-items:center;border-radius:15px 15px 0 0}
.gcard.app-g .gtop::before,.gcard.app-g .gtop::after{display:none}
.gcard.app-g .gname{font-size:18px;font-weight:700;gap:8px}
.gcard.app-g .gname .gi{width:30px;height:30px;background:rgba(255,255,255,.9)}
.gcard.app-g .gname .gi .plogo,.gcard.app-g .gname .gi img,.gcard.app-g .gname .gi svg{width:28px!important;height:28px!important}
.gcard.app-g .tag{background:#F2F2F2;color:#494949;border:1px solid rgba(0,0,0,.2);font-size:11px;font-weight:600;letter-spacing:0;padding:3px 10px}
.gcard.app-g .gbody{padding:12px 16px 16px;gap:12px}
.gcard.app-g .glbl{margin:0;padding:0;font-size:14px;color:var(--ink-2);opacity:1}
.gcard.app-g .gamt{font-size:22px;font-weight:700;color:var(--red);letter-spacing:-.01em}
.gcard.app-g .gnext{font-size:14px;color:var(--ink-2);font-weight:400;text-transform:none;letter-spacing:0;display:flex;align-items:center;gap:6px}
.gcard.app-g .cd > div{background:#FEF3F2;border:1px solid #FECDCA;border-radius:8px}
.gcard.app-g .cd b{color:#DE372D}
.gcard.app-g .play-btn{align-self:stretch}

/* ---------- Thẻ trang chủ (Card/home) cho lưới sản phẩm ---------- */
.spv-card,.pcard{border:1px solid var(--stroke);border-radius:var(--radius-sm);box-shadow:0 4px 9px rgba(26,32,48,.02)}

/* ---------- Tiêu đề trang dạng app trên điện thoại (Top app bar) ---------- */
@media (max-width:900px){
  .phero h1{font-size:24px;line-height:32px}
  .sec-head h2{font-size:20px;line-height:28px}
}
/* Thần Tài báo "sắp quay" đặt ở góc đầu thẻ, không che "Chọn số" */
.prow.app-card{position:relative}
.prow.app-card .ac-body{position:static}
.prow.app-card .pr-body .soon-tt{top:3px;right:10px;transform:none;width:40px;height:40px}
/* Theo Figma: chỉ dùng một thanh điều hướng chung (.tabbar) — ẩn thanh cũ gắn tay trong trang */
.app-bottom-nav{display:none!important}

/* =========================================================
   THẦN TÀI THEO APP — linh vật đội mũ "Vietlott" (ảnh lấy từ bản APK)
   ========================================================= */
.kst-mascot{background-image:url(../img/brand/tt-vietlott.webp)!important}
.tth-launch>img.tth-coin{object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,60,40,.35))}

/* =========================================================
   BINGO18 THEO FIGMA (Design › BINGO18)
   Nền xanh đậm, thẻ trạng thái, đồng hồ LCD, ô tổng vàng, nút Xác nhận vàng
   ========================================================= */
.b18-app{--g0:#0A2A1F;--g1:#0E3B2B;--g2:#13513B;--gl:rgba(120,220,170,.22);--y1:#FFE08A;--y2:#F3B73A;--y3:#E09A1F;
  position:relative;background:radial-gradient(120% 60% at 70% 0%,#1d6b4c 0%,transparent 60%),linear-gradient(180deg,var(--g1),var(--g0));
  color:#fff;border-radius:20px;padding:12px 12px 16px;max-width:480px;font-family:var(--app-font)}
.b18-top{display:flex;align-items:center;gap:8px;margin:0 0 12px}
.b18-back,.b18-help{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#fff;background:none}
.b18-back svg,.b18-help svg{width:22px;height:22px}
.b18-back:hover,.b18-help:hover{background:rgba(255,255,255,.08)}
.b18-word{font:900 italic 24px/1 Georgia,"Times New Roman",serif;letter-spacing:.5px;background:linear-gradient(180deg,#FFF3B0,#FFC93C 55%,#E39A12);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(80,40,0,.6))}
.b18-word i{font-style:italic;margin-left:1px}
.b18-flex{flex:1}
.b18-tabs{width:auto;margin:0 0 12px;padding:3px;gap:3px;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid var(--gl);display:flex}
.b18-tabs button{flex:1;border-radius:9px;padding:9px 4px;font-size:14px;font-weight:600;color:#d7efe4;background:none}
.b18-tabs .active{background:linear-gradient(180deg,#2ec08f,#13906a);color:#fff;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.b18-info{background:rgba(0,0,0,.22);border:1px solid var(--gl);border-radius:14px;padding:10px 10px 8px;margin-bottom:12px}
.b18-status{margin:0 0 8px;gap:8px}
.b18-status small{font-size:11px;color:#b9d9cb}
.b18-status b{font-size:16px;font-weight:700}
.b18-timer{font:700 26px/1 "Courier New",ui-monospace,monospace;letter-spacing:2px;color:#5CF5C8;text-shadow:0 0 8px rgba(92,245,200,.75);
  background:#06231A;border:1px solid #2a7a5f;border-radius:10px;padding:8px 12px;box-shadow:inset 0 0 12px rgba(0,0,0,.6),0 0 14px rgba(46,192,143,.25)}
.b18-dice{text-align:right}
.b18-die rect{fill:#fff;stroke:none}
.b18-die circle{fill:#B3261E}
.b18-hist{background:none;padding:2px 0 6px;gap:4px;border-radius:0}
.b18-hist span{color:#FFD54F;font-size:11px;font-weight:700;margin-right:4px}
.b18-hist i{min-width:22px;width:22px;height:22px;line-height:22px;border-radius:50%;font-size:10px;font-weight:700;color:#3b2500;
  background:radial-gradient(circle at 35% 30%,#FFF4C2 0 12%,#FFD45A 40%,#E7A21C 100%);box-shadow:0 1px 2px rgba(0,0,0,.35)}
.b18-hist i:nth-child(3n){background:radial-gradient(circle at 35% 30%,#fff 0 15%,#E6E6E6 45%,#AFAFAF 100%);color:#333}
.b18-hist i.sv{background:radial-gradient(circle at 35% 30%,#fff 0 15%,#E6E6E6 45%,#AFAFAF 100%);color:#333}
.b18-ticker{padding:6px 10px;border-radius:8px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.06);font-size:11px;color:#cfe6d8}
.b18-ticker span{display:inline-block;animation:b18tick 16s linear infinite}
@keyframes b18tick{0%,8%{transform:translateX(0)}100%{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.b18-ticker span{animation:none}}
.b18-choices{gap:8px;margin-bottom:12px}
.b18-cell.choice{min-height:86px;border-radius:12px;border:1px solid #2f8f6c;background:radial-gradient(circle at 50% 30%,#2a8c66,#0F4D39 80%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.b18-cell.choice strong{margin-top:16px;font:700 20px/1 var(--app-font);color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.b18-cell.choice.tie{background:radial-gradient(circle at 50% 30%,#A85F1A,#5C2C07 85%);border:2px solid var(--gold);box-shadow:0 0 14px rgba(249,189,67,.35)}
.b18-cell.choice.tie strong{color:#FFE7A0!important}
.b18-cell.choice small{margin-top:6px;font-size:11px;font-weight:700;padding:2px 10px;border-radius:999px;background:rgba(0,0,0,.35);color:#fff}
.b18-cell.choice em{right:6px;top:6px;font-size:10px;font-weight:700;padding:2px 6px;border-radius:999px;background:rgba(0,0,0,.35);color:#fff}
.b18-board{background:rgba(0,0,0,.22);border:1px solid var(--gl);border-radius:14px;padding:8px;margin-bottom:12px}
.b18-gh{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:2px 2px 8px;font-size:12px;font-weight:700;color:#FFD54F;flex-wrap:wrap}
.b18-gh small{font-size:11px;font-weight:600;color:#FFD54F;opacity:.9}
.b18-gh b{color:#FFD54F}
.b18-gh span{color:#fff}
.b18-gh.in span{color:#FFD54F}
.b18-gh em{font-style:normal;color:#cfe6d8;font-weight:500}
.b18-sq{display:inline-block;width:10px;height:10px;margin-right:6px;vertical-align:-1px;background:conic-gradient(#FFD54F 0 25%,transparent 0 50%,#FFD54F 0 75%,transparent 0);border-radius:2px}
.b18-ii{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#2ec08f;color:#fff;font-style:normal;font-size:10px;margin-right:6px}
.b18-grid{gap:6px}
.b18-grid.full{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}
.b18-cell.number{min-height:52px;border-radius:9px;color:#5A3300;
  background:linear-gradient(160deg,var(--y1) 0%,var(--y2) 55%,var(--y3) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 0 rgba(150,80,0,.35),0 2px 4px rgba(0,0,0,.35)}
.b18-cell.number strong{font:700 22px/1 Georgia,"Times New Roman",serif}
.b18-cell.number em{font-size:9px;font-weight:700;color:#6b4300;margin-top:3px}
.b18-grid.full .number{min-height:46px;border-radius:7px}
.b18-grid.full .number strong{font-size:18px}
.b18-cell.chosen,.b18-sp.chosen{outline:none;box-shadow:0 0 0 2px #FFF6C2,0 0 14px 2px rgba(255,214,90,.75)!important}
.b18-cell.chosen strong{color:#5A3300}
.b18-cell.choice.chosen strong{color:#fff!important}
.b18-check{position:absolute;right:-1px;top:-1px;width:16px;height:16px;border-radius:50%;background:#16B07A;display:grid;place-items:center;box-shadow:0 0 0 2px #0A2A1F}
.b18-check svg{width:12px;height:12px}
.b18-sprow{gap:4px;background:rgba(0,0,0,.22);border:1px solid var(--gl);border-radius:12px;padding:6px;margin-bottom:10px}
.b18-sp,.b18-sp:nth-child(even){background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.08);border-radius:8px;min-height:52px}
.b18-ball{background:radial-gradient(circle at 35% 30%,#FFF4C2 0 12%,#FFD45A 40%,#E7A21C 100%);color:#5A3300}
.b18-week{width:100%;justify-content:flex-start;gap:10px;padding:8px 12px;margin:0 0 12px;border-radius:12px;background:linear-gradient(90deg,rgba(255,213,79,.18),rgba(255,213,79,.06));border:1px solid rgba(255,213,79,.35);color:#fff}
.b18-week .b18-mascot{width:36px;height:36px;background:none;border-radius:0;position:static}
.b18-week span{flex:1;display:grid;gap:1px}
.b18-week small{font-size:11px;color:#cfe6d8}
.b18-week strong{font-size:15px;color:#FFD54F}
.b18-week i{font-style:normal;font-size:20px;color:#FFD54F}
.b18-foot{background:none;padding:0;margin:0}
.b18-sum{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:2px 2px 10px}
.b18-sum b{display:block;font-size:13px;color:#FFD54F}
.b18-sum small{font-size:11px;color:#b9d9cb}
.b18-sum strong{font-size:18px;font-weight:700;color:#fff;white-space:nowrap}
.b18-btns{display:flex;gap:8px;margin:0}
.b18-btns button{height:46px;border-radius:999px;font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.b18-btns button svg{width:18px;height:18px}
.b18-app .b18-btns .b18-reset{flex:0 0 auto;padding:0 18px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.28)!important;color:#fff}
.b18-app .b18-btns .b18-cart{flex:0 0 46px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.28)!important;color:#fff}
.b18-app .b18-btns .b18-go{flex:1;background:linear-gradient(180deg,#FFE27A,#F6B92A)!important;color:#3B2500!important;box-shadow:0 0 16px rgba(255,200,60,.45),inset 0 1px 0 rgba(255,255,255,.6)}
.b18-btns button:hover{filter:brightness(1.06)}
.b18-demo{color:#8fbfaa}
/* hộp chọn mệnh giá */
#b18-wager{background:radial-gradient(100% 50% at 50% 0%,#1e7353,transparent 70%),linear-gradient(180deg,#0F4433,#0A2A1F);border:1px solid rgba(120,220,170,.3);border-radius:22px;padding:18px 18px 16px;max-width:380px;text-align:center}
#b18-wager::backdrop{background:rgba(3,20,14,.72)}
.b18-x{position:absolute;right:12px;top:8px;float:none;font-size:28px;color:#fff}
.b18-wlogo{display:grid;place-items:center;margin:2px 0 4px}
#b18-wager p{margin:4px 0 10px;font-size:15px;color:#fff}
#b18-wager p strong{color:#FFD54F}
.b18-wchoice{gap:10px;margin-bottom:6px;font-size:15px}
.b18-wchoice b{justify-self:center;background:#0C3326;border:1px solid #2f8f6c;border-radius:999px;padding:6px 22px;font-size:16px;letter-spacing:.5px}
.b18-wchoice span{font-size:14px;color:#fff}
.b18-wamt{gap:8px}
.b18-wamt>button{width:40px;height:40px;font-size:26px;background:linear-gradient(180deg,#FFE27A,#F6B92A);color:#3B2500;box-shadow:0 0 12px rgba(255,200,60,.4)}
.b18-sycee{width:170px;height:112px}
.b18-sycee img{height:88px}
.b18-sycee .b18-wv{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;align-items:baseline;gap:4px;white-space:nowrap;
  padding:4px 14px;border-radius:999px;background:#0C3326;border:1px solid rgba(255,213,79,.6);color:#fff}
.b18-sycee .b18-wv strong,.b18-sycee .b18-wv small{position:static;text-shadow:none;color:#fff}
.b18-sycee .b18-wv strong{font-size:16px}
.b18-sycee .b18-wv small{font-size:11px;font-weight:700}
.b18-presets{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 16px}
.b18-presets button{flex:0 0 calc(20% - 7px);min-width:52px;height:34px;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.2);color:#fff;font-size:13px}
.b18-presets button.active{background:linear-gradient(180deg,#FFE27A,#F6B92A);color:#3B2500;border-color:transparent;font-weight:700}
.b18-ok{border-radius:999px;min-height:46px;background:linear-gradient(180deg,#FFE27A,#F6B92A);color:#3B2500;font-weight:700;box-shadow:0 0 16px rgba(255,200,60,.4)}
#b18-wager .b18-clear{display:inline-block;margin-top:10px;padding:4px 8px;border:0;background:none;color:#cfe6d8;font-size:13px;text-decoration:underline}
/* Cách chơi (hộp thoại giữa màn hình) */
#b18-help{border:0;padding:0;border-radius:18px;width:calc(100% - 28px);max-width:460px;margin:auto;background:#fff;color:var(--ink);box-shadow:0 20px 60px rgba(12,20,36,.3);animation:knPop .2s ease}
#b18-help::backdrop{background:rgba(12,20,36,.55)}
#b18-help header{display:flex;align-items:center;justify-content:center;position:relative;padding:14px 16px;border-bottom:1px solid var(--line)}
#b18-help header b{font-size:15px}
#b18-help header button{position:absolute;right:10px;top:6px;width:36px;height:36px;border:0;background:none;font-size:24px;cursor:pointer}
.b18-hbody{padding:14px 16px 20px}
.b18-hbody b{display:block;font-size:14px;margin-bottom:6px}
.b18-hbody p{font-size:13px;color:var(--ink-2);line-height:1.6}

/* =========================================================
   KENO THEO FIGMA (Design › Home › Keno cơ bản · Mua vé kỳ)
   ========================================================= */
body.kn-app{background:var(--bg)}
.kn-hide{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* thanh tiêu đề */
body.kn-app .gp2-top{background:#fff;border-radius:0;gap:6px;padding:8px 4px;margin-bottom:8px;box-shadow:none;border-bottom:1px solid #EEF0F3}
html body.kn-app .gp2-top .back{font-size:0!important;line-height:0;width:36px;height:36px;margin:0;display:grid;place-items:center;color:var(--ink)}
html body.kn-app .gp2-top .back::before{content:"";width:20px;height:20px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 12H4m0 0 6-6m-6 6 6 6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 12H4m0 0 6-6m-6 6 6 6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
body.kn-app .gp2-top h1{font-size:17px;font-weight:600;color:var(--ink);white-space:nowrap}
body.kn-app .gp2-top .gp2-logo{display:none}
body.kn-app .gp2-top .ic{width:36px;height:36px;background:none;color:var(--ink)}
body.kn-app .gp2-top .ic svg{width:22px;height:22px}
body.kn-app .kt-help{color:var(--red);font-weight:600;background:none;border:0}
/* Bật nhạc + Âm lượng */
.kn-audio{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px}
.kn-music{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 14px;border:0;border-radius:999px;background:var(--red-2);color:#fff;font:600 12px/1 var(--app-font);cursor:pointer}
.kn-music svg{width:15px;height:15px}
.kn-music.on{background:var(--red);box-shadow:0 0 0 3px var(--red-soft)}
.kn-vol{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--red-2)}
.kn-vol input{--v:50%;-webkit-appearance:none;appearance:none;width:96px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--red-2) var(--v),var(--line) var(--v));outline:none}
.kn-vol input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--red-2);border:3px solid #fff;box-shadow:0 0 0 1px var(--red-2);cursor:pointer}
.kn-vol input::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--red-2);border:3px solid #fff;box-shadow:0 0 0 1px var(--red-2);cursor:pointer}
/* bảng quay + nút Luận số */
body.kn-app .kst{position:relative;border-radius:14px;box-shadow:0 0 0 3px #E8B64C,0 6px 16px rgba(120,5,20,.18);margin:3px}
body.kn-app .kst-nav{background:#8E0A24}
.kn-luan{position:absolute;right:10px;bottom:44px;z-index:5;display:flex;flex-direction:column;align-items:center;gap:2px;width:52px;padding:6px 4px;border-radius:12px;
  background:var(--red-2-overlay);border:1.5px solid var(--gold);color:#fff;font:600 10px/1.1 var(--app-font);cursor:pointer;box-shadow:0 4px 10px rgba(60,0,10,.35)}
.kn-luan svg{width:22px;height:22px}
.kn-luan:hover{background:#C3123A}
/* hàng Bậc · Kỳ · 3 kỳ gần nhất */
html body.kn-app .gp2-sel{display:flex!important;flex-wrap:nowrap;gap:8px;align-items:stretch;background:none;padding:0;box-shadow:none;border:0;border-radius:0;margin:10px 0}
.kn-level{flex:1 1 30%;min-width:0;display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:600 14px/1 var(--app-font);cursor:pointer}
.kn-level svg{width:16px;height:16px}
html body.kn-app .gp2-sel>label{flex:1 1 34%;min-width:0;overflow:hidden;display:flex;align-items:center;gap:4px;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:13px}
body.kn-app .gp2-sel>label.kn-hide{flex:0 0 0}
body.kn-app .gp2-sel .nsel{color:var(--ink);font-weight:600}
html body.kn-app .gp2-recent{flex:1 1 36%;min-width:0;white-space:nowrap;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:6px;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:600 13px/1 var(--app-font)}
body.kn-app .gp2-recent i{color:var(--red)}
body.kn-app .gp2-recent.on{border-color:var(--red);background:#FFF5F6}
body[data-game="keno"].kn-app .gp2-demo{display:none}
body.kn-app .kl-recent .b2,body.kn-app .kl-recent i{background:#FCEFC7!important;color:#6B4300!important;border:0!important}
/* các bộ A–F */
body[data-game="keno"].kn-app .gp2-card{background:#fff;border:1px solid #EEF0F3;border-radius:14px;padding:6px 12px 4px;box-shadow:none}
body[data-game="keno"].kn-app .row2{gap:6px;padding:6px 0;border-bottom:0;align-items:center}
body[data-game="keno"].kn-app .row2 .rl{width:16px;font-size:14px;font-weight:700;color:var(--red)}
body[data-game="keno"].kn-app .row2 .ed,body[data-game="keno"].kn-app .row2 .hrt{display:none}
body[data-game="keno"].kn-app .row2 .rb{gap:4px;flex-wrap:wrap}
body[data-game="keno"].kn-app .row2 .b2{width:28px;height:28px;border-radius:50%;background:#fff;border:1.5px solid var(--red);color:var(--red);font-size:12px;font-weight:600;box-shadow:none}
body[data-game="keno"].kn-app .row2 .b2.e{color:transparent}
body[data-game="keno"].kn-app .row2 .tc{width:26px;height:26px;border-radius:50%;background:var(--red);color:#fff;border:0;font-size:10px;font-weight:700;margin-left:auto}
body[data-game="keno"].kn-app .row2 .stk,body[data-game="keno"].kn-app .row2 .nsel.stk{height:28px;padding:0 8px;border:1px solid var(--red);border-radius:6px;background:#fff;color:var(--red);font-size:12px;font-weight:600}
body[data-game="keno"].kn-app .row2 .del{width:26px;height:26px;color:#9AA1AB}
body[data-game="keno"].kn-app .gp2-hint{display:flex;align-items:flex-start;gap:6px;font-size:11px;color:var(--ink-2);text-align:left;padding:8px 0 4px;border-top:1px solid #F0F1F4;margin-top:4px}
.kn-i{flex:none;display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;border:1px solid currentColor;font-size:9px;font-weight:700;font-style:normal;margin-top:1px}
body[data-game="keno"].kn-app .gp2-add{background:#fff;border:1px dashed #F3B2BF;border-radius:12px;color:var(--red)}
/* thanh thanh toán */
body.kn-app .mbar.app{background:#fff;box-shadow:0 -4px 14px rgba(25,28,40,.08)}
body.kn-app .mbar.app .gp2-wrap{display:grid;grid-template-columns:auto 1fr;gap:10px 8px;align-items:center}
body.kn-app .mbar.app .mb-t{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;grid-template-areas:"l a" "m a";align-items:center;min-width:0}
body.kn-app .mbar.app .mb-t small:first-child{grid-area:l;font-size:13px;font-weight:600;color:var(--ink)}
body.kn-app .mbar.app .mb-t b{grid-area:a;font-size:18px;font-weight:700;color:var(--red)}
body.kn-app .mbar.app .mb-t #mMeta{grid-area:m;font-size:11px;color:var(--ink-2)}
body.kn-app .mbar.app #mAdd{height:46px;border-radius:999px;padding:0 16px;font-size:13px}
body.kn-app .mbar.app #mBuy,body.kn-app .kb-pay{height:46px;border-radius:999px;background:#15143D!important;border-color:#15143D!important;color:#fff;font-size:15px;font-weight:600}
body.kn-app .mbar.app #mBuy:disabled,body.kn-app .kb-pay:disabled{opacity:.45}
/* Keno Chẵn/Lẻ */
body.kn-app .kb-bought{background:#fff;border:1px solid #EEF0F3;border-radius:999px}
body.kn-app .kb-bought strong{color:var(--red)}
.kn-week{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;padding:10px 14px;border:1px solid #F5D58A;border-radius:12px;background:linear-gradient(90deg,#FFF3D6,#FFF9EC);text-align:left;cursor:pointer}
.kn-week img{width:44px;height:44px;object-fit:contain}
.kn-week span{flex:1;display:grid;gap:2px}
.kn-week small{font-size:12px;color:var(--ink-2)}
.kn-week strong{font-size:16px;font-weight:700;color:var(--red)}
.kn-week i{font-style:normal;font-size:22px;color:var(--red)}
body.kn-app .kb-checkout{background:#fff}
body.kn-app .kb-checkout strong{color:var(--red)}
/* Thần tài luận số = hộp thoại giữa màn hình (như thông báo bản web cũ) */
.kn-dim{position:fixed;inset:0;z-index:305;background:rgba(12,20,36,.55);opacity:0;visibility:hidden;transition:.2s}
body.kn-chat-open .kn-dim{opacity:1;visibility:visible}
body.kn-app #kenoChat{position:fixed;left:14px;right:14px;top:50%;z-index:310;max-width:460px;margin:0 auto!important;transform:translateY(-50%) scale(.96);opacity:0;visibility:hidden;transition:transform .2s ease,opacity .2s ease,visibility 0s .2s;
  border-radius:18px;overflow:hidden;box-shadow:0 20px 60px rgba(12,20,36,.3)}
body.kn-chat-open #kenoChat{transform:translateY(-50%);opacity:1;visibility:visible;transition:transform .2s ease,opacity .2s ease}
body.kn-chat-open{overflow:hidden}
body.kn-app #kenoChat .kc-panel{border-radius:18px;margin:0;border:0;box-shadow:none;max-height:min(640px,86dvh);display:flex;flex-direction:column}
body.kn-app #kenoChat .kc-panel>header{position:relative;padding:14px 16px;background:#fff;border-bottom:1px solid #EEF0F3}
body.kn-app #kenoChat .kc-panel h2{font-size:17px;font-weight:700}
body.kn-app #kenoChat .kc-toggle{font-size:0;width:32px;height:32px;border:0;background:none}
body.kn-app #kenoChat .kc-toggle::before{content:"×";font-size:24px;color:var(--ink)}
body.kn-app #kenoChat .kc-chev{display:none}
body.kn-app #kenoChat .kc-body{display:flex;flex-direction:column;min-height:0;flex:1}
body.kn-app #kenoChat .kc-notice{background:#FFF4D6;color:#8A5A00;font-size:12px;padding:8px 16px}
body.kn-app #kenoChat .kc-list{flex:1;min-height:200px;max-height:none;background:linear-gradient(180deg,#FDE3E6 0%,#F4EEF6 55%,#E9F1FB 100%);padding:12px}
body.kn-app #kenoChat .kc-bub{background:#fff;border-radius:16px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
body.kn-app #kenoChat .kc-mine .kc-bub{background:#FFDDE2}
body.kn-app #kenoChat .kc-compose{background:#fff;padding:10px 12px;gap:8px;border-top:1px solid #F0F1F4}
body.kn-app #kenoChat .kc-compose input{border-radius:999px;background:#F3F4F6;border:0;padding:10px 14px}
body.kn-app #kenoChat .kc-send{width:40px;height:40px;border-radius:50%;padding:0;font-size:0;background:var(--red);position:relative}
body.kn-app #kenoChat .kc-send::before{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;background:#fff;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12 20 4l-4 16-4-6z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12 20 4l-4 16-4-6z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat}
body.kn-app #kenoChat .kc-send:disabled{background:#F3B2BF}
body.kn-app #kenoChat .kc-emo{color:var(--red);font-size:22px;background:none;border:0}
/* Khung chat kiểu app, giữ toàn bộ chiều rộng nội dung web */
html .kc-panel.kc-inline{border:0;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 26px rgba(18,30,52,.08);max-height:none}
html .kc-inline>header{padding:14px 18px;background:#fff;border-bottom:1px solid #EEF0F3}
html .kc-inline h2{font-size:20px;font-weight:700;letter-spacing:-.2px}
html .kc-inline .kc-notice{background:#FFF4D6;color:#8A5A00;font-size:13px;padding:9px 16px;text-align:center}
html .kc-inline .kc-list{min-height:340px;max-height:460px;padding:18px 22px;gap:10px;background:linear-gradient(180deg,#FDE3E6 0%,#F4EEF6 55%,#E9F1FB 100%)}
html .kc-inline .kc-day{align-self:center;margin:8px 0 2px;color:#71717A;font-size:13px;font-weight:500}
html .kc-inline .kc-msg{width:min(100%,680px);align-items:flex-end;gap:8px;padding-bottom:2px}
html .kc-inline .kc-av{width:30px;height:30px;font-size:11px;box-shadow:0 1px 3px rgba(0,0,0,.14)}
html .kc-inline .kc-content{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start}
html .kc-inline .kc-bub{width:max-content;max-width:min(100%,560px);padding:10px 14px;background:#fff;border-radius:17px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
html .kc-inline .kc-bub p{font-size:15px;line-height:1.45}
html .kc-inline .kc-tail{display:flex;align-items:center;gap:6px;margin:3px 4px 0;color:#71717A;font-size:12px}
html .kc-inline .kc-heart{position:static;display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid #FFC5CE;border-radius:50%;background:#fff;color:#71717A;font-size:15px;line-height:1}
html .kc-inline .kc-heart.on{color:#E50929;background:#FFF5F6}
html .kc-inline .kc-msg.kc-mine{margin-left:auto;flex-direction:row-reverse}
html .kc-inline .kc-msg.kc-mine .kc-av{display:none}
html .kc-inline .kc-msg.kc-mine .kc-content{align-items:flex-end}
html .kc-inline .kc-msg.kc-mine .kc-bub{background:#FFDDE2}
html .kc-inline .kc-msg.kc-mine .kc-tail{justify-content:flex-end}
html .kc-inline .kc-msg.kc-mine .kc-tail time{color:#8F5561}
html .kc-inline .kc-compose{padding:10px 14px;background:#fff;border-top:1px solid #F0F1F4}
html .kc-inline .kc-emo{width:40px;height:40px;border:0;background:none;color:var(--red);font-size:23px}
html .kc-inline .kc-compose input{border:0;background:#F3F4F6;padding:11px 16px}
html .kc-inline .kc-send{width:42px;height:42px;padding:0;border-radius:50%;font-size:0;position:relative}
html .kc-inline .kc-send::before{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;background:#fff;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12 20 4l-4 16-4-6z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12 20 4l-4 16-4-6z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat}
html .kc-inline .kc-send:disabled{background:#F3B2BF}
@media (min-width:701px){
  body.kn-app #kenoChat{position:static;left:auto;right:auto;top:auto;z-index:auto;transform:none!important;opacity:1;visibility:visible;transition:none;max-width:none;width:100%;max-height:none;margin:0 auto 20px!important;border-radius:18px;overflow:hidden;box-shadow:none}
  body.kn-app #kenoChat .kc-panel{max-height:none}
  body.kn-app #kenoChat .kc-list{min-height:340px;max-height:460px}
  body.kn-app .kn-dim{display:none!important}
  body.kn-chat-open{overflow:auto}
}
@media (max-width:700px){
  html .kc-inline .kc-list{min-height:220px;max-height:none;padding:12px;gap:9px}
  html .kc-inline .kc-msg{width:100%}
  html .kc-inline .kc-bub{max-width:min(100%,340px)}
  html .kc-inline>header{padding:12px 14px}
}
/* hộp thoại dùng chung (giữa màn hình): Chọn bậc · Cách chơi */
.kn-sheet{border:0;padding:0;border-radius:18px;width:calc(100% - 28px);max-width:460px;margin:auto;background:#fff;color:var(--ink);box-shadow:0 20px 60px rgba(12,20,36,.3);animation:knPop .2s ease}
@keyframes knPop{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.kn-sheet::backdrop{background:rgba(12,20,36,.55)}
.kn-sheet header{display:flex;align-items:center;justify-content:center;position:relative;padding:14px 16px;border-bottom:1px solid #EEF0F3}
.kn-sheet header b{font-size:15px;font-weight:600}
.kn-sheet header button{position:absolute;right:10px;top:6px;width:36px;height:36px;border:0;background:none;font-size:24px;cursor:pointer;color:var(--ink)}
.kn-sb{padding:14px 16px 20px}
.kn-sb>b{display:block;font-size:14px;margin-bottom:6px}
.kn-sb p{font-size:13px;line-height:1.6;color:var(--ink-2)}
.kn-note{margin-bottom:12px}
.kn-lvgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kn-lvgrid button{height:40px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font:500 14px/1 var(--app-font);color:var(--ink);cursor:pointer}
.kn-lvgrid button.on{background:var(--red);border-color:var(--red);color:#fff;font-weight:600}

/* ===== Logo mới theo Figma (wordmark navy + sao đỏ + INTERNET đỏ) ===== */
html body[data-page="account"]:has(.mt-top) #s2 .qrbox::before{background-image:url("../img/brand/logo-figma.png")}

/* ===== Popup Jackpot theo Figma: thẻ đỏ viền vàng, chữ vàng, nút vàng ===== */
html #prize-popup{border:3px solid var(--gold);border-radius:28px;background:radial-gradient(120% 70% at 50% 20%,#FF3B4E 0%,var(--red) 45%,var(--red-2) 100%);color:#fff;box-shadow:0 0 0 6px rgba(249,189,67,.25),0 24px 70px rgba(80,0,10,.55)}
html #prize-popup::backdrop{background:rgba(10,17,24,.72)}
html #prize-popup .prize-popup-close{color:#fff;background:rgba(0,0,0,.22)}
html #prize-popup .prize-popup-content{padding:26px 20px 22px;gap:6px;text-align:center}
html #prize-popup .prize-popup-demo{color:#FFE7A3;opacity:.85;font-size:10px;padding:0}
#prize-popup .pp-title{display:block;font-size:17px;line-height:1.25;font-weight:800;letter-spacing:.3px;color:#FFD66B;text-shadow:0 2px 0 #8F001F,0 0 14px rgba(255,214,107,.45);text-transform:uppercase}
#prize-popup .pp-title em{display:block;font-style:normal;font-size:34px;line-height:1.1;letter-spacing:1px;background:linear-gradient(180deg,#FFF3C4,#FFD66B 45%,#E9A92A);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 0 #8F001F)}
#prize-popup .pp-art{position:relative;display:grid;place-items:center;width:100%;margin:2px 0}
#prize-popup .pp-art::before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(255,226,140,.75),rgba(255,226,140,0) 68%)}
html #prize-popup .pp-art img{position:relative;width:min(100%,230px);height:min(32dvh,230px);margin:0}
#prize-popup .pp-sub{font-size:14px;color:#FFF1F3}
html #prize-popup .prize-popup-cta{margin-top:8px;border-radius:999px;background:linear-gradient(180deg,#FFE58A,var(--gold) 55%,#E2A21F);color:var(--red-2);font-weight:800;padding:13px 30px;box-shadow:0 4px 0 #A86E0B,0 8px 18px rgba(0,0,0,.25)}
#prize-popup .pp-tap{font-size:12px;color:rgba(255,255,255,.75);margin-top:4px}

/* =========================================================
   NÚT · SELECT · Ô NHẬP theo Figma (Components › Button / Input / Dropdown)
   ========================================================= */
:root{ --navy:var(--ink); --navy-2:#1C2050; --navy-3:#060820; --dis-bg:var(--bg); --dis-ink:var(--muted); --field:var(--bg) }
/* Nút chính màu navy (màn hình form như app) — dùng .btn-navy ở bất kỳ đâu */
.btn-navy,html body.auth-app .btn-red,html[data-tier][data-tier] body.auth-app .btn-red{background:var(--navy);color:#fff;border-color:transparent;box-shadow:none}
.btn-navy:hover,html body.auth-app .btn-red:hover,html[data-tier][data-tier] body.auth-app .btn-red:hover{background:var(--navy-2);color:#fff}
.btn-navy:active,html body.auth-app .btn-red:active,html[data-tier][data-tier] body.auth-app .btn-red:active{background:var(--navy-3)}
/* Nút phụ: viền pill */
html .auth-app .btn-line{background:#fff;border:1px solid var(--navy);color:var(--navy)}
html .auth-app .btn-line:hover{background:#F2F3F7;color:var(--navy)}
/* Trạng thái vô hiệu: xám như Figma (mọi nút) */
.btn:disabled,.btn[disabled],.btn.disabled{background:var(--dis-bg)!important;color:var(--dis-ink)!important;border-color:transparent!important;box-shadow:none!important;cursor:not-allowed;opacity:1}
/* Ô nhập: bo 8, viền theo token đường kẻ, focus đỏ nhẹ */
.input{border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink)}
.input:focus,.nsel.input.op,.nsel.input:focus-within{border-color:#0A1118;box-shadow:0 0 0 3px rgba(14,17,54,.08)}
.input.err{border-color:var(--neg)}
.field>label{font-size:14px;font-weight:600;color:var(--ink)}
/* Dropdown: mũi tên chevron, danh sách trắng, mục chọn đỏ nhạt */
.nsel-c{width:8px;height:8px;opacity:.7}
.nsel-pop{border-radius:12px;border-color:var(--line);box-shadow:0 16px 40px rgba(10,17,24,.16)}
.nsel-o{padding:11px 16px}
.nsel-o.act{background:#F5F6F8}
.nsel-o.on,.nsel-o.on.act{background:var(--red-soft);color:var(--red);font-weight:700}
.nsel-s{border:1px solid var(--line);border-radius:8px;background:var(--field)}
.nsel-s:focus{border-color:var(--ink)}
.nsel-hd{display:none}

/* =========================================================
   ĐĂNG NHẬP theo Figma: nền đỏ + Thần Tài, thẻ trắng có tab, nút navy
   ========================================================= */
.au-hero,.au-tabs,.au-pre,.au-face,.au-foot,.au-top{display:none}
.auth-app .au-tabs,.auth-app .au-face,.auth-app .au-foot{display:none!important}
body.auth-login .phero{position:relative;background:radial-gradient(120% 90% at 80% 0%,#FF3048 0%,var(--red) 40%,var(--red-2) 100%)!important;padding:28px 0 150px!important;overflow:hidden}
body.auth-login .phero>.wrap{display:none}
body.auth-login .phero .floaters{opacity:.35}
body.auth-login .au-hero{display:block;position:relative;max-width:440px;margin:0 auto;padding:0 16px;min-height:170px;color:#fff}
body.auth-login .au-back{display:none}
body.auth-login .au-logo{display:block;width:118px;height:auto;margin:8px 0 14px}
body.auth-login .au-hi{margin:0;font-size:24px;line-height:1.25;font-weight:700;font-style:italic;color:#fff}
body.auth-login .au-tt{position:absolute;right:0;top:-14px;width:190px;height:auto;filter:drop-shadow(0 10px 20px rgba(80,0,10,.35))}
body.auth-login .auth-wrap{max-width:440px}
body.auth-login .auth-card{border-radius:20px;padding:22px 20px 22px;box-shadow:0 16px 40px rgba(80,0,10,.22)}
.auth-app .au-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:0 0 16px;border-radius:999px;background:#F2F3F5}
.auth-app .au-tabs>*{display:block;text-align:center;padding:9px 8px;border-radius:999px;font-size:14px;font-weight:600;color:var(--ink-2);text-decoration:none}
.auth-app .au-tabs .on{background:#fff;color:var(--ink);box-shadow:0 2px 6px rgba(10,17,24,.08)}
.auth-app .who{border-radius:999px;background:#F2F3F5;padding:4px;gap:4px}
.auth-app .who button{border-radius:999px;padding:8px 6px;font-size:13.5px;color:var(--ink-2);font-weight:600}
.auth-app .who button.on{background:#fff;color:var(--ink);box-shadow:0 2px 6px rgba(10,17,24,.08)}
.auth-app .au-ph{position:relative;display:flex;align-items:center}
.auth-app .au-pre{display:flex;align-items:center;gap:8px;position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--red)}
.auth-app .au-pre svg{width:18px;height:18px}
.auth-app .au-pre .au-flag{width:22px;height:15px}
.auth-app .au-ph>.input{padding-left:72px;width:100%}
.auth-app .pw .input,.auth-app .pwrap .input{background:#fff}
.auth-login .au-row{display:flex;gap:10px;align-items:stretch}
.auth-login .au-row>#sub{flex:1;min-width:0}
.auth-login .au-face{display:grid;place-items:center;flex:none;width:52px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--red);cursor:pointer}
.auth-login .au-face svg{width:26px;height:26px}
.auth-login .au-face:hover{border-color:var(--red)}
.auth-login .au-forgot{text-align:center;margin:14px 0 2px}
.auth-login .au-forgot a{font-size:14px;font-weight:500;color:var(--ink-2)}
.auth-login .acc-name{font-weight:700;color:var(--red)}
body.auth-login .auth-partner{background:transparent}

/* =========================================================
   ĐĂNG KÝ theo Figma: trang trắng, thanh "← Đăng ký tài khoản", nút navy, OTP xám
   ========================================================= */
body.auth-reg .phero{background:radial-gradient(120% 90% at 80% 0%,#FF3048 0%,var(--red) 40%,var(--red-2) 100%)!important}
.auth-reg .au-top{display:flex;align-items:center;gap:6px;margin:-4px -4px 14px;padding:0 0 12px;border-bottom:1px solid #F0F2F5}
.auth-reg .au-top b{font-size:17px;font-weight:700;color:var(--ink)}
.auth-app .au-back{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:none;color:var(--ink);cursor:pointer}
.auth-app .au-back svg{width:22px;height:22px}
.auth-reg .rg-h{font-size:18px;line-height:1.3;margin:4px 0 4px;color:var(--ink)}
.auth-reg .rg-sub{font-size:13px;color:var(--ink-2)}
.auth-reg .rg-line{height:4px;background:#F0F2F5}
.auth-reg .rg-line i{background:var(--red)}
.auth-reg .rg-back{display:none}
.auth-app .otpbox{gap:8px}
.auth-app .otpbox input{border:0;border-radius:10px;background:#F2F3F5;font-size:20px;padding:12px 0;color:var(--ink)}
.auth-app .otpbox input:focus{background:#fff;box-shadow:0 0 0 2px var(--ink)}
.auth-app .otpbox.err input{box-shadow:0 0 0 2px var(--neg)}
.auth-app .drop-zone{border:1.5px dashed #C9CED6;border-radius:12px;background-color:#FAFBFC;color:var(--ink)}
.auth-app .drop-zone.has{border-style:solid;border-color:var(--red)}
.auth-app .drop-zone>span{color:var(--ink)}
.auth-app .drop-zone b{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ink);border-radius:999px;padding:6px 14px;font-size:13px;background:#fff}
.auth-app .rg-nav{gap:10px}
.au-foot p{margin:2px 0}
.au-foot b{font-weight:700}

/* Bật nhạc/Âm lượng nằm trong khung bảng quay (nền đỏ) — giữ bố cục 2 cột như bản cũ */
#kenoStage>.kn-audio{margin:0;padding:6px 8px 4px}
#kenoStage>.kn-audio .kn-music{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35)}
#kenoStage>.kn-audio .kn-music.on{background:var(--red);box-shadow:0 0 0 2px var(--gold)}
#kenoStage>.kn-audio .kn-vol{color:#FFE7A0}
#kenoStage>.kn-audio .kn-vol input{background:linear-gradient(90deg,var(--gold) var(--v),rgba(255,255,255,.3) var(--v))}
#kenoStage>.kn-audio .kn-vol input::-webkit-slider-thumb{background:var(--gold);box-shadow:0 0 0 1px var(--gold);border-color:var(--red-2)}

/* Banner trang chủ dùng artwork mới có sẵn tiêu đề và nút; giữ đúng tỉ lệ để không cắt ảnh. */
html .promo.app-promo{display:block;position:relative;margin-top:14px;padding:0;border-radius:16px;overflow:hidden;background:none;line-height:0}
html .promo.app-promo img{display:block;width:100%;height:auto;border-radius:inherit}
html .promo.app-promo:hover img{filter:brightness(1.03)}
/* Nền đăng nhập mới nằm sau khối chào mừng trên trang chủ. */
html body[data-page="home"] #apphome .welcome:not(.dash-card){
  background-color:#fff0f4!important;
  background-image:url(../img/brand/login-background-opt.webp)!important;
  background-size:100% 100%!important;background-position:center center!important;background-repeat:no-repeat!important
}
html body[data-page="home"] #apphome .welcome:not(.dash-card) .wl-r{visibility:hidden}

/* ===== Tài khoản thanh toán / nhận thưởng như app: thẻ gradient theo màu ngân hàng + hoa văn ===== */
html .pa-card.pa-app{position:relative;overflow:hidden;border:0;border-radius:14px;padding:14px 14px 16px;margin-bottom:10px;color:#fff;
  background:linear-gradient(120deg,color-mix(in srgb,var(--bk) 78%,#fff) 0%,var(--bk) 45%,color-mix(in srgb,var(--bk) 70%,#000) 100%);
  box-shadow:0 6px 16px color-mix(in srgb,var(--bk) 25%,transparent)}
.pa-card.pa-app::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16}
.pa-card.pa-app.p1::before{background:repeating-linear-gradient(45deg,#fff 0 2px,transparent 2px 22px),repeating-linear-gradient(-45deg,#fff 0 2px,transparent 2px 22px);-webkit-mask:linear-gradient(90deg,transparent 30%,#000);mask:linear-gradient(90deg,transparent 30%,#000)}
.pa-card.pa-app.p2::before{background:repeating-radial-gradient(circle at 85% 30%,#fff 0 2px,transparent 2px 18px);-webkit-mask:linear-gradient(90deg,transparent 35%,#000);mask:linear-gradient(90deg,transparent 35%,#000)}
.pa-card.pa-app.p3::before{background:repeating-conic-gradient(from 45deg at 80% 50%,#fff 0 6deg,transparent 6deg 30deg);-webkit-mask:linear-gradient(90deg,transparent 40%,#000);mask:linear-gradient(90deg,transparent 40%,#000)}
.pa-card.pa-app>*{position:relative}
.pa-card.pa-app.primary{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--red),0 6px 16px rgba(0,0,0,.12)}
.pa-card.pa-app.locked{opacity:1;filter:grayscale(.75)}
.pa-app .pa-card-top{gap:10px;align-items:center}
.pa-app .pa-bank{min-width:40px;width:40px;height:40px;padding:0;border-radius:10px;background:#fff!important;font-size:11px;font-weight:800;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.pa-app .pa-card-top strong{font-size:15px;font-weight:600;color:#fff}
.pa-app .pa-card-top small{font-size:11px;color:rgba(255,255,255,.75)}
.pa-app .pa-badge{background:var(--red-soft);color:var(--red);font-size:11px;font-weight:700;padding:3px 10px}
.pa-app .pa-badge.lock{background:rgba(255,255,255,.85);color:#333}
.pa-app .pa-setdef{flex:none;border:0;border-radius:999px;background:#fff;color:var(--red);font:inherit;font-size:11px;font-weight:700;padding:4px 10px;cursor:pointer}
.pa-app .pa-setdef:hover{background:var(--red-soft)}
.pa-app .pa-icons{display:flex;gap:6px;flex:none}
.pa-app .pa-icons button{width:28px;height:28px;border:0;border-radius:50%;background:#fff;color:var(--red);display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.pa-app .pa-icons button svg{width:15px;height:15px}
.pa-app .pa-icons button:hover:not([disabled]){background:var(--red-soft)}
.pa-app .pa-icons button[disabled]{opacity:.5;cursor:not-allowed}
.pa-app .pa-number{margin-top:16px}
.pa-app .pa-number strong{font-size:18px;font-weight:600;letter-spacing:2px;color:#fff}
.pa-app .pa-number button{opacity:.9;color:#fff;width:28px;height:28px;display:grid;place-items:center}
.pa-app .pa-number button svg{width:18px;height:18px}
.pa-app .pa-owner-label{margin-top:12px;font-size:12px;color:rgba(255,255,255,.8)}
.pa-app .pa-owner{font-size:15px;font-weight:700;color:#fff;letter-spacing:.3px}
.pa-sec .pa-add{background:#fff;border:1px solid var(--ink);color:var(--ink);border-radius:999px}
.pa-sec .pa-add:hover{background:#F5F6F8;color:var(--ink)}
@media (max-width:420px){.pa-app .pa-card-top small{display:none}.pa-app .pa-number strong{font-size:16px;letter-spacing:1px}}
.pa-app .pa-card-top>div{min-width:56px;flex:1}
.pa-app .pa-card-top strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pa-app .pa-icons button{min-height:0;min-width:0;flex:none;line-height:0}
@media (max-width:480px){
  .pa-card.pa-app{padding:12px}
  .pa-app .pa-card-top{gap:8px}
  .pa-app .pa-bank{width:34px;min-width:34px;height:34px;font-size:10px}
  .pa-app .pa-card-top strong{font-size:14px}
  .pa-app .pa-badge,.pa-app .pa-setdef{font-size:10px;padding:3px 8px}
  .pa-app .pa-icons{gap:4px}
  .pa-app .pa-icons button{width:26px;height:26px}
}

/* =========================================================
   CSKH Lucy — khung chat nổi góc phải, giao diện như "Thần tài luận số" (Keno)
   Màu đi theo hạng: --b1/--b2/--red/--red-soft đổi theo data-tier
   ========================================================= */
.lc-root{--lc1:var(--b1,#E50929);--lc2:var(--b2,#9E0019);--lc:var(--red,#E50929);--lcs:var(--red-soft,#FAECF0);font-family:var(--app-font)}
.lc-fab{position:fixed;right:20px;bottom:20px;z-index:320;width:58px;height:58px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;
  background:linear-gradient(135deg,var(--lc1),var(--lc2));box-shadow:0 10px 24px color-mix(in srgb,var(--lc) 38%,transparent);transition:transform .2s}
.lc-fab:hover{transform:translateY(-2px) scale(1.04)}
.lc-fab svg{width:28px;height:28px}
.lc-dot{position:absolute;right:5px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--green);border:2px solid #fff}
.lc-root.open .lc-dot{display:none}
body:has(.lc-root) .totop{bottom:90px}
.lc-panel{position:fixed;right:20px;bottom:90px;z-index:321;width:min(380px,calc(100vw - 24px));height:min(600px,calc(100dvh - 120px));display:flex;flex-direction:column;
  background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 20px 60px rgba(12,20,36,.28);animation:lcIn .2s ease}
.lc-panel[hidden]{display:none}
@keyframes lcIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.lc-head{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 14px;color:#fff;background:linear-gradient(135deg,var(--lc1),var(--lc2))}
.lc-av{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:700 13px/1 var(--app-font);color:#fff;
  background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--lc) 45%,#fff),var(--lc) 60%,var(--lc2));box-shadow:0 1px 3px rgba(0,0,0,.14)}
.lc-av-lg{width:38px;height:38px;font-size:16px;background:rgba(255,255,255,.22);border:1.5px solid rgba(255,255,255,.6)}
.lc-ht{flex:1;min-width:0;display:grid;gap:2px}
.lc-ht b{font-size:15px;font-weight:700}
.lc-ht small{font-size:12px;opacity:.9;display:flex;align-items:center;gap:6px}
.lc-on{width:7px;height:7px;border-radius:50%;background:#7CF0B5;display:inline-block}
.lc-x{width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.lc-x:hover{background:rgba(255,255,255,.32)}
.lc-notice{background:#FFF4D6;color:#8A5A00;font-size:12px;padding:7px 14px;text-align:center}
.lc-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:14px 12px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--lcs) 80%,#fff) 0%,#F4EEF6 55%,#E9F1FB 100%);scroll-behavior:smooth}
.lc-day{align-self:center;margin:4px 0 0;color:#71717A;font-size:12px;font-weight:500}
.lc-msg{display:flex;align-items:flex-end;gap:8px;max-width:100%}
.lc-content{display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:calc(100% - 38px)}
.lc-bub{max-width:100%;padding:10px 13px;background:#fff;border-radius:17px 17px 17px 5px;box-shadow:0 1px 2px rgba(0,0,0,.05);font-size:14px;line-height:1.5;color:var(--ink);overflow-wrap:anywhere}
.lc-bub p{margin:0 0 6px}.lc-bub p:last-child{margin-bottom:0}
.lc-bub h4{margin:0 0 6px;font-size:14.5px;font-weight:700;line-height:1.35}
.lc-tail{margin:3px 4px 0;color:#71717A;font-size:11.5px}
.lc-mine{flex-direction:row-reverse;margin-left:auto}
.lc-mine .lc-content{align-items:flex-end;max-width:85%}
.lc-mine .lc-bub{background:color-mix(in srgb,var(--lcs) 70%,#fff);border:1px solid color-mix(in srgb,var(--lc) 18%,transparent);border-radius:17px 17px 5px 17px}
.lc-mine .lc-tail{color:color-mix(in srgb,var(--lc) 60%,#555)}
.lc-dots{display:inline-flex;gap:4px;padding:4px 0}
.lc-dots i{width:7px;height:7px;border-radius:50%;background:#9AA1AB;animation:lcB 1s infinite}
.lc-dots i:nth-child(2){animation-delay:.15s}.lc-dots i:nth-child(3){animation-delay:.3s}
@keyframes lcB{50%{opacity:1;transform:translateY(-2px)}0%,100%{opacity:.45}}
.lc-path{display:inline-block;margin:2px 0 6px;padding:2px 8px;border-radius:6px;background:var(--lcs);color:var(--lc2);font-size:12px;font-weight:600}
.lc-steps{margin:4px 0 8px;padding:0;list-style:none;counter-reset:s;display:grid;gap:6px}
.lc-steps li{counter-increment:s;display:grid;grid-template-columns:22px minmax(0,1fr);gap:7px;font-size:13.5px}
.lc-steps li::before{content:counter(s);width:20px;height:20px;border-radius:50%;background:var(--lc);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700;margin-top:1px}
.lc-tiers{display:grid;gap:6px;margin:6px 0 8px}
.lc-tier{display:grid;gap:2px;padding:8px 10px;border-radius:10px;background:#F7F8FA;border:1px solid #EEF0F3;font-size:13px}
.lc-tier b{color:var(--lc2);font-size:12.5px}
.lc-note{margin:6px 0 0;padding:8px 10px;border-radius:10px;font-size:12.5px;background:#FFF4E5;border:1px solid #FFD9A8}
.lc-note.ok{background:#E8F7EF;border-color:#B4E5CB}
.lc-note.bad{background:var(--red-soft);border-color:#F7C1C9}
.lc-close{color:var(--ink-2);font-size:13px;margin-top:8px!important}
.lc-chnote{font-size:12px;color:var(--ink-2)}
.lc-hot{margin-top:8px;padding:9px 11px;border-radius:12px;border:1.5px dashed var(--lc);background:#fff;display:grid;gap:3px}
.lc-hot-l{font-size:10.5px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--lc)}
.lc-hot-n{display:flex;align-items:center;gap:10px}
.lc-hot-n a{font-size:19px;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:.4px}
.lc-hot-n button{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:3px 10px;font:inherit;font-size:12px;cursor:pointer}
.lc-hot small{font-size:12px;color:var(--ink-2)}
.lc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.lc-chip{border:1px solid color-mix(in srgb,var(--lc) 35%,#fff);background:#fff;color:var(--lc2);border-radius:999px;padding:5px 11px;font:600 12.5px/1.3 var(--app-font);cursor:pointer;text-align:left}
.lc-chip:hover{background:var(--lcs);border-color:var(--lc)}
.lc-receipt{margin:6px 0;border:1px solid #EEF0F3;border-radius:10px;overflow:hidden;font-size:13px}
.lc-receipt div{display:grid;grid-template-columns:104px minmax(0,1fr);gap:8px;padding:6px 10px;border-top:1px solid #EEF0F3}
.lc-receipt div:first-child{border-top:0}
.lc-receipt span{color:var(--ink-2)}
.lc-quick{display:flex;gap:6px;overflow-x:auto;padding:8px 12px 0;background:#fff;scrollbar-width:none}
.lc-quick::-webkit-scrollbar{display:none}
.lc-quick .lc-chip{flex:none;white-space:nowrap;margin:0}
.lc-compose{position:relative;display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border-top:1px solid #F0F1F4;margin:0}
.lc-emo{flex:none;width:38px;height:38px;border:0;border-radius:50%;background:none;color:var(--lc);display:grid;place-items:center;cursor:pointer}
.lc-emo svg{width:24px;height:24px}
.lc-emo:hover,.lc-emo.on{background:var(--lcs)}
.lc-in{flex:1;min-width:0;height:42px;border:0;border-radius:999px;background:#F3F4F6;padding:0 16px;font:inherit;font-size:14.5px;color:var(--ink);outline:none}
.lc-in:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--lc) 35%,transparent);background:#fff}
.lc-send{flex:none;width:42px;height:42px;border:0;border-radius:50%;background:var(--lc);position:relative;cursor:pointer;padding:0}
.lc-send::before{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;background:#fff;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12 20 4l-4 16-4-6z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12 20 4l-4 16-4-6z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat}
.lc-send:disabled{background:color-mix(in srgb,var(--lc) 35%,#fff);cursor:default}
/* bảng emoji */
.lc-ep{position:absolute;left:8px;bottom:calc(100% + 6px);width:min(332px,calc(100% - 16px));height:330px;display:flex;flex-direction:column;background:#fff;border:1px solid #E6E8EC;border-radius:12px;box-shadow:0 12px 32px rgba(12,20,36,.2);overflow:hidden;z-index:2}
.lc-ep[hidden]{display:none}
.lc-ep-top{display:flex;align-items:center;gap:8px;padding:8px 8px 4px}
.lc-ep-s{flex:1;min-width:0;height:34px;border:1px solid #D9DCE1;border-radius:8px;padding:0 10px;font:inherit;font-size:14px;outline:none}
.lc-ep-s:focus{border-color:var(--lc)}
.lc-ep-hand{font-size:22px;line-height:1}
.lc-ep-tabs{display:flex;justify-content:space-between;padding:2px 6px;border-bottom:1px solid #EEF0F3}
.lc-ep-tabs button{flex:1;height:32px;border:0;background:none;font-size:18px;line-height:1;cursor:pointer;border-bottom:3px solid transparent;border-radius:6px 6px 0 0;padding:0}
.lc-ep-tabs button:hover{background:#F5F6F8}
.lc-ep-tabs button.on{border-bottom-color:var(--lc)}
.lc-ep-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(8,1fr);align-content:start;gap:2px;padding:6px}
.lc-ep-grid button,.lc-ep-fav button{height:36px;border:0;border-radius:50%;background:none;font-size:23px;line-height:1;cursor:pointer;padding:0;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}
.lc-ep-grid button:hover,.lc-ep-fav button:hover{background:#ECEEF2}
.lc-ep-none{grid-column:1/-1;text-align:center;color:#8A8F98;font-size:13px;margin:24px 0}
.lc-ep-fav{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:4px 6px;border-top:1px solid #EEF0F3;background:#FAFBFC}
@media (max-width:900px){
  body.has-tabbar .lc-fab{bottom:calc(90px + env(safe-area-inset-bottom))}
  body.has-tabbar:has(.lc-root) .totop{bottom:calc(160px + env(safe-area-inset-bottom))}
  body.has-tabbar .lc-panel{bottom:calc(158px + env(safe-area-inset-bottom));height:min(560px,calc(100dvh - 190px))}
}
@media (max-width:600px){
  .lc-fab{right:14px;width:52px;height:52px}
  .lc-panel{right:8px;left:8px;width:auto}
  .lc-ep-grid,.lc-ep-fav{grid-template-columns:repeat(7,1fr)}
}
@media (prefers-reduced-motion:reduce){.lc-panel{animation:none}.lc-dots i{animation:none}.lc-list{scroll-behavior:auto}}

/* =========================================================
   ĐIỆN THOẠI — chống chồng lấn (rà toàn bộ màn ở 360–414px)
   ========================================================= */
/* lưới/flex một cột không được nở theo nội dung rộng (bảng quay Keno làm trang rộng 771px) */
.keno-top>*,.keno-top,.buy>*{min-width:0}
@media (max-width:700px){
  /* thẻ sản phẩm: logo nằm gọn trong cột trái, không đè chữ */
  .prow{grid-template-columns:112px minmax(0,1fr) 22px}
  .prow .pr-logo{overflow:hidden;padding:8px 6px;min-width:0}
  html .prow .pr-logo .plw{width:100%!important;max-width:100px;height:62px!important;display:grid;place-items:center}
  html .prow .pr-logo .plw img.plogo,html .prow .pr-logo .plw svg.plogo{width:100%!important;height:100%!important;object-fit:contain}
  .pr-body{min-width:0;padding:10px 10px 10px 12px}
  .pr-body>small{padding-right:38px}
  .flip{flex-wrap:nowrap}
  .flip i{width:24px;height:32px;font-size:19px}
  .flip em{font-size:20px}
  /* "Quay nhanh" và "HOT" xếp cạnh nhau, không đè */
  .pr-fast{position:static!important;align-self:flex-start;margin-top:6px;max-width:100%}
  .pr-hot{position:static!important;align-self:flex-start;margin-top:4px;font-size:12px;padding:2px 8px}
  .pr-jb{position:static!important;align-self:flex-start;margin-top:4px}
  /* Thần Tài "sắp quay" thu nhỏ ở góc trên phải thân thẻ, không đè đồng hồ */
  html .pr-body .soon-tt{top:6px;right:4px;width:32px;height:32px;transform:none;animation:none}
  .pr-amt{font-size:19px;word-break:break-word}
  .pr-txt{font-size:15px}
}
/* header điện thoại hẹp: thu nhỏ logo + các nút, không tràn ngang */
@media (max-width:400px){
  .site-header .brand-img{max-width:100px!important}
  .site-header .hright{gap:4px}
  .site-header .tier-chip{padding:3px;border-radius:12px}
  .site-header .tier-chip .ti{width:26px;height:26px}
  .site-header .wallet-chip{width:34px!important;height:34px}
  .site-header .hicon,.site-header .cart-btn{width:34px;height:34px}
  .site-header .burger{width:36px;height:36px}
}
/* nút nổi "Trúng lớn": gọn lại trên điện thoại để không che nội dung */
@media (max-width:600px){
  .bigwin-fab{left:10px;padding:3px;gap:0;border-width:2px}
  .bigwin-fab span{display:none}
  .bigwin-fab img{width:40px;height:40px}
}
@media (max-width:480px){
  /* Rút tiền: 2 ô số dư không bẻ số giữa chừng */
  .mt-bal2{padding:14px 14px;gap:0}
  .mt-bal2>div+div{padding-left:12px}
  .mt-bal2 b[style]{font-size:15px!important}
  .mt-bal2 .g{font-size:21px;white-space:nowrap}
  .mt-bal2 .r{font-size:23px;white-space:nowrap;overflow-wrap:normal}
  /* Kết quả: dòng "Các kỳ trước" trên một hàng */
  .kq-row summary{gap:8px;padding:12px}
  .kq-row summary b,.kq-row summary em{white-space:nowrap}
  .kq-row summary small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .kq-row summary em{font-size:13px}
  /* Trang chơi: tên sản phẩm 1 dòng */
  .gp2-top h1{font-size:18px;white-space:nowrap;min-width:0}
  body[data-page="games"]:not([data-game="keno"]) .gp2-top .gp2-logo{display:none}
  /* Tài khoản: 3 ô thống kê không chen chúc */
  body[data-page="account"] .kv[style*="repeat(3"]{grid-template-columns:1fr 1fr!important}
  body[data-page="account"] .kv[style*="repeat(3"]>div:last-child{grid-column:1/-1}
}
@media (max-width:480px){
  /* Trang chơi: "Cách chơi" và "Kỳ" mỗi ô một hàng, không cắt chữ */
  body[data-page="games"]:not([data-game="keno"]) .gp2-sel{flex-direction:column;gap:0;padding:4px 6px}
  body[data-page="games"]:not([data-game="keno"]) .gp2-sel label{flex:1 1 auto;white-space:nowrap;padding:8px 10px}
  body[data-page="games"]:not([data-game="keno"]) .gp2-sel label+label{border-left:0;border-top:1px solid var(--line)}
  body[data-page="games"]:not([data-game="keno"]) .gp2-sel .nsel{flex:1;min-width:0}
}
@media (max-width:600px){
  .kn-luan{width:44px;right:6px;bottom:40px;padding:4px 2px;border-radius:10px;font-size:9px}
  .kn-luan svg{width:18px;height:18px}
}

/* =========================================================
   Điện thoại: TẠM ẨN tab "Sản phẩm · Thần Tài Học · Số yêu thích" (trang chủ)
   và thanh điều hướng dưới (Trang chủ · Vé của tôi · Mua vé · Kết quả · Tài khoản).
   Chỉ ẩn bằng CSS — mã tạo 2 thanh này vẫn giữ nguyên; xóa khối này để hiện lại.
   ========================================================= */
@media (max-width:900px){
  html body[data-page="home"] .home-product-tabs{display:none!important}
  html .tabbar{display:none!important}
  html body.has-tabbar{padding-bottom:0}
  html body.has-tabbar .totop{bottom:20px}
  html body.has-tabbar .toasts{bottom:24px}
  html body.has-tabbar .bigwin-fab{bottom:22px}
  html body.has-tabbar .lc-fab{bottom:20px}
  html body.has-tabbar:has(.lc-root) .totop{bottom:90px}
  html body.has-tabbar .lc-panel{bottom:90px;height:min(600px,calc(100dvh - 120px))}
}

/* Khối "Mua vé mọi lúc, mọi nơi" (trang chủ): gọn hơn trên điện thoại, 2 nút tải app nằm ngang 1 hàng */
@media (max-width:700px){
  body[data-page="home"] .appband{padding:18px 16px;gap:12px;border-radius:18px}
  body[data-page="home"] .appband h2{font-size:20px;line-height:1.3;margin-bottom:2px}
  body[data-page="home"] .appband p{font-size:13px;margin:0}
  body[data-page="home"] .appband::after{width:180px;height:180px;border-width:28px;right:-60px;top:-60px}
  body[data-page="home"] .appband .stores{flex-wrap:nowrap;gap:8px;width:100%}
  body[data-page="home"] .appband .badge{height:40px;flex:0 1 auto;min-width:0}
  body[data-page="home"] .appband .badge img{height:100%;width:auto;max-width:100%}
}
@media (max-width:360px){body[data-page="home"] .appband .badge{height:36px}}

/* =========================================================
   Bảng quay Keno trên điện thoại: đủ chiều cao để mọi màn (Bảng 80 số, Chuẩn bị, Quay số,
   Kết quả, 3 kỳ gần nhất, Thống kê các số, Biểu đồ) hiện đúng, không lồng chữ/bóng vào nhau
   ========================================================= */
@media (max-width:600px){
  html body[data-page="games"][data-game="keno"] .kst{--kst-h:clamp(300px,86vw,340px)}
  html body[data-page="games"][data-game="keno"] .kst-stage,html body[data-page="buy"] .kst-stage,html body.kn-app .kst-stage{height:var(--kst-h)}
  html body.kn-app .kst,html body[data-page="buy"] .kst{--kst-h:clamp(300px,86vw,340px)}
  /* Thống kê các số: 6 hàng gọn, nhãn hẹp */
  .kst-freq{gap:2px;padding:8px 8px 10px}
  .kst-freq header{height:30px}
  .kst-freq header .kst-logo{width:54px;height:30px}
  .kst-freq header strong{font-size:20px}
  .kst-f-line{grid-template-columns:52px minmax(0,1fr);gap:3px}
  .kst-f-lb{font-size:8.5px;line-height:1.1}
  .kst-f-lb small{display:block;margin:0}
  .kst-f-balls b{max-width:21px;font-size:9.5px}
  .kst-f-balls small{font-size:8.5px;line-height:9px}
}
@media (max-width:600px){
  /* Quay số / Kết quả: nhãn kỳ xuống dòng, Thần Tài đặt dưới cùng cột trái, bóng to vừa ô
     (dùng !important để thắng các quy tắc Keno 218px cũ trong style.css) */
  html .kst-draw .kst-d-main{height:calc(var(--kst-h) - 100px)!important}
  html .kst-draw .kst-per{flex-direction:column!important;align-items:flex-start!important;gap:0!important;white-space:normal!important;line-height:1.15;font-size:10px!important}
  html .kst-draw .kst-per strong{font-size:15px!important}
  html .kst-draw .kst-per.kst-left{margin-top:6px!important}
  html .kst-draw .kst-mascot.d{top:auto!important;bottom:0!important;left:0!important;width:70px!important;height:76px!important}
  html .kst-draw .kst-20{height:100%;gap:4px 2px!important;padding:4px 0!important}
  html .kst-draw .kst-20 span{width:clamp(24px,7.6vw,32px)!important;height:clamp(24px,7.6vw,32px)!important;font-size:clamp(10px,3.4vw,14px)!important;border-width:2px!important}
}
@media (max-width:400px){
  .kst-w-center{top:62px}
  .kst-w-center .kst-logo{height:80px}
  .kst-mascot.w{width:84px;height:98px;bottom:30px}
  .kst-w-msg{left:28%;right:4%;bottom:34px}
  .kst-w-msg strong{font-size:13px;margin-bottom:3px;white-space:nowrap}
  .kst-w-msg span{font-size:10px;line-height:14px}
  .kst-counts span{font-size:8px}
  .kst-counts b{font-size:13px}
  .kst-win span{font-size:10px}
}

/* =========================================================
   BINGO18 theo Figma (lần 2): ảnh nền logo BINGO 18 mờ ở đầu màn,
   chữ BINGO18 như app, bộ bóng vàng trên các nút "trùng nhau / 1 số trúng",
   màn rộng hơn cho bản web (2 cột trên máy tính)
   ========================================================= */
html .b18-app{position:relative;overflow:hidden;isolation:isolate}
.b18-app::before{content:"";position:absolute;z-index:0;right:-18px;top:-14px;width:min(46%,260px);height:118px;pointer-events:none;
  background:url(../img/products/app/bingo-opt.webp) right top/contain no-repeat;opacity:.22;filter:saturate(1.15) brightness(1.05);
  -webkit-mask:linear-gradient(200deg,#000 35%,transparent 92%);mask:linear-gradient(200deg,#000 35%,transparent 92%)}
.b18-app>*{position:relative;z-index:1}
html .b18-word{font:900 25px/1 var(--app-font);font-style:normal;letter-spacing:.5px;background:linear-gradient(180deg,#FFF6BF 0%,#FFD23F 50%,#E59B12 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(60,30,0,.55))}
html .b18-word i{font:900 italic 27px/1 Georgia,"Times New Roman",serif;margin-left:1px;letter-spacing:0}
/* nhóm nút có bóng: khung tối, viền xanh, khoảng cách như app */
html .b18-app .b18-sprow{gap:8px;background:transparent;border:0;padding:0;margin:0 0 12px}
html .b18-app .b18-sp,html .b18-app .b18-sp:nth-child(even){min-height:64px;background:#0D3627;border:1.5px solid #1D5E45;border-radius:12px;overflow:visible;transition:border-color .15s,background .15s}
html .b18-app .b18-sp:hover{border-color:#3BA57A;background:#104331}
html .b18-app .b18-sp.pair{min-height:72px}
html .b18-app .b18-sp.single{min-height:56px}
/* bóng vàng bóng bẩy, số nâu đậm */
html .b18-app .b18-ball{width:24px;height:24px;flex:none;border-radius:50%;
  background:radial-gradient(circle at 34% 28%,#FFFBE0 0 9%,#FFE27A 26%,#F7B92B 62%,#D9850F 88%,#B96A06 100%);
  box-shadow:inset 0 -2px 3px rgba(140,70,0,.45),0 2px 3px rgba(0,0,0,.45);
  color:#3A2200;font:800 12.5px/1 var(--app-font);text-shadow:0 1px 0 rgba(255,240,190,.6)}
html .b18-app .b18-balls{gap:0}
/* 3 số trùng nhau: 2 bóng trên, 1 bóng dưới, chồng nhẹ */
html .b18-app .b18-sp.triple .b18-balls{width:46px;max-width:none;flex-wrap:wrap;justify-content:center}
html .b18-app .b18-sp.triple .b18-ball:nth-child(2){margin-left:-3px}
html .b18-app .b18-sp.triple .b18-ball:last-child{margin:-5px auto 0}
/* 2 số trùng nhau: 2 bóng xếp dọc, chồng nhẹ */
html .b18-app .b18-sp.pair .b18-balls{flex-direction:column;align-items:center}
html .b18-app .b18-sp.pair .b18-ball+.b18-ball{margin-top:-4px}
/* 1 số trúng: 1 bóng */
html .b18-app .b18-sp.single .b18-ball{width:28px;height:28px;font-size:14px}
/* tiêu đề nhóm: chữ xanh nhạt, hệ số vàng như app */
html .b18-app .b18-gh{color:#BDEBD4}
html .b18-app .b18-gh b{color:#FFD54F}

/* Ảnh logo sản phẩm: giữ nguyên toàn bộ ảnh, kể cả các file có tỷ lệ khác nhau. */
html .plw{box-sizing:border-box;min-width:0;max-width:100%}
html .plw>img.plogo{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
html .plw>svg.plogo{display:none;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}

/* Banner trang chủ Power 6/55: dùng ảnh nền đã cung cấp, không chồng logo/bóng cũ lên ảnh. */
html[data-tier] .hero .slide[data-game="power"] .bg{
  background-color:#65000B!important;
  background-image:linear-gradient(90deg,rgba(52,0,5,.28),rgba(52,0,5,.08) 58%,transparent 100%),url(../img/brand/home-power-background.webp)!important;
  background-size:100% 100%,contain!important;background-position:center center,center center!important;background-repeat:no-repeat!important
}
html[data-tier] .hero .slide[data-game="mega"] .bg{
  background-color:#56000A!important;
  background-image:linear-gradient(90deg,rgba(52,0,5,.28),rgba(52,0,5,.08) 58%,transparent 100%),url(../img/brand/home-mega-background.webp)!important;
  background-size:100% 100%,contain!important;background-position:center center,center center!important;background-repeat:no-repeat!important
}
html[data-tier] .hero .slide[data-game="lotto"] .bg{
  background-color:#063317!important;
  background-image:linear-gradient(90deg,rgba(0,32,13,.2),rgba(0,32,13,.06) 58%,transparent 100%),url(../img/brand/home-lotto-background.webp)!important;
  background-size:100% 100%,contain!important;background-position:center center,center center!important;background-repeat:no-repeat!important
}
html .hero .slide:is([data-game="power"],[data-game="mega"],[data-game="lotto"]) .bg{transform:none!important}
/* Giữ nguyên toàn bộ banner Lotto, Mega và Power theo tỷ lệ gốc ở mọi kích thước màn hình. */
html[data-tier] .hero .slide:is([data-game="power"],[data-game="mega"],[data-game="lotto"]) .bg{
  background-size:100% 100%,100% auto!important;
  background-position:center center,center center!important;
  background-repeat:no-repeat!important
}
html .hero .slide:is([data-game="power"],[data-game="mega"],[data-game="lotto"]) .slide-logo,
html .hero .slide:is([data-game="power"],[data-game="mega"],[data-game="lotto"]) .art{display:none!important}

/* màn rộng cho bản web */
body[data-game="bingo"] .sec>.wrap[style*="640"]{max-width:1100px!important}
html .b18-app{max-width:none}
.b18-colL,.b18-colR{min-width:0}
@media (min-width:960px){
  html .b18-app{padding:18px 22px 22px;border-radius:24px}
  .b18-app::before{width:340px;height:150px;right:-10px;top:-10px}
  html .b18-word{font-size:30px}
  html .b18-word i{font-size:33px}
  .b18-app .b18-tabs{max-width:520px}
  .b18-cols{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:22px;align-items:start}
  .b18-colL{position:sticky;top:84px}
  html .b18-app .b18-cell.number{min-height:64px}
  html .b18-app .b18-cell.number strong{font-size:26px}
  html .b18-app .b18-grid.full .number{min-height:56px}
  html .b18-app .b18-cell.choice{min-height:104px}
  html .b18-app .b18-sp,html .b18-app .b18-sp:nth-child(even){min-height:76px}
  html .b18-app .b18-sp.pair{min-height:84px}
  html .b18-app .b18-ball{width:28px;height:28px;font-size:14px}
  html .b18-app .b18-sp.triple .b18-balls{width:54px}
  html .b18-app .b18-sp.single .b18-ball{width:32px;height:32px;font-size:16px}
  html .b18-app .b18-btns button{height:52px;font-size:16px}
}
/* điện thoại: giữ thứ tự như app (thẻ "Trúng thưởng trong tuần" nằm dưới bảng số) */
@media (max-width:959px){
  .b18-cols{display:flex;flex-direction:column}
  .b18-colL,.b18-colR{display:contents}
  .b18-cols .b18-week{order:5}
  .b18-cols .b18-foot{order:6}
  .b18-cols .b18-demo{order:7}
}
@media (min-width:960px){ .b18-colL .b18-week{margin-top:14px} }
@media (max-width:480px){
  html .b18-app .b18-sprow{gap:5px}
  html .b18-app .b18-sp.triple .b18-balls{width:38px}
  html .b18-app .b18-sp.triple .b18-ball{width:20px;height:20px;font-size:11px}
  html .b18-app .b18-sp.triple .b18-ball:last-child{margin-top:-4px}
}

/* Ảnh nền banner số may mắn: phủ kín thẻ và đổi sắc theo hạng Royalty hiện chọn. */
:root{--lucky-tier-deep:var(--red-2,#BE0029);--lucky-tier-bright:var(--red,#E50929)}
html[data-tier="basic"]{--lucky-tier-deep:#C9200E;--lucky-tier-bright:#ED5A1D}
html[data-tier="bronze"]{--lucky-tier-deep:#7D4418;--lucky-tier-bright:#C07A3D}
html[data-tier="silver"]{--lucky-tier-deep:#3B556D;--lucky-tier-bright:#7895AD}
html[data-tier="gold"]{--lucky-tier-deep:#A65B08;--lucky-tier-bright:#E5A331}
html[data-tier="diamond"]{--lucky-tier-deep:#000000;--lucky-tier-bright:#3B3B3B}
html[data-tier] .lucky{
  background-color:var(--lucky-tier-deep)!important;
  background-image:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.18)),linear-gradient(135deg,var(--lucky-tier-deep),var(--lucky-tier-bright)),url("../img/brand/home-lucky-numbers-background-opt.webp")!important;
  background-size:cover,cover,cover!important;background-position:center,center,center!important;background-repeat:no-repeat!important;
  background-blend-mode:multiply,color,normal!important;
  box-shadow:0 18px 40px color-mix(in srgb,var(--lucky-tier-deep) 30%,transparent)!important
}
html[data-tier="basic"] .lucky{
  background-image:url("../img/brand/home-lucky-numbers-background-opt.webp")!important;background-blend-mode:normal!important
}
html[data-tier] .lucky::after{content:none!important}

/* ---------- Bán kính thống nhất trên tất cả màn hình ---------- */
html .auth-card,
html body.auth-login .auth-card,
html .b18-app,
html .kl,
html .kq-card,
html .kq-list,
html .lucky,
html .welcome,
html .appband,
html .regband,
html .pop,
html .ticket,
html .kc-panel.kc-inline,
html .cp-card{
  border-radius:var(--radius)!important
}

html .note,
html .gp2-sel,
html .gp2-card,
html .pay,
html .kq-tx,
html .cartbar,
html .kn-week,
html .b18-week{
  border-radius:var(--radius-sm)!important
}

html .pr-hot,
html .pr-badge,
html .pr-tag,
html .kq-ok,
html .kl-tag,
html .pr-jb,
html .pr-fast,
html .nw-tag,
html .app-badge{
  border-radius:var(--radius-pill)!important
}

/* Match the hero height to each source image so it spans the viewport without distortion. */
#hero{height:auto!important;min-height:0!important;aspect-ratio:3991 / 1113}
html #hero .slide:is([data-game="power"],[data-game="mega"],[data-game="lotto"]) .bg{
  background-size:100% 100%,100% auto!important;
  background-position:center center,center center!important;
  background-repeat:no-repeat!important
}
#hero .slide h1,#hero .slide h2{font-size:clamp(24px,2.4vw,46px);line-height:1.08}
#hero .big-amt{font-size:clamp(26px,3.125vw,60px)}
#hero .big-amt small{font-size:clamp(11px,1.15vw,22px)}
#hero .hl-ball{width:clamp(26px,2.5vw,48px);height:clamp(26px,2.5vw,48px);font-size:clamp(12px,.95vw,18px)}

@media (max-width:900px){
  #hero .slide .wrap{grid-template-columns:1fr;padding:clamp(6px,1.5vw,14px) 14px clamp(34px,5vw,46px)}
  #hero .slide .txt{width:62%;max-width:680px}
  #hero .slide h1,#hero .slide h2{font-size:clamp(16px,3vw,26px);line-height:1.06}
  #hero .big-amt{font-size:clamp(18px,4vw,34px);letter-spacing:-.5px}
  #hero .big-amt small{font-size:clamp(10px,1.8vw,16px)}
  #hero .hero-lucky{margin:2px 0 10px}
  #hero .hero-lucky small{font-size:clamp(8px,1.2vw,11px);margin-bottom:4px}
  #hero .hl-balls{gap:clamp(3px,.7vw,7px)}
  #hero .hl-ball{width:clamp(22px,3.1vw,30px);height:clamp(22px,3.1vw,30px);font-size:clamp(10px,1.5vw,14px)}
  #hero .hero-ctrl{bottom:clamp(4px,1.3vw,12px)}
  #hero .dots button{width:clamp(22px,3.8vw,34px)}
  #hero .arrows button{width:clamp(26px,4.4vw,40px);height:clamp(26px,4.4vw,40px);font-size:clamp(14px,2vw,18px)}
}

@media (max-width:600px){
  #hero .slide .wrap{grid-template-columns:1fr;padding:4px 12px 26px}
  #hero .slide .txt{width:58%}
  #hero .kicker{display:none}
  #hero .big-amt{font-size:clamp(10px,3.3vw,13px);letter-spacing:-.2px;white-space:nowrap;margin-bottom:3px}
  #hero .big-amt small{font-size:8px}
  #hero .slide h1,#hero .slide h2{font-size:clamp(8px,2.8vw,11px);line-height:1.06;letter-spacing:0;margin-bottom:4px;max-height:2.12em;overflow:hidden}
  #hero .hero-lucky{display:block;margin:2px 0 4px}
  #hero .hero-lucky small{font-size:clamp(6px,1.8vw,7px);line-height:1;margin-bottom:2px}
  #hero .hl-balls{gap:2px}
  #hero .hl-ball{width:clamp(10px,3vw,12px);height:clamp(10px,3vw,12px);font-size:clamp(6px,1.6vw,7px);box-shadow:none}
  #hero .cta{gap:4px;flex-wrap:nowrap}
  #hero .cta .btn{font-size:clamp(6px,1.9vw,8px);line-height:1;padding:4px 6px;border-width:1px;min-height:0;white-space:nowrap}
  #hero .hero-ctrl{bottom:4px}
  #hero .dots{display:none}
  #hero .arrows button{width:clamp(24px,7vw,30px);height:clamp(24px,7vw,30px);font-size:14px}
}

@media (max-width:360px){
  #hero .slide .wrap{padding:2px 10px 12px}
  #hero .big-amt{font-size:clamp(10px,3.1vw,12px)}
  #hero .slide h1,#hero .slide h2{font-size:clamp(8px,2.5vw,9px)}
  #hero .hero-lucky{margin:1px 0 3px}
  #hero .hero-lucky small{font-size:6px;margin-bottom:1px}
  #hero .hl-ball{width:10px;height:10px;font-size:6px}
  #hero .cta .btn{font-size:6px;padding:4px 5px}
}

/* Bảng chào mừng sau đăng nhập: bố cục theo mẫu mới, màu nhấn vẫn theo hạng Royalty. */
html body[data-page="home"] #apphome .dash-card{
  position:relative;isolation:isolate;overflow:hidden;align-items:center;gap:20px;
  grid-template-columns:minmax(0,1.35fr) minmax(180px,1fr);padding:22px 28px;
  border-radius:16px!important;background-color:#eef2fb;
  background-image:linear-gradient(135deg,#fff,#f4f5f8);
  background-size:cover;background-position:center;background-repeat:no-repeat;
  box-shadow:0 8px 24px rgba(19,36,71,.08)
}
html[data-tier="basic"] body[data-page="home"] #apphome .dash-card{
  background-color:#eef2fb;background-image:url(../img/brand/dashboard-welcome-background.png)
}
html[data-tier="bronze"] body[data-page="home"] #apphome .dash-card{
  background-color:#f5e8da;background-image:url(../img/brand/dashboard-welcome-background-bronze.png)
}
html[data-tier="silver"] body[data-page="home"] #apphome .dash-card{
  background-color:#e5edf5;background-image:url(../img/brand/dashboard-welcome-background-silver.png)
}
html[data-tier="gold"] body[data-page="home"] #apphome .dash-card{
  background-color:#f8eccf;background-image:url(../img/brand/dashboard-welcome-background-gold.png)
}
html[data-tier="diamond"] body[data-page="home"] #apphome .dash-card{
  background-color:#eee9ff;background-image:url(../img/brand/dashboard-welcome-background-diamond.png)
}
html body[data-page="home"] #apphome .dash-card .wl-l{position:relative;z-index:1;min-width:0}
html body[data-page="home"] #apphome .dash-intro{margin:0 0 10px}
html body[data-page="home"] #apphome .dash-welcome-badge{display:inline-flex;align-items:center;min-height:20px;margin-bottom:5px;padding:3px 9px;border-radius:999px;background:#e3f5ee;color:#18825a;font-size:10px;font-weight:800;line-height:1.2}
html[data-tier="bronze"] body[data-page="home"] #apphome .dash-welcome-badge{background:#fff1e2;color:#a75417}
html[data-tier="bronze"] body[data-page="home"] #apphome .dash-tier-row>b{color:#c2531d}
html[data-tier="bronze"] body[data-page="home"] #apphome .dash-progress span{background:#e87945}
html[data-tier="silver"] body[data-page="home"] #apphome .dash-welcome-badge{background:#e7e8eb;color:#5e6570}
html[data-tier="silver"] body[data-page="home"] #apphome .dash-tier-row>b{color:#66717f}
html[data-tier="silver"] body[data-page="home"] #apphome .dash-progress span{background:#9aa3af}
html[data-tier="gold"] body[data-page="home"] #apphome .dash-welcome-badge{background:#fff1c2;color:#a56600}
html[data-tier="gold"] body[data-page="home"] #apphome .dash-tier-row>b{color:#b78200}
html[data-tier="gold"] body[data-page="home"] #apphome .dash-progress span{background:#eab308}
html[data-tier="diamond"] body[data-page="home"] #apphome .dash-welcome-badge{background:#eee8ff;color:#7251d2}
html[data-tier="diamond"] body[data-page="home"] #apphome .dash-tier-row>b{color:#704bd0}
html[data-tier="diamond"] body[data-page="home"] #apphome .dash-progress span{width:100%;background:#9874ee}
html body[data-page="home"] #apphome .dash-card .hello{margin:0;font-size:clamp(21px,1.95vw,27px);line-height:1.18;letter-spacing:-.75px}
html body[data-page="home"] #apphome .dash-intro p{margin:3px 0 0;color:#737d8c;font-size:11px;line-height:1.4}
html body[data-page="home"] #apphome .dash-card .bal{display:block;min-height:0;margin:0;padding:11px 12px 9px;gap:0;border:1px solid rgba(218,226,239,.8);border-radius:12px;background:rgba(255,255,255,.9)}
html body[data-page="home"] #apphome .dash-balance-row{display:flex;align-items:center;gap:12px;min-height:61px}
html body[data-page="home"] #apphome .dash-card .bal-l small{font-size:11px}
html body[data-page="home"] #apphome .dash-card .bal-l b{font-size:24px;line-height:1.16;color:var(--red)}
html body[data-page="home"] #apphome .dash-card .bal-sub{font-size:10px}
html body[data-page="home"] #apphome .dash-card .bal-a{gap:10px;padding-left:12px}
html body[data-page="home"] #apphome .dash-card .ba{gap:3px;font-size:10px}
html body[data-page="home"] #apphome .dash-card .bi{width:34px;height:34px;font-size:17px}
html body[data-page="home"] #apphome .dash-tier{display:block;min-height:0;margin:8px 0 0}
html body[data-page="home"] #apphome .dash-tier-row{display:flex;align-items:center;gap:7px;min-height:20px}
html body[data-page="home"] #apphome .dash-tier-icon{display:grid;place-items:center;width:16px;height:16px;flex:none;border-radius:50%;background:#e9f0ed;color:#6b8178;font-size:10px;font-weight:900}
html body[data-page="home"] #apphome .dash-tier-row>b{color:#44505d;font-size:10px;font-weight:700;line-height:1.2}
html body[data-page="home"] #apphome .dash-tier-row small{margin-left:auto;color:#778191;font-size:9px;white-space:nowrap}
html body[data-page="home"] #apphome .dash-progress{height:5px;margin:4px 0 5px;overflow:hidden;border-radius:999px;background:#e8edf2}
html body[data-page="home"] #apphome .dash-progress span{display:block;width:0;height:100%;border-radius:inherit;background:var(--green)}
html body[data-page="home"] #apphome .dash-tier .dash-pending{display:flex;align-items:center;justify-content:flex-start;min-height:14px;margin:0;color:#89919c;font-size:8px;line-height:1.3;text-decoration:none}
html body[data-page="home"] #apphome .dash-tier .dash-pending i{display:none}
html body[data-page="home"] #apphome .dash-tier .dash-pending b{color:#58616d}
html body[data-page="home"] #apphome .dash-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}
html body[data-page="home"] #apphome .dash-game{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto;align-items:center;min-width:0;min-height:56px;padding:5px 6px;border:1px solid rgba(224,230,240,.8);border-radius:10px;background:rgba(255,255,255,.78);color:var(--ink);text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}
html body[data-page="home"] #apphome .dash-game:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--red) 30%,#fff);box-shadow:0 5px 12px rgba(19,36,71,.08)}
html body[data-page="home"] #apphome .dash-game-top{display:flex;align-items:center;min-width:0;gap:5px}
html body[data-page="home"] #apphome .dash-game-logo{display:grid;place-items:center;width:34px;height:30px;flex:none;overflow:hidden}
html body[data-page="home"] #apphome .dash-game-logo .plw{transform:scale(.48);transform-origin:center}
html body[data-page="home"] #apphome .dash-game-info{display:flex;flex-direction:column;min-width:0;line-height:1.2}
html body[data-page="home"] #apphome .dash-game-info b{overflow:hidden;color:#17202c;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
html body[data-page="home"] #apphome .dash-game-info small{overflow:hidden;color:#697383;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
html body[data-page="home"] #apphome .dash-game-cta{display:block;width:100%;padding:4px 6px;border-radius:999px;background:color-mix(in srgb,var(--red) 10%,#fff);color:var(--red);font-size:9px;font-weight:800;text-align:center}
html body[data-page="home"] #apphome .dash-card .wl-r{position:relative;z-index:1;display:grid!important;place-items:center;min-width:0;visibility:visible}
html body[data-page="home"] #apphome .dash-card .wl-r .mascot{width:min(100%,240px)!important;height:auto!important;aspect-ratio:1;filter:drop-shadow(0 14px 20px rgba(34,44,70,.16))}

@media(max-width:900px){
  html body[data-page="home"] #apphome .dash-card{grid-template-columns:minmax(0,1.35fr) minmax(130px,1fr);padding:18px 20px}
  html body[data-page="home"] #apphome .dash-card .wl-r .mascot{width:min(100%,170px)!important}
}
@media(max-width:760px){
  html body[data-page="home"] #apphome .dash-card{display:block!important;min-height:0;padding:16px 14px 13px!important}
  html body[data-page="home"] #apphome .dash-card .wl-r{position:absolute;top:10px;right:10px;width:70px;height:70px}
  html body[data-page="home"] #apphome .dash-card .wl-r .mascot{width:68px!important;height:68px!important}
  html body[data-page="home"] #apphome .dash-intro{padding-right:66px;margin-bottom:9px}
  html body[data-page="home"] #apphome .dash-card .hello{font-size:clamp(19px,4.6vw,25px);letter-spacing:-.6px}
  html body[data-page="home"] #apphome .dash-intro p{font-size:10px}
  html body[data-page="home"] #apphome .dash-card .bal{min-height:0;padding:8px 10px}
  html body[data-page="home"] #apphome .dash-balance-row{min-height:56px;gap:8px}
  html body[data-page="home"] #apphome .dash-card .bal-l b{font-size:20px}
  html body[data-page="home"] #apphome .dash-card .bal-a{gap:7px;padding-left:8px}
  html body[data-page="home"] #apphome .dash-card .bi{width:29px;height:29px;font-size:15px}
  html body[data-page="home"] #apphome .dash-tier{margin-top:6px}
  html body[data-page="home"] #apphome .dash-tier-row{gap:5px}
  html body[data-page="home"] #apphome .dash-tier-row>b{font-size:9px}
  html body[data-page="home"] #apphome .dash-tier-row small{font-size:8px}
  html body[data-page="home"] #apphome .dash-games{gap:5px;margin-top:7px}
  html body[data-page="home"] #apphome .dash-game{grid-template-rows:1fr auto;row-gap:1px;min-height:56px;padding:4px 3px}
  html body[data-page="home"] #apphome .dash-game-top{gap:3px}
  html body[data-page="home"] #apphome .dash-game-logo{width:28px;height:27px}
  html body[data-page="home"] #apphome .dash-game-logo .plw{transform:scale(.4)}
  html body[data-page="home"] #apphome .dash-game-info{width:100%}
  html body[data-page="home"] #apphome .dash-game-info b{font-size:9px}
  html body[data-page="home"] #apphome .dash-game-info small{font-size:8px}
  html body[data-page="home"] #apphome .dash-game-cta{padding:3px;font-size:8px}
  html body[data-page="home"] #apphome .dash-tier .dash-pending{font-size:7px}
}
@media(max-width:360px){
  html body[data-page="home"] #apphome .dash-card{padding-left:10px!important;padding-right:10px!important}
  html body[data-page="home"] #apphome .dash-card .bal-a{gap:4px;padding-left:5px}
  html body[data-page="home"] #apphome .dash-card .ba{font-size:9px}
  html body[data-page="home"] #apphome .dash-card .bi{width:26px;height:26px}
  html body[data-page="home"] #apphome .dash-tier-row small{font-size:7px}
}

/* Bố cục dashboard theo mẫu mới: nội dung trái ở khung rộng, một cột trên điện thoại. */
html body[data-page="home"] #apphome .dash-card{
  display:grid!important;min-height:0;grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr);gap:14px;
  padding:12px;border-radius:16px!important
}
html body[data-page="home"] #apphome .dash-card .wl-l{width:100%;max-width:none}
html body[data-page="home"] #apphome .dash-intro{margin:0 0 10px;padding:0}
html body[data-page="home"] #apphome .dash-card .hello{font-size:clamp(20px,2.55vw,30px);line-height:1.12;letter-spacing:-.7px}
html body[data-page="home"] #apphome .dash-intro p{margin-top:4px;font-size:11px}
html body[data-page="home"] #apphome .dash-card .bal{
  padding:10px 12px 8px;border:1px solid rgba(218,226,239,.82);border-radius:12px;
  background:rgba(255,255,255,.94);box-shadow:none
}
html body[data-page="home"] #apphome .dash-balance-row{min-height:58px}
html body[data-page="home"] #apphome .dash-card .bal-l b{font-size:clamp(23px,3vw,30px);letter-spacing:-.45px}
html body[data-page="home"] #apphome .dash-card .bi{width:36px;height:36px;border-radius:11px;font-size:17px}
html body[data-page="home"] #apphome .dash-card .ba:not(:first-child) .bi{border:1px solid #e2e7ef;background:#fff;color:#344154}
html body[data-page="home"] #apphome .dash-tier{margin:6px 0 0;padding-top:6px;border-top:1px solid #edf0f4}
html body[data-page="home"] #apphome .dash-tier-row>b{color:var(--red)}
html body[data-page="home"] #apphome .dash-games{gap:8px;margin-top:10px}
html body[data-page="home"] #apphome .dash-game{min-height:68px;padding:6px 7px;border-radius:10px;background:rgba(255,255,255,.72)}
html body[data-page="home"] #apphome .dash-game-top{gap:4px}
html body[data-page="home"] #apphome .dash-game-logo{width:39px;height:32px}
html body[data-page="home"] #apphome .dash-game-logo .plw{transform:scale(.55)}
html body[data-page="home"] #apphome .dash-game-info b{font-size:8px}
html body[data-page="home"] #apphome .dash-game-info small{font-size:9px}
html body[data-page="home"] #apphome .dash-game-cta{padding:5px 6px;border-radius:999px;font-size:9px}
html body[data-page="home"] #apphome .dash-card .wl-r{display:none!important}
@media(max-width:760px){
  html body[data-page="home"] #apphome>.wrap{padding-left:12px;padding-right:12px}
  html body[data-page="home"] #apphome .dash-card{grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr);gap:14px;margin:0 16px;padding:12px!important;border-radius:16px!important;box-shadow:none}
  html body[data-page="home"] #apphome .dash-intro{margin-bottom:9px;padding:0}
  html body[data-page="home"] #apphome .dash-welcome-badge{min-height:17px;margin-bottom:3px;padding:2px 7px;font-size:8px}
  html body[data-page="home"] #apphome .dash-card .hello{font-size:clamp(18px,5vw,22px);letter-spacing:-.55px}
  html body[data-page="home"] #apphome .dash-intro p{margin-top:3px;font-size:9px;line-height:1.35}
  html body[data-page="home"] #apphome .dash-card .bal{padding:9px 10px 7px}
  html body[data-page="home"] #apphome .dash-balance-row{min-height:56px;gap:6px}
  html body[data-page="home"] #apphome .dash-card .bal-l small{font-size:9px}
  html body[data-page="home"] #apphome .dash-card .bal-l b{font-size:21px}
  html body[data-page="home"] #apphome .dash-card .bal-sub{font-size:8px}
  html body[data-page="home"] #apphome .dash-card .bal-a{gap:7px;padding-left:8px}
  html body[data-page="home"] #apphome .dash-card .bi{width:32px;height:32px;border-radius:10px;font-size:15px}
  html body[data-page="home"] #apphome .dash-card .ba{gap:2px;font-size:8px}
  html body[data-page="home"] #apphome .dash-tier{margin-top:5px;padding-top:5px}
  html body[data-page="home"] #apphome .dash-tier-row{gap:5px;min-height:17px}
  html body[data-page="home"] #apphome .dash-tier-row>b{font-size:8px}
  html body[data-page="home"] #apphome .dash-tier-row small{font-size:7px}
  html body[data-page="home"] #apphome .dash-progress{height:4px;margin:3px 0 4px}
  html body[data-page="home"] #apphome .dash-tier .dash-pending{min-height:11px;font-size:7px}
  html body[data-page="home"] #apphome .dash-games{gap:7px;margin-top:9px}
  html body[data-page="home"] #apphome .dash-game{min-height:67px;padding:5px 5px;border-radius:9px}
  html body[data-page="home"] #apphome .dash-game-top{gap:2px}
  html body[data-page="home"] #apphome .dash-game-logo{width:32px;height:29px}
  html body[data-page="home"] #apphome .dash-game-logo .plw{transform:scale(.47)}
  html body[data-page="home"] #apphome .dash-game-info b{font-size:7px;letter-spacing:-.1px}
  html body[data-page="home"] #apphome .dash-game-info small{font-size:8px}
  html body[data-page="home"] #apphome .dash-game-cta{padding:4px 3px;font-size:8px}
}
@media(max-width:600px){
  html body[data-page="home"] #apphome>.wrap{padding-left:0;padding-right:0}
  html body[data-page="home"] #apphome .dash-card{display:block!important;margin:0;padding:6px 6px 9px!important;border-radius:0!important}
}
@media(max-width:360px){
  html body[data-page="home"] #apphome .dash-games{gap:5px}
  html body[data-page="home"] #apphome .dash-game{padding-left:3px;padding-right:3px}
  html body[data-page="home"] #apphome .dash-game-logo{width:28px}
  html body[data-page="home"] #apphome .dash-game-logo .plw{transform:scale(.42)}
  html body[data-page="home"] #apphome .dash-game-info b{font-size:6.5px}
}

/* Căn logo sản phẩm cùng trục và giữ nguyên tỷ lệ ảnh ngang. */
html body[data-page="home"] #apphome .dash-game-logo{
  display:grid;place-items:center;flex:0 0 44px;width:44px;height:30px;overflow:visible
}
html body[data-page="home"] #apphome .dash-game-logo .plw{
  display:block!important;flex:none;width:44px!important;height:26px!important;max-width:none!important;max-height:none!important;
  transform:none!important;transform-origin:center
}
html body[data-page="home"] #apphome .dash-game-logo .plw>img.plogo{
  display:block;width:100%;height:100%;object-fit:contain;object-position:center
}
html body[data-page="home"] #apphome .dash-game-logo .plw:not(.nf)>svg.plogo{display:none}
html body[data-page="home"] #apphome .dash-game-logo .plw.nf>svg.plogo{display:block;width:24px;height:24px;object-fit:contain;object-position:center}
@media(max-width:760px){
  html body[data-page="home"] #apphome .dash-game-logo{flex-basis:40px;width:40px;height:29px}
  html body[data-page="home"] #apphome .dash-game-logo .plw{width:40px!important;height:24px!important}
}
@media(max-width:360px){
  html body[data-page="home"] #apphome .dash-game-logo{flex-basis:36px;width:36px;height:28px}
  html body[data-page="home"] #apphome .dash-game-logo .plw{width:36px!important;height:22px!important}
}

/* Mascot nằm gọn trong khoảng nền bên phải của dashboard. */
html body[data-page="home"] #apphome .dash-card .wl-r{
  display:grid!important;position:relative!important;inset:auto!important;grid-column:2;grid-row:1;
  align-self:stretch;place-items:center;width:auto!important;height:auto!important;min-width:0;visibility:visible
}
html body[data-page="home"] #apphome .dash-card .wl-r .mascot{
  display:inline-grid;width:min(100%,260px)!important;height:auto!important;aspect-ratio:1;animation:bob 4s ease-in-out infinite;
  filter:drop-shadow(0 14px 20px rgba(34,44,70,.16))
}
@media(max-width:600px){html body[data-page="home"] #apphome .dash-card .wl-r{display:none!important}}

/* Danh sách sản phẩm theo thiết kế Figma: logo trái, lịch/kết quả giữa và logo mờ bên phải. */
.prows{gap:clamp(8px,1.4vw,18px)}
.prow.has-result{
  display:grid;grid-template-columns:minmax(104px,19%) minmax(0,1fr);gap:3%;align-items:stretch;
  min-height:136px;aspect-ratio:4/1;padding:clamp(8px,1.5vw,18px);border:0;border-radius:clamp(8px,1.3vw,16px);overflow:hidden;box-shadow:0 4px 13px rgba(24,35,58,.08);
  color:var(--pr-ink,#1a2433);background:var(--pr-bg,#f4f6fa)
}
.prow.has-result:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(24,35,58,.13)}
.prow.has-result[data-k="keno"],.prow.has-result[data-k="kenotx"]{--pr-ink:#362405;--pr-bg:linear-gradient(110deg,#fff5b2 0%,#ffe36a 55%,#ffc107 100%)}
.prow.has-result[data-k="bingo"]{--pr-ink:#102d1b;--pr-bg:linear-gradient(110deg,#e0f8d9 0%,#93dc91 55%,#45ad67 100%)}
.prow.has-result[data-k="power"]{--pr-ink:#3b1709;--pr-bg:linear-gradient(110deg,#ffedb6 0%,#ffc44a 50%,#ed303b 100%)}
.prow.has-result[data-k="mega"]{--pr-ink:#351210;--pr-bg:linear-gradient(110deg,#ffe9a9 0%,#ffc64d 48%,#e72a37 100%)}
.prow.has-result[data-k="lotto"]{--pr-ink:#12351c;--pr-bg:linear-gradient(110deg,#ddf7d5 0%,#94dc92 55%,#37a95d 100%)}
.prow.has-result[data-k="max3dp"],.prow.has-result[data-k="pro"],.prow.has-result[data-k="max3d"]{--pr-ink:#21174c;--pr-bg:linear-gradient(110deg,#f2eaff 0%,#c3b0ff 54%,#8069e8 100%)}
.prow.has-result .pr-logo{position:relative;z-index:1;display:grid;grid-template-rows:minmax(0,1fr);min-width:0;min-height:120px;height:auto;padding:6px;background:#fff;border:0;border-radius:8px}
.prow.has-result .pr-logo.has-tag{grid-template-rows:minmax(0,1fr)}
.prow.has-result .pr-logo .pr-tag{position:absolute;z-index:1;top:6px;left:6px;display:inline-flex;align-self:start;justify-self:start;margin:0;padding:4px 10px;border:0;border-radius:999px;background:rgba(255,255,255,.94);color:#e50929;font-size:11px;line-height:1.2;white-space:nowrap}
.prow.has-result[data-k="keno"] .pr-tag,.prow.has-result[data-k="kenotx"] .pr-tag{color:#b21b27}
.prow.has-result[data-k="bingo"] .pr-tag,.prow.has-result[data-k="lotto"] .pr-tag{color:#17864a}
.prow.has-result[data-k="max3dp"] .pr-tag,.prow.has-result[data-k="pro"] .pr-tag,.prow.has-result[data-k="max3d"] .pr-tag{color:#6241d9}
.prow.has-result .pr-logo-art{display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden}
.prow.has-result .pr-logo-art>.plw{display:grid;place-items:center;width:min(86%,180px)!important;height:min(100%,104px)!important;max-width:100%;max-height:100%;min-width:0;min-height:0}
.prow.has-result .pr-logo-art>.plw>img.plogo,.prow.has-result .pr-logo-art>.plw>svg.plogo{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
.prow.has-result .pr-content{--pr-watermark-width:min(40%,345px);position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;align-content:stretch;min-width:0;overflow:hidden}
.prow.has-result .pr-watermark{position:absolute;z-index:0;inset:8px -4px 20px auto;display:grid;place-items:center;width:var(--pr-watermark-width);overflow:hidden;opacity:.22;pointer-events:none}
.prow.has-result .pr-watermark>.plw{display:grid;place-items:center;width:100%!important;height:100%!important;max-width:100%;max-height:100%;min-width:0;min-height:0;overflow:hidden}
.prow.has-result .pr-watermark>.plw>img.plogo{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
.prow.has-result .pr-watermark>.plw>svg.plogo{display:none!important}
.prow.has-result .pr-ingot{position:absolute;z-index:0;right:calc(var(--pr-watermark-width) - 8px);bottom:26%;display:block;width:min(20%,190px);aspect-ratio:267/134;background:url('../img/brand/ingot-gold.webp') center/contain no-repeat;opacity:.86;pointer-events:none}
.prow.has-result .pr-body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3px;min-width:0;padding:clamp(8px,1.5vw,18px) 14px 3px}
.prow.has-result .pr-current{max-width:100%;overflow:hidden;color:inherit;font-size:clamp(10px,1vw,13px);font-weight:600;line-height:1.3;text-overflow:ellipsis;white-space:nowrap;opacity:.83}
.prow.has-result .pr-lbl{color:inherit;font-size:clamp(12px,1.2vw,16px);font-weight:800;line-height:1.25}
.prow.has-result .pr-timing{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.prow.has-result .flip{gap:3px;margin:0}
.prow.has-result .flip i{width:clamp(18px,2.9vw,40px);height:clamp(22px,3.5vw,44px);border-radius:5px;background:rgba(255,255,255,.94);color:#172231;font-size:clamp(14px,1.7vw,22px);box-shadow:inset 0 -2px 0 rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.12)}
.prow.has-result .flip em{font-size:19px;color:inherit}
.prow.has-result .pr-amt{color:inherit;font-size:clamp(17px,1.8vw,24px);font-weight:900;line-height:1.15}
.prow.has-result .pr-cd{color:inherit;font-size:clamp(10px,1vw,13px);line-height:1.1;font-variant-numeric:tabular-nums;opacity:.8}
.prow.has-result .pr-fast,.prow.has-result .pr-hot,.prow.has-result .pr-jb,.prow.has-result .pr-go,.prow.has-result .pr-ingots,.prow.has-result .soon-tt{display:none!important}
.prow.has-result .pr-result{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:clamp(2px,.3vw,4px);min-width:0;margin:0 2px clamp(6px,1.5vw,18px);padding:clamp(4px,.55vw,8px) clamp(6px,.6vw,10px);border:1px solid rgba(0,0,0,.1);border-radius:6px;background:rgba(255,255,255,.3);box-shadow:none;color:inherit}
.prow.has-result[data-k="keno"] .pr-result,.prow.has-result[data-k="kenotx"] .pr-result{border-color:rgba(224,151,15,.4);background:rgba(255,226,116,.8)}
.prow.has-result .pr-result-head{display:flex;align-items:baseline;gap:10px;min-width:0;flex-wrap:wrap}
.prow.has-result .pr-result-label{color:inherit;font-size:clamp(9px,.9vw,12px);font-weight:800;line-height:1.25}
.prow.has-result .pr-result-meta{display:block;min-width:0;overflow:hidden;color:inherit;font-size:clamp(8px,.75vw,11px);font-weight:600;line-height:1.25;opacity:.76;text-overflow:ellipsis;white-space:nowrap}
.prow.has-result .pr-result-balls{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0;margin:0}
.prow.has-result .pr-result-balls.digits-result{display:flex;align-items:center}
.prow.has-result .pr-result-balls .nb{flex:none;width:clamp(16px,2.4vw,32px);height:clamp(16px,2.4vw,32px);border:1px solid #f3bd67;background:radial-gradient(circle at 34% 27%,#fff4d6 0,#ffc55a 45%,#ee801b 100%);box-shadow:inset -2px -3px 5px rgba(117,57,0,.15),0 2px 4px rgba(76,44,0,.15);color:#41280e;font-size:clamp(8px,.85vw,12px)}
.prow.has-result .pr-result-balls.keno-result{gap:3px}
.prow.has-result .pr-result-balls .nb.sp,.prow.has-result .pr-result-balls .nb.bn{border-color:#f65d71;background:radial-gradient(circle at 35% 28%,#ff9aac,var(--red) 60%,#b8102f);color:#fff}
@media(max-width:760px){
  .prow.has-result{grid-template-columns:minmax(88px,19%) minmax(0,1fr);gap:3%;min-height:134px;padding:clamp(8px,1.5vw,12px);border-radius:clamp(8px,1.4vw,12px)}
  .prow.has-result .pr-logo{min-height:114px;padding:5px}
  .prow.has-result .pr-logo .pr-tag{margin-bottom:2px;padding:3px 7px;font-size:9px}
  .prow.has-result .pr-logo-art>.plw{height:min(100%,80px)!important}
  .prow.has-result .pr-content{--pr-watermark-width:min(40%,240px)}
  .prow.has-result .pr-watermark{inset:8px -4px 20px auto;opacity:.2}
  .prow.has-result .pr-ingot{right:calc(var(--pr-watermark-width) - 8px);bottom:26%;width:min(20%,100px)}
  .prow.has-result .pr-body{padding:clamp(8px,1.5vw,12px) 8px 3px}
  .prow.has-result .pr-current{font-size:10px}
  .prow.has-result .pr-lbl{font-size:12px}
  .prow.has-result .pr-timing{gap:5px}
  .prow.has-result .flip{gap:2px}
  .prow.has-result .flip i{width:clamp(16px,2.9vw,24px);height:clamp(20px,3.6vw,28px);font-size:clamp(12px,1.7vw,16px)}
  .prow.has-result .flip em{font-size:15px}
  .prow.has-result .pr-amt{font-size:16px}
  .prow.has-result .pr-result{gap:3px;margin:0 2px clamp(6px,1.5vw,10px);padding:clamp(4px,.55vw,6px) clamp(6px,.6vw,8px)}
  .prow.has-result .pr-result-label{font-size:10px}
  .prow.has-result .pr-result-meta{font-size:9px}
  .prow.has-result .pr-result-balls{gap:3px}
  .prow.has-result .pr-result-balls .nb{width:clamp(16px,2.4vw,24px);height:clamp(16px,2.4vw,24px);font-size:clamp(8px,.85vw,11px)}
  .prow.has-result .pr-result-balls.keno-result{gap:2px}
}
@media(max-width:420px){
  .prow.has-result{grid-template-columns:78px minmax(0,1fr);gap:6px;min-height:0;aspect-ratio:auto}
  .prow.has-result .pr-logo{min-height:108px;padding:4px}
  .prow.has-result .pr-logo-art>.plw{width:min(86%,76px)!important;height:min(100%,54px)!important}
  .prow.has-result .pr-content{--pr-watermark-width:min(40%,140px)}
  .prow.has-result .pr-watermark{inset:10px 10px 9px auto}
  .prow.has-result .pr-ingot{right:calc(var(--pr-watermark-width) - 5px);bottom:26%;width:min(20%,58px)}
  .prow.has-result .pr-body{padding:8px 6px 3px}
  .prow.has-result .pr-timing{gap:4px}
  .prow.has-result .flip i{width:18px;height:23px;font-size:13px}
  .prow.has-result .pr-result-balls .nb{width:20px;height:20px}
}

/* ===== Trang chủ (chưa đăng nhập): slider 3 sản phẩm bên trái + khối đăng nhập bên phải =====
   Chỉ đổi bố cục; ảnh nền của từng ô co giãn theo kích thước ô. */
.home-top{display:contents}
@media (min-width:901px){
  html body.home-guest .home-top{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(0,1fr);gap:16px;align-items:stretch;max-width:1240px;margin:16px auto 0;padding:0 16px;box-sizing:border-box}
  html body.home-guest .home-top>#hero{order:1;height:auto!important;min-height:400px;aspect-ratio:auto!important;border-radius:20px;overflow:hidden}
  html body.home-guest .home-top>#apphome{order:2;margin:0!important;padding:0!important;display:flex}
  html body.home-guest .home-top>#apphome>.wrap{display:flex;flex:1;max-width:none;margin:0;padding:0}
  html body.home-guest #apphome .welcome:not(.dash-card){flex:1;display:flex;flex-direction:column;justify-content:center;gap:0;padding:28px 26px;border-radius:20px;margin:0}
  html body.home-guest #apphome .welcome:not(.dash-card) .wl-r{display:none}
  html body.home-guest #apphome .welcome h1{font-size:clamp(24px,2vw,30px)}
  /* ảnh nền có linh vật ở góc phải trên: chữ tiêu đề nằm nửa trái */
  html body.home-guest #apphome .welcome h1,html body.home-guest #apphome .welcome .wl-l>p{max-width:58%}
  html body.home-guest #apphome .welcome .wl-l>p{font-size:13px;margin:8px 0 14px}
  html body.home-guest #apphome .welcome .wl-l{display:flex;flex-direction:column;height:100%;justify-content:space-between}
  html body.home-guest #apphome .wl-card{max-width:none}
  html body.home-guest #apphome .wl-act{flex-wrap:wrap}
  /* ảnh nền slider co giãn đúng theo ô */
  html[data-tier] body.home-guest #hero .slide:is([data-game="power"],[data-game="mega"],[data-game="lotto"]) .bg{background-size:100% 100%,100% 100%!important}
  html body.home-guest #hero .slide .wrap{max-width:none;padding-left:clamp(20px,2.4vw,36px);padding-right:clamp(20px,2.4vw,36px)}
  html body.home-guest #hero .slide .txt{max-width:72%}
  html body.home-guest #hero .slide h1,html body.home-guest #hero .slide h2{font-size:clamp(20px,1.9vw,30px)}
  html body.home-guest #hero .big-amt{font-size:clamp(24px,2.5vw,40px)}
  html body.home-guest #hero .hl-ball{width:clamp(24px,1.9vw,34px);height:clamp(24px,1.9vw,34px);font-size:clamp(11px,.8vw,14px)}
  html body.home-guest #hero .hero-ctrl{bottom:14px}
  html body.home-guest #hero .hero-ctrl .wrap{max-width:none;padding:0 clamp(20px,2.4vw,36px)}
  html body.home-guest #hero .slide .wrap{align-content:start;padding-top:22px;padding-bottom:56px}
  html body.home-guest #hero .kicker{white-space:nowrap}
  html body.home-guest #hero .cta{flex-wrap:nowrap;gap:10px}
  html body.home-guest #hero .cta .btn{padding:10px 18px;font-size:14px;min-height:0}
}

/* ===== Trang chủ: Sản phẩm Vietlott chia đều 2 cột, khoảng cách bằng nhau ===== */
@media (min-width:761px){
  html body[data-page="home"] #spv.prows{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
  /* thẻ ở nửa chiều rộng: bỏ tỷ lệ 4:1 cố định, cỡ chữ/bóng theo ô thay vì theo màn hình */
  html body[data-page="home"] #spv .prow.has-result{aspect-ratio:auto;height:100%;min-height:150px;grid-template-columns:104px minmax(0,1fr);gap:12px;padding:12px;border-radius:14px}
  html body[data-page="home"] #spv .prow.has-result .pr-logo{min-height:0}
  html body[data-page="home"] #spv .prow.has-result .pr-content{--pr-watermark-width:min(36%,180px);gap:6px}
  html body[data-page="home"] #spv .prow.has-result .pr-body{padding:4px 8px 0}
  html body[data-page="home"] #spv .prow.has-result .pr-current{font-size:11px}
  html body[data-page="home"] #spv .prow.has-result .pr-lbl{font-size:13px}
  html body[data-page="home"] #spv .prow.has-result .pr-amt{font-size:18px}
  html body[data-page="home"] #spv .prow.has-result .pr-cd{font-size:11px}
  html body[data-page="home"] #spv .prow.has-result .flip i{width:24px;height:30px;font-size:16px}
  html body[data-page="home"] #spv .prow.has-result .flip em{font-size:15px}
  html body[data-page="home"] #spv .prow.has-result .pr-result{margin:0 2px 2px;padding:5px 8px}
  html body[data-page="home"] #spv .prow.has-result .pr-result-label{font-size:11px}
  html body[data-page="home"] #spv .prow.has-result .pr-result-meta{font-size:10px}
  html body[data-page="home"] #spv .prow.has-result .pr-result-balls{gap:3px}
  html body[data-page="home"] #spv .prow.has-result .pr-result-balls .nb{width:22px;height:22px;font-size:10px}
  html body[data-page="home"] #spv .prow.has-result .pr-result-balls.keno-result .nb{width:20px;height:20px;font-size:9px}
}

/* AI-MARK[LOIND-CHANGE:home-margin-alignment] 2026-10-09 17:46 (GMT+7) — User loind; agent=codex; căn đều lề nội dung trang chủ theo mốc thiết kế khoảng 130px ở màn 1920px | rel: assets/css/app-theme.css */
@media (min-width:901px){
  html body[data-page="home"] .wrap,
  html body[data-page="home"] .home-top{
    width:calc(100% - 32px);
    max-width:1696px;
    margin-left:auto;
    margin-right:auto;
  }
}