/* 1682xoso – giao dien 3 cot kieu bang ket qua truyen thong, toi uu doc nhanh tren mobile */
:root{--b:#1e3a8a;--b1:#2a4fae;--b2:#16306f;--b3:#eaf0ff;--y:#fff3c4;--y2:#fde68a;--r:#d71920;--o:#f08c00;--ink:#1a1f2b;--mut:#5f6878;--ln:#dfe3ea;--bg:#f2f4f8;--card:#fff;--ok:#16a34a;--alt:#f6f7fa;--rad:6px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Roboto,"Segoe UI",system-ui,-apple-system,Arial,sans-serif}
a{color:#1d4ed8;text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:99}
.wrap{max-width:1300px;margin:0 auto;padding:0 10px}
/* Header */
.top{background:#fff;border-bottom:1px solid var(--ln)}
.top-in{display:flex;align-items:center;gap:14px;height:62px}
.logo img{display:block;height:42px;width:auto}
.hdr-date{color:var(--mut);font-size:14px;padding-left:14px;border-left:1px solid var(--ln);white-space:nowrap}
.hdr-date .clock{color:var(--r);font-weight:700;font-variant-numeric:tabular-nums;margin-left:4px}
.hsearch{margin-left:auto}.hsearch input{width:220px;border:1px solid var(--ln);border-radius:20px;padding:6px 14px;font-size:14px;background:var(--alt)}
.nav{background:var(--b);position:sticky;top:0;z-index:40;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.nav-in{display:flex;align-items:center}
.menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:nowrap}
.menu>li{position:relative}
.menu>li>a{display:flex;align-items:center;height:44px;color:#fff;padding:0 11px;font-weight:700;font-size:14px;text-transform:uppercase;white-space:nowrap;letter-spacing:.2px}
.menu>li>a.on,.menu>li:hover>a{background:var(--b1);text-decoration:none}
.menu>li.home>a{padding:0 12px}
.menu ul{display:none;position:absolute;left:0;top:100%;background:#fff;min-width:210px;list-style:none;margin:0;padding:4px 0;border:1px solid var(--ln);border-top:3px solid var(--o);box-shadow:0 10px 24px rgba(16,24,40,.18);z-index:50}
.menu li:hover>ul,.menu li:focus-within>ul{display:block}
.menu ul a{display:block;padding:7px 14px;color:var(--ink);font-size:14px}.menu ul a:hover{background:var(--b3);color:var(--b);text-decoration:none}
.burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;position:relative;flex:0 0 44px;padding:0}
.burger span,.burger span:before,.burger span:after{position:absolute;left:11px;width:22px;height:2px;background:#fff;content:""}
.burger span{top:21px}.burger span:before{top:-7px;left:0}.burger span:after{top:7px;left:0}
.livebar{background:var(--y);border-bottom:1px solid var(--y2);font-size:14px}
.livebar .wrap{padding-top:6px;padding-bottom:6px}
.livebar .dot,.lv{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--r);margin-right:6px;animation:pulse 1s infinite}
@keyframes pulse{50%{opacity:.2}}
/* Layout 3 cot */
.page{display:grid;grid-template-columns:240px minmax(0,1fr) 300px;grid-template-areas:"l m r";gap:12px;padding-top:12px;padding-bottom:20px}
.lside{grid-area:l}.main{grid-area:m;min-width:0}.side{grid-area:r}
.h1{font-size:21px;line-height:1.3;margin:2px 0 4px;color:var(--b2)}
.upd{color:var(--mut);font-size:13px;margin:0 0 10px}
.bc{font-size:13px;color:var(--mut);margin-bottom:4px}.bc span{margin:0 2px}
.box,.sbox,.kq-box,.quick{background:var(--card);border:1px solid var(--ln);border-radius:var(--rad);margin:0 0 12px}
.box{padding:12px 14px}
.box h2{font-size:17px;margin:0 0 8px;color:var(--b2)}
.box h3{font-size:15.5px;margin:12px 0 6px}
/* Sidebars */
.sbox{overflow:hidden}
.sbox h2{background:var(--b);color:#fff;font-size:14.5px;font-weight:600;margin:0;padding:9px 12px}
.sbox .sin{padding:10px 12px}
.plist2{list-style:none;margin:0;padding:0;font-size:14.5px}
.plist2 li{display:flex;align-items:center;gap:6px;border-top:1px solid #edf0f4;padding:0 10px}
.plist2 li:first-child{border-top:0}
.plist2 a{flex:1;color:var(--ink);padding:7px 0}.plist2 a:hover{color:var(--b);text-decoration:none}
.plist2 li.today a{font-weight:600}
.plist2 .ok{color:var(--ok);font-style:normal;font-weight:800;font-size:16px}
.plist2 .td{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--o)}
.hot{background:var(--r);color:#fff;font-size:10px;font-weight:800;padding:1px 5px;border-radius:2px;letter-spacing:.3px}
.seg{display:flex;gap:4px;margin-bottom:8px}.seg a{flex:1;text-align:center;border:1px solid var(--ln);border-radius:4px;padding:4px;font-weight:700;font-size:13px;color:var(--ink)}.seg a.on{background:var(--b);color:#fff;border-color:var(--b)}
.cal-h{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:4px}.cal-h input{font-size:13px;padding:3px 6px}
.cal table{width:100%;border-collapse:collapse;text-align:center;font-size:13px;table-layout:fixed}.cal th{color:var(--mut);font-weight:600;padding:3px 0}.cal td{padding:1px}
.cal td a{display:block;border-radius:4px;padding:4px 0}.cal td a:hover{background:var(--b3);text-decoration:none}
.cal td.today a{outline:1px solid var(--o)}.cal td.sel a{background:var(--b);color:#fff}
/* Khoi ket qua */
.kq-head{background:var(--y);border-bottom:1px solid var(--y2);text-align:center;padding:8px 10px 6px}
.kq-title{font-size:18px;margin:0;color:var(--r);font-weight:700;line-height:1.35}
.kq-path{font-size:13px;color:var(--mut);margin-top:2px}.kq-path a{color:#2944a7}
.kqt{width:100%;border-collapse:collapse;table-layout:fixed}
.kqt th,.kqt td{border:1px solid var(--ln);text-align:center;padding:4px 2px;vertical-align:middle}
.kqt tbody th{width:52px;font-weight:400;color:var(--mut);font-size:13px;background:#fff}
.kq-multi .kqt tbody tr:nth-child(even) td,.kq-multi .kqt tbody tr:nth-child(even) th,.kq-one .kqt tr.g7 td,.kq-one .kqt tr.g5 td,.kq-one .kqt tr.g3 td,.kq-one .kqt tr.g1 td{background:var(--alt)}
.kq-mb .kqt tr.g1 td,.kq-mb .kqt tr.g1 th,.kq-mb .kqt tr.g3 td,.kq-mb .kqt tr.g3 th,.kq-mb .kqt tr.g5 td,.kq-mb .kqt tr.g5 th{background:var(--alt)}
.kqt tr.gdb th{color:var(--r)}
.kq-multi .kqt thead th{background:#f7f8fb;font-size:13.5px;font-weight:700;padding:7px 2px}
.kq-multi .kqt thead th:first-child{width:46px;font-weight:400;color:var(--mut)}
.nums{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 12px}
.nums.v{flex-direction:column;gap:0}
.n{font:700 24px/1.32 Roboto,Arial,sans-serif;color:#222;font-variant-numeric:tabular-nums;letter-spacing:.3px;border-radius:4px;padding:0 3px}
.n s{text-decoration:none}
.n.db{color:var(--r);font-size:30px}
.kq-multi .n{font-size:21px}.kq-multi .n.db{font-size:23px}
.kq-multi tr.g8 .n,.kq-one tr.g8 .n{color:var(--r);font-size:25px}
.kq-mb tr.g7 .n{color:var(--r);font-size:26px}
tr.ma td{font-size:14.5px;color:#1d4ed8;letter-spacing:.3px;padding:7px 2px}
.n.wait i{display:inline-block;width:20px;height:20px;border:3px solid var(--b3);border-top-color:var(--b);border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle}
.n.new{animation:flash 1.8s}.n.mark{background:var(--y2);color:var(--r)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes flash{0%{background:var(--o);color:#fff}100%{background:transparent}}
.dsw{display:flex;flex-wrap:wrap;border-top:1px solid var(--ln)}
.dsw button{flex:1 0 auto;border:0;border-right:1px solid var(--ln);background:#f7f8fb;color:var(--ink);font:500 13px Roboto,Arial,sans-serif;padding:7px 8px;cursor:pointer;border-radius:0;min-width:34px}
.dsw button.on{background:var(--r);color:#fff}
.dsw button.dg.on{background:var(--o)}
/* Lo to */
.loto{width:100%;border-collapse:collapse;font-size:15px;border-top:6px solid var(--bg)}
.loto th,.loto td{border:1px solid var(--ln);padding:6px 8px}
.loto thead th{background:#fff;color:var(--r);font-weight:700;font-size:13.5px}
.loto tbody th{width:44px;text-align:center;color:var(--r);font-weight:400;background:#fff}
.loto td{font-weight:600}.loto td span.hl{color:var(--r)}.loto em{color:var(--r);font-style:normal}
.loto.multi thead th{color:#1d4ed8}
.loto tbody tr:nth-child(even) td{background:#fbfbfd}
/* Thong ke nhanh */
.quick .qh{background:var(--b);color:#fff;font-size:14.5px;margin:0;padding:9px 12px}
.quick h3{margin:0;padding:7px 12px;font-size:14.5px;background:#f1f2f5;border-left:4px solid #7cb342;border-top:1px solid var(--ln)}
.quick h3 em{color:var(--r);font-style:normal}
.qg{display:grid;grid-template-columns:repeat(5,1fr)}
.qg span{border-top:1px solid var(--ln);border-right:1px solid var(--ln);text-align:center;padding:6px 2px;font-size:15px}
.qg span:nth-child(5n){border-right:0}
.jump{display:flex;gap:6px;margin:0 0 10px;flex-wrap:wrap}.jump a{background:var(--b);color:#fff;font-weight:700;border-radius:4px;padding:6px 14px;font-size:14px}
/* Today strip */
.today{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.today>div{border:1px solid var(--ln);border-radius:6px;padding:7px 10px;background:#fbfcff}
.today .t{font-weight:800;color:var(--b);display:block}.today .t small{color:var(--r);font-weight:700;margin-left:4px}
.today ul{list-style:none;margin:4px 0 0;padding:0;font-size:14px}
.prose p{margin:0 0 9px}.prose h2{margin-top:16px}.prose ul,.prose ol{padding-left:22px}
.lead{font-size:15.5px;margin:0}
.muted{color:var(--mut);font-size:13px}
.more{margin:-4px 0 12px;font-size:14px}
.note{border-radius:6px;padding:9px 13px;margin:0 0 12px;font-size:14px}
.note.info{background:var(--b3);border:1px solid #cfdbff}.note.warn{background:#fff7ed;border:1px solid #fed7aa}.note.live{background:#fef2f2;border:1px solid #fecaca}
/* Tabs */
.tabs{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 10px}
.tabs a{background:#fff;border:1px solid var(--ln);border-radius:4px;padding:5px 11px;font-size:14px;color:var(--ink)}
.tabs a.on{background:var(--b);color:#fff;border-color:var(--b)}
.tabs a:hover{text-decoration:none;border-color:var(--b)}
.tabs.years a{padding:4px 8px;font-size:13px}
/* Bang chung */
.tbl{width:100%;border-collapse:collapse;font-size:14px;margin:4px 0 8px}
.tbl th,.tbl td{border:1px solid var(--ln);padding:6px 8px;text-align:left;vertical-align:top}
.tbl thead th{background:#f3f5f9}
.tbl tbody tr:nth-child(even) td{background:#fbfbfd}
.tbl tr.hl td{background:var(--y)}
.tbl td.db,.tbl td.tl{color:var(--r);font-weight:700}
.tbl td.hd{font-weight:700;color:var(--b)}
.tbl td.lt{font-size:13px;letter-spacing:.3px}
.tbl.ndays td.multi span{display:inline-block;margin-right:12px}
.tbl.dby td,.tbl.dbw td{text-align:center;font-size:13px;padding:4px}
.tbl.dbw td b,.tbl.dby td b{color:var(--r)}.tbl.dbw td.kep{background:#fff1f0}
.tbl.mini{text-align:center}.tbl.mini th,.tbl.mini td{text-align:center;padding:4px}
.hl{background:var(--y);font-weight:700}.zero{color:#c4c9d4}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.bar{display:inline-block;width:80px;height:8px;background:#eef1f7;border-radius:4px;vertical-align:middle;overflow:hidden}.bar i{display:block;height:100%;background:var(--o)}
.chips{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.chips li{display:inline-flex;flex-direction:column;align-items:center;min-width:52px;border-radius:6px;padding:4px 6px;background:#f2f4f9;border:1px solid var(--ln)}
.chips b{font:700 17px Roboto,Arial,sans-serif}.chips small{font-size:11px;color:var(--mut)}
.chips.hot li{background:#fff1f0;border-color:#ffd6d2}.chips.hot b{color:var(--r)}
.chips.cold li{background:#eef2ff;border-color:#d7defd}.chips.cold b{color:var(--b)}
.g100{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}
.g100 .c{display:flex;flex-direction:column;align-items:center;border-radius:4px;padding:4px 0;border:1px solid var(--ln);color:var(--ink)}
.g100 .c b{font:700 15px Roboto,Arial,sans-serif}.g100 .c small{font-size:11px;color:var(--mut)}
.g100 .l0{background:#fff}.g100 .l1{background:#f1f4ff}.g100 .l2{background:#dfe6ff}.g100 .l3{background:#c3d0ff}.g100 .l4{background:#fde4b0}.g100 .l5{background:#f9b45d}
.g100 a.c:hover{text-decoration:none;outline:2px solid var(--b)}.vlg{grid-template-columns:repeat(11,1fr)}
.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.cards a{display:block;background:#fff;border:1px solid var(--ln);border-radius:6px;padding:9px 11px;height:100%;color:var(--ink)}
.cards a:hover{border-color:var(--b);text-decoration:none}.cards b{display:block}.cards small{color:var(--mut)}
.links-inline{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px}
.links-col{columns:2;font-size:14.5px;padding-left:18px}.links{line-height:2}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.pgrid>div{border:1px solid var(--ln);border-radius:6px;padding:8px 10px;background:#fbfcff}
.pgrid span{display:block;font-size:12.5px;color:var(--mut)}.pgrid b{font:700 16px Roboto,Arial,sans-serif;color:var(--b2)}
.big{font-size:26px!important;color:var(--r)!important}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
/* Vietlott */
.vl{padding:0;overflow:hidden}
.balls{display:flex;flex-wrap:wrap;gap:8px;margin:12px;justify-content:center}
.ball{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:800 18px Roboto,Arial,sans-serif;color:#fff;background:radial-gradient(circle at 30% 30%,#ff6b5a,#c81e1e);box-shadow:inset 0 -3px 0 rgba(0,0,0,.18)}
.vl-power .ball{background:radial-gradient(circle at 30% 30%,#ffb84d,#d97706)}
.ball.jp2{background:radial-gradient(circle at 30% 30%,#6ea8ff,#1d3fb8)}
.ball.sm{width:auto;min-width:44px;padding:0 10px;border-radius:22px;background:radial-gradient(circle at 30% 30%,#5b7cff,#1d3fb8)}
.vl .tbl{margin:0}
.ky{font-size:13px;color:var(--mut);display:block}
.b3{display:inline-block;font:700 18px Roboto,Arial,sans-serif;margin:2px 10px 2px 0;color:var(--r)}
/* Form & cong cu */
.sform{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-end;background:#fff;border:1px solid var(--ln);border-radius:var(--rad);padding:10px 14px;margin:0 0 12px;font-size:14px}
.sform label{display:flex;flex-direction:column;gap:2px}
select,input,textarea{font:inherit;border:1px solid #cdd3df;border-radius:4px;padding:6px 8px;background:#fff;max-width:100%}
button,.btn{font:inherit;font-weight:700;background:var(--b);color:#fff;border:0;border-radius:4px;padding:7px 14px;cursor:pointer}
button:hover{background:var(--b1)}
.tool .row{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-end;margin:6px 0}
.tool textarea{width:100%}.tool .out{margin-top:8px}.tool .out.big{font:800 30px Roboto,Arial,sans-serif;color:var(--r)}
.dove-mini{border-top:3px solid var(--o)}
.xl{display:flex;flex-wrap:wrap;gap:6px}.xl span{border:1px solid var(--ln);border-radius:4px;padding:3px 8px}
.xl span.ok{background:#e7f6ee;border-color:#9ad9b6;color:var(--ok);font-weight:700}
.dan{font:600 17px/1.9 Roboto,Arial,sans-serif;word-spacing:6px}
.ok{color:var(--ok)}.no{color:#98a2b3;text-decoration:line-through}
.quay{padding:0;overflow:hidden}.quay .qbar{display:flex;gap:12px;align-items:center;padding:10px 12px;background:var(--y);border-bottom:1px solid var(--y2)}
.spark{display:flex;align-items:flex-end;gap:3px;height:80px}.spark i{flex:1;background:var(--b);border-radius:2px 2px 0 0;opacity:.8}
.nlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px}
.nlist a{border:1px solid var(--ln);border-radius:6px;padding:6px 8px;color:var(--ink);background:#fff}.nlist b{display:block;font:700 18px Roboto,Arial,sans-serif;color:var(--b)}.nlist small{color:var(--mut);font-size:12px}
.pn{display:flex;justify-content:space-between;margin:0 0 12px;font-weight:600}
.pager{display:flex;justify-content:center;gap:14px;align-items:center;margin:0 0 12px}
.faq details{border-top:1px solid var(--ln);padding:8px 0}.faq details:first-of-type{border-top:0}
.faq summary{cursor:pointer;font-weight:600}.faq summary::marker{color:var(--b)}.faq div{padding:6px 0 0}
.art .entry h2{font-size:19px;margin:20px 0 8px}.entry h3{font-size:16.5px}
.entry table{width:100%;border-collapse:collapse;margin:8px 0 12px;font-size:14px}.entry th,.entry td{border:1px solid var(--ln);padding:6px 8px}.entry th{background:#f3f5f9}
.toc{background:#f7f9ff;border:1px solid #dfe5fb;border-radius:6px;padding:10px 14px;margin:0 0 14px;font-size:14.5px}.toc ol{margin:6px 0 0;padding-left:20px}
.plist{display:grid;gap:10px}.pcard{background:#fff;border:1px solid var(--ln);border-radius:var(--rad);padding:12px 14px}.pcard h2{font-size:17px;margin:0 0 4px}.pcard p{margin:0 0 4px;color:#3b4252}.pcard time{font-size:12px;color:var(--mut)}
.forum .cmts{list-style:none;padding:0}.forum .comment-body{border-bottom:1px solid var(--ln);padding:8px 0}
/* Footer */
.ftr{background:var(--b2);color:#cfd7f5;font-size:14px;margin-top:6px}
.ftr a{color:#fff}.fcols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:20px;padding-top:22px;padding-bottom:10px}
.ftr h3{color:#fff;font-size:15px;margin:0 0 8px}.ftr ul{list-style:none;margin:0;padding:0;line-height:1.9}
.fnote{border-top:1px solid rgba(255,255,255,.12);padding-top:10px;padding-bottom:20px;font-size:12.5px;color:#a8b3d9}
/* Responsive */
@media (max-width:1200px){.page{grid-template-columns:200px minmax(0,1fr) 270px}.menu>li>a{padding:0 8px;font-size:13px}.hsearch{display:none}}
@media (max-width:1000px){.page{grid-template-columns:minmax(0,1fr) 280px;grid-template-areas:"m r" "l r"}.fcols{grid-template-columns:1fr 1fr}}
@media (max-width:760px){
 .page{grid-template-columns:1fr;grid-template-areas:"m" "r" "l";padding-left:0;padding-right:0;gap:10px}
 .main>.bc,.main>.h1,.main>.upd,.main>.tabs,.main>.jump,.main>.pn,.main>.more,.main>.sform{margin-left:10px;margin-right:10px}
 .box,.sbox,.kq-box,.quick{border-radius:0;border-left:0;border-right:0}
 .top-in{height:54px}.logo img{height:36px}.hdr-date{font-size:12.5px;padding-left:10px}.hdr-date .clock{display:none}
 .burger{display:block}
 .nav-in{padding:0}.menu{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.menu::-webkit-scrollbar{display:none}
 .menu>li>a{height:42px;font-size:13.5px;padding:0 10px}
 .menu ul{display:none!important}
 .nav.open .menu{flex-wrap:wrap;overflow:visible}
 .nav.open .menu>li{width:50%}.nav.open .menu ul{display:block!important;position:static;box-shadow:none;border:0;background:var(--b2);padding:0 0 6px}
 .nav.open .menu ul a{color:#dfe7ff;font-size:13.5px;padding:5px 12px}
 .h1{font-size:19px}.today{grid-template-columns:1fr}.cols2,.pgrid{grid-template-columns:1fr}
 .kqt tbody th{width:38px;font-size:12px}.n{font-size:21px}.n.db{font-size:27px}.kq-mb tr.g7 .n{font-size:23px}
 .kq-multi .n{font-size:18px}.kq-multi .n.db{font-size:19px}.kq-multi tr.g8 .n{font-size:21px}.kq-multi.c4 .n{font-size:16px}.kq-multi.c4 .n.db{font-size:17px}
 .qg span{font-size:14px;padding:6px 0}.g100{gap:2px}.g100 .c b{font-size:13px}.vlg{grid-template-columns:repeat(8,1fr)}
 .links-col{columns:1}.fcols{grid-template-columns:1fr}.ball{width:40px;height:40px;font-size:16px}
 .tabs.dow{flex-wrap:nowrap;overflow-x:auto}.tabs.dow a{flex:0 0 auto}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}
.dsw{flex-wrap:nowrap}.dsw button{flex:1 1 0;min-width:0;padding:7px 2px}
.cal td.sel a{outline:0}
.lgd{font-size:12px;color:var(--mut);padding:6px 10px;border-top:1px solid #edf0f4}.lgd i{margin:0 3px 0 8px}

/* vong quay + huong dan + so ket qua */
.wheel-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:14px}
.wheel-box{position:relative;max-width:460px;margin:0 auto}
#wheel{width:100%;height:auto;display:block;border-radius:50%;box-shadow:0 4px 18px rgba(0,0,0,.18);cursor:pointer}
.wheel-pin{position:absolute;left:50%;top:-4px;transform:translateX(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:28px solid var(--r);filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}
.wheel-go{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;padding:0;background:var(--r);font-size:14px;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.wheel-go:disabled{opacity:.7;cursor:wait}
.wheel-res{text-align:center;font-size:18px;margin:12px 0 0}.wheel-res b{color:var(--r);font-size:22px}
#wheel-items{width:100%;box-sizing:border-box;font:inherit;padding:8px;border:1px solid #cfd6e6;border-radius:6px;margin:6px 0}
.wheel-opts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px}.btn.sm{padding:5px 10px;font-size:13px}
.wheel-hist{max-height:180px;overflow:auto;font-size:14px;padding-left:22px}
.guide{border-top:3px solid var(--b)}.guide h2{font-size:19px;margin:18px 0 8px;color:var(--b)}.guide table{border-collapse:collapse;width:100%;margin:8px 0}.guide td,.guide th{border:1px solid #e3e7f0;padding:6px 8px}
.pick{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0 14px}
.tscroll{overflow-x:auto}.skq td{vertical-align:top}.skq .multi span{display:block;white-space:nowrap}.skq .db{font-weight:800;color:var(--r)}
.lt b.ok,b.ok{color:var(--r)}
@media (max-width:760px){.wheel-wrap{grid-template-columns:1fr}}