/* =========================================================
   Power 6/55 — giao diện theo thiết kế mới (theme xanh đậm, nhấn vàng)
   Áp dụng khi power-dash.js gắn .pd-on cho <body>; ghi đè lớp .pw-* trong app-theme.css.
   Header, footer, select, sheet dùng chung ở dash-theme.css (.dash-on).
   ========================================================= */
html body.pd-on[data-game="power"]{--pd-gold:#ffc93c;--pd-gold-2:#f5a400;--pd-ink:#0f1d4a;--pd-ink-2:#5b6785;--pd-line:#e3e8f2;--pd-blue:#1f6fe5;--md-accent:#e5132f;--md-accent-2:#ff3b50;
  background:radial-gradient(900px 340px at 72% 0,rgba(229,19,47,.3),transparent 70%),radial-gradient(700px 420px at 0 30%,rgba(40,90,220,.25),transparent 70%),linear-gradient(180deg,#0a1a42,#0c2156);background-color:#0c2156}
html body.pd-on[data-game="power"] .gp2.power-play{color:var(--pd-ink)}
html body.pd-on[data-game="power"] .pw-shell{width:min(1280px,100%);padding:0 24px}
html body.pd-on[data-game="power"] .pd-hide{display:none!important}
html body.pd-on[data-game="power"] .pd-link{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:none;color:var(--pd-blue);font-size:12px;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap}
html body.pd-on[data-game="power"] .pd-b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:14px;font-weight:800;color:#3a2600;
  background:radial-gradient(circle at 33% 27%,#fff8d8 0,#ffe27a 22%,#ffc12e 60%,#d98a00 100%);box-shadow:0 3px 7px rgba(170,110,0,.35),inset 0 -3px 5px rgba(120,70,0,.28)}
html body.pd-on[data-game="power"] .pd-b.o{color:#fff;background:radial-gradient(circle at 33% 27%,#ffe2b8 0,#ffa040 25%,#f06a00 62%,#a33c00 100%)}
html body.pd-on[data-game="power"] .pd-balls{display:flex;gap:6px;flex-wrap:wrap;align-items:center}

/* ---------- Hero ---------- */
html body.pd-on[data-game="power"] .pw-jackpot-band{grid-template-columns:100px minmax(0,1fr) minmax(0,.85fr) minmax(0,1fr) auto;min-height:92px;padding:10px 18px;border-color:rgba(120,160,255,.25);background:linear-gradient(90deg,rgba(14,32,84,.95),rgba(18,40,104,.88))}
html body.pd-on[data-game="power"] .pw-product .plw{width:84px!important;height:84px!important}
html body.pd-on[data-game="power"] .pw-jackpot small,html body.pd-on[data-game="power"] .pw-draw-clock small{font-size:12px;color:#e3ebff;letter-spacing:.04em}
html body.pd-on[data-game="power"] .pw-jackpot strong{font-size:clamp(20px,2.4vw,34px);font-weight:900;background:linear-gradient(180deg,#fff2bf,#ffd25e 45%,#f2a91d);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
html body.pd-on[data-game="power"] .pw-jackpot em{display:none}
html body.pd-on[data-game="power"] .pw-draw-clock strong{font-size:clamp(20px,1.9vw,26px);font-weight:700;color:#fff}
html body.pd-on[data-game="power"] .pw-draw-clock em{font-size:12px;color:#e3ebff}
html body.pd-on[data-game="power"] .pw-clock-icon{font-size:36px;color:#fff}
html body.pd-on[data-game="power"] .pd-meta{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}
html body.pd-on[data-game="power"] .pd-meta p{margin:0;font-size:10.5px;color:#dfe7fb;white-space:nowrap}
html body.pd-on[data-game="power"] .pd-demo{margin-bottom:4px;padding:4px 10px;border-radius:5px;background:#5a3a14;border:1px solid #c58b2c;color:#ffd38a;font-size:10.5px;font-weight:600}

/* ---------- Lưới 3 cột ---------- */
html body.pd-on[data-game="power"] .pw-columns{grid-template-columns:1.08fr .94fr 1fr;gap:12px;align-items:stretch}
html body.pd-on[data-game="power"] .pw-panel{background:#fff;border:0;border-radius:10px;padding:12px;color:var(--pd-ink);box-shadow:0 10px 26px rgba(0,0,0,.28)}
html body.pd-on[data-game="power"] .pw-panel-head h2,html body.pd-on[data-game="power"] .pw-draw-panel h2{color:var(--pd-ink);font-size:17px;font-weight:700}
html body.pd-on[data-game="power"] .pw-panel-head>a{color:var(--pd-blue);font-size:12px;font-weight:500}
html body.pd-on[data-game="power"] .pw-mode-slot label{color:var(--pd-blue);font-size:12px}
html body.pd-on[data-game="power"] .pw-mode-slot label>span{color:var(--pd-blue)}
html body.pd-on[data-game="power"] .pw-mode-slot .nsel-btn,html body.pd-on[data-game="power"] .pw-mode-slot select{padding:2px 4px;border:0;background:none;color:var(--pd-blue);font-size:13px;font-weight:700}
html body.pd-on[data-game="power"] .pw-lines-slot #rowHint{display:none}
html body.pd-on[data-game="power"] .pw-row{min-height:40px;gap:8px;padding:2px 8px;border-bottom:0;color:var(--pd-ink)}
html body.pd-on[data-game="power"] .pw-row.active{background:#f2f6ff;box-shadow:inset 3px 0 var(--pd-blue)}
html body.pd-on[data-game="power"] .pw-row .pw-row-label{width:26px;font-size:18px;font-weight:500;color:var(--pd-ink)}
html body.pd-on[data-game="power"] .pw-row.active .pw-row-label{color:var(--pd-blue)}
html body.pd-on[data-game="power"] .pw-row:has(.b2.crown) .pw-row-label{color:var(--md-accent)}
html body.pd-on[data-game="power"] .pw-row .pw-edit,html body.pd-on[data-game="power"] .pw-row .hrt,html body.pd-on[data-game="power"] .pw-row .del{color:var(--pd-ink)}
html body.pd-on[data-game="power"] .pw-row .pw-edit svg{width:17px;height:17px}
html body.pd-on[data-game="power"] .pw-row .rb{gap:7px}
html body.pd-on[data-game="power"] .pw-row .b2{width:34px;height:34px;font-size:14px;color:#3a2600;background:radial-gradient(circle at 33% 27%,#fff8d8 0,#ffe27a 22%,#ffc12e 60%,#d98a00 100%);box-shadow:0 3px 7px rgba(170,110,0,.35),inset 0 -3px 5px rgba(120,70,0,.28)}
html body.pd-on[data-game="power"] .pw-row .b2.e{background:#fff;border:1.5px solid #d3d9e6;box-shadow:none;color:transparent}
html body.pd-on[data-game="power"] .pw-row .hrt svg,html body.pd-on[data-game="power"] .pw-row .del svg{width:19px;height:19px}
html body.pd-on[data-game="power"] .pw-row .hrt.on{color:var(--md-accent)}
html body.pd-on[data-game="power"] .pw-add-slot .gp2-add{justify-content:center;margin-top:8px;padding:8px 10px;border:1px solid #d6e2f8;border-radius:6px;background:#eef4ff;color:var(--pd-blue);font-size:14px}
html body.pd-on[data-game="power"] .pw-add-slot .gp2-add small{display:none}
html body.pd-on[data-game="power"] .pw-feat-slot .gp2-feat{gap:8px;margin-top:8px}
html body.pd-on[data-game="power"] .pw-feat-slot .gp2-feat button{min-height:36px;border:0;border-radius:6px;background:#eef0f4;color:var(--pd-ink);font-size:13px}
html body.pd-on[data-game="power"] .pw-prize{margin-top:10px;padding-top:8px;border-top:1px solid var(--pd-line)}
html body.pd-on[data-game="power"] .pw-prize header{color:var(--pd-ink);font-size:15px}
html body.pd-on[data-game="power"] .pw-prize header a{color:var(--pd-blue);font-size:12px}
html body.pd-on[data-game="power"] .pw-prize dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:6px 0 0;padding:8px 12px;border-radius:6px;background:#f2f5fa;font-size:13px}
html body.pd-on[data-game="power"] .pw-prize dt{font-weight:700}
html body.pd-on[data-game="power"] .pw-prize dd{margin:0;color:var(--pd-ink)}
html body.pd-on[data-game="power"] .pw-count{color:var(--pd-ink);font-size:12px;font-weight:700}
html body.pd-on[data-game="power"] .pw-grid{gap:7px 6px;justify-items:center}
html body.pd-on[data-game="power"] .pw-number{width:100%;max-width:34px;aspect-ratio:1;border:1.5px solid #dfe4ee;border-radius:50%;background:#fff;color:var(--pd-ink);font-size:13px;font-weight:600}
html body.pd-on[data-game="power"] .pw-number:hover{border-color:#b9c4da}
html body.pd-on[data-game="power"] .pw-number.chosen{border:0;color:#3a2600;font-weight:800;background:radial-gradient(circle at 33% 27%,#fff8d8 0,#ffe27a 22%,#ffc12e 60%,#d98a00 100%);box-shadow:0 3px 7px rgba(170,110,0,.35)}
html body.pd-on[data-game="power"] .pw-number.disabled{color:#b4bccd;background:#fff}
html body.pd-on[data-game="power"] .pw-picker-tools button,html body.pd-on[data-game="power"] .pw-draw-panel header button{color:var(--pd-blue);font-size:13px;font-weight:500}
html body.pd-on[data-game="power"] .pw-draw-panel{border-top:1px solid var(--pd-line);padding-top:10px}
html body.pd-on[data-game="power"] .pw-draw-panel header{gap:8px;justify-content:flex-start}
html body.pd-on[data-game="power"] .pw-draw-panel header button{display:inline-flex;align-items:center;gap:5px;margin-left:10px}
html body.pd-on[data-game="power"] .pw-draw-panel header button svg{width:16px;height:16px}
html body.pd-on[data-game="power"] .pd-dsel{margin-left:auto;font-size:12px;color:var(--pd-ink-2)}
html body.pd-on[data-game="power"] .pd-dlist{display:flex;flex-direction:column;gap:5px}
html body.pd-on[data-game="power"] .pd-dlist button{display:flex;align-items:center;gap:8px;height:30px;padding:0 10px;border:1px solid var(--pd-line);border-radius:6px;background:#fff;color:var(--pd-ink);font-size:12.5px;cursor:pointer;text-align:left}
html body.pd-on[data-game="power"] .pd-dlist button i{flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid #8a93a6;background:#fff}
html body.pd-on[data-game="power"] .pd-dlist button.on{background:#eaf1ff;border-color:#bcd0f7}
html body.pd-on[data-game="power"] .pd-dlist button.on i{border:0;background:var(--pd-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12 4 4 8-8' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
html body.pd-on[data-game="power"] .pd-dlist b{font-weight:700}
html body.pd-on[data-game="power"] .pd-dfoot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;font-size:11px;color:var(--pd-ink-2)}

/* ---------- Cột 3 ---------- */
html body.pd-on[data-game="power"] .pd-c3{min-width:0;display:flex;flex-direction:column;gap:10px}
html body.pd-on[data-game="power"] .pd-buy{display:flex;gap:8px}
html body.pd-on[data-game="power"] .pd-pay{flex:1;display:flex;align-items:center;gap:12px;height:48px;padding:0 16px 0 10px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:linear-gradient(180deg,#ff3c50,#d50f29);color:#fff;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(229,19,47,.4);white-space:nowrap}
html body.pd-on[data-game="power"] .pd-pay i{margin-left:auto;font-style:normal;font-size:18px}
html body.pd-on[data-game="power"] .pd-tic{display:grid;place-items:center;width:30px;height:30px;border-radius:6px;background:#fff;color:#e5132f}
html body.pd-on[data-game="power"] .pd-tic svg{width:18px;height:18px}
html body.pd-on[data-game="power"] .pd-cart{flex:none;height:48px;padding:0 12px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;font-size:12px;font-weight:700;cursor:pointer}
html body.pd-on[data-game="power"] .pd-pay:disabled,html body.pd-on[data-game="power"] .pd-cart:disabled{opacity:.5;cursor:not-allowed}
html body.pd-on[data-game="power"] .pd-pan{flex:1;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:10px;border:1px solid rgba(120,160,255,.25);background:linear-gradient(160deg,rgba(26,52,124,.85),rgba(14,32,84,.85));color:#fff}
html body.pd-on[data-game="power"] .pd-panh{display:flex;align-items:center;justify-content:space-between}
html body.pd-on[data-game="power"] .pd-panh h2{margin:0;font-size:21px;font-weight:900;letter-spacing:.3px;background:linear-gradient(180deg,#fff2bf,#ffd25e 50%,#f2a91d);-webkit-background-clip:text;background-clip:text;color:transparent}
html body.pd-on[data-game="power"] .pd-tag{padding:4px 10px;border-radius:5px;border:1px solid rgba(120,160,255,.35);background:rgba(255,255,255,.06);color:#dfe7fb;font-size:11.5px}
html body.pd-on[data-game="power"] .pd-res,html body.pd-on[data-game="power"] .pd-jc,html body.pd-on[data-game="power"] .pd-look{padding:8px 10px;border-radius:8px;background:rgba(6,18,50,.55);border:1px solid rgba(120,160,255,.18)}
html body.pd-on[data-game="power"] .pd-res header,html body.pd-on[data-game="power"] .pd-jc header,html body.pd-on[data-game="power"] .pd-look header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:6px}
html body.pd-on[data-game="power"] .pd-c3 h3{margin:0;font-size:15px;font-weight:700;color:#fff}
html body.pd-on[data-game="power"] .pd-res header p{margin:2px 0 0;font-size:12.5px;color:#dfe7fb}
html body.pd-on[data-game="power"] .pd-ob{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 14px;border-radius:6px;border:1px solid rgba(120,160,255,.45);color:#fff;font-size:13px;font-weight:600;text-decoration:none}
html body.pd-on[data-game="power"] .pd-ob svg{width:15px;height:15px}
html body.pd-on[data-game="power"] .pd-resb{display:flex;align-items:flex-start;justify-content:center;gap:10px}
html body.pd-on[data-game="power"] .pd-resb>div{display:flex;flex-direction:column;align-items:center;gap:4px}
html body.pd-on[data-game="power"] .pd-resb small{font-size:11px;color:#dfe7fb}
html body.pd-on[data-game="power"] .pd-resb .pd-b{width:38px;height:38px;font-size:16px}
html body.pd-on[data-game="power"] .pd-sep{width:1px;height:38px;background:rgba(255,255,255,.35)}
html body.pd-on[data-game="power"] .pd-jc header small{font-size:11px;color:#dfe7fb}
html body.pd-on[data-game="power"] .pd-jcb{display:flex;align-items:center;gap:10px}
html body.pd-on[data-game="power"] .pd-jcb ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;font-size:11.5px;color:#dfe7fb;white-space:nowrap}
html body.pd-on[data-game="power"] .pd-jcb li{display:flex;align-items:center;gap:6px}
html body.pd-on[data-game="power"] .pd-jcb li i{width:10px;height:10px;border-radius:50%}
html body.pd-on[data-game="power"] .pd-jcb li i.j1{background:#ffc93c}
html body.pd-on[data-game="power"] .pd-jcb li i.j2{background:#ff3b57}
html body.pd-on[data-game="power"] .pd-jcb svg{flex:1;min-width:0;height:72px}
html body.pd-on[data-game="power"] .pd-look header .pd-link{color:#7fb3ff}
html body.pd-on[data-game="power"] .pd-lkb{display:flex;align-items:flex-end;gap:8px}
html body.pd-on[data-game="power"] .pd-lkb label{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:11px;color:#dfe7fb}
html body.pd-on[data-game="power"] .pd-lkb label:first-child{flex:1.3}
html body.pd-on[data-game="power"] .pd-lkb label:nth-of-type(2){flex:1}
html body.pd-on[data-game="power"] .pd-lkb>span{padding-bottom:9px;font-size:12px;color:#dfe7fb}
html body.pd-on[data-game="power"] .pd-lkb .nsel,html body.pd-on[data-game="power"] .pd-lkb input{height:34px;padding:0 8px;border:1px solid rgba(120,160,255,.35);border-radius:6px;background:rgba(6,18,50,.8);color:#fff;font-size:12.5px;color-scheme:dark}
html body.pd-on[data-game="power"] .pd-lkb .nsel{display:flex;width:100%}
html body.pd-on[data-game="power"] .pd-lkb button{flex:none;height:42px;padding:0 20px;border:0;border-radius:6px;background:var(--pd-blue);color:#fff;font-size:14px;font-weight:700;cursor:pointer}

/* ---------- Lăng kính ---------- */
html body.pd-on[data-game="power"] .pd-lens{margin-top:12px;padding:6px 8px 8px;border-radius:10px;border:1px solid rgba(120,160,255,.25);background:linear-gradient(180deg,rgba(14,32,84,.92),rgba(12,28,74,.92));color:#fff}
html body.pd-on[data-game="power"] .pd-lh{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:2px 6px 6px}
html body.pd-on[data-game="power"] .pd-lh h2{margin:0;font-size:20px;font-weight:900;letter-spacing:.3px;color:#fff}
html body.pd-on[data-game="power"] .pd-lh h2 em{font-style:normal;color:var(--pd-gold)}
html body.pd-on[data-game="power"] .pd-tabs{display:flex;gap:4px;flex-wrap:wrap}
html body.pd-on[data-game="power"] .pd-tabs button{height:28px;padding:0 14px;border:0;border-radius:5px;background:none;color:#7fb3ff;font-size:13px;cursor:pointer}
html body.pd-on[data-game="power"] .pd-tabs button.on{background:var(--pd-blue);color:#fff;font-weight:600}
html body.pd-on[data-game="power"] .pd-per{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:12px;color:#dfe7fb}
html body.pd-on[data-game="power"] .pd-per button{height:28px;padding:0 14px;border-radius:5px;border:1px solid rgba(120,160,255,.3);background:rgba(255,255,255,.04);color:#fff;font-size:12.5px;cursor:pointer}
html body.pd-on[data-game="power"] .pd-per button.on{background:var(--pd-blue);border-color:var(--pd-blue);font-weight:700}
html body.pd-on[data-game="power"] .pd-per small{display:inline-flex;align-items:center;gap:5px;margin-left:6px;font-size:12px;color:#dfe7fb}
html body.pd-on[data-game="power"] .pd-per small svg{width:15px;height:15px}
html body.pd-on[data-game="power"] .pd-lbody{display:grid;grid-template-columns:1.55fr 1.05fr 1.05fr;gap:6px}
html body.pd-on[data-game="power"] .pd-lp{min-width:0;padding:8px 10px;border-radius:6px;background:#fff;color:var(--pd-ink)}
html body.pd-on[data-game="power"] .pd-lp h3{margin:0 0 6px;font-size:13.5px;font-weight:700}
html body.pd-on[data-game="power"] .pd-lp h3 small{font-weight:400;color:var(--pd-ink-2)}
html body.pd-on[data-game="power"] .pd-mapw{display:flex;gap:14px}
html body.pd-on[data-game="power"] .pd-heat{flex:1;display:grid;grid-template-columns:repeat(11,1fr);gap:2px}
html body.pd-on[data-game="power"] .pd-heat button{height:16px;padding:0;border:0;border-radius:2px;font-size:10.5px;color:#3a2600;cursor:pointer;background:color-mix(in srgb,#f5a400 calc(var(--t) * 100%),#fff4d6)}
html body.pd-on[data-game="power"] .pd-heat button.sel{box-shadow:inset 0 0 0 1.5px #0f1d4a;font-weight:800}
html body.pd-on[data-game="power"] .pd-legend{display:grid;grid-template-columns:14px auto;grid-template-rows:1fr 1fr;column-gap:6px;font-size:10px;color:var(--pd-ink-2)}
html body.pd-on[data-game="power"] .pd-legend i{grid-row:1/3;width:14px;border-radius:3px;background:linear-gradient(180deg,#f5a400,#fff4d6)}
html body.pd-on[data-game="power"] .pd-legend span:last-child{align-self:end}
html body.pd-on[data-game="power"] .pd-fq{display:grid;grid-template-columns:1fr 1fr;gap:14px}
html body.pd-on[data-game="power"] .pd-fq h4{margin:0 0 4px;font-size:12px}
html body.pd-on[data-game="power"] .pd-fq button{display:grid;grid-template-columns:22px 1fr 46px;align-items:center;gap:6px;width:100%;padding:2px 0;border:0;background:none;color:var(--pd-ink);cursor:pointer}
html body.pd-on[data-game="power"] .pd-fq b{font-size:12px}
html body.pd-on[data-game="power"] .pd-fq span{height:6px;border-radius:6px;background:#f3eee0;overflow:hidden}
html body.pd-on[data-game="power"] .pd-fq span i{display:block;height:100%;background:linear-gradient(90deg,#ffd25e,#f5a400)}
html body.pd-on[data-game="power"] .pd-fq em{font-size:10.5px;font-style:normal;color:var(--pd-ink-2);text-align:right}
html body.pd-on[data-game="power"] .pd-gaps{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}
html body.pd-on[data-game="power"] .pd-gaps button{display:flex;flex-direction:column;align-items:center;padding:4px 0;border:1px solid var(--pd-line);border-radius:5px;background:#fffaf0;color:var(--pd-ink);cursor:pointer}
html body.pd-on[data-game="power"] .pd-gaps b{font-size:14px}
html body.pd-on[data-game="power"] .pd-gaps small{font-size:9.5px;color:var(--pd-ink-2)}
html body.pd-on[data-game="power"] .pd-gaps .sel{border-color:#f5a400}
html body.pd-on[data-game="power"] .pd-mine{display:flex;flex-direction:column;gap:5px}
html body.pd-on[data-game="power"] .pd-mine>div{display:flex;align-items:center;gap:8px}
html body.pd-on[data-game="power"] .pd-mine .pd-b{width:26px;height:26px;font-size:11px}
html body.pd-on[data-game="power"] .pd-mine button{margin-left:auto;padding:3px 10px;border:1px solid var(--pd-blue);border-radius:5px;background:#fff;color:var(--pd-blue);font-size:11.5px;cursor:pointer}
html body.pd-on[data-game="power"] .pd-empty{margin:0;font-size:12.5px;color:var(--pd-ink-2)}
html body.pd-on[data-game="power"] .pd-soi{display:flex;flex-direction:column;align-items:center}
html body.pd-on[data-game="power"] .pd-soi h3{align-self:flex-start}
html body.pd-on[data-game="power"] .pd-soi .pd-balls{gap:8px;justify-content:center}
html body.pd-on[data-game="power"] .pd-soi .pd-b{width:36px;height:36px;font-size:15px}
html body.pd-on[data-game="power"] .pd-soi em{font-size:12px;font-style:normal;color:var(--pd-ink-2)}
html body.pd-on[data-game="power"] .pd-soic{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0 6px}
html body.pd-on[data-game="power"] .pd-soic span{padding:3px 12px;border-radius:4px;background:#eef4ff;color:var(--pd-blue);font-size:12px}
html body.pd-on[data-game="power"] .pd-soic span:nth-child(2){background:#f2f5fa;color:var(--pd-ink)}
html body.pd-on[data-game="power"] .pd-soic span.pk{background:#ffe9ec;color:#e5132f}
html body.pd-on[data-game="power"] .pd-trk header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
html body.pd-on[data-game="power"] .pd-trk h3{margin:0}
html body.pd-on[data-game="power"] .pd-seg{display:flex;padding:2px;border-radius:6px;border:1px solid var(--pd-line)}
html body.pd-on[data-game="power"] .pd-seg button{height:24px;padding:0 12px;border:0;border-radius:4px;background:none;color:var(--pd-blue);font-size:11.5px;cursor:pointer}
html body.pd-on[data-game="power"] .pd-seg button.on{background:var(--pd-blue);color:#fff}
html body.pd-on[data-game="power"] .pd-trs{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border:1px solid var(--pd-line);border-radius:6px;font-size:12px}
html body.pd-on[data-game="power"] .pd-trs .nsel{min-width:96px;padding:4px 8px;border:1px solid var(--pd-line);border-radius:5px;font-weight:600}
html body.pd-on[data-game="power"] .pd-trk-r{display:flex;align-items:center;gap:8px;margin:8px 0 0;padding:8px 10px;border-radius:6px;background:#f2f5fa;font-size:12px;color:var(--pd-ink)}
html body.pd-on[data-game="power"] .pd-trk-r svg{flex:none;width:18px;height:18px;color:var(--pd-blue)}
html body.pd-on[data-game="power"] .pd-trk-r b{color:var(--pd-blue)}
html body.pd-on[data-game="power"] .pd-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;padding:8px 2px 12px;font-size:12px;color:#cfd9f2}
html body.pd-on[data-game="power"] .pd-foot a{color:#cfd9f2;text-decoration:none}
html body.pd-on[data-game="power"] .pd-foot i{font-style:normal;opacity:.6}
html body.pd-on[data-game="power"] .pd-18{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1.5px solid #ff3b50;color:#ff3b50;font-size:9px;font-weight:800}
html body.pd-on[data-game="power"] .pd-sp{flex:1}

/* logo trong khung trắng của header/footer theme chung: giữ màu gốc */
html body.pd-on[data-game="power"] .site-header .brand-img,html body.pd-on[data-game="power"] .site-footer .brand-img{filter:none}
html body.pd-on[data-game="power"] .pw-number.disabled{color:var(--pd-ink);opacity:.55}
html body.pd-on[data-game="power"] .pd-lkb .nsel-btn{height:100%;padding:0;border:0;background:none;color:#fff;font-size:12.5px}

/* ---------- màn hẹp ---------- */
@media (max-width:1240px){
  html body.pd-on[data-game="power"] .pw-jackpot-band{grid-template-columns:110px 1fr 1fr;row-gap:10px}
  html body.pd-on[data-game="power"] .pd-meta{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 12px;text-align:left}
  html body.pd-on[data-game="power"] .pw-columns{grid-template-columns:1fr 1fr}
  html body.pd-on[data-game="power"] .pd-c3{grid-column:1/-1}
  html body.pd-on[data-game="power"] .pd-lbody{grid-template-columns:1fr 1fr}
  html body.pd-on[data-game="power"] .pd-lmain{grid-column:1/-1}
}
@media (max-width:760px){
  html body.pd-on[data-game="power"] .pw-shell{padding:0 12px}
  html body.pd-on[data-game="power"] .pw-jackpot-band{grid-template-columns:1fr 1fr}
  html body.pd-on[data-game="power"] .pw-product{grid-column:1/-1}
  html body.pd-on[data-game="power"] .pw-draw-clock{grid-column:1/-1;border-left:0;padding-left:0}
  html body.pd-on[data-game="power"] .pw-columns{grid-template-columns:1fr}
  html body.pd-on[data-game="power"] .pw-row{gap:3px;padding:2px 4px}
  html body.pd-on[data-game="power"] .pw-row .pw-row-label{width:18px;font-size:16px}
  html body.pd-on[data-game="power"] .pw-row .b2{width:28px;height:28px;font-size:11.5px;flex:none}
  html body.pd-on[data-game="power"] .pw-row .rb{gap:3px;flex-wrap:nowrap}
  html body.pd-on[data-game="power"] .pw-row .hrt,html body.pd-on[data-game="power"] .pw-row .del{width:22px}
  html body.pd-on[data-game="power"] .pw-jackpot strong{font-size:17px;white-space:normal;word-break:break-all}
  html body.pd-on[data-game="power"] .pw-jackpot small{font-size:10px}
  html body.pd-on[data-game="power"] .pd-resb{flex-wrap:wrap}
  html body.pd-on[data-game="power"] .pd-resb .pd-balls{justify-content:center}
  html body.pd-on[data-game="power"] .pd-pay{font-size:14px}
  html body.pd-on[data-game="power"] .pd-lkb{flex-wrap:wrap}
  html body.pd-on[data-game="power"] .pd-lkb label{flex-basis:100%}
  html body.pd-on[data-game="power"] .pd-lkb>span{display:none}
  html body.pd-on[data-game="power"] .pd-lkb button{width:100%}
  html body.pd-on[data-game="power"] .pd-lbody{grid-template-columns:1fr}
  html body.pd-on[data-game="power"] .pd-mapw{flex-direction:column}
  html body.pd-on[data-game="power"] .pd-heat button{height:24px}
  html body.pd-on[data-game="power"] .pd-legend{display:none}
  html body.pd-on[data-game="power"] .pd-fq{grid-template-columns:1fr}
  html body.pd-on[data-game="power"] .pd-gaps{grid-template-columns:repeat(4,1fr)}
  html body.pd-on[data-game="power"] .pd-per{margin-left:0;flex-wrap:wrap}
  html body.pd-on[data-game="power"] .pd-sp{display:none}
}