html,body{background:#050816!important;overflow:hidden!important;height:100%;margin:0}
.elementor-widget-html:has(#kq),.e-con:has(#kq),.elementor-widget-container:has(#kq),.elementor-section:has(#kq),.elementor-column:has(#kq){padding:0!important;margin:0!important;max-width:none!important}
#kq,#kq *{box-sizing:border-box;margin:0}
#kq{--ln:rgba(150,200,255,.14);--ln2:rgba(150,200,255,.26);--mut:#8e9bbd;--gold:#f7c955;--cy:#6fd3ff;--bl:#4f7dff;--glass:linear-gradient(155deg,rgba(28,42,92,.78),rgba(9,14,36,.78));
 position:fixed;inset:0;z-index:50;height:100vh;height:100dvh;overflow:hidden;color:#eef2ff;font:15px/1.45 "Be Vietnam Pro",-apple-system,"SF Pro Display",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;
 display:grid;place-items:center;padding:clamp(10px,2.2vh,28px) clamp(12px,2.6vw,40px)}
#kq button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
#kq a{color:inherit;text-decoration:none}
/* ---------- nền ---------- */
#kq .sp{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(55% 60% at 70% 45%,#1d3684 0%,#122157 40%,#0a1230 72%,#050816 100%)}
#kq .sp:before{content:"";position:absolute;inset:-20%;background:radial-gradient(26% 30% at 22% 28%,rgba(111,211,255,.12),transparent 70%),radial-gradient(30% 30% at 82% 82%,rgba(124,92,255,.15),transparent 70%);animation:kqAu 18s ease-in-out infinite alternate}
@keyframes kqAu{to{transform:translate(4%,-3%) rotate(6deg)}}
#kq .floor{position:absolute;left:-30%;right:-30%;bottom:-8%;height:40%;transform:perspective(520px) rotateX(74deg);transform-origin:50% 100%;background-image:linear-gradient(rgba(111,211,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(111,211,255,.16) 1px,transparent 1px);background-size:56px 56px;-webkit-mask:linear-gradient(transparent,#000 40%,#000 85%,transparent);mask:linear-gradient(transparent,#000 40%,#000 85%,transparent);animation:kqFl 10s linear infinite}
@keyframes kqFl{to{background-position:0 56px}}
#kq .dust i{position:absolute;width:3px;height:3px;border-radius:50%;background:#bfeaff;box-shadow:0 0 8px #6fd3ff;opacity:0;animation:kqDu 14s linear infinite}
@keyframes kqDu{20%{opacity:.6}to{transform:translateY(-70vh);opacity:0}}

/* ---------- SÂN KHẤU: khung cố định tỉ lệ, căn giữa, co giãn theo màn hình ---------- */
#kq .stage{container-type:size;position:relative;font-size:clamp(14px,1.95cqh,24px);width:min(100%,calc((100dvh - 2*clamp(10px,2.2vh,28px))*1.62));height:100%;max-width:1900px;
 display:grid;column-gap:clamp(14px,3cqw,40px);
 grid-template-columns:minmax(0,1fr) minmax(0,.62fr);
 grid-template-rows:auto minmax(0,1fr) auto auto auto minmax(0,1.1fr);
 grid-template-areas:"top top" "g1 kiki" "say kiki" "panel kiki" "ans kiki" "g2 kiki"}

/* ---------- thanh trên ---------- */
#kq .top{grid-area:top;display:flex;align-items:center;gap:8px;padding-bottom:clamp(6px,1.4cqh,14px);position:relative;z-index:6}
#kq .q-logo{height:clamp(18px,3.4cqh,44px);width:auto;transition:filter .3s,transform .3s}
#kq .q-logo.glow{cursor:pointer;filter:drop-shadow(0 0 10px #ffe7a3) drop-shadow(0 0 22px #f7c955);animation:kqGl 1s ease-in-out infinite alternate}
@keyframes kqGl{to{transform:scale(1.1)}}
#kq .sp1{flex:1}
#kq .pill{font-size:clamp(11px,1.35cqh,16px);letter-spacing:.2em;text-transform:uppercase;color:#bfe9ff;padding:7px 12px;border-radius:99px;border:1px solid var(--ln);background:rgba(10,18,44,.45);backdrop-filter:blur(10px)}
#kq .tb{height:clamp(34px,5.2cqh,64px);min-width:clamp(34px,5.2cqh,64px);padding:0 12px;border-radius:99px;border:1px solid var(--ln2);background:rgba(10,18,44,.5);backdrop-filter:blur(10px);font-size:clamp(13px,1.6cqh,19px);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;transition:.2s}
#kq .tb:hover:not(:disabled){border-color:var(--cy);background:rgba(111,211,255,.12)}
#kq .tb:disabled{opacity:.28;cursor:default}
#kq .tb small{font-size:12px;font-weight:600;color:#cdd6ee}
#kq .q-mute{padding:0;font-size:16px}
#kq .tb.bk{padding:0;color:#dfe8ff}#kq .tb.bk svg{width:46%;height:46%}
#kq .ov .av{background-size:cover!important;background-position:50% 30%!important}
#kq .ring2.pause .fg{stroke:var(--gold)}#kq .ring2.pause span{color:var(--gold);font-size:.85em;letter-spacing:.05em}
.admin-bar #kq{top:32px}@media (max-width:782px){.admin-bar #kq{top:46px}}
#kq .lifes{display:none;gap:6px}
#kq.s-quiz .lifes{display:flex}#kq.s-quiz .pill{display:none}

/* ---------- KIKI ---------- */
#kq .kk{grid-area:kiki;position:relative;min-height:0;z-index:1;pointer-events:none}
#kq .kk .host{position:absolute;inset:0}
#kq .kk .fb{position:absolute;left:50%;bottom:0;height:100%;transform:translateX(-50%);transition:opacity .4s}
#kq .kk.live .fb{opacity:0}
#kq .kk .ring{position:absolute;left:50%;bottom:-1.5%;width:min(92%,340px);aspect-ratio:3/1;transform:translateX(-50%);border-radius:50%;border:2px solid rgba(111,211,255,.5);box-shadow:0 0 34px rgba(111,211,255,.45),inset 0 0 30px rgba(111,211,255,.3);background:radial-gradient(closest-side,rgba(111,211,255,.22),transparent)}
#kq .kk .ring:after{content:"";position:absolute;inset:16%;border-radius:50%;border:1px dashed rgba(111,211,255,.45);animation:kqSp 12s linear infinite}
@keyframes kqSp{to{transform:rotate(360deg)}}
#kq .kk.jump{animation:kqJ .6s ease}@keyframes kqJ{40%{transform:translateY(-14px)}}
#kq .kk.glitch{animation:kqG .5s steps(2) 2}@keyframes kqG{30%{transform:translateX(6px);filter:hue-rotate(90deg)}60%{transform:translateX(-6px)}}
#kq .emo{position:absolute;right:6%;top:6%;font-size:clamp(26px,5cqh,44px);opacity:0;transform:scale(.4);transition:.35s cubic-bezier(.2,1.6,.4,1);filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}
#kq .emo.on{opacity:1;transform:scale(1)}

/* ---------- lời thoại KIKI: thanh nhỏ, đuôi chỉ sang KIKI ---------- */
#kq .bubble{grid-area:say;position:relative;z-index:4;display:flex;align-items:flex-start;gap:10px;margin-bottom:clamp(8px,1.6cqh,14px);padding:clamp(9px,1.5cqh,14px) clamp(12px,1.8cqw,18px);border-radius:16px;background:rgba(9,14,34,.72);border:1px solid var(--ln2);backdrop-filter:blur(14px);font-size:clamp(13px,2.15cqh,28px);line-height:1.45;min-height:calc(1.45em*2 + 2*clamp(9px,1.5cqh,14px))}
#kq .bubble:after{content:"";position:absolute;right:-7px;top:50%;width:12px;height:12px;margin-top:-6px;background:rgba(9,14,34,.92);border-right:1px solid var(--ln2);border-top:1px solid var(--ln2);transform:rotate(45deg)}
#kq .bubble .who{flex:none;margin-top:.15em;padding:2px 8px;border-radius:99px;background:linear-gradient(135deg,var(--cy),var(--bl));color:#06122e;font-size:.62em;font-weight:800;letter-spacing:.12em;line-height:1.5}
#kq .bubble .tx{flex:1;min-width:0}
#kq .bubble b{color:#fff}
#kq .cur{display:none;width:7px;height:15px;margin-left:2px;background:var(--cy);vertical-align:-2px;animation:kqBl .7s steps(2) infinite}@keyframes kqBl{50%{opacity:0}}
#kq .wave{display:none!important}

/* ---------- tấm kính chính ---------- */
#kq .panel{grid-area:panel;position:relative;z-index:3;min-height:0;overflow:auto;scrollbar-width:none;padding:clamp(16px,3.2cqh,32px) clamp(16px,2.6cqw,36px);border-radius:22px;background:var(--glass);border:1px solid var(--ln2);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 30px 70px -36px rgba(79,125,255,.7),inset 0 1px 0 rgba(255,255,255,.08)}
#kq .panel::-webkit-scrollbar{display:none}
#kq .panel:before{content:"";position:absolute;left:22px;right:22px;top:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--cy),var(--bl),transparent);opacity:.9}
#kq .scr{display:none}#kq .scr.on{display:block;animation:kqIn .45s cubic-bezier(.22,.8,.2,1)}
@keyframes kqIn{from{opacity:0;transform:translateY(10px)}}
/* start */
#kq .st-title small{display:block;font-size:clamp(11px,1.4cqh,17px);letter-spacing:.36em;color:var(--cy);font-weight:700}
#kq .st-title h1{font-size:clamp(26px,6.6cqh,90px);line-height:1.04;font-weight:800;margin:clamp(4px,1cqh,10px) 0 clamp(12px,2.4cqh,22px);letter-spacing:-.025em;color:#fff}
#kq .st-title h1 span{background:linear-gradient(90deg,#6fd3ff,#4f7dff 45%,#f7c955);-webkit-background-clip:text;background-clip:text;color:transparent}
#kq .st-prize{display:flex;align-items:center;gap:14px;padding:clamp(10px,1.8cqh,16px) 16px;border-radius:16px;background:linear-gradient(90deg,rgba(247,201,85,.16),rgba(247,201,85,.02));border:1px solid rgba(247,201,85,.38)}
#kq .st-prize b{font-size:clamp(26px,4.8cqh,64px);font-weight:800;color:var(--gold);line-height:1;letter-spacing:-.02em}
#kq .st-prize span{font-size:clamp(13px,2cqh,24px);font-weight:600}#kq .st-prize em{display:block;font-style:normal;font-weight:400;font-size:clamp(12px,1.7cqh,20px);color:var(--mut)}
#kq .chips{display:flex;flex-wrap:wrap;gap:6px;margin:clamp(10px,1.8cqh,16px) 0}
#kq .chips span{font-size:clamp(11.5px,1.7cqh,20px);padding:5px 11px;border-radius:99px;background:rgba(255,255,255,.04);border:1px solid var(--ln);color:#cdd6ee;white-space:nowrap}
#kq .chips b{color:#fff}
#kq .form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#kq .in{width:100%;padding:clamp(11px,1.8cqh,15px) 14px;border-radius:13px;border:1px solid var(--ln2);background:rgba(4,8,22,.55);color:#fff;font:inherit;font-size:max(16px,1em);outline:none;transition:.2s}
#kq .in:focus{border-color:var(--cy);box-shadow:0 0 0 3px rgba(111,211,255,.18)}
#kq .err{min-height:1.2em;font-size:.85em;color:#ff8d8d;margin:5px 2px}
#kq .btn{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:clamp(12px,2.1cqh,17px) 18px;border-radius:14px;background:linear-gradient(180deg,#ffd978,#f5a623);color:#1a1200!important;font-weight:800;font-size:clamp(14px,2.1cqh,26px);letter-spacing:.05em;box-shadow:0 12px 30px -10px rgba(245,166,35,.65);transition:transform .15s}
#kq .btn:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-100%);animation:kqShine 3.2s ease-in-out infinite}
@keyframes kqShine{60%,100%{transform:translateX(100%)}}
#kq .btn:active{transform:scale(.98)}
#kq .btn.ghost{background:rgba(255,255,255,.06);color:#fff!important;border:1px solid var(--ln2);box-shadow:none;font-weight:600;letter-spacing:0}
#kq .btn.ghost:after,#kq .btn.blue:after{display:none}
#kq .btn.blue{background:linear-gradient(180deg,#6b9bff,#3a6ff0);color:#fff!important;box-shadow:0 12px 30px -10px rgba(79,125,255,.7)}
#kq .meta{margin-top:8px;text-align:center;font-size:.82em;color:var(--mut)}

/* ---------- câu hỏi ---------- */
#kq .qh{display:flex;align-items:center;gap:12px;margin-bottom:clamp(8px,1.4cqh,12px)}
#kq .qmeta{flex:1;min-width:0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
#kq .qno{font-size:clamp(11px,1.6cqh,19px);letter-spacing:.24em;color:var(--cy);font-weight:800;white-space:nowrap}
#kq #qLv{font-style:normal;font-size:clamp(11px,1.6cqh,19px);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#kq .ring2{position:relative;width:clamp(38px,6.4cqh,80px);height:clamp(38px,6.4cqh,80px);flex:none}
#kq .ring2 svg{width:100%;height:100%;transform:rotate(-90deg)}
#kq .ring2 circle{fill:none;stroke-width:4}#kq .ring2 .bg{stroke:rgba(255,255,255,.1)}#kq .ring2 .fg{stroke:var(--cy);stroke-linecap:round;transition:stroke .3s}
#kq .ring2.hot .fg{stroke:#ff5d6c}#kq .ring2.hot{animation:kqHot .5s ease-in-out infinite alternate}@keyframes kqHot{to{transform:scale(1.1)}}
#kq .ring2 span{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;font-size:clamp(13px,2.2cqh,26px)}
#kq .dots{display:flex;gap:3px;margin-bottom:clamp(12px,2.4cqh,22px)}
#kq .dots i{flex:1;height:5px;border-radius:3px;background:rgba(255,255,255,.09)}
#kq .dots i.done{background:linear-gradient(90deg,#2fd27a,#7af0b1)}#kq .dots i.cur{background:var(--cy);box-shadow:0 0 10px var(--cy)}#kq .dots i.last{background:rgba(247,201,85,.5)}
#kq .qcard .mode{display:none;margin-bottom:10px;font-size:11px;letter-spacing:.16em;font-weight:800;color:#ffb35c}
#kq .qcard .mode.on{display:inline-block;padding:4px 10px;border-radius:99px;background:rgba(255,179,92,.12);border:1px solid rgba(255,179,92,.4)}
#kq #qQt{display:block;font-size:clamp(19px,4.6cqh,64px);font-weight:700;line-height:1.28;letter-spacing:-.012em;min-height:2.56em}

/* ---------- 4 đáp án ngay dưới câu hỏi ---------- */
#kq .ansbar{grid-area:ans;display:none;position:relative;z-index:3;margin-top:clamp(10px,1.8cqh,16px)}
#kq.s-quiz .ansbar{display:block}
#kq .ans{display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,1.4cqh,12px)}
#kq .ans.mirror{transform:scaleX(-1)}
#kq .a{position:relative;display:flex;align-items:center;gap:12px;text-align:left;padding:clamp(10px,1.7cqh,16px) clamp(12px,1.5cqw,18px);border-radius:16px;border:1px solid var(--ln2);background:linear-gradient(160deg,rgba(28,44,98,.62),rgba(9,14,36,.7));backdrop-filter:blur(14px);font-size:clamp(14px,2.4cqh,30px);font-weight:600;line-height:1.3;min-height:clamp(52px,9cqh,120px);white-space:normal;overflow-wrap:anywhere;transition:transform .18s,border-color .2s,background .2s,box-shadow .2s}
#kq .a:hover{transform:translateY(-2px);border-color:var(--cy);box-shadow:0 12px 28px -12px rgba(111,211,255,.6)}
#kq .a .L{flex:none;width:clamp(26px,4.2cqh,52px);height:clamp(26px,4.2cqh,52px);border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:clamp(12px,1.7cqh,14px);background:rgba(111,211,255,.14);border:1px solid rgba(111,211,255,.4);color:var(--cy)}
#kq .a .T{min-width:0;flex:1}
#kq .a.sel{border-color:var(--gold);background:linear-gradient(160deg,rgba(247,201,85,.28),rgba(40,30,10,.6));box-shadow:0 0 0 3px rgba(247,201,85,.2)}
#kq .a.sel .L{background:var(--gold);color:#1a1200;border-color:var(--gold)}
#kq .a.right{border-color:#7ad7ff;background:linear-gradient(160deg,rgba(47,210,122,.32),rgba(8,40,24,.6))}
#kq .a.right .L{background:#2fd27a;color:#04210f;border-color:#7ad7ff}
#kq .a.wrong{border-color:#ff5d6c;background:linear-gradient(160deg,rgba(255,93,108,.32),rgba(48,10,14,.6));animation:kqSh .4s}
#kq .a.gone{opacity:.12;pointer-events:none}#kq .a.back{animation:kqBk .6s}
@keyframes kqBk{0%{opacity:.1;transform:scale(.9)}}

/* end */
#kq .end h2{font-size:clamp(24px,4.6cqh,42px);line-height:1.12;margin-bottom:10px;font-weight:800}
#kq .end p{color:#c9d2ea;margin-bottom:8px}
#kq .end .stack{display:grid;gap:9px;margin-top:14px}
#kq .code{margin:12px 0;padding:14px;border-radius:16px;text-align:center;border:1px dashed var(--gold);background:rgba(247,201,85,.1)}
#kq .code small{display:block;color:var(--mut);font-size:.8em;letter-spacing:.2em}#kq .code b{font-size:1.9em;letter-spacing:.12em;color:#fff}
#kq .terms{margin:0 0 0 18px;padding:0;color:#c9d2ea;font-size:.9em;line-height:1.6}
#kq .foot{display:none}
#kq .end [style*="font-size:13px"]{font-size:.85em!important}

/* ---------- hộp xác nhận + hiệu ứng ---------- */
#kq .ov{position:fixed;inset:0;z-index:20;display:none;place-items:center;padding:20px;background:rgba(4,7,18,.6);backdrop-filter:blur(8px)}
#kq .ov.on{display:grid;animation:kqFd .25s}@keyframes kqFd{from{opacity:0}}
#kq .ov .box{width:min(420px,100%);padding:24px 22px;border-radius:24px;text-align:center;background:linear-gradient(150deg,rgba(30,48,104,.96),rgba(10,16,40,.96));border:1px solid var(--ln2);box-shadow:0 40px 90px rgba(0,0,0,.6)}
#kq .ov h3{font-size:22px;margin:10px 0 6px;font-weight:800}#kq .ov p{color:#c9d2ea;font-size:15px;margin-bottom:14px}
#kq .ov .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#kq .ov .av{width:78px;height:78px;margin:0 auto;border-radius:50%;border:2px solid var(--cy);box-shadow:0 0 20px rgba(111,211,255,.5);background:#13204a no-repeat 50% 5%/420% auto}
#kq .ov .btn{letter-spacing:0;padding:14px 10px}
#kq .bars{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;height:120px;align-items:end;margin:14px 0 30px}
#kq .bars div{position:relative;height:25%;border-radius:8px 8px 0 0;background:linear-gradient(var(--cy),var(--bl))}
#kq .bars div:after{content:attr(data-l);position:absolute;bottom:-20px;left:0;right:0;font-weight:700}
#kq .bars span{position:absolute;top:-20px;left:0;right:0;font-size:12px}
#kq .phone{font-size:50px;animation:kqSh .5s infinite}
#kq .flash{position:fixed;inset:0;z-index:15;pointer-events:none;opacity:0}
#kq .flash.green{animation:kqFlG .7s}#kq .flash.red{animation:kqFlR .7s}
@keyframes kqFlG{20%{opacity:1;background:radial-gradient(circle,transparent 40%,rgba(47,210,122,.35))}}
@keyframes kqFlR{20%{opacity:1;background:radial-gradient(circle,transparent 40%,rgba(255,60,60,.4))}}
#kq.shake .panel,#kq.shake .ansbar{animation:kqSh .45s}
@keyframes kqSh{25%{translate:-6px 0}75%{translate:6px 0}}
.conf{position:fixed;inset:0;pointer-events:none;z-index:60;overflow:hidden}
.conf i{position:absolute;top:-12px;width:8px;height:14px;border-radius:2px;animation:kqCf linear forwards}
@keyframes kqCf{to{transform:translateY(105vh) rotate(720deg)}}

/* ---------- màn dọc: điện thoại, iPad dọc ---------- */
@media (max-aspect-ratio:6/5){
 #kq{padding:10px 14px max(12px,env(safe-area-inset-bottom))}
 #kq .stage{width:100%;max-width:760px;column-gap:10px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
 #kq.s-start .stage,#kq.s-end .stage{grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top top" "say kiki" "panel panel"}
 #kq.s-quiz .stage{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"top top" "say kiki" "panel kiki" "ans ans"}
 #kq.s-start .bubble,#kq.s-end .bubble{align-self:center;margin:0}
 #kq.s-quiz .bubble{margin-bottom:8px}
 #kq .bubble{font-size:clamp(12.5px,3.6cqw,24px);padding:9px 12px;min-height:0}
 #kq .bubble .who{display:none}
 #kq.s-start .panel,#kq.s-end .panel{margin-top:10px}
 #kq.s-quiz .panel{display:flex;flex-direction:column;padding:clamp(14px,3.6cqw,28px)}
 #kq.s-quiz .qcard.on{display:flex;flex-direction:column;flex:1}
 #kq.s-quiz #qQt{flex:1;display:flex;align-items:center;font-size:clamp(20px,6.4cqw,50px);min-height:0}
 #kq .ring2{width:clamp(36px,9cqw,52px);height:clamp(36px,9cqw,52px)}
 #kq .qno,#kq #qLv{font-size:clamp(10.5px,2.7cqw,13px)}#kq .qno{letter-spacing:.16em}
 #kq #qLv{display:none}
 #kq .dots{margin-bottom:12px}
 #kq .kk .ring{width:96%}
 #kq .st-title h1{font-size:clamp(26px,8cqw,52px);margin:4px 0 clamp(8px,1.6cqh,16px)}
 #kq .st-title h1 br{display:none}
 #kq .st-prize b{font-size:clamp(24px,7cqw,40px)}
 #kq .st-prize span{font-size:clamp(13px,3.4cqw,16px)}#kq .st-prize em{font-size:clamp(11.5px,3cqw,14px)}
 #kq .chips{margin:clamp(8px,1.4cqh,14px) 0;gap:5px}#kq .chips span{font-size:clamp(11px,2.9cqw,14px);padding:4px 9px}
 #kq .in{padding:11px 12px}
 #kq .ansbar{margin-top:10px}
 #kq .ans{gap:8px}
 #kq .a{min-height:clamp(54px,8.4cqh,120px);padding:10px 11px;gap:9px;font-size:clamp(13.5px,3.9cqw,26px);border-radius:14px}
 #kq .a .L{width:clamp(24px,6.4cqw,32px);height:clamp(24px,6.4cqw,32px);border-radius:8px}
 #kq .pill{display:none}
 #kq .stage{font-size:clamp(14px,3.8cqw,21px)}
 #kq .btn{font-size:clamp(14px,3.8cqw,21px)}
 #kq .tb small{display:none}
 #kq .top{gap:5px}#kq .tb{height:32px;min-width:32px;padding:0 9px;font-size:12px}#kq .tb.bk,#kq .q-mute{padding:0}#kq .q-logo{height:clamp(17px,5cqw,24px)}
}
@media (max-aspect-ratio:6/5) and (min-width:700px){#kq .tb small{display:inline}#kq .q-logo{height:26px}}
@media (max-height:560px){#kq .chips{display:none}#kq .st-prize em{display:none}}
@media (prefers-reduced-motion:reduce){#kq .floor,#kq .dust i,#kq .kk .ring:after,#kq .sp:before,#kq .btn:after{animation:none}}
/* iOS-safe: khung sân khấu tuyệt đối, không phụ thuộc 100dvh / grid ngoài */
#kq{display:block!important;height:auto!important;padding:0!important;bottom:0!important}
#kq .stage{position:absolute!important;top:clamp(10px,2.2vh,28px);bottom:max(clamp(10px,2.4vh,26px),env(safe-area-inset-bottom));left:0;right:0;margin:0 auto;height:auto!important;max-height:none;width:min(calc(100% - 2*clamp(12px,2.6vw,40px)),calc((100vh - 50px)*1.62),1900px)!important}
@media (max-aspect-ratio:6/5){#kq .stage{top:10px;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 28px)!important;max-width:760px}}
#kq.s-start .panel,#kq.s-end .panel{min-height:max-content}
#kq.s-start .stage,#kq.s-end .stage{grid-template-rows:auto minmax(0,1fr) max-content}
@media (max-aspect-ratio:6/5) and (max-height:740px){#kq .chips{display:none}#kq .st-prize em{display:none}#kq .st-title h1{margin-bottom:10px}}
/* mono: bỏ vàng, ít màu */
#kq{--gold:#e8eeff}
#kq .btn{background:#fff!important;color:#0a1230!important;box-shadow:0 14px 34px -14px rgba(160,190,255,.55)!important}
#kq .btn:after{background:linear-gradient(110deg,transparent 30%,rgba(79,125,255,.18) 50%,transparent 70%)!important}
#kq .btn.ghost{background:rgba(255,255,255,.06)!important;color:#fff!important;box-shadow:none!important}
#kq .btn.blue{background:linear-gradient(180deg,#4f7dff,#2f5fe0)!important;color:#fff!important}
#kq .st-title h1 span{background:linear-gradient(90deg,#9fdcff,#4f7dff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
#kq .st-prize{background:rgba(255,255,255,.04)!important;border-color:var(--ln2)!important}
#kq .st-prize b{color:#fff!important}
#kq .bubble b,#kq #qLv,#kq .code b{color:#fff!important}
#kq #qLv{color:var(--mut)!important}
#kq .dots i.last{background:rgba(255,255,255,.28)!important}
#kq .a.sel{border-color:#fff!important;background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(9,14,36,.7))!important;box-shadow:0 0 0 3px rgba(255,255,255,.12)!important}
#kq .a.sel .L{background:#fff!important;color:#0a1230!important;border-color:#fff!important}
#kq .ring2.pause .fg{stroke:#fff!important}#kq .ring2.pause span{color:#fff!important}
#kq .qcard .mode{color:#cfe3ff!important}#kq .qcard .mode.on{background:rgba(111,211,255,.1)!important;border-color:rgba(111,211,255,.35)!important}
#kq .code{border-color:rgba(255,255,255,.4)!important;background:rgba(255,255,255,.05)!important}
#kq .q-logo.glow{filter:drop-shadow(0 0 10px #fff) drop-shadow(0 0 22px #6fd3ff)!important}
#kq .emo,#kq #qEmo{display:none!important}
#kq .a.right{border-color:#7ad7ff!important;background:linear-gradient(160deg,rgba(122,215,255,.26),rgba(8,24,48,.62))!important}
#kq .a.right .L{background:#7ad7ff!important;color:#04122e!important;border-color:#7ad7ff!important}
#kq .dots i.done{background:linear-gradient(90deg,#4f7dff,#9fdcff)!important}
@keyframes kqFlG{20%{opacity:1;background:radial-gradient(circle,transparent 40%,rgba(79,125,255,.35))}}

/*BK-FIX*/#kq .tb.bk{flex:0 0 auto!important;width:auto!important;aspect-ratio:1/1;padding:0!important;justify-content:center;align-items:center}#kq .tb.bk svg{width:1.35em!important;height:1.35em!important;flex:none;display:block}#kq .st-prize .nw{white-space:nowrap}
#kq.s-quiz .qbd{display:none}
#kq .lb{list-style:none;margin:6px 0 12px;padding:0;text-align:left;max-height:46vh;overflow:auto}
#kq .lb li{display:grid;grid-template-columns:28px 1fr auto auto;gap:10px;align-items:center;padding:9px 10px;border-radius:12px;font-size:14px;color:#dfe8ff}
#kq .lb li:nth-child(odd){background:rgba(255,255,255,.05)}
#kq .lb li i{font-style:normal;font-weight:800;color:#7ad7ff;text-align:center}
#kq .lb li:first-child i{color:#fff}
#kq .lb li b{font-weight:800;color:#fff}#kq .lb li small{color:var(--mut);font-size:12px}
#kq .lbm{font-size:13px!important;color:var(--mut)!important}
#kq .btn:disabled{opacity:.6;cursor:default}