:root{--bg:#0b0b14;--bg2:#151525;--bg3:#1e1e33;--line:#f8fafc14;--line2:#f8fafc29;--purple:#8b5cf6;--cyan:#22d3ee;--green:#4ade80;--pink:#ff4fa3;--yellow:#facc15;--text:#f8fafc;--muted:#a1a1b5;--red:#fb7185;--radius:20px;--radius-sm:12px;--shadow:0 10px 30px -12px #0009;--font-display:"Bricolage Grotesque", ui-rounded, "SF Pro Rounded", "Segoe UI", system-ui, sans-serif;--font-body:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--q-scale:1;--ease-pop:cubic-bezier(.34, 1.56, .64, 1);color-scheme:dark}html[data-text=s]{--q-scale:.88}html[data-text=l]{--q-scale:1.15}html[data-text=xl]{--q-scale:1.32}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;margin:0;line-height:1.45;overflow-x:hidden}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer}button:disabled,button[aria-disabled=true]{cursor:not-allowed}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;border-radius:10px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;line-height:1.1}p{margin:0}kbd{background:var(--bg3);border:1px solid var(--line2);border-bottom-width:3px;border-radius:6px;padding:0 6px;font-family:ui-monospace,monospace;font-size:.85em}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted);font-size:.92rem}.center{text-align:center}.bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-grid{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.55;background-size:48px 48px;animation:22s linear infinite grid-drift;position:absolute;inset:-50%;transform:perspective(600px)rotateX(55deg)translateY(10%);mask-image:radial-gradient(at 50% 30%,#000 10%,#0000 65%)}.bg-orb{filter:blur(80px);opacity:.35;border-radius:50%;position:absolute}.bg-orb.o1{background:var(--purple);width:420px;height:420px;top:-140px;left:-120px}.bg-orb.o2{background:var(--pink);opacity:.2;width:360px;height:360px;bottom:-160px;right:-100px}@keyframes grid-drift{to{background-position:0 48px}}.topbar{z-index:20;padding:max(10px, env(safe-area-inset-top)) 16px 10px;background:linear-gradient(var(--bg) 60%, transparent);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);letter-spacing:.02em;background:0 0;border:0;padding:4px 6px;font-size:1.15rem;font-weight:800}.brand-404{color:var(--pink);margin-left:4px}body[data-screen=menu] .brand{visibility:hidden}.topbar-actions{gap:8px;display:flex}.icon-btn{border:1px solid var(--line2);background:var(--bg2);border-radius:14px;place-items:center;width:44px;height:44px;font-size:1.15rem;transition:transform .15s,background .15s;display:grid}.icon-btn:hover{background:var(--bg3);transform:translateY(-1px)}main{width:100%;max-width:760px;padding:0 16px calc(32px + env(safe-area-inset-bottom));margin:0 auto}.screen{animation:.35s both screen-in}.screen-center{text-align:center;flex-direction:column;align-items:center;gap:14px;padding-top:4vh;display:flex}@keyframes screen-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.screen-head{align-items:center;gap:12px;width:100%;margin:6px 0 20px;display:flex}.screen-head h2{font-size:clamp(1.5rem,5vw,2.1rem);font-weight:800}.back-btn{border:1px solid var(--line2);background:var(--bg2);border-radius:14px;flex:none;place-items:center;width:44px;height:44px;font-size:1.2rem;display:grid}.back-btn.small{border-radius:11px;width:36px;height:36px;font-size:.95rem}.back-btn:hover{background:var(--bg3)}.eyebrow{font-family:var(--font-display);letter-spacing:.18em;color:var(--cyan);font-size:.78rem;font-weight:700}.lead{color:var(--muted);max-width:46ch;font-size:1.05rem}.sub-h{margin:22px 0 10px;font-size:1.15rem}.hint-text{color:var(--muted);margin-top:10px;font-size:.85rem}.card{background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.card h3{margin-bottom:6px;font-size:1.15rem}.pill{letter-spacing:.08em;vertical-align:middle;background:#0b0b1459;border-radius:99px;margin-left:6px;padding:3px 7px;font-size:.65rem;display:inline-block}.chip{background:var(--bg3);border:1px solid var(--line2);border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.btn{--c:var(--bg3);--tc:var(--text);background:var(--c);min-height:52px;color:var(--tc);font-family:var(--font-display);letter-spacing:.02em;box-shadow:0 4px 0 0 color-mix(in srgb, var(--c) 55%, #000), var(--shadow);text-align:center;user-select:none;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:1rem;font-weight:800;transition:transform .12s,box-shadow .12s,filter .15s;display:inline-flex;position:relative}.btn:hover{filter:brightness(1.08);box-shadow:0 6px 0 0 color-mix(in srgb, var(--c) 55%, #000), var(--shadow);transform:translateY(-2px)}.btn:active{box-shadow:0 1px 0 0 color-mix(in srgb, var(--c) 55%, #000);transform:translateY(3px)}.btn-primary{--c:var(--purple)}.btn-cyan{--c:var(--cyan);--tc:#06222a}.btn-pink{--c:var(--pink);--tc:#2a0616}.btn-green{--c:var(--green);--tc:#052012}.btn-danger{--c:var(--red);--tc:#2a0610}.btn-ghost{--c:var(--bg2);border:1px solid var(--line2);box-shadow:0 3px #07070d}.btn-xl{min-height:62px;padding:14px 26px;font-size:1.15rem}.btn-sm{border-radius:12px;min-height:42px;padding:8px 14px;font-size:.9rem}.btn-block{width:100%}.btn:disabled{opacity:.45;filter:grayscale(.6);transform:none}.field{border:0;min-width:0;margin:0 0 22px;padding:0}.field legend,.label{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;padding:0;font-size:.82rem;font-weight:700;display:block}.seg{flex-wrap:wrap;gap:8px;display:flex}.seg>button{background:var(--bg2);border:2px solid var(--line2);border-radius:14px;flex:1 1 0;min-width:0;min-height:48px;padding:10px 12px;font-weight:700;transition:border-color .15s,background .15s,transform .12s}.seg>button:hover{border-color:var(--purple)}.seg>button[aria-checked=true]{border-color:var(--purple);background:color-mix(in srgb, var(--purple) 22%, var(--bg2));box-shadow:inset 0 0 0 1px var(--purple)}.seg-sm>button{min-height:40px;padding:6px 10px;font-size:.9rem}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mode-card{text-align:left;background:var(--bg2);border:2px solid var(--line2);border-radius:18px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;transition:border-color .15s,transform .15s,background .15s;display:flex}.mode-card:hover{border-color:var(--cyan);transform:translateY(-2px)}.mode-card[aria-checked=true]{border-color:var(--cyan);background:color-mix(in srgb, var(--cyan) 12%, var(--bg2))}.mode-card b{font-family:var(--font-display);font-size:1.05rem}.mode-card small{color:var(--muted);font-size:.8rem;line-height:1.3}.mode-emoji{font-size:1.6rem}.name-list{gap:8px;margin-top:12px;display:grid}.input{background:var(--bg);border:2px solid var(--line2);width:100%;min-height:50px;color:var(--text);font:inherit;border-radius:14px;padding:10px 14px;font-size:1rem}.input:focus{border-color:var(--cyan);outline:none}.input-code{font-family:var(--font-display);letter-spacing:.4em;text-transform:uppercase;text-align:center;margin-bottom:10px;font-size:1.4rem;font-weight:800}.menu-hero{text-align:center;flex-direction:column;align-items:center;padding-top:6px;display:flex}.logo{letter-spacing:-.04em;justify-content:center;align-items:baseline;gap:.18em;margin-top:4px;font-size:clamp(3.6rem,17vw,6.4rem);font-weight:800;display:flex}.logo-iq{background:linear-gradient(#fff,#c9c9df);color:#0000;-webkit-background-clip:text;background-clip:text}.logo-404{font:inherit;letter-spacing:inherit;color:var(--pink);text-shadow:3px 0 var(--cyan), -3px 0 #8b5cf6cc;background:0 0;border:0;padding:0;line-height:1;animation:4s step-end infinite glitch}.logo-404:hover{animation-duration:.4s}@keyframes glitch{0%,92%,to{text-shadow:3px 0 var(--cyan), -3px 0 #8b5cf6cc;transform:none}93%{text-shadow:-4px 0 var(--cyan), 4px 0 var(--yellow);transform:translate(2px,-1px)skew(-6deg)}96%{text-shadow:5px 0 var(--green), -2px 0 var(--pink);transform:translate(-2px,1px)}}.logo-sub{font-family:var(--font-display);letter-spacing:.38em;color:var(--cyan);margin-top:2px;padding-left:.38em;font-size:clamp(.85rem,3.6vw,1.1rem);font-weight:800}.tagline{color:var(--muted);margin-top:10px;font-style:italic}.menu-buttons{gap:12px;max-width:460px;margin:26px auto 0;display:grid}.menu-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:26px;display:grid}.tile{background:var(--bg2);border:1px solid var(--line);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:12px 10px;display:flex}.tile-btn{cursor:pointer;transition:border-color .15s}.tile-btn:hover{border-color:var(--yellow)}.tile-num{font-family:var(--font-display);color:var(--yellow);font-size:1.6rem;font-weight:800;line-height:1.1}.tile-rank{color:var(--green);align-items:center;min-height:2.4em;font-size:.85rem;line-height:1.2;display:flex}.tile-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.disclaimer{text-align:center;color:var(--muted);opacity:.8;margin-top:18px;font-size:.78rem}.brainy-wrap{flex-direction:column;align-items:center;display:flex;position:relative}.brainy{background:0 0;border:0;width:120px;height:108px;padding:0;display:block;position:relative}.brainy svg{filter:drop-shadow(0 0 18px #ff4fa359);width:100%;height:100%;display:block;overflow:visible}.brainy-xl .brainy{width:170px;height:152px}button.brainy{cursor:pointer;border-radius:30px}.brainy .b-body{transform-origin:100px 100px;animation:3.6s ease-in-out infinite brainy-float}.brainy.pop .b-body{animation:brainy-pop .5s var(--ease-pop)}.brainy.wobble .b-body{animation:.55s brainy-wobble}.brainy[data-mood=broken] svg{filter:drop-shadow(0 0 12px #fb718580)saturate(.45)}.brainy[data-mood=broken] .b-body{animation:.3s steps(2,end) 4 brainy-glitch}.brainy[data-mood=celebrating] svg{filter:drop-shadow(0 0 22px #facc1580)}.brainy .b-spark{animation:1.2s ease-in-out infinite alternate spark}.brainy .b-zz{animation:2s ease-in-out infinite zz}@keyframes brainy-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes brainy-pop{0%{transform:scale(1)}40%{transform:scale(1.14,.9)}70%{transform:scale(.95,1.06)}to{transform:scale(1)}}@keyframes brainy-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes brainy-glitch{0%{transform:translate(-3px,1px)}to{transform:translate(3px,-1px)}}@keyframes spark{0%{opacity:.3}to{opacity:1}}@keyframes zz{0%{opacity:0;transform:translate(0)}30%{opacity:1}to{opacity:0;transform:translate(14px,-22px)}}.speech{background:var(--text);max-width:320px;color:var(--bg);text-align:center;box-shadow:var(--shadow);border-radius:16px;margin-bottom:14px;padding:10px 14px;font-size:.92rem;font-weight:700;line-height:1.3;position:relative}.speech:after{content:"";background:inherit;border-radius:3px;width:16px;height:16px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)rotate(45deg)}.speech.bump{animation:speech-bump .35s var(--ease-pop)}@keyframes speech-bump{0%{opacity:.4;transform:scale(.85)}to{opacity:1;transform:none}}.screen-quiz{padding-bottom:120px;position:relative}.quiz-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.quiz-meta{align-items:center;gap:10px;min-width:0;display:flex}.q-count{font-family:var(--font-display);white-space:nowrap;font-size:1.1rem;font-weight:800}.quiz-score{font-family:var(--font-display);color:var(--yellow);align-items:baseline;gap:4px;font-size:1.5rem;font-weight:800;display:flex}.quiz-score small{color:var(--muted);font-size:.75rem}.quiz-score.bump{animation:speech-bump .4s var(--ease-pop)}.progress{background:var(--bg2);border:1px solid var(--line);border-radius:99px;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--purple), var(--pink), var(--yellow));border-radius:99px;width:0;height:100%;transition:width .45s}.timer{background:var(--bg2);border:1px solid var(--line);border-radius:99px;height:26px;margin-top:10px;position:relative;overflow:hidden}.timer-fill{transform-origin:0;background:linear-gradient(90deg, var(--cyan), var(--green));opacity:.85;position:absolute;inset:0}.timer.warn .timer-fill{background:linear-gradient(90deg, var(--red), var(--yellow))}.timer.warn{animation:.6s ease-in-out infinite alternate pulse-warn}@keyframes pulse-warn{to{box-shadow:0 0 0 3px #fb718559}}.timer-num{text-align:center;font-family:var(--font-display);color:var(--text);text-shadow:0 1px 2px #000;font-size:.9rem;font-weight:800;line-height:24px;display:block;position:relative}.live-strip{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.live-strip .chip{font-size:.75rem}.quiz-stage{margin-top:16px}.q-card{background:linear-gradient(160deg, var(--bg2), #12121f);border:1px solid var(--line2);box-shadow:var(--shadow);border-radius:24px;padding:20px;position:relative}.q-card.enter{animation:card-in .4s var(--ease-pop) both}@keyframes card-in{0%{opacity:0;transform:translateY(18px)scale(.97)rotate(-.6deg)}to{opacity:1;transform:none}}.q-card.is-boss{border-color:var(--red);box-shadow:0 0 0 1px var(--red), 0 0 40px -10px #fb718599;background:linear-gradient(160deg,#2a1020,#12121f)}.boss-banner{font-family:var(--font-display);letter-spacing:.2em;color:var(--red);text-align:center;margin-bottom:10px;font-weight:800;animation:1s steps(2,end) infinite boss-flash}@keyframes boss-flash{50%{opacity:.55}}.q-card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.cat-chip{color:var(--cyan);background:#22d3ee1a;border:1px solid #22d3ee4d;border-radius:99px;padding:4px 10px;font-size:.78rem;font-weight:700}.diff-dots{color:var(--yellow);letter-spacing:2px;font-size:.85rem}.q-text{font-family:var(--font-display);font-weight:700;font-size:calc(clamp(1.2rem, 4.6vw, 1.6rem) * var(--q-scale));overflow-wrap:anywhere;outline:none;line-height:1.25}.q-visual{text-align:center;background:var(--bg);font-size:calc(clamp(1.5rem, 7vw, 2.3rem) * var(--q-scale));white-space:pre-line;letter-spacing:.05em;overflow-wrap:anywhere;border-radius:16px;margin-top:14px;padding:14px;line-height:1.35}.answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.answer{--c:var(--purple);border:2px solid color-mix(in srgb, var(--c) 55%, transparent);background:color-mix(in srgb, var(--c) 14%, var(--bg2));text-align:left;min-height:64px;font-weight:700;font-size:calc(1rem * var(--q-scale));box-shadow:0 4px 0 0 color-mix(in srgb, var(--c) 35%, #000);overflow-wrap:anywhere;border-radius:18px;align-items:center;gap:12px;min-width:0;padding:12px 14px;line-height:1.25;transition:transform .12s,background .15s,border-color .15s,opacity .2s,box-shadow .12s;display:flex;position:relative}.answer:nth-child(2){--c:var(--cyan)}.answer:nth-child(3){--c:var(--pink)}.answer:nth-child(4){--c:var(--yellow)}.answer:not([aria-disabled=true]):hover{background:color-mix(in srgb, var(--c) 26%, var(--bg2));transform:translateY(-2px)}.answer:not([aria-disabled=true]):active{box-shadow:0 1px 0 0 color-mix(in srgb, var(--c) 35%, #000);transform:translateY(3px)}.answer .key{background:var(--c);width:34px;height:34px;color:var(--bg);font-family:var(--font-display);border-radius:10px;flex:none;place-items:center;font-weight:800;display:grid}.answer .txt{flex:1;min-width:0}.answer .tag{letter-spacing:.06em;border-radius:99px;padding:2px 8px;font-size:.68rem;font-weight:800;display:none;position:absolute;top:-10px;right:10px}.answer.enter{animation:ans-in .35s var(--ease-pop) both}@keyframes ans-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.answer.removed{opacity:.2;text-decoration:line-through}.answer.dim{opacity:.4}.answer.correct{--c:var(--green);opacity:1;background:color-mix(in srgb, var(--green) 25%, var(--bg2));border-color:var(--green);animation:right-pop .45s var(--ease-pop)}.answer.correct .tag{background:var(--green);color:#052012;display:block}.answer.wrong{--c:var(--red);opacity:1;background:color-mix(in srgb, var(--red) 22%, var(--bg2));border-color:var(--red);border-style:dashed;animation:.4s wrong-shake}.answer.wrong .tag{background:var(--red);color:#2a0610;display:block}@keyframes right-pop{40%{transform:scale(1.05)}}@keyframes wrong-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.quiz-tools{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.kbd-hint{color:var(--muted);margin-left:auto;font-size:.78rem}.feedback{background:var(--bg2);border:1px solid var(--line2);animation:card-in .35s var(--ease-pop) both;border-radius:22px;margin-top:16px;padding:18px}.feedback.good{border-color:color-mix(in srgb, var(--green) 50%, transparent)}.feedback.bad{border-color:color-mix(in srgb, var(--red) 50%, transparent)}.feedback-head{align-items:flex-start;gap:12px;display:flex}.feedback-emoji{font-size:2.4rem;line-height:1}.feedback-verdict{font-family:var(--font-display);font-size:1.15rem;font-weight:800}.feedback.good .feedback-verdict{color:var(--green)}.feedback.bad .feedback-verdict{color:var(--red)}.feedback-react{color:var(--yellow);margin-top:4px;font-size:.95rem;font-weight:800}.feedback-explain{color:var(--muted);margin:12px 0 14px}.feedback-explain b{color:var(--text)}.quiz-brainy{right:max(12px,50% - 400px);bottom:max(12px, env(safe-area-inset-bottom));z-index:5;pointer-events:none;align-items:flex-end;gap:6px;display:flex;position:fixed}.quiz-brainy .brainy{width:84px;height:76px}.speech.small{max-width:200px;margin:0 0 40px;padding:8px 10px;font-size:.78rem}.speech.small:after{bottom:14px;left:auto;right:-6px;transform:rotate(45deg)}.speech.small:empty{display:none}.flash{pointer-events:none;opacity:0;z-index:30;position:fixed;inset:0}.flash.good{background:radial-gradient(circle,#0000 40%,#4ade8040);animation:.5s flash}.flash.bad{background:radial-gradient(circle,#0000 40%,#fb718547);animation:.5s flash}@keyframes flash{30%{opacity:1}}.shake{animation:.45s screen-shake}@keyframes screen-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px,1px)}30%,50%,70%{transform:translate(-7px,-1px)}40%,60%{transform:translate(7px,1px)}}.speed-pop{font-family:var(--font-display);z-index:40;pointer-events:none;text-shadow:0 4px 20px #00000080;font-size:2.4rem;font-weight:800;animation:.7s forwards speed-pop;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes speed-pop{0%{opacity:0;transform:translate(-50%,-30%)scale(.7)}30%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}to{opacity:0;transform:translate(-50%,-90%)scale(1)}}#s-results{text-align:center}.results-loading{min-height:50vh;font-family:var(--font-display);color:var(--cyan);place-items:center;font-size:1.3rem;font-weight:800;display:grid}.results-loading .dots:after{content:"…";animation:1s steps(4,end) infinite dots}.results-body h2{outline:none;margin:6px 0 14px;font-size:clamp(1.6rem,6vw,2.4rem);font-weight:800}.res-hero{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.score-ring{width:170px;height:170px;position:relative}.score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--bg2);stroke-width:12px}.ring-fg{fill:none;stroke:var(--yellow);stroke-width:12px;stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:326.7px;transition:stroke-dashoffset 1.6s cubic-bezier(.2,.8,.2,1)}.score-ring-inner{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.score-num{font-family:var(--font-display);color:var(--yellow);font-size:3.4rem;font-weight:800;line-height:1}.score-of{color:var(--muted);font-size:.9rem;font-weight:700}.score-label{font-family:var(--font-display);letter-spacing:.2em;color:var(--muted);margin-top:8px;font-size:.8rem;font-weight:700}.new-best{background:var(--green);color:#052012;letter-spacing:.06em;animation:speech-bump .5s var(--ease-pop);border-radius:99px;margin-left:6px;padding:2px 8px;display:inline-block}.rank-card{text-align:left;background:linear-gradient(135deg, color-mix(in srgb, var(--purple) 30%, var(--bg2)), var(--bg2));border:1px solid color-mix(in srgb, var(--purple) 60%, transparent);border-radius:22px;align-items:center;gap:14px;max-width:520px;margin:18px auto 0;padding:16px 18px;display:flex}.rank-card.reveal{animation:rank-reveal .7s var(--ease-pop) both}@keyframes rank-reveal{0%{opacity:0;transform:scale(.7)rotate(-3deg)}to{opacity:1;transform:none}}.rank-emoji{font-size:2.8rem;line-height:1}.rank-name{font-family:var(--font-display);color:var(--text);font-size:1.35rem;font-weight:800}.rank-desc{color:var(--muted);margin-top:2px;font-size:.92rem}.roast{text-align:left;background:#ff4fa314;border:1px dashed #ff4fa380;border-radius:18px;max-width:560px;margin:16px auto 0;padding:14px 18px}.roast p{font-weight:700}.roast p+p{color:var(--muted);margin-top:6px;font-weight:600}.roast .roast-label{font-family:var(--font-display);letter-spacing:.16em;color:var(--pink);margin-bottom:6px;font-size:.72rem;font-weight:800}.res-grid-emoji{letter-spacing:2px;overflow-wrap:anywhere;margin-top:14px;font-size:1.3rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:18px 0 0;display:grid}.stats-grid div{background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:12px}.stats-grid dt{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.stats-grid dd{font-family:var(--font-display);margin:2px 0 0;font-size:1.35rem;font-weight:800}.res-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.res-actions .btn{padding:10px 12px;font-size:.9rem}.challenge-banner{background:#22d3ee1a;border:1px solid #22d3ee66;border-radius:16px;max-width:520px;margin:0 auto 14px;padding:12px 16px;font-weight:700}.challenge-banner.win{border-color:var(--green);background:#4ade801f}.challenge-banner.lose{border-color:var(--red);background:#fb71851a}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.review-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.review-item{background:var(--bg2);border:1px solid var(--line);border-left:6px solid var(--muted);border-radius:16px;padding:14px 16px}.review-item.correct{border-left-color:var(--green)}.review-item.wrong,.review-item.timeout{border-left-color:var(--red)}.review-item.skipped,.review-item.unanswered{border-left-color:var(--yellow)}.review-top{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:.78rem;display:flex}.review-q{margin-bottom:8px;font-weight:700}.review-visual{white-space:pre-line;margin-bottom:6px;font-size:1.3rem}.review-ans{gap:4px;font-size:.92rem;display:grid}.review-ans .ok{color:var(--green)}.review-ans .no{color:var(--red)}.review-explain{color:var(--muted);margin-top:6px;font-size:.88rem}#s-board{text-align:center}#s-board h2{outline:none;margin:6px 0 12px;font-size:clamp(1.5rem,5.5vw,2.2rem);font-weight:800}.board{text-align:left;gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.board li{background:var(--bg2);border:1px solid var(--line2);animation:card-in .5s var(--ease-pop) both;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.board li.first{border-color:var(--yellow);background:linear-gradient(135deg, #facc152e, var(--bg2))}.board .place{font-family:var(--font-display);text-align:center;width:44px;font-size:1.7rem;font-weight:800}.board .who b{font-family:var(--font-display);overflow-wrap:anywhere;font-size:1.15rem;display:block}.board .who small{color:var(--muted);display:block}.board .who em{color:var(--yellow);margin-top:4px;font-size:.8rem;font-style:normal;font-weight:800;display:block}.board .pts{font-family:var(--font-display);color:var(--yellow);font-size:1.6rem;font-weight:800}.standings{background:var(--bg2);border:1px solid var(--line);color:var(--muted);border-radius:16px;margin-top:14px;padding:12px 16px;font-size:.9rem}.ol-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.ol-cards .card{flex-direction:column;gap:10px;display:flex}.ol-cards .card .btn{margin-top:auto}.ol-status{min-height:1.4em;color:var(--yellow);margin-top:14px;font-weight:700}.ol-status.err{color:var(--red)}.room-code-box{text-align:center;background:linear-gradient(160deg, color-mix(in srgb, var(--cyan) 14%, var(--bg2)), var(--bg2));border:1px solid #22d3ee66;border-radius:24px;padding:20px}.room-code{font-family:var(--font-display);letter-spacing:.25em;color:var(--text);margin:4px 0 12px;padding-left:.25em;font-size:clamp(2.6rem,13vw,4rem);font-weight:800}.room-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}#ol-link-text{overflow-wrap:anywhere}.ol-players{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ol-players li{background:var(--bg2);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.ol-players li b{overflow-wrap:anywhere}.ol-players .st{color:var(--muted);white-space:nowrap;font-size:.8rem}.ol-players .st.done{color:var(--green)}.ol-players .st.left{color:var(--red)}.ol-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}#btn-ol-leave{margin-top:16px}#ol-wait{flex-direction:column;align-items:stretch;gap:12px;display:flex}.howto{gap:12px;display:grid}.howto p{color:var(--muted)}.howto b{color:var(--text)}.settings{gap:10px;display:grid}.setting{background:var(--bg2);border:1px solid var(--line);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.setting>div:first-child{flex:200px}.setting.danger{border-color:#fb718540}.switch{border:2px solid var(--line2);background:var(--bg3);border-radius:99px;flex:none;width:60px;height:34px;transition:background .2s;position:relative}.switch span{background:var(--muted);border-radius:50%;width:24px;height:24px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.switch[aria-checked=true]{background:color-mix(in srgb, var(--green) 35%, var(--bg3));border-color:var(--green)}.switch[aria-checked=true] span{background:var(--green);transform:translate(26px)}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.ach{background:var(--bg2);border:1px solid var(--line);border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex}.ach .ach-e{filter:grayscale();opacity:.35;font-size:1.9rem}.ach b{font-family:var(--font-display);font-size:.95rem;display:block}.ach small{color:var(--muted)}.ach.got{background:linear-gradient(135deg, #facc151a, var(--bg2));border-color:#facc1573}.ach.got .ach-e{filter:none;opacity:1}.ach-status{letter-spacing:.08em;color:var(--muted);margin-top:2px;font-size:.7rem;font-weight:800;display:block}.ach.got .ach-status{color:var(--green)}#daily-body{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.daily-card{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:520px;display:flex}.daily-score{font-family:var(--font-display);color:var(--yellow);font-size:3.4rem;font-weight:800;line-height:1}.daily-actions{gap:10px;width:100%;max-width:420px;display:grid}.modal-backdrop{z-index:60;backdrop-filter:blur(6px);background:#05050ab8;place-items:center;padding:16px;animation:.2s fade;display:grid;position:fixed;inset:0}.modal{background:var(--bg2);border:1px solid var(--line2);width:100%;max-width:440px;box-shadow:var(--shadow);animation:card-in .3s var(--ease-pop);border-radius:24px;max-height:90vh;padding:22px;overflow-y:auto}.modal h3{margin-bottom:10px;font-size:1.35rem}#modal-body{color:var(--muted)}#modal-body p+p{margin-top:8px}#modal-body .input{margin-top:10px}.modal-actions{gap:10px;margin-top:18px;display:grid}.modal-choice{gap:10px;margin-top:12px;display:grid}.modal-choice .btn{text-align:left;justify-content:flex-start}@keyframes fade{0%{opacity:0}}.overlay{z-index:70;text-align:center;background:#05050ae6;place-items:center;padding:16px;animation:.2s fade;display:grid;position:fixed;inset:0}.overlay-inner{flex-direction:column;align-items:center;gap:14px;max-width:520px;display:flex}.overlay-inner h2{font-size:clamp(1.8rem,8vw,3rem);font-weight:800}.overlay-inner .big{font-family:var(--font-display);color:var(--red);font-size:clamp(3rem,18vw,6rem);font-weight:800}.loading-line{color:var(--green);min-height:1.5em;font-family:ui-monospace,monospace;font-size:1rem}.loading-bar{background:var(--bg3);border-radius:99px;width:min(320px,80vw);height:12px;overflow:hidden}.loading-bar div{background:linear-gradient(90deg, var(--green), var(--cyan));width:0;height:100%;transition:width .6s}.toasts{left:50%;top:max(12px, env(safe-area-inset-top));z-index:80;pointer-events:none;gap:8px;width:min(380px,100vw - 32px);display:grid;position:fixed;transform:translate(-50%)}.toast{background:var(--bg2);border:1px solid var(--yellow);box-shadow:0 10px 30px #00000080, 0 0 30px -10px var(--yellow);animation:toast-in .45s var(--ease-pop) both;pointer-events:auto;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.toast.out{animation:.3s forwards toast-out}.toast .t-e{font-size:1.9rem}.toast b{font-family:var(--font-display);font-size:.95rem;display:block}.toast small{color:var(--muted)}.toast .t-k{letter-spacing:.12em;color:var(--yellow);font-size:.65rem;font-weight:800}.toast.info{border-color:var(--cyan);box-shadow:0 10px 30px #00000080}@keyframes toast-in{0%{opacity:0;transform:translateY(-20px)scale(.9)}}@keyframes toast-out{to{opacity:0;transform:translateY(-14px)}}.confetti{pointer-events:none;z-index:90;width:100%;height:100%;position:fixed;inset:0}.noscript{text-align:center;padding:40px}@media (width<=560px){.answers{grid-template-columns:1fr;gap:10px}.answer{min-height:56px}.stat-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.kbd-hint{display:none}.ol-cards,.ol-settings,.res-actions{grid-template-columns:1fr}.quiz-brainy .brainy{width:64px;height:58px}.speech.small{max-width:150px;margin-bottom:30px}.q-card{padding:16px}}@media (width<=380px){.mode-grid,.menu-row{grid-template-columns:1fr}.btn-xl{padding:12px 16px;font-size:1rem}.seg>button{flex-basis:100%}#count-group>button,#time-group>button,#pcount-group>button,#set-text>button,.seg-sm>button{flex-basis:0}.score-ring{width:140px;height:140px}.score-num{font-size:2.8rem}.tile-num{font-size:1.3rem}}@media (hover:none){.kbd-hint{display:none}}@media (prefers-reduced-motion:reduce){html:not([data-motion=off]) *,html:not([data-motion=off]) :before,html:not([data-motion=off]) :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}html[data-motion=on] *,html[data-motion=on] :before,html[data-motion=on] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}html[lang=hi]{--font-display:"Bricolage Grotesque", "Baloo 2", "Kohinoor Devanagari", "Noto Sans Devanagari", "Nirmala UI", system-ui, sans-serif;--font-body:ui-sans-serif, system-ui, -apple-system, "Baloo 2", "Kohinoor Devanagari", "Noto Sans Devanagari", "Nirmala UI", sans-serif}html[lang=gu]{--font-display:"Bricolage Grotesque", "Baloo Bhai 2", "Gujarati Sangam MN", "Noto Sans Gujarati", "Nirmala UI", system-ui, sans-serif;--font-body:ui-sans-serif, system-ui, -apple-system, "Baloo Bhai 2", "Gujarati Sangam MN", "Noto Sans Gujarati", "Nirmala UI", sans-serif}html[lang=hi] body :not(.logo):not(.logo *):not(.room-code):not(.input-code),html[lang=gu] body :not(.logo):not(.logo *):not(.room-code):not(.input-code){letter-spacing:0!important}html[lang=hi] .logo-sub,html[lang=gu] .logo-sub{padding-left:0;font-size:clamp(1.1rem,4.6vw,1.45rem)}html[lang=hi] h1,html[lang=hi] h2,html[lang=hi] h3,html[lang=gu] h1,html[lang=gu] h2,html[lang=gu] h3{line-height:1.3}html[lang=hi] .q-text,html[lang=gu] .q-text{line-height:1.45}html[lang=hi] .btn,html[lang=gu] .btn{line-height:1.35}.lang-btn{width:auto;font-family:var(--font-display);align-items:center;gap:4px;padding:0 10px;display:inline-flex}.lang-btn b{font-size:.85rem;font-weight:800}#set-lang>button{min-width:0}.btn-cert{--c:#e8c766;--tc:#2a1f00;background:linear-gradient(110deg,#c9a227 0%,#f6e08a 45%,#c9a227 55%,#e8c766 100%) 0 0/250% 100%;grid-column:1/-1;min-height:60px;font-size:1.1rem;animation:3.2s ease-in-out infinite cert-shine}@keyframes cert-shine{0%,60%{background-position:100% 0}to{background-position:-150% 0}}.modal.modal-wide{max-width:780px}.cert-preview{background:#fffbf2;border-radius:12px;width:100%;height:auto;margin-top:14px;display:block;box-shadow:0 12px 40px #0000008c}.modal-wide .modal-actions{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=480px){.modal-wide .modal-actions{grid-template-columns:1fr}}#print-area{display:none}@media print{@page{size:A4 landscape;margin:0}body.printing>:not(#print-area){display:none!important}body.printing{background:#fff!important}body.printing #print-area{display:block!important}body.printing #print-area img{width:100vw;height:auto;display:block}}