/* Bible Quest (round 131): light page, indigo header, gold accents, like the supplied design. No outside fonts or scripts. */
:root{--bg:#f8fafc;--card:#fff;--line:#e2e8f0;--ink:#0f172a;--mut:#64748b;--ind:#4f46e5;--ind2:#4338ca;--ind9:#312e81;--gold:#fbbf24;--gold2:#f59e0b;--ok:#059669;--okbg:#ecfdf5;--bad:#dc2626;--badbg:#fef2f2}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:'Inter',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.45}
[hidden]{display:none!important}
.bq-top{background:linear-gradient(90deg,#1e1b4b,#312e81 60%,#3730a3);color:#e0e7ff;border-bottom:3px solid var(--gold2)}
.bq-top-in{max-width:960px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.bq-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.bq-logo{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#1e1b4b;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.bq-brand b{display:block;color:#fcd34d;font-size:1.1rem;line-height:1.1}.bq-brand small{display:block;font-size:.72rem;color:#c7d2fe}
.bq-tools{display:flex;gap:6px}
.bq-tb{background:rgba(255,255,255,.12);color:#e0e7ff;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:7px 10px;font-size:.85rem;font-weight:600;cursor:pointer}
.bq-tb.live{background:rgba(99,102,241,.35)}.bq-tb.stats{background:rgba(245,158,11,.2);color:#fcd34d;border-color:rgba(251,191,36,.35)}
.bq-tb:hover{filter:brightness(1.15)}
.bq{max-width:960px;margin:0 auto;padding:18px 16px 70px}
.bq-hero{text-align:center;margin-bottom:12px}
.bq-hero h2{margin:6px 0 2px;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800}
.bq-hero p{margin:0;color:var(--mut);font-size:.95rem}
.bq-pill2{display:inline-block;background:#e0e7ff;color:var(--ind2);border-radius:99px;padding:3px 12px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.bq-pill2.gold{background:#fef3c7;color:#92400e}
.bq-tabs{display:flex;justify-content:center;margin:10px auto 10px;background:#e2e8f0;border-radius:12px;padding:4px;width:max-content;max-width:100%;gap:4px;flex-wrap:wrap}
.bq-tabs button{border:0;background:transparent;padding:8px 14px;border-radius:9px;font-weight:700;font-size:.85rem;color:#475569;cursor:pointer}
.bq-tabs button[aria-selected=true]{background:#fff;color:var(--ind9);box-shadow:0 1px 3px rgba(0,0,0,.15)}
.bq-who{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin:0 0 14px;font-size:.85rem}
.bq-who label{font-weight:700}.bq-who .bq-in{width:190px;padding:7px 10px}
.bq-in{padding:9px 12px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;color:var(--ink);font-size:.95rem}
.bq-in:focus,button:focus-visible,.bq-lv:focus-visible{outline:2px solid var(--ind);outline-offset:2px}
.bq-note{color:var(--mut);font-size:.82rem;margin:4px 0 0}
.bq-err{color:var(--bad);margin:6px 0;min-height:1.2em;text-align:center;font-size:.9rem}
.bq-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px}
.bq-lv{position:relative;background:#fff;border:2px solid;border-radius:18px;padding:18px;box-shadow:0 2px 8px rgba(15,23,42,.08);cursor:pointer;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.bq-lv:hover{box-shadow:0 8px 20px rgba(15,23,42,.14);transform:translateY(-2px)}
.bq-lv.easy{border-color:#d1fae5}.bq-lv.easy:hover{border-color:#10b981}
.bq-lv.medium{border-color:#e0e7ff}.bq-lv.medium:hover{border-color:#6366f1}
.bq-lv.hard{border-color:#fef3c7}.bq-lv.hard:hover{border-color:#f59e0b}
.bq-lv .rib{position:absolute;top:-11px;right:14px;color:#fff;font-size:.62rem;font-weight:900;text-transform:uppercase;padding:2px 10px;border-radius:99px}
.easy .rib{background:#10b981}.medium .rib{background:#4f46e5}.hard .rib{background:linear-gradient(90deg,var(--gold),var(--gold2));color:#1e1b4b}
.bq-lv .ic{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.easy .ic{background:#d1fae5;color:#059669}.medium .ic{background:#e0e7ff;color:#4f46e5}.hard .ic{background:#fef3c7;color:#d97706}
.bq-lv h3{margin:0;font-size:1.15rem}.bq-lv p{margin:6px 0 0;font-size:.82rem;color:var(--mut)}
.bq-lv .ft{margin-top:auto;padding-top:14px;display:flex;justify-content:space-between;border-top:1px solid #f1f5f9;font-size:.78rem;font-weight:700;margin-top:14px}
.easy .ft{color:#047857}.medium .ft{color:#4338ca}.hard .ft{color:#b45309}
.bq-lv.done{opacity:.95}
.bq-join{margin-top:20px;background:#f1f5f9;border:1px solid var(--line);border-radius:16px;padding:12px 14px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}
.bq-join .who2{display:flex;gap:10px;align-items:center}.bq-join .dr{background:var(--ind);border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center}
.bq-join b{display:block;font-size:.85rem}.bq-join small{color:var(--mut);font-size:.72rem}
.bq-row{display:flex;gap:8px}.bq-row .bq-in{width:150px}
.bq-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:14px;box-shadow:0 2px 8px rgba(15,23,42,.06)}
.bq-card h2{margin:6px 0;font-size:1.3rem}.bq-card h3{margin:0 0 8px}
.center{text-align:center}
.bq-go{background:var(--ind);color:#fff;border:0;border-radius:12px;padding:10px 18px;font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:0 2px 6px rgba(79,70,229,.3)}
.bq-go:hover{background:var(--ind2)}.bq-go.green{background:#059669}.bq-go.green:hover{background:#047857}
.bq-go.amber{background:var(--gold2);color:#1e1b4b}.bq-go.alt{background:#fff;color:var(--ind2);border:1px solid #c7d2fe;box-shadow:none}
.bq-go[disabled]{opacity:.5;cursor:default}
.bq-link{background:none;border:0;color:var(--mut);cursor:pointer;font-weight:600}
.bq-stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px 14px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;margin-bottom:10px}
.bq-stat .l,.bq-stat .r{display:flex;gap:10px;align-items:center}
.bq-pill{background:#e0e7ff;color:var(--ind2);border-radius:99px;padding:3px 12px;font-weight:800;font-size:.7rem;text-transform:uppercase}
.bq-prog{color:var(--mut);font-size:.82rem;font-weight:600}
.bq-chip{border-radius:99px;padding:3px 12px;font-size:.82rem;font-weight:700;border:1px solid}
.bq-chip.timer{background:#f1f5f9;border-color:var(--line)}.bq-chip.timer.low{background:var(--badbg);border-color:#fecaca;color:var(--bad)}
.bq-chip.score{background:var(--okbg);border-color:#a7f3d0;color:var(--ok)}
.bq-bar{height:9px;background:#e2e8f0;border-radius:99px;margin-bottom:12px;overflow:hidden}.bq-bar i{display:block;height:100%;background:var(--ind);width:0;transition:width .3s}
.bq-cat{display:inline-block;font-size:.7rem;font-weight:800;color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:99px;padding:2px 12px;text-transform:uppercase;letter-spacing:.04em}
.bq-q{font-size:clamp(1.1rem,3vw,1.5rem)!important;line-height:1.35;margin:12px 0 16px!important}
.bq-opts{display:grid;gap:10px}
.bq-opt{display:flex;gap:12px;align-items:center;text-align:left;background:#fff;border:2px solid var(--line);color:var(--ink);border-radius:14px;padding:12px 14px;font-size:1rem;cursor:pointer}
.bq-opt b{background:#eef2ff;color:var(--ind2);border-radius:9px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;flex:none}
.bq-opt:hover:not([disabled]){border-color:#818cf8;background:#f5f7ff}
.bq-opt.ok{border-color:#10b981;background:var(--okbg)}.bq-opt.ok b{background:#10b981;color:#fff}
.bq-opt.bad{border-color:#f87171;background:var(--badbg)}.bq-opt.bad b{background:#ef4444;color:#fff}
.bq-opt.pick{border-color:var(--ind);background:#eef2ff}
.bq-opt[disabled]{cursor:default}.bq-opt .cnt{margin-left:auto;font-size:.78rem;color:var(--mut)}
.bq-expl{margin-top:14px;padding:14px;border-radius:14px;background:#f8fafc;border:1px solid var(--line)}
.bq-verdict{font-weight:800;font-size:1.05rem;margin:0 0 8px}.bq-verdict.ok{color:var(--ok)}.bq-verdict.bad{color:var(--bad)}
.bq-versebox{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:0 0 8px}
.bq-verse{margin:0;font-style:italic;color:#1e293b;font-size:.92rem}.bq-verse:empty{display:none}
.bq-ref{margin:4px 0 0;font-weight:800;color:var(--ind2);text-align:right;font-size:.88rem}
.bq-next{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:10px}
.bq-ring{width:40px;height:40px;transform:rotate(-90deg)}.bq-ring circle{fill:none;stroke-width:3.5}.bq-ring .bg{stroke:#e2e8f0}.bq-ring .fg{stroke:var(--gold2);stroke-linecap:round;stroke-dasharray:94.25;stroke-dashoffset:0}
.bq-hostbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:12px;flex-wrap:wrap}
.bq-mini,.bq-board,.bq-players{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.bq-players{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.bq-mini li,.bq-board li,.bq-players li{display:flex;justify-content:space-between;gap:8px;background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:8px 12px}
.bq-board li.me,.bq-mini li.me,.bq-players li.me{border-color:var(--ind);background:#eef2ff}
.bq-lhead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:12px}
.bq-codebox{background:#f1f5f9;border:1px solid var(--line);border-radius:12px;padding:6px 14px;text-align:center}.bq-codebox small{display:block;color:var(--mut);font-size:.7rem}.bq-codebox b{font-family:ui-monospace,monospace;font-size:1.5rem;letter-spacing:.2em;color:var(--ind2)}
.bq-lfoot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:14px;padding-top:12px}
.bq-share{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.bq-share a,.bq-share button{background:#eef2ff;color:var(--ind2);border:1px solid #c7d2fe;border-radius:10px;padding:8px 12px;text-decoration:none;cursor:pointer;font-size:.85rem;font-weight:600}
.bq-share input{flex:1;min-width:200px}
.bq-trophy{font-size:2.6rem}.bq-badge{display:inline-block;background:linear-gradient(90deg,var(--gold),var(--gold2));color:#1e1b4b;font-weight:800;border-radius:99px;padding:4px 14px;margin:0}
.bq-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.bq-stats div{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:10px 4px}.bq-stats b{display:block;font-size:1.2rem;color:var(--ind2)}.bq-stats span{font-size:.72rem;color:var(--mut)}
.bq-modes{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;justify-content:center}
.bq-bd{border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:8px;background:#fff}.bq-bd.ok{border-left:4px solid #10b981}.bq-bd.bad{border-left:4px solid #ef4444}
.bq-bd p{margin:3px 0}.bq-bd .ref{color:var(--ind2);font-weight:700}.bq-bd .verse{font-style:italic;color:#334155;font-size:.88rem}
.bq-freeze{position:fixed;inset:0;background:rgba(15,23,42,.8);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}
.bq-fzbox{background:#fff;border:2px solid var(--gold);border-radius:20px;padding:24px;max-width:420px;width:100%;text-align:center;max-height:90vh;overflow:auto;box-shadow:0 20px 40px rgba(0,0,0,.35)}
.bq-fzbox.wide{max-width:640px;text-align:left;border-color:#c7d2fe}.bq-fzbox .bq-go{margin-top:10px}
.bq-fzico{width:60px;height:60px;border-radius:50%;background:#fef3c7;color:#d97706;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-size:1.6rem}
.bq-hist{width:100%;border-collapse:collapse;font-size:.82rem;margin:10px 0}.bq-hist th,.bq-hist td{padding:6px 4px;border-bottom:1px solid var(--line);text-align:left}
@media (max-width:720px){.bq-levels{grid-template-columns:1fr;gap:20px}.bq-tb .lbl{display:none}.bq-brand small{display:none}.bq-stats{grid-template-columns:repeat(2,1fr)}.bq{padding-top:12px}.bq-lv{padding:14px}.bq-lv p{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* Round 132: hints, invitation page, compact play screen */
.bq-hint{text-align:center;color:var(--mut);font-size:.85rem;margin:0 auto 8px;max-width:520px}
.bq-hint a{color:var(--ind2);font-weight:700}
.bq-inv{max-width:460px;margin:20px auto}.bq-inv h2{font-size:1.5rem}
.bq-in.big{width:100%;font-size:1.1rem;padding:13px 14px;margin:6px 0 10px;text-align:center}
.bq-go.big{width:100%;padding:14px;font-size:1.05rem}
.bq-lbl{display:block;font-weight:700;text-align:left}
.bq-save{background:#eef2ff;border:1px solid #c7d2fe;border-radius:12px;padding:10px 12px;font-size:.88rem;margin:8px 0}
.bq-save a{color:var(--ind2);font-weight:800}
body.bq-playing .bq-top-in{padding:5px 12px}body.bq-playing .bq-brand small{display:none}
body.bq-playing .bq-logo{width:30px;height:30px;border-radius:9px}body.bq-playing .bq-brand b{font-size:1rem}
body.bq-playing .bq{padding:8px 12px 24px}
body.bq-playing .bq-stat{padding:6px 12px;margin-bottom:6px;border-radius:12px}
body.bq-playing .bq-bar{height:6px;margin-bottom:8px}
body.bq-playing .bq-card{padding:12px 14px;margin-bottom:8px}
body.bq-playing .bq-qhead{margin:0}
body.bq-playing .bq-q{font-size:clamp(1rem,2.6vw,1.25rem)!important;margin:6px 0 10px!important}
body.bq-playing .bq-opts{gap:7px}
body.bq-playing .bq-opt{padding:8px 12px;font-size:.95rem;border-radius:12px}
body.bq-playing .bq-opt b{width:26px;height:26px;font-size:.85rem}
body.bq-playing .bq-expl{position:sticky;bottom:6px;margin-top:10px;padding:10px 12px;max-height:42vh;overflow:auto;box-shadow:0 -4px 14px rgba(15,23,42,.12);background:#fff}
body.bq-playing .bq-verdict{margin:0 0 4px;font-size:1rem}
body.bq-playing .bq-versebox{padding:6px 10px;margin-bottom:6px}
body.bq-playing .bq-verse{font-size:.85rem}
body.bq-playing .bq-expl p{margin:2px 0;font-size:.9rem}
body.bq-playing .bq-next{margin-top:6px}
@media (min-width:640px){body.bq-playing .bq-opts{grid-template-columns:1fr 1fr}}
@media (max-height:640px){body.bq-playing .bq-expl{max-height:50vh}}

/* Round 140: quest types, verse answers, QR join */
.bq-kinds{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px}
.bq-kinds button{min-height:42px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:transparent;color:inherit;font:inherit;cursor:pointer}
.bq-kinds button[aria-selected=true]{background:#d4a017;color:#1a0d2e;font-weight:700;border-color:#d4a017}
.bq-vq{margin:8px 0 14px;padding:14px 16px;border-left:4px solid #d4a017;background:rgba(255,255,255,.07);border-radius:8px;font-size:1.15rem;line-height:1.5;font-family:Georgia,serif}
.bq-vref{font-size:1.6rem;font-weight:700;margin:8px 0 12px;color:#d4a017}
.bq-vform{display:flex;flex-direction:column;gap:12px}
.bq-vrow{display:flex;flex-wrap:wrap;gap:10px}
.bq-vrow select{flex:2 1 180px}.bq-vrow input{flex:1 1 90px;min-width:90px}
.bq-vta{width:100%;resize:vertical;min-height:100px;font:inherit}
.bq-qrp{width:100%;margin-top:8px}.bq-qrp[hidden]{display:none}
.bq-qrbox{display:inline-block;padding:10px;background:#fff;border-radius:12px}
.bq-qrbox svg{display:block;width:220px;height:220px}
.bq-qrfull{position:fixed;inset:0;z-index:2147483600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgba(10,5,25,.96);color:#fff;text-align:center;padding:16px}
.bq-qrbig{background:#fff;padding:14px;border-radius:16px}
.bq-qrbig svg{display:block;width:min(70vmin,520px);height:min(70vmin,520px)}

/* Round 142: game-style start screen. Chunky buttons, stars for levels, one big PLAY button, a 3-2-1 countdown. */
.gm{background:linear-gradient(180deg,#1b1464 0%,#2f1c8f 100%);color:#fff;border-radius:24px;padding:20px 22px 26px;box-shadow:0 10px 30px rgba(27,20,100,.35)}
.gm-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.gm-me{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.12);border-radius:999px;padding:6px 16px 6px 6px}
.gm-av{width:42px;height:42px;border-radius:50%;background:#ffc928;color:#1b1464;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem}
.gm-nm{display:flex;flex-direction:column;line-height:1.1}.gm-nm label{font-size:.7rem;color:#d6d0ff;font-weight:600}
.gm-in{font:inherit;font-weight:700;color:#fff;background:transparent;border:0;border-bottom:2px solid rgba(255,255,255,.35);padding:2px 0;width:150px}
.gm-in::placeholder{color:#b9b2f0}.gm-in:focus{outline:2px solid #ffc928;outline-offset:2px}
.gm-in.code{background:#fff;color:#1b1464;border:2px solid #c8cce0;border-radius:10px;padding:10px 12px;width:150px;letter-spacing:3px;font-size:1.1rem}
.gm-who{font-size:.8rem;color:#d6d0ff;flex:1 1 160px}.gm-who a{color:#ffe08a;font-weight:700}
.gm-join{font:inherit;font-weight:700;color:#fff;background:transparent;border:2px solid #fff;border-radius:999px;padding:10px 20px;cursor:pointer;min-height:44px}
.gm-join:hover{background:rgba(255,255,255,.15)}
.gm-logo{margin:14px 0 0;text-align:center;font-weight:900;font-size:clamp(2.2rem,7vw,3.6rem);line-height:1;color:#ffc928;text-shadow:0 4px 0 #8a5a00}
.gm-sub{margin:6px 0 12px;text-align:center;color:#d6d0ff}
.gm-paused{margin:0 auto 10px;max-width:640px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#fff;color:#1b1464;border-radius:18px;padding:8px 10px 8px 18px;font-size:.92rem}
.gm-pb{display:flex;gap:8px}
.gm-resume,.gm-cancel{font:inherit;font-weight:700;border:0;border-radius:999px;padding:9px 18px;cursor:pointer;min-height:44px}
.gm-resume{background:#2ed47a;color:#073b22}.gm-cancel{background:#ffe3e3;color:#8a1c1c}
.gm-ok{min-height:1.2em;margin:0 0 6px;text-align:center;color:#a8f0c6;font-weight:600;font-size:.9rem}
.gm-joinbar{margin:0 auto 12px;max-width:520px;background:rgba(255,255,255,.12);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.gm-joinbar small{color:#d6d0ff}.gm-row{display:flex;gap:10px;flex-wrap:wrap}
.gm-go{font:inherit;font-weight:800;background:#ffc928;color:#1b1464;border:0;border-radius:12px;padding:10px 20px;cursor:pointer;box-shadow:0 4px 0 #b88700;min-height:44px}
.gm-step{margin:16px 0 8px;font-size:1.2rem;font-weight:800;color:#ffe08a;display:flex;align-items:center;gap:10px}
.gm-step i{font-style:normal;width:28px;height:28px;border-radius:50%;background:#ffc928;color:#1b1464;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem}
.gm-hint{margin:8px 2px 0;font-size:.85rem;color:#d6d0ff}.gm-hint a{color:#ffe08a;font-weight:700}.gm-hint:empty{display:none}
.gm-modes,.gm-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.gm-modes button,.gm-kinds button,.gm-levels button{font:inherit;cursor:pointer;border:0;color:#fff;background:#4a38c9;box-shadow:0 6px 0 #2a1d82;transition:transform .08s,box-shadow .08s}
.gm-modes button:active,.gm-kinds button:active,.gm-levels button:active{transform:translateY(4px);box-shadow:0 2px 0 #2a1d82}
.gm-modes button{border-radius:20px;padding:14px 16px;display:flex;align-items:center;gap:12px;text-align:left;min-height:72px}
.gm-modes b{display:block;font-size:1.35rem;line-height:1.05;font-weight:800}.gm-modes small{font-size:.8rem;color:#e2deff}
.gm-modes button[aria-selected=true],.gm-kinds button[aria-selected=true]{background:#ffc928;color:#1b1464;box-shadow:0 6px 0 #b88700}
.gm-modes button[aria-selected=true] small{color:#3a2c00}
.gm-kinds{display:flex;gap:12px;flex-wrap:wrap}
.gm-kinds button{border-radius:999px;padding:11px 24px;font-weight:700;font-size:1.02rem;min-height:44px}
.gm-levels button{border-radius:20px;padding:12px 16px;text-align:left;display:flex;flex-direction:column;gap:2px;min-height:96px;position:relative;transform:none}
.gm-levels b{font-size:1.4rem;font-weight:800;line-height:1.1}.gm-levels .cnt{font-size:.82rem;color:#e2deff}.gm-levels .rd{font-size:.74rem;color:#e2deff}
.gm-levels .stars{display:flex;gap:3px;margin:3px 0}.gm-levels .stars svg{fill:#ffc928;stroke:#ffc928;stroke-width:1.5}.gm-levels .stars svg.off{fill:none}
.gm-levels button[aria-pressed=true]{background:#2ed47a;color:#073b22;box-shadow:0 6px 0 #168a4d}
.gm-levels button[aria-pressed=true] .cnt,.gm-levels button[aria-pressed=true] .rd{color:#0b4a2c}
.gm-levels button[aria-pressed=true] .stars svg{fill:#073b22;stroke:#073b22}.gm-levels button[aria-pressed=true] .stars svg.off{fill:none}
.gm-levels button.done::after{content:"All 12 done";position:absolute;top:10px;right:12px;font-size:.7rem;font-weight:800;background:#ffc928;color:#1b1464;border-radius:99px;padding:1px 8px}
.gm-err{min-height:1.2em;margin:12px 0 0;text-align:center;color:#ffd0d0;font-weight:600}.gm-err a{color:#ffe08a}
.gm-playwrap{display:flex;justify-content:center;margin-top:8px}
.gm-play{font:inherit;font-weight:900;font-size:2.2rem;letter-spacing:2px;cursor:pointer;color:#073b22;background:#2ed47a;border:0;border-radius:999px;padding:6px 90px 10px;box-shadow:0 8px 0 #168a4d;transition:transform .08s,box-shadow .08s;max-width:100%}
.gm-play:active{transform:translateY(5px);box-shadow:0 3px 0 #168a4d}
.gm button:focus-visible,.gm-endlink:focus-visible{outline:3px solid #fff;outline-offset:3px}
.gm-endlink{font:inherit;font-weight:700;font-size:.8rem;color:#8a1c1c;background:#fff;border:2px solid #8a1c1c;border-radius:999px;padding:5px 12px;cursor:pointer;margin-right:8px}
.gm-dlgbtns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.bq-go.gm-danger{background:#8a1c1c}.bq-go.gm-danger:hover{background:#6e1515}
.gm-cd{position:fixed;inset:0;z-index:2147483000;background:rgba(27,20,100,.92);display:flex;align-items:center;justify-content:center}
.gm-cd span{font-weight:900;font-size:min(40vw,12rem);color:#ffc928;text-shadow:0 8px 0 #8a5a00;animation:gmpop .8s ease-out}
@keyframes gmpop{from{transform:scale(1.6);opacity:0}to{transform:scale(1);opacity:1}}
@media (prefers-reduced-motion:reduce){.gm-cd span{animation:none}.gm-modes button,.gm-kinds button,.gm-levels button,.gm-play{transition:none}}
@media (max-width:640px){.gm{border-radius:18px;padding:16px 14px 22px}.gm-modes,.gm-levels{grid-template-columns:1fr}.gm-modes button{min-height:60px}.gm-play{width:100%;padding:6px 20px 10px;font-size:2rem}.gm-levels button{min-height:76px}}
/* PLAY stays in view on short screens; tighter spacing */
.gm-playwrap{position:sticky;bottom:10px;z-index:5;margin-top:10px;padding-top:6px}
.gm-logo{margin-top:8px;font-size:clamp(2rem,6vw,2.8rem)}.gm-sub{margin:4px 0 6px}.gm-step{margin:12px 0 6px}
.gm-modes button{min-height:62px}.gm-levels button{min-height:88px}.gm-err{margin:8px 0 0}

/* Round 142b: one game look on every screen (question, answer, lobby, invite, results). Dark stage, chunky buttons, white question card. */
.bq{max-width:none;color:#fff;background:linear-gradient(180deg,#1b1464 0%,#2f1c8f 100%);padding:18px max(14px,calc((100vw - 960px)/2)) 60px;min-height:calc(100vh - 200px)}
body.bq-playing .bq{padding:10px max(12px,calc((100vw - 960px)/2)) 24px}
.gm{background:none;box-shadow:none;padding:0;border-radius:0}
.bq h2,.bq h3{color:#fff}.bq-fzbox h2,.bq-fzbox h3{color:#1b1464}
.bq-note{color:#d6d0ff}.bq-fzbox .bq-note{color:#475569}.bq-err{color:#ffd0d0}.bq-link{color:#d6d0ff}.bq-link:hover{color:#fff}
.bq-pill2,.bq-pill2.gold{background:#ffc928;color:#1b1464}
.bq-card{background:rgba(255,255,255,.10);border:2px solid rgba(255,255,255,.18);border-radius:22px;color:#fff;box-shadow:none}
.bq-in{border:2px solid #c8cce0}
/* stat bar, timer, progress */
.bq-stat{background:rgba(255,255,255,.12);border:0;border-radius:999px;padding:6px 10px 6px 14px}
.bq-pill{background:#ffc928;color:#1b1464}.bq-prog{color:#fff;font-weight:700}
.bq-chip{border:0;font-size:1rem;padding:5px 14px;color:#fff;background:rgba(255,255,255,.16)}
.bq-chip.timer.low{background:#e5484d;color:#fff;animation:gmlow 1s ease-in-out infinite}
.bq-chip.score{background:#ffc928;color:#1b1464}
.bq-bar{background:rgba(255,255,255,.2);height:12px}body.bq-playing .bq-bar{height:10px}
.bq-bar i{background:linear-gradient(90deg,#2ed47a,#ffc928)}
.gm-endlink{background:#fff}
/* question */
.bq-cat{background:#ffc928;color:#1b1464;border:0}
.bq-q{background:#fff;color:#1b1464!important;border-radius:20px;padding:16px 20px;box-shadow:0 6px 0 rgba(0,0,0,.28);font-weight:800}
.bq-opt{border:0;color:#fff;font-weight:700;border-radius:18px;padding:14px 16px;background:#4a38c9;box-shadow:0 6px 0 #2a1d82;transition:transform .08s,box-shadow .08s,filter .15s}
.bq-opt:nth-child(4n+2){background:#0e7490;box-shadow:0 6px 0 #084c61}
.bq-opt:nth-child(4n+3){background:#b45309;box-shadow:0 6px 0 #7a3806}
.bq-opt:nth-child(4n+4){background:#be185d;box-shadow:0 6px 0 #831143}
.bq-opt b{background:#fff;color:#1b1464;border-radius:50%}
.bq-opt:hover:not([disabled]){filter:brightness(1.15);border:0;background:inherit}
.bq-opt:active:not([disabled]){transform:translateY(4px);box-shadow:0 2px 0 rgba(0,0,0,.4)}
.bq-opt .cnt{color:#fff;opacity:.9}
.bq-opt[disabled]:not(.ok):not(.bad){opacity:.5}
.bq-opt.ok{background:#2ed47a;color:#073b22;box-shadow:0 6px 0 #168a4d;border:0;animation:gmpop2 .35s ease-out}.bq-opt.ok b{background:#073b22;color:#fff}
.bq-opt.ok::after{content:"Right";margin-left:auto;font-size:.8rem;font-weight:800}
.bq-opt.bad{background:#e5484d;color:#fff;box-shadow:0 6px 0 #a02226;border:0;animation:gmshake .35s}.bq-opt.bad b{background:#fff;color:#a02226}
.bq-opt.bad::after{content:"Not this one";margin-left:auto;font-size:.8rem;font-weight:800}
.bq-opt.pick{background:#ffc928;color:#1b1464;box-shadow:0 6px 0 #b88700;border:0}.bq-opt.pick b{background:#1b1464;color:#fff}
/* answer feedback */
.bq-expl{background:#fff;color:#1b1464;border:0;border-radius:20px;box-shadow:0 6px 0 rgba(0,0,0,.28)}
body.bq-playing .bq-expl{background:#fff;box-shadow:0 6px 0 rgba(0,0,0,.28)}
.bq-verdict{font-size:1.3rem;font-weight:900}.bq-verdict.ok{color:#0b7a55}.bq-verdict.bad{color:#b42318}
.bq-versebox{background:#f4f2ff;border:0}.bq-ref{color:#4a38c9}
.bq-ring .bg{stroke:#e2e8f0}
/* chunky buttons everywhere */
.bq-go{background:#2ed47a;color:#073b22;border-radius:14px;font-weight:800;box-shadow:0 5px 0 #168a4d;padding:11px 22px;min-height:44px}
.bq-go:hover{background:#3be286}.bq-go:active{transform:translateY(3px);box-shadow:0 2px 0 #168a4d}
.bq-go.green{background:#2ed47a}.bq-go.amber{background:#ffc928;color:#1b1464;box-shadow:0 5px 0 #b88700}
.bq-go.alt{background:rgba(255,255,255,.14);color:#fff;border:2px solid rgba(255,255,255,.55);box-shadow:none}
.bq-fzbox .bq-go.alt{background:#fff;color:#4a38c9;border:2px solid #c7d2fe}
/* live: lobby, players, boards */
.bq-lhead,.bq-lfoot{border-color:rgba(255,255,255,.2)}
.bq-codebox{background:#fff;border:0;border-radius:16px;box-shadow:0 5px 0 rgba(0,0,0,.28)}.bq-codebox small{color:#475569}.bq-codebox b{color:#1b1464}
.bq-share a,.bq-share button{background:rgba(255,255,255,.14);color:#fff;border:2px solid rgba(255,255,255,.4);min-height:44px}
.bq-share a:hover,.bq-share button:hover{background:rgba(255,255,255,.26)}
.bq-mini li,.bq-board li,.bq-players li{background:rgba(255,255,255,.12);border:2px solid transparent;color:#fff;border-radius:14px}
.bq-board li.me,.bq-mini li.me,.bq-players li.me{border-color:#ffc928;background:rgba(255,201,40,.22)}
.bq-save{background:rgba(255,255,255,.14);border:0;color:#fff}.bq-save a{color:#ffe08a}
.bq-inv{background:rgba(255,255,255,.10)}
/* results */
.bq-trophy{font-size:4rem;line-height:1;animation:gmpop2 .6s ease-out}
.gm-rstars{display:flex;justify-content:center;gap:6px;margin:4px 0 8px}
.gm-rstars svg{animation:gmpop2 .5s ease-out both}.gm-rstars svg.on{fill:#ffc928;stroke:#ffc928;stroke-width:1.5;filter:drop-shadow(0 3px 0 #8a5a00)}.gm-rstars svg.off{fill:none;stroke:rgba(255,255,255,.5);stroke-width:1.5}
.bq-badge{font-size:1.1rem;padding:6px 18px}
.bq-stats div{background:rgba(255,255,255,.12);border:0;border-radius:16px;padding:12px 4px}.bq-stats b{color:#ffc928;font-size:1.6rem}.bq-stats span{color:#d6d0ff}
#results .bq-card:first-child{text-align:center}
.gm-review{padding:0}.gm-review summary{cursor:pointer;padding:16px 18px;font-weight:800;font-size:1.05rem;list-style:none;min-height:44px}
.gm-review summary::-webkit-details-marker{display:none}.gm-review summary::before{content:"+ ";color:#ffc928}.gm-review[open] summary::before{content:"\2212  "}
.gm-review>div{padding:0 14px 14px}.bq-bd{color:#1b1464}
@keyframes gmpop2{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
@keyframes gmshake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
@keyframes gmlow{50%{transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){.bq-opt.ok,.bq-opt.bad,.bq-trophy,.gm-rstars svg,.bq-chip.timer.low{animation:none}}
.bq-chip.timer{background:rgba(255,255,255,.18);color:#fff;border:0}.bq-chip.timer.low{background:#e5484d;border:0}

/* Round 144: leave reasons, challenge end date */
.gm-days{margin:10px 2px 0;display:flex;align-items:center;gap:10px;color:#fff;font-weight:700}
.gm-sel{font:inherit;font-weight:700;padding:8px 12px;border-radius:10px;border:2px solid #c8cce0;background:#fff;color:#1b1464;min-height:44px}
.gm-reasons{border:0;margin:6px 0 10px;padding:0;text-align:left;display:flex;flex-direction:column;gap:8px;color:#1b1464}
.gm-reasons label{display:flex;align-items:center;gap:10px;font-weight:600;min-height:44px;padding:0 12px;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer}
.gm-reasons input[type=radio]{width:20px;height:20px;accent-color:#4a38c9}
.gm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}