/* Dunk Shop - Hoops IQ (Ester, 8 Nov 2026): homepage block, /hoops-iq page, Bestsellers tile. Printed only when the Hoops IQ gate is on.
   From Ester's approved sketch, "Player wall" background; Unbounded replaced by the site fonts (MADE Outer Sans headings, Inter body).
   Rename the file (v2, v3...) on every change: Cloudflare caches static files by name.
   v2 (8 Nov): NO @font-face here. v1 declared 'MADE Outer Sans' 700-800 for latin-ext and that replaced the theme's own
   faces: headings, product names and the announcement bar fell back to Arial on every page with the block (hub, staging rs).
   The theme already covers Č/Ć/Š/Ž (latin-ext-display.css). */
.ds-iq,.ds-iqt{--lime:#BFFF00;--ink:#1A1A1A;--night:#07050D;--red:#FF5A3C;--pink:#F03C96;--cyan:#2AD9F5;--head:'MADE Outer Sans',-apple-system,'Segoe UI',sans-serif;--body:Inter,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
.ds-iq *,.ds-iqt *{box-sizing:border-box}
.ds-iq [x-cloak],.ds-iqt [x-cloak]{display:none!important}

/* ---------- block ---------- */
.ds-iq{position:relative;isolation:isolate;overflow:hidden;color:#fff;padding:44px 0;min-height:560px;font:14px/1.5 var(--body);background:linear-gradient(165deg,#2A1857 0%,#1B1040 55%,#0E0824 100%);scroll-margin-top:80px}
.ds-iq::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(35% 55% at 76% 35%,rgba(191,255,0,.14),transparent 70%)}
.ds-iq button,.ds-iq input{font:inherit}
.ds-iq .bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.ds-iq .wall{position:absolute;inset:0;overflow:hidden}
.ds-iq .rows{position:absolute;inset:-30% -20%;display:flex;flex-direction:column;gap:14px;transform:rotate(-9deg)}
.ds-iq .r{display:flex;gap:14px;width:max-content;animation:dsiq-mq 60s linear infinite}
.ds-iq .r:nth-child(2){animation-direction:reverse;animation-duration:75s}
.ds-iq .r:nth-child(3){animation-duration:90s}
@keyframes dsiq-mq{to{transform:translateX(-50%)}}
.ds-iq .pc{position:relative;flex:0 0 auto;width:170px;height:230px;border-radius:16px;overflow:hidden;background:#1d1430;box-shadow:inset 0 -3px 0 var(--c)}
.ds-iq .pc img{width:100%;height:100%;object-fit:cover;object-position:var(--p);filter:grayscale(1) contrast(1.15) brightness(.9);display:block}
.ds-iq .pc::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,var(--c),#2A1857 75%);mix-blend-mode:color;opacity:.95;z-index:1}
.ds-iq .pc::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(18,11,34,.85));z-index:1}
.ds-iq .pc b{position:absolute;right:8px;top:4px;z-index:2;font:800 54px/1 var(--head);color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--c) 70%,#fff)}
.ds-iq .pc s{position:absolute;left:10px;bottom:10px;z-index:2;text-decoration:none;font:800 13px var(--head);text-transform:uppercase;color:#fff}
.ds-iq .beam{position:absolute;top:-10%;width:34%;height:120%;opacity:.7;background:linear-gradient(180deg,rgba(191,255,0,.16),transparent 70%);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);filter:blur(6px);transform-origin:50% 0;animation:dsiq-sweep 9s ease-in-out infinite alternate}
.ds-iq .beam.b1{left:52%;transform:rotate(14deg)}
.ds-iq .beam.b2{left:66%;transform:rotate(-12deg);background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 70%);animation-delay:-4s}
@keyframes dsiq-sweep{from{rotate:-6deg}to{rotate:6deg}}
.ds-iq .vig{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,9,36,.94) 0%,rgba(16,9,36,.82) 38%,rgba(16,9,36,.25) 70%,rgba(16,9,36,.45) 100%)}
.ds-iq .in{max-width:1280px;margin:0 auto;padding-inline:16px}
.ds-iq .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}
.ds-iq .k{font:700 11px var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--lime)}
.ds-iq h2{margin:8px 0 10px;font:800 40px/1.05 var(--head);text-transform:uppercase;text-wrap:balance;color:#fff}
.ds-iq h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px #fff}
.ds-iq p{margin:0}
.ds-iq .lead{margin:0 0 18px;color:#D6D0E6;max-width:52ch}
.ds-iq .btn{border:0;background:var(--lime);color:var(--ink);font:700 13px var(--head);padding:14px 20px;border-radius:10px;cursor:pointer;min-height:48px}
.ds-iq .btn:focus-visible,.ds-iq .ans button:focus-visible,.ds-iqt button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.ds-iq .btn.ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.25)}
.ds-iq .btn:disabled{opacity:.6;cursor:default}
.ds-iq .acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ds-iq .small{font-size:12px;color:#9D96B6}
.ds-iq .ladder{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px;padding:0;list-style:none}
.ds-iq .ladder li{display:flex;flex-direction:column;align-items:center;min-width:62px;padding:6px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(18,11,34,.55);font:800 15px var(--head);color:#fff}
.ds-iq .ladder small{font:700 8px var(--head);letter-spacing:.1em;text-transform:uppercase;color:#BDB6D4;margin-bottom:2px}
.ds-iq .ladder .top{border-color:var(--lime);color:var(--lime);box-shadow:0 0 14px rgba(191,255,0,.25)}
/* question */
.ds-iq .qn{font:700 11px var(--head);letter-spacing:.12em;text-transform:uppercase;color:#8A84A0;margin-bottom:8px}
.ds-iq .q{font:800 24px/1.25 var(--head);margin:0 0 16px;text-wrap:balance}
.ds-iq .ans{display:grid;gap:10px;max-width:560px}
.ds-iq .ans button{display:flex;gap:12px;align-items:center;text-align:left;border:1.5px solid rgba(255,255,255,.2);background:rgba(18,11,34,.55);backdrop-filter:blur(6px);color:#fff;border-radius:12px;padding:12px 14px;cursor:pointer;font-weight:600;min-height:52px;transition:border-color .2s,background .2s,transform .15s}
.ds-iq .ans button:hover:not(:disabled){border-color:var(--lime);transform:translateX(3px)}
.ds-iq .ans button b{flex:0 0 28px;height:28px;border-radius:8px;display:grid;place-items:center;font:800 12px var(--head);background:rgba(255,255,255,.08)}
.ds-iq .ans button.ok{border-color:var(--lime);background:rgba(191,255,0,.12)}
.ds-iq .ans button.ok b{background:var(--lime);color:var(--ink)}
.ds-iq .ans button.no{border-color:var(--red);background:rgba(255,90,60,.1)}
.ds-iq .ans button.no b{background:var(--red)}
.ds-iq .ans button:disabled{cursor:default}
.ds-iq .fact{margin-top:14px;max-width:560px;border-left:3px solid var(--lime);padding:6px 0 6px 12px;color:#E3DEF0;font-size:13.5px}
.ds-iq .fact.miss{border-color:var(--red)}
.ds-iq .fact strong{font-family:var(--head);font-size:12px;text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:2px}
.ds-iq .fact a{color:var(--lime);font-weight:600;font-size:12.5px;text-decoration:none;border-bottom:1px solid rgba(191,255,0,.4)}
.ds-iq .next{margin-top:16px}
/* result */
.ds-iq .tier{font:800 44px/1.02 var(--head);text-transform:uppercase;color:var(--lime);margin:6px 0 8px;text-wrap:balance}
.ds-iq .joke{color:#E3DEF0;font-size:15px;margin:0 0 16px;max-width:50ch}
.ds-iq .more{margin:-6px 0 12px}
.ds-iq .prize{display:flex;align-items:center;gap:10px;margin:0 0 14px;font:700 13px var(--head);text-transform:uppercase;letter-spacing:.04em}
.ds-iq .prize i{font-style:normal;white-space:nowrap;background:var(--lime);color:var(--ink);padding:4px 8px;border-radius:6px}
.ds-iq form.mail{display:flex;gap:8px;max-width:520px}
.ds-iq form.mail input[type=email]{flex:1;min-width:0;border:1.5px solid rgba(255,255,255,.25);background:rgba(18,11,34,.55);color:#fff;border-radius:10px;padding:13px 14px;font-size:14px;outline:none;min-height:48px}
.ds-iq form.mail input[type=email]:focus{border-color:var(--lime)}
.ds-iq .consent{display:flex;align-items:flex-start;gap:8px;margin-top:10px;max-width:520px;font-size:12px;line-height:1.45;color:#D6D0E6;cursor:pointer}
.ds-iq .consent input{flex-shrink:0;width:16px;height:16px;margin-top:2px;accent-color:#BFFF00}
.ds-iq .consent a,.ds-iqt .consent a{color:var(--lime);text-decoration:underline}
.ds-iq .legal{margin-top:8px;font-size:11px;color:#9D96B6;max-width:520px}
.ds-iq .legal .prose,.ds-iq .legal .prose a,.ds-iqt .legal .prose,.ds-iqt .legal .prose a{color:#9D96B6;font-size:10.5px;margin:0}
.ds-iq .err{color:#FF8A70;font-size:13px;margin-top:8px}
.ds-iq .done{font:800 20px/1.25 var(--head);text-transform:uppercase;color:var(--lime);max-width:520px}
/* scoreboard */
.ds-iq .side{min-width:0}
.ds-iq .board{position:relative;width:min(470px,100%);margin:22px auto 0;border-radius:18px;padding:18px 18px 16px;background:linear-gradient(180deg,#110D1C,#07050D);box-shadow:0 30px 60px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.07),inset 0 -2px 0 rgba(191,255,0,.6)}
.ds-iq .board::before,.ds-iq .board::after{content:"";position:absolute;top:-22px;width:3px;height:22px;background:#221c33}
.ds-iq .board::before{left:24%}.ds-iq .board::after{right:24%}
.ds-iq .board .top{display:flex;justify-content:space-between;align-items:center;font:700 10px var(--head);letter-spacing:.16em;text-transform:uppercase;color:#8A84A0;margin-bottom:10px}
.ds-iq .live,.ds-iqt .live{display:inline-flex;align-items:center;gap:6px;color:var(--lime)}
.ds-iq .live i,.ds-iqt .live i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime);animation:dsiq-blink 1.4s steps(2) infinite}
@keyframes dsiq-blink{50%{opacity:.2}}
.ds-iq .led,.ds-iqt .led{position:relative;border-radius:10px;background:#050309;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;overflow:hidden}
.ds-iq .led::after,.ds-iqt .led::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,transparent 45%,#050309 52%) 0 0/5px 5px;pointer-events:none;opacity:.85}
.ds-iq .led b,.ds-iqt .led b{font:800 1em/1 var(--head);color:var(--lime);text-shadow:0 0 6px rgba(191,255,0,.9),0 0 22px rgba(191,255,0,.45);font-variant-numeric:tabular-nums}
.ds-iq .led small,.ds-iqt .led small{font:800 .4em/1 var(--head);color:var(--lime);text-shadow:0 0 6px rgba(191,255,0,.9);margin-left:6px}
.ds-iq .led.main{height:150px;font-size:118px}
.ds-iq .led.main.flash b{animation:dsiq-flash .5s ease 2}
@keyframes dsiq-flash{50%{color:#fff;text-shadow:0 0 30px #fff}}
.ds-iq .cap{display:flex;justify-content:space-between;gap:8px;margin:8px 2px 12px;font:700 10px var(--head);letter-spacing:.14em;text-transform:uppercase;color:#BDB6D4}
.ds-iq .row2,.ds-iq .lbls{display:grid;grid-template-columns:1fr 1fr 86px;gap:10px}
.ds-iq .led.s{height:64px;font-size:30px}
.ds-iq .led.s.w b{color:#fff;text-shadow:0 0 6px rgba(255,255,255,.7)}
.ds-iq .led.s.r b{color:var(--red);text-shadow:0 0 6px rgba(255,90,60,.9),0 0 18px rgba(255,90,60,.4)}
.ds-iq .lbls{margin-top:6px;font:700 9px var(--head);letter-spacing:.14em;text-transform:uppercase;color:#8A84A0;text-align:center}
.ds-iq .dots{display:flex;gap:6px;justify-content:center;margin-top:12px}
.ds-iq .dots i{width:22px;height:6px;border-radius:3px;background:rgba(255,255,255,.12)}
.ds-iq .dots i.ok{background:var(--lime);box-shadow:0 0 8px rgba(191,255,0,.6)}.ds-iq .dots i.no{background:var(--red)}.ds-iq .dots i.cur{background:#fff}
/* scouting card */
.ds-iq .card{margin:0 auto;width:262px;aspect-ratio:9/16;border-radius:20px;position:relative;overflow:hidden;color:#fff;
 background:radial-gradient(90% 45% at 80% 8%,rgba(191,255,0,.30),transparent 60%),radial-gradient(70% 40% at 0% 100%,rgba(240,60,150,.35),transparent 70%),var(--smoke) 50% 50%/cover,#140c28;
 box-shadow:0 26px 50px rgba(0,0,0,.65),inset 0 0 0 1px rgba(255,255,255,.1),inset 0 -3px 0 var(--lime);transform:rotate(-3deg);transition:transform .5s cubic-bezier(.2,.8,.2,1);display:flex;min-height:466px}
/* 8 Nov: the card grows with longer translations instead of cutting the footer off (9:16 is only the minimum) */
.ds-iq .card{aspect-ratio:auto}
.ds-iq .card:hover{transform:rotate(0) scale(1.02)}
.ds-iq .card .crt{position:absolute;inset:0;width:100%;height:100%;opacity:.09}
.ds-iq .card .holo{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(191,255,0,.18) 42%,rgba(42,217,245,.16) 48%,rgba(240,60,150,.14) 54%,transparent 66%);mix-blend-mode:screen;transform:translateX(-70%);animation:dsiq-holo 5s ease-in-out infinite}
@keyframes dsiq-holo{55%,100%{transform:translateX(70%)}}
.ds-iq .card .frame{position:absolute;inset:9px;border-radius:13px;border:1px solid rgba(191,255,0,.35);pointer-events:none}
.ds-iq .card .frame::before,.ds-iq .card .frame::after{content:"";position:absolute;width:16px;height:16px;border:2.5px solid var(--lime)}
.ds-iq .card .frame::before{left:-2px;top:-2px;border-right:0;border-bottom:0;border-radius:12px 0 0 0}
.ds-iq .card .frame::after{right:-2px;bottom:-2px;border-left:0;border-top:0;border-radius:0 0 12px 0}
.ds-iq .card .in2{position:relative;flex:1;margin:20px 20px 18px;display:flex;flex-direction:column;min-width:0}
.ds-iq .card .in2>*{flex-shrink:0}
.ds-iq .card .bar1{display:flex;justify-content:space-between;align-items:center}
.ds-iq .card .lg{width:84px;height:auto;display:block}
.ds-iq .card .ser{font:700 7.5px var(--head);letter-spacing:.14em;text-transform:uppercase;color:#BDB6D4;text-align:right;line-height:1.4;max-width:110px}
.ds-iq .card .mid{position:relative;margin-top:10px;height:96px}
.ds-iq .card .n{position:absolute;left:-4px;top:-4px;font:800 92px/1 var(--head);color:transparent;-webkit-text-stroke:2px color-mix(in srgb,var(--lime) 85%,#fff);letter-spacing:-.05em}
.ds-iq .card .n small{font-size:.36em;-webkit-text-stroke-width:1.5px}
.ds-iq .card .stamp{position:absolute;right:-2px;top:6px;width:74px;height:74px;overflow:hidden;border-radius:50%;border:2px solid var(--lime);display:grid;place-items:center;text-align:center;transform:rotate(14deg);font:800 7px/1.2 var(--head);letter-spacing:.1em;text-transform:uppercase;color:var(--lime);box-shadow:inset 0 0 0 4px rgba(191,255,0,.15);background:rgba(7,5,13,.35);padding:4px}
.ds-iq .card .stamp b{display:block;font-size:15px;letter-spacing:0;margin:1px 0;color:#fff}
.ds-iq .card .lab{font:700 7.5px var(--head);letter-spacing:.16em;text-transform:uppercase;color:var(--lime)}
.ds-iq .card .t{font:800 21px/1.05 var(--head);text-transform:uppercase;margin:3px 0 6px;text-shadow:0 2px 12px rgba(0,0,0,.5);overflow:hidden}
.ds-iq .card .rep{font-size:10.5px;line-height:1.35;color:#E8E3F4;font-style:italic;margin:0 0 9px}
.ds-iq .card .st{display:grid;grid-template-columns:minmax(62px,max-content) 1fr 26px;gap:4px 6px;align-items:center;font:700 7.5px var(--head);letter-spacing:.1em;text-transform:uppercase;color:#BDB6D4;margin-bottom:9px}
.ds-iq .card .st i{height:5px;border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden;display:block}
.ds-iq .card .st u{display:block;height:100%;background:linear-gradient(90deg,var(--lime),#E8FF8A);border-radius:3px;box-shadow:0 0 6px rgba(191,255,0,.6)}
.ds-iq .card .st em{font-style:normal;color:#fff;text-align:right}
.ds-iq .card .sw{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ds-iq .card .sw div{background:rgba(7,5,13,.45);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:5px 7px;font-size:9.5px;line-height:1.25;color:#fff}
.ds-iq .card .sw small{display:block;font:700 7px var(--head);letter-spacing:.14em;text-transform:uppercase;margin-bottom:2px}
.ds-iq .card .sw .p small{color:var(--lime)}.ds-iq .card .sw .m small{color:#FF7A5C}
.ds-iq .card .rec{margin-top:8px;border-top:1px dashed rgba(255,255,255,.18);padding-top:8px;font-size:10px;color:#fff;line-height:1.3}
.ds-iq .card .rec small{display:block;font:700 7px var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:2px}
.ds-iq .card .foot2{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:6px}
.ds-iq .card .won{display:inline-block;margin-bottom:5px;font:700 8px var(--head);letter-spacing:.12em;text-transform:uppercase;color:#BDB6D4}
.ds-iq .card .won b{display:inline-block;margin-left:4px;background:var(--lime);color:var(--ink);padding:2px 6px;border-radius:5px;letter-spacing:.04em}
.ds-iq .card .dare{font:800 11px/1.15 var(--head);text-transform:uppercase}
.ds-iq .card .dare span{color:var(--lime)}
.ds-iq .card .u{font:700 8.5px var(--head);color:#BDB6D4;margin-top:3px}
.ds-iq .card .ball-face{flex:0 0 32px;width:32px;height:32px;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}
.ds-iq .shr{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px}
.ds-iq .shr .btn{padding:11px 16px;min-height:44px}
.ds-iq .sharecap{text-align:center;margin-top:10px;font-size:12px;color:#BDB6D4;max-width:340px;margin-inline:auto}
/* phone / tablet */
@media (max-width:899px){
 .ds-iq{padding:26px 0;min-height:0}
 .ds-iq .grid{grid-template-columns:1fr;gap:22px}
 .ds-iq .side{order:-1}
 .ds-iq .vig{background:linear-gradient(180deg,rgba(16,9,36,.35) 0%,rgba(16,9,36,.7) 40%,rgba(16,9,36,.93) 60%)}
 .ds-iq .pc{width:120px;height:165px}.ds-iq .pc b{font-size:38px}
 .ds-iq h2{font-size:28px}.ds-iq .q{font-size:19px}.ds-iq .tier{font-size:32px}
 .ds-iq .led.main{height:96px;font-size:72px}.ds-iq .led.s{height:48px;font-size:22px}
 .ds-iq .board{padding:14px}
 .ds-iq form.mail{flex-direction:column}
}

/* ---------- Bestsellers tile ---------- */
.ds-iqt{position:relative;flex:0 0 auto;width:160px;border-radius:14px;color:#fff;isolation:isolate;perspective:900px;align-self:stretch;min-height:320px;font:13px/1.4 var(--body);scroll-snap-align:start}
@media (min-width:1024px){.ds-iqt{width:212px;min-height:340px}}
.ds-iqt button,.ds-iqt input{font:inherit}
.ds-iqt .face{position:absolute;inset:0;border-radius:inherit;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .7s cubic-bezier(.2,.8,.2,1);background:linear-gradient(165deg,#2A1857,#140c28 70%)}
.ds-iqt .back{transform:rotateY(180deg)}
.ds-iqt.on .front{transform:rotateY(-180deg)}.ds-iqt.on .back{transform:rotateY(0)}
.ds-iqt .mw{position:absolute;inset:-20% -40%;display:flex;flex-direction:column;gap:8px;transform:rotate(-12deg);opacity:.9}
.ds-iqt .mw div{display:flex;gap:8px;width:max-content;animation:dsiq-mq 40s linear infinite}
.ds-iqt .mw div:nth-child(2){animation-direction:reverse;animation-duration:52s}
.ds-iqt .mw span{flex:0 0 auto;width:62px;height:84px;border-radius:9px;overflow:hidden;position:relative;box-shadow:inset 0 -2px 0 var(--c)}
.ds-iqt .mw img{width:100%;height:100%;object-fit:cover;object-position:var(--p);filter:grayscale(1) contrast(1.1);display:block}
.ds-iqt .mw span::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,var(--c),#2A1857 80%);mix-blend-mode:color}
.ds-iqt .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,12,40,0) 0%,rgba(20,12,40,.25) 35%,rgba(16,9,34,.96) 58%)}
.ds-iqt .edge{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 -3px 0 var(--lime);pointer-events:none;z-index:4}
.ds-iqt .glow{position:absolute;left:10%;right:10%;bottom:-12px;height:24px;z-index:-1;background:var(--lime);filter:blur(20px);opacity:.45}
.ds-iqt .mini{position:absolute;left:18px;right:18px;top:14px;z-index:2;border-radius:10px;padding:7px 8px 8px;background:rgba(7,5,13,.72);box-shadow:0 10px 24px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.1);backdrop-filter:blur(3px)}
.ds-iqt .mini .tp{display:flex;justify-content:space-between;font:700 7.5px var(--head);letter-spacing:.14em;text-transform:uppercase;color:#8A84A0;margin-bottom:5px}
.ds-iqt .led{height:46px;font-size:36px}
.ds-iqt .led small{font-size:18px;margin-left:3px}
.ds-iqt .led::after{background-size:3px 3px;opacity:.55}
.ds-iqt .tx{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;display:flex;flex-direction:column;gap:6px}
.ds-iqt .k{font:700 8.5px var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--lime)}
.ds-iqt .t{font:800 15px/1.1 var(--head);text-transform:uppercase}
.ds-iqt .s{font-size:11.5px;color:#D6D0E6;line-height:1.35}
.ds-iqt .b1{border:0;background:var(--lime);color:var(--ink);font:700 11px var(--head);padding:9px 10px;border-radius:8px;cursor:pointer;text-align:left;display:flex;justify-content:space-between;align-items:center;min-height:36px}
.ds-iqt .b2{border:1.5px solid rgba(255,255,255,.28);background:transparent;color:#fff;font:700 10.5px var(--head);padding:7px 10px;border-radius:8px;cursor:pointer;text-align:left;min-height:34px}
.ds-iqt .b2:hover{border-color:#fff}
.ds-iqt .back .tx{top:14px;bottom:auto;overflow:auto;max-height:calc(100% - 26px)}
.ds-iqt input[type=email]{width:100%;border:1.5px solid rgba(255,255,255,.3);background:rgba(255,255,255,.06);color:#fff;border-radius:8px;padding:9px 10px;font-size:13px;outline:none}
.ds-iqt input[type=email]:focus{border-color:var(--lime)}
.ds-iqt form{display:flex;flex-direction:column;gap:7px}
.ds-iqt .consent{display:flex;gap:6px;align-items:flex-start;font-size:9.5px;line-height:1.3;color:#D6D0E6;cursor:pointer}
.ds-iqt .consent input{flex-shrink:0;width:13px;height:13px;margin-top:1px;accent-color:#BFFF00}
.ds-iqt .lg2{font-size:9.5px;color:#9D96B6;line-height:1.3}
.ds-iqt .err{color:#FF8A70;font-size:11px}
.ds-iqt .x{position:absolute;right:8px;top:8px;z-index:5;width:28px;height:28px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;font-size:16px;line-height:1}
.ds-iqt .alt{font-size:11px;color:#BDB6D4;background:none;border:0;padding:0;text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:3px}

@media (prefers-reduced-motion:reduce){
 .ds-iq .r,.ds-iqt .mw div,.ds-iq .beam,.ds-iq .card .holo,.ds-iq .live i,.ds-iqt .live i,.ds-iq .led.main.flash b{animation:none!important}
 .ds-iq .card,.ds-iqt .face,.ds-iq .ans button{transition:none!important}
}
