:root{--accent:#a13ba8;--accent-rgb:161,59,168;--accent-light:#d065d7;--accent-dark:#68236d;--module-deep:#28102f;--module-mid:#64246d;--ink:#25232a;--muted:#77717d;--bg:#f5f1f6;--surface:#fff;--surface-soft:#faf7fb;--line:#e0d9e2;--shadow:0 18px 45px rgba(52,34,57,.10);--shell:286px;--radius:20px}*{box-sizing:border-box}html{overflow-x:hidden;scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at 92% -10%,rgba(var(--accent-rgb),.10),transparent 30rem),linear-gradient(180deg,#fbf9fc,var(--bg));overflow-x:clip}a{color:inherit}button,input,select,textarea{font:inherit}.module-icon{display:grid;width:20px;height:20px;place-items:center;flex:0 0 auto}.module-icon svg,.icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.has-admin-shell{padding-left:var(--shell)}.wrap{width:min(1320px,calc(100% - 40px));margin:auto;padding:30px 0 70px}.is-public{padding-top:0}.is-tv,.is-live{padding:0!important;background:#15071b;color:#fff}.is-tv .wrap,.is-live .wrap{width:100%;max-width:none;padding:0}.quiz-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;background:linear-gradient(145deg,#fff,#efe3f0);color:var(--accent-dark);font-size:27px;font-weight:1000;box-shadow:0 8px 22px rgba(0,0,0,.2);transform:rotate(-3deg)}
.module-shell{position:fixed;inset:0 auto 0 0;z-index:1200;width:var(--shell);background:radial-gradient(circle at 10% 0,rgba(255,255,255,.09),transparent 20rem),linear-gradient(165deg,var(--module-deep),var(--module-mid));color:#fff;border-right:1px solid rgba(255,255,255,.14);box-shadow:14px 0 40px rgba(30,13,35,.18)}.module-shell__mobilebar{display:none}.module-shell__panel{height:100%;display:flex;min-height:0;flex-direction:column;padding:21px 18px 17px;overflow-y:auto;overscroll-behavior:contain}.module-shell__brand,.module-shell__mobilebrand{display:flex;align-items:center;gap:11px;text-decoration:none}.module-shell__brand{padding:1px 6px 21px;border-bottom:1px solid rgba(255,255,255,.11)}.module-shell__brand b,.module-shell__mobilebrand b{display:block;font-size:19px}.module-shell__brand small,.module-shell__mobilebrand small{display:block;margin-top:2px;color:rgba(255,255,255,.58);font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.module-shell__section{display:grid;gap:5px;padding-top:18px}.module-shell__section--context{margin-top:13px;border-top:1px solid rgba(255,255,255,.10)}.module-shell__eyebrow{padding:0 11px 7px;color:rgba(255,255,255,.55);font-size:9.5px;font-weight:950;letter-spacing:.17em;text-transform:uppercase}.module-shell__link,.module-shell__back{display:flex;min-height:44px;align-items:center;gap:11px;padding:0 12px;border:1px solid transparent;border-radius:12px;color:rgba(255,255,255,.78);text-decoration:none;font-size:13px;font-weight:780}.module-shell__link:hover,.module-shell__back:hover{color:#fff;background:rgba(255,255,255,.09)}.module-shell__link.is-active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-light));border-color:rgba(255,255,255,.25);box-shadow:0 10px 24px rgba(0,0,0,.22)}.module-shell__foot{margin-top:auto;padding-top:18px}.module-shell__location{display:grid;gap:3px;padding:12px 13px;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:rgba(255,255,255,.07)}.module-shell__location span{color:rgba(255,255,255,.55);font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.module-shell__location strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.module-shell__back{margin-top:8px}.module-shell__toggle{display:none}
.public-bar{position:sticky;top:0;z-index:1100;height:74px;background:linear-gradient(120deg,var(--module-deep),var(--module-mid));color:#fff;box-shadow:0 10px 28px rgba(20,10,24,.16)}.public-bar__inner{width:min(1320px,100%);height:100%;margin:auto;padding:0 25px;display:flex;align-items:center;gap:24px}.public-brand{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:210px}.public-brand .quiz-mark{width:40px;height:40px;font-size:24px}.public-brand b{display:block}.public-brand small{display:block;color:rgba(255,255,255,.6);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.15em}.public-nav{align-self:stretch;display:flex}.public-nav a{display:flex;align-items:center;padding:0 14px;text-decoration:none;color:rgba(255,255,255,.72);font-size:13px;font-weight:850;border-bottom:3px solid transparent}.public-nav a.active{color:#fff;border-color:var(--accent-light)}.public-bar__actions{margin-left:auto;display:flex;align-items:center;gap:8px}.location-pill,.icon-button{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:#fff;border-radius:12px}.location-pill{padding:8px 11px;font-size:11px;font-weight:800}.icon-button{display:grid;width:40px;height:40px;place-items:center;text-decoration:none}
.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.page-intro h1{margin:3px 0 0;font-size:clamp(30px,4vw,46px);letter-spacing:-.045em}.page-intro p{max-width:720px;margin:7px 0 0;color:var(--muted)}.eyebrow{color:var(--accent-dark);font-size:10px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr);gap:14px;margin-bottom:16px}.hero-main,.hero-side,.card,.metric,.action-card,.question-card,.round-card,.team-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#fff,#fdfbfe);box-shadow:0 9px 24px rgba(50,32,55,.07)}.hero-main{position:relative;overflow:hidden;padding:27px;color:#fff;background:linear-gradient(135deg,var(--module-deep),var(--module-mid) 62%,var(--accent))}.hero-main:after{content:"";position:absolute;width:260px;height:260px;border:38px dotted rgba(255,255,255,.10);border-radius:50%;right:-70px;top:-100px}.hero-main>*{position:relative;z-index:1}.hero-main h1{margin:6px 0 8px;font-size:clamp(32px,5vw,58px);line-height:.96}.hero-main p{max-width:720px;color:rgba(255,255,255,.8)}.hero-side,.card{padding:20px}.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.kpi{padding:14px;border-radius:15px;background:var(--surface-soft);border:1px solid var(--line)}.kpi span{display:block;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.kpi strong{display:block;margin-top:5px;color:var(--accent-dark);font-size:26px}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card h2,.card h3{margin:0 0 8px}.muted,.help,.small{color:var(--muted)}.small{font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid transparent;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-light));color:#fff;text-decoration:none;font-weight:900;cursor:pointer;box-shadow:0 8px 20px rgba(var(--accent-rgb),.16)}.btn.secondary{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:none}.btn.dark{background:var(--module-deep)}.btn.danger{background:#a8364b}.btn.ghost{background:rgba(var(--accent-rgb),.08);color:var(--accent-dark);border-color:rgba(var(--accent-rgb),.18);box-shadow:none}.btn.smallbtn{min-height:34px;padding:0 11px;font-size:11px}.notice{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;margin:0 0 14px;border-radius:13px;border:1px solid #b9ddca;background:#eefaf3;color:#20553b}.notice.err{border-color:#e6b5bd;background:#fff0f2;color:#7d2637}.notice.warn{border-color:#e2d1a8;background:#fff9e8;color:#735d25}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 15px}.tabs a{padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#615b65;text-decoration:none;font-size:11px;font-weight:850}.tabs a.active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-light));border-color:transparent}
.command-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.command-card{min-height:132px;padding:17px;border:1px solid var(--line);border-radius:17px;background:#fff;text-decoration:none;box-shadow:0 8px 22px rgba(52,34,57,.06)}.command-card:hover{border-color:rgba(var(--accent-rgb),.35);transform:translateY(-2px)}.command-card .module-icon{width:40px;height:40px;border-radius:12px;background:rgba(var(--accent-rgb),.10);color:var(--accent-dark)}.command-card b{display:block;margin-top:13px;font-size:15px}.command-card small{display:block;margin-top:5px;color:var(--muted);line-height:1.4}.quiz-list{display:grid;gap:11px}.quiz-row{display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff}.quiz-cover-thumb{width:84px;height:56px;object-fit:cover;border-radius:11px;background:linear-gradient(135deg,var(--module-deep),var(--accent))}.quiz-row h3{margin:0 0 3px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;min-height:26px;padding:0 8px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:10px;font-weight:850;color:#655f68}.chip.accent{color:var(--accent-dark);border-color:rgba(var(--accent-rgb),.22);background:rgba(var(--accent-rgb),.08)}
label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#514b54}input,select,textarea{width:100%;min-height:43px;padding:10px 12px;border:1px solid #d8d1da;border-radius:11px;background:#fff;color:var(--ink);outline:none}textarea{min-height:100px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.10)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.checkline{display:flex;align-items:center;gap:8px;min-height:42px}.checkline input{width:18px;height:18px;min-height:0;accent-color:var(--accent)}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.choice-card{position:relative;padding:15px;min-height:116px;border:1px solid var(--line);border-radius:15px;background:#fff;cursor:pointer}.choice-card:hover,.choice-card:has(input:checked){border-color:var(--accent);background:linear-gradient(145deg,rgba(var(--accent-rgb),.10),#fff)}.choice-card input{position:absolute;right:12px;top:12px;width:auto;min-height:0}.choice-card b{display:block;padding-right:25px}.choice-card small{display:block;margin-top:8px;color:var(--muted);line-height:1.45}.wizard-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:16px}.wizard-steps span{padding:9px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);font-size:10px;font-weight:900;text-align:center}.wizard-steps span.active{background:rgba(var(--accent-rgb),.10);border-color:rgba(var(--accent-rgb),.30);color:var(--accent-dark)}
.cover-builder{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.75fr);gap:16px}.cover-preview{aspect-ratio:16/9;width:100%;border-radius:17px;overflow:hidden;background:linear-gradient(135deg,var(--module-deep),var(--accent));border:1px solid rgba(var(--accent-rgb),.22);display:grid;place-items:center;color:#fff}.cover-preview canvas{width:100%;height:100%;display:block}.cover-empty{text-align:center;padding:30px}.cover-empty strong{display:block;font-size:22px}.round-card,.question-card,.team-card{padding:15px}.round-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.round-number{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:rgba(var(--accent-rgb),.10);color:var(--accent-dark);font-weight:1000}.question-card{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:12px;align-items:start}.question-meta{font-size:10px;font-weight:900;color:var(--muted);text-transform:uppercase}.question-card h3{margin:3px 0 5px;font-size:15px}.tablewrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:15px;background:#fff}table{width:100%;border-collapse:collapse;min-width:680px}th,td{padding:11px 12px;border-bottom:1px solid #eee8ef;text-align:left;font-size:12px}th{background:#faf7fb;color:#6c6670;font-size:10px;text-transform:uppercase;letter-spacing:.07em}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#b3adb5}.status-dot.live{background:#4ab276}.status-dot.warn{background:#e5a63f}
.master-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.65fr);gap:14px}.master-now{padding:22px;border-radius:20px;background:linear-gradient(135deg,var(--module-deep),var(--module-mid));color:#fff;min-height:240px;display:flex;flex-direction:column;justify-content:space-between}.master-now .eyebrow{color:rgba(255,255,255,.65)}.master-now h2{margin:5px 0 7px;font-size:clamp(26px,3vw,38px)}.master-now p{color:rgba(255,255,255,.76)}.master-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.master-actions .btn{min-height:50px}.scoreboard-mini{display:grid;gap:7px}.score-line{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:9px 11px;border-radius:11px;background:#fff;border:1px solid var(--line)}.rank{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:rgba(var(--accent-rgb),.09);color:var(--accent-dark);font-weight:1000}.share-box{display:grid;gap:8px;padding:15px;border:1px dashed rgba(var(--accent-rgb),.36);border-radius:15px;background:rgba(var(--accent-rgb),.05)}.share-url{display:flex;gap:7px}.share-url input{font-size:11px}
.live-shell{min-height:100dvh;padding:18px;background:radial-gradient(circle at 80% -5%,rgba(208,101,215,.22),transparent 24rem),linear-gradient(160deg,#140719,#32103a 56%,#4f165c);color:#fff}.live-card{width:min(720px,100%);margin:auto;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:rgba(13,4,17,.72);backdrop-filter:blur(18px);box-shadow:0 25px 75px rgba(0,0,0,.35);overflow:hidden}.live-top{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.10)}.live-top .quiz-mark{width:38px;height:38px;font-size:22px}.live-top small{display:block;color:rgba(255,255,255,.56)}.live-body{padding:18px}.live-body h1,.live-body h2{margin:0 0 10px}.live-question{font-size:clamp(24px,7vw,39px);line-height:1.06;letter-spacing:-.03em}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:17px}.answer-btn{min-height:62px;padding:11px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:rgba(255,255,255,.08);color:#fff;font-weight:900;text-align:left;cursor:pointer}.answer-btn:hover,.answer-btn.selected{background:linear-gradient(135deg,var(--accent),var(--accent-light));border-color:#fff}.live-body input,.live-body textarea,.live-body select{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.16);color:#fff}.live-body select option{color:#222}.timer{height:7px;border-radius:99px;background:rgba(255,255,255,.10);overflow:hidden;margin:12px 0}.timer span{display:block;height:100%;background:linear-gradient(90deg,#f0b76c,var(--accent-light));transition:width .2s linear}.effect-banner{padding:11px 13px;margin:0 0 12px;border-radius:13px;background:rgba(238,169,72,.18);border:1px solid rgba(238,169,72,.35);color:#ffe1ac}.petra-chaos{animation:petraWiggle .5s infinite alternate;filter:hue-rotate(18deg)}@keyframes petraWiggle{from{transform:rotate(-.4deg)}to{transform:rotate(.5deg)}}
.tv-shell{min-height:100vh;padding:3.2vh 4vw;background:radial-gradient(circle at 85% 0,rgba(208,101,215,.20),transparent 38vw),linear-gradient(150deg,#100416,#2b0d35 60%,#4b1555);color:#fff;display:grid;grid-template-rows:auto 1fr auto;gap:2vh}.tv-head{display:flex;align-items:center;justify-content:space-between;gap:2vw}.tv-brand{display:flex;align-items:center;gap:12px}.tv-brand b{font-size:clamp(22px,2.4vw,42px)}.tv-code{padding:.5em .8em;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.07);font-weight:900;font-size:clamp(16px,1.8vw,30px)}.tv-stage{display:grid;place-items:center;text-align:center}.tv-cover{width:min(78vw,1200px);aspect-ratio:16/9;object-fit:cover;border-radius:28px;border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 90px rgba(0,0,0,.35)}.tv-question{max-width:1250px;font-size:clamp(38px,5.5vw,88px);line-height:1.02;letter-spacing:-.04em}.tv-round{color:#eaa9ee;font-weight:900;font-size:clamp(16px,2vw,32px);text-transform:uppercase;letter-spacing:.12em}.tv-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2vw;width:min(1100px,90vw);margin:3vh auto 0}.tv-option{padding:.75em;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.07);font-size:clamp(18px,2vw,34px);font-weight:850}.tv-foot{display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.65);font-size:clamp(13px,1.4vw,22px)}.tv-score-grid{width:min(900px,88vw);display:grid;gap:8px}.tv-score-line{display:grid;grid-template-columns:60px 1fr auto;gap:14px;align-items:center;padding:12px 17px;border-radius:15px;background:rgba(255,255,255,.08);font-size:clamp(18px,2vw,30px)}
@media(max-width:1050px){.command-grid{grid-template-columns:repeat(2,1fr)}.grid.four{grid-template-columns:repeat(2,1fr)}.hero,.master-grid,.cover-builder{grid-template-columns:1fr}.choice-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){body.menu-open{overflow:hidden;touch-action:none}.has-admin-shell{padding-left:0;padding-top:0}.module-shell{position:sticky;top:0;inset:auto;width:100%;height:64px;border:0;background:linear-gradient(120deg,var(--module-deep),var(--module-mid));box-shadow:0 10px 26px rgba(31,13,35,.18)}.module-shell__mobilebar{display:flex;height:64px;align-items:center;justify-content:space-between;padding:0 15px}.module-shell__mobilebrand .quiz-mark{width:36px;height:36px;font-size:21px}.module-shell__toggle{display:grid;width:42px;height:42px;place-items:center;border:0;border-radius:12px;background:rgba(255,255,255,.09)}.module-shell__toggle span{display:block;width:20px;height:2px;background:#fff;margin:2px}.module-shell__panel{display:none;position:fixed;inset:64px 0 0;height:auto;padding:15px;background:linear-gradient(165deg,var(--module-deep),var(--module-mid));overflow-y:auto}.module-shell.is-open .module-shell__panel{display:flex}.module-shell__brand{display:none}.module-shell__section{padding-top:8px}.module-shell__section--context{margin-top:4px}.module-shell__foot{margin-top:12px}.wrap{width:min(100% - 24px,920px);padding-top:19px}.public-bar{height:64px}.public-bar__inner{padding:0 13px}.public-nav,.location-pill{display:none}.page-intro{align-items:flex-start;flex-direction:column}.context-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.context-tabs a{text-align:center}.form-grid,.form-grid.three,.grid.two,.grid.three{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr}.wizard-steps{display:none}.quiz-row{grid-template-columns:64px 1fr}.quiz-cover-thumb{width:64px;height:50px}.quiz-row>.actions{grid-column:1/-1}.question-card{grid-template-columns:45px 1fr}.question-card>.actions{grid-column:1/-1}.master-actions{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.wrap{width:min(100% - 18px,700px)}.command-grid,.grid.four,.kpis{grid-template-columns:1fr 1fr}.answer-grid{grid-template-columns:1fr}.master-actions{grid-template-columns:1fr}.tv-options{grid-template-columns:1fr}.form-grid,.cover-builder{gap:10px}.card,.hero-side{padding:15px}.hero-main{padding:20px}.round-card{grid-template-columns:38px 1fr}.round-card>.actions{grid-column:1/-1}.share-url{flex-direction:column}}
@media print{.noprint,.module-shell,.public-bar,.tabs{display:none!important}.has-admin-shell,.is-public{padding:0}.wrap{width:100%;padding:0}.card{box-shadow:none}}

.share-qr{width:104px;height:104px;padding:5px;border:1px solid var(--line);border-radius:14px;background:#fff;object-fit:contain}

.tv-join{display:flex;align-items:center;justify-content:center;gap:24px;margin:2.5vh auto 0}.tv-lobby-qr{width:clamp(110px,12vw,190px);height:clamp(110px,12vw,190px);padding:7px;border-radius:18px;background:#fff}.tv-join-code{margin-top:8px;font-size:clamp(38px,5vw,72px);font-weight:1000;letter-spacing:.09em;color:#fff}
@media(max-width:700px){.tv-join{gap:14px}.tv-lobby-qr{width:110px;height:110px}}

/* V123 quizflow */
.flowbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:0 0 10px;padding:7px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:var(--shadow-soft)}.flowbar a{display:flex;min-height:42px;align-items:center;justify-content:center;padding:8px 6px;border-radius:10px;color:var(--muted);font-size:11px;font-weight:900;text-align:center;text-decoration:none;background:var(--surface-soft)}.flowbar a:hover{color:var(--accent-dark);background:rgba(var(--accent-rgb),.08)}.flowbar a.active{color:#fff;background:linear-gradient(135deg,var(--accent-dark),var(--accent));box-shadow:0 6px 14px rgba(var(--accent-rgb),.18)}@media(max-width:760px){.flowbar{grid-template-columns:repeat(2,minmax(0,1fr))}.flowbar a{font-size:10px}}

/* V126 tijdelijke deelnemerfoto's */
.pq-avatar{display:inline-block;flex:0 0 auto;object-fit:cover;border-radius:14px;border:2px solid rgba(255,255,255,.82);background:#31103a;box-shadow:0 5px 14px rgba(0,0,0,.18)}.pq-avatar-empty{display:grid;place-items:center;background:linear-gradient(145deg,rgba(208,101,215,.28),rgba(255,255,255,.10));color:#fff;font-weight:1000;border:1px solid rgba(255,255,255,.18)}.pq-photo-panel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;margin:14px 0;padding:13px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.06)}.pq-photo-panel p{margin:4px 0 10px;color:rgba(255,255,255,.66)}.score-line:has(.pq-avatar){grid-template-columns:34px 38px 1fr auto}.tv-score-line:has(.pq-avatar){grid-template-columns:60px 52px 1fr auto}.tv-player-strip{width:min(1100px,90vw);display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:2.2vh auto}.tv-player-pic{width:118px;padding:8px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.07)}.tv-player-pic img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:11px}.tv-player-pic span{display:block;overflow:hidden;margin-top:6px;color:#fff;font-size:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}@media(max-width:520px){.pq-photo-panel{grid-template-columns:82px 1fr}.pq-photo-panel .pq-avatar{width:82px!important;height:82px!important}.score-line:has(.pq-avatar){grid-template-columns:30px 34px 1fr auto}}
/* V126 - tijdelijke spelerfoto's */
.pq-team-players{margin:18px 0;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.06)}
.pq-team-players-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.pq-player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:12px 0}
.pq-player-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:12px;border-radius:15px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11)}
.pq-player-card b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pq-add-player{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:10px}
.pq-add-player input{margin:0}
.tv-team-faces{display:flex;align-items:center;min-width:70px}
.tv-team-faces .pq-avatar{width:46px;height:46px;margin-right:-13px;border:3px solid rgba(25,8,35,.95);box-shadow:0 4px 16px rgba(0,0,0,.28)}
@media(max-width:620px){.pq-add-player{grid-template-columns:1fr}.pq-add-player .btn{width:100%}.pq-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* V127 snelheid + rijkere quizfoto's */
.pq-photo-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pq-photo-tools select{width:auto;min-width:118px;min-height:34px;padding:5px 9px}.pq-mini-faces{display:flex;min-width:42px}.pq-mini-faces .pq-avatar{margin-right:-12px;border:2px solid #24102d}.pq-fast-strip{display:grid;gap:7px;margin:14px 0;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(255,255,255,.06)}.pq-fast-strip>span{display:flex;align-items:center;gap:8px;font-size:12px}.pq-admin-photo-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:12px}.pq-admin-photo-row>img{width:64px;height:64px}.pq-admin-photo-row span{display:grid;justify-items:center;gap:3px}.pq-admin-photo-row span img{width:52px;height:52px}.pq-admin-photo-row small{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tv-photo-spotlight{width:min(900px,86vw);margin:3vh auto 0;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(208,101,215,.10));box-shadow:0 18px 60px rgba(0,0,0,.2)}.tv-photo-kicker{margin-bottom:10px;color:#f4b8f8;font-size:clamp(14px,1.5vw,22px);font-weight:950;text-transform:uppercase;letter-spacing:.12em}.tv-spot-faces{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.tv-spot-face{width:clamp(105px,11vw,160px);padding:8px;border-radius:18px;background:rgba(255,255,255,.08);transform:rotate(-1deg)}.tv-spot-face:nth-child(even){transform:rotate(1.5deg)}.tv-spot-face img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:13px;border:4px solid #fff}.tv-spot-face span{display:block;margin-top:6px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-photo-spotlight>b{display:block;margin-top:12px;font-size:clamp(20px,2.3vw,34px)}
.tv-fastest{width:min(850px,86vw);display:grid;gap:8px;margin:2.5vh auto 0}.tv-fast-row{display:grid;grid-template-columns:42px 54px 1fr auto;align-items:center;gap:10px;padding:9px 13px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.07);font-size:clamp(15px,1.6vw,24px);text-align:left}.tv-fast-row .pq-avatar{width:48px;height:48px}.tv-fast-row strong{color:#ffe0a0}.tv-podium{display:flex;align-items:flex-end;justify-content:center;gap:14px;width:min(1000px,90vw);margin:1vh auto 2vh}.tv-podium-card{position:relative;display:grid;justify-items:center;gap:8px;width:min(28vw,260px);padding:18px 12px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(255,255,255,.08)}.tv-podium-card.p1{order:2;min-height:260px;background:linear-gradient(180deg,rgba(255,219,94,.20),rgba(255,255,255,.08));transform:translateY(-18px)}.tv-podium-card.p2{order:1}.tv-podium-card.p3{order:3}.tv-podium-card .pq-avatar,.tv-podium-card .tv-team-faces .pq-avatar{width:82px;height:82px;margin:0}.tv-podium-rank{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;background:#fff;color:#481253;font-size:22px;font-weight:1000}.tv-podium-card>b{font-size:clamp(17px,2vw,28px)}.tv-podium-card>strong{color:#ffe2a3;font-size:clamp(16px,1.8vw,25px)}
.tv-sabotage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;width:min(1050px,90vw);margin:3vh auto 0}.tv-versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.07)}.tv-versus>div{display:grid;justify-items:center;gap:6px}.tv-versus img{width:78px;height:78px;object-fit:cover;border-radius:16px;border:3px solid #fff}.tv-versus>span{font-size:30px}.tv-versus>small{grid-column:1/-1;color:#f3b7f7;font-weight:900}
@media(max-width:620px){.pq-photo-tools{display:grid;grid-template-columns:1fr 1fr}.pq-photo-tools select{width:100%}.tv-podium{gap:6px}.tv-podium-card{padding:9px 5px}.tv-podium-card .pq-avatar,.tv-podium-card .tv-team-faces .pq-avatar{width:54px;height:54px}.tv-fast-row{grid-template-columns:32px 42px 1fr}.tv-fast-row strong{grid-column:3}.tv-fast-row .pq-avatar{width:38px;height:38px}}

/* V142: mobiele quizperformance. Transparante blur en geanimeerde filters kosten op
   oudere telefoons veel GPU; de uitstraling blijft behouden zonder die zware laag. */
@media(max-width:820px){
  .live-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(18,6,23,.96);box-shadow:0 14px 36px rgba(0,0,0,.28)}
  .petra-chaos{filter:none;animation-duration:.65s}
}
@media(prefers-reduced-motion:reduce){
  .petra-chaos{animation:none!important;filter:none!important}
}


/* V144 - Power Break / dwarsbomen in de actieve Pubquiz-module */
.pq-sabotage-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin:-2px 0 14px;padding:14px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:linear-gradient(135deg,rgba(135,39,154,.70),rgba(64,15,77,.92));overflow:hidden}.pq-sabotage-head>span{font-size:42px;animation:pqPowerPop .45s ease}.pq-sabotage-head h1{margin:0!important;font-size:clamp(26px,7vw,40px)}.pq-sabotage-head p{margin:3px 0 0;color:rgba(255,255,255,.72);font-size:12px}.pq-sabotage-head>b{display:grid;place-items:center;min-width:58px;height:58px;border-radius:50%;background:#fff;color:#5d1769;font-size:20px}.pq-sabotage-copy{font-size:12px;color:rgba(255,255,255,.68)}.pq-power-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pq-power-card{position:relative;display:block;min-height:128px;padding:14px 12px;border:2px solid rgba(255,255,255,.13);border-radius:16px;background:linear-gradient(145deg,#64246d,#35113e);color:#fff;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.18);transform:rotate(var(--tilt));animation:pqDeal .28s ease both}.pq-power-card.p0,.pq-power-card.p3{--tilt:-1deg}.pq-power-card.p1,.pq-power-card.p4{--tilt:1.2deg}.pq-power-card.p2,.pq-power-card.p5{--tilt:-.5deg}.pq-power-card:nth-child(2){animation-delay:.035s}.pq-power-card:nth-child(3){animation-delay:.07s}.pq-power-card:nth-child(4){animation-delay:.105s}.pq-power-card:nth-child(5){animation-delay:.14s}.pq-power-card:nth-child(6){animation-delay:.175s}.pq-power-card:has(input:checked){border-color:#ffe39a;background:linear-gradient(145deg,#a13ba8,#5a1766);transform:rotate(0) scale(1.025)}.pq-power-card input{position:absolute;right:9px;top:9px;width:18px;min-height:0;accent-color:#ffe39a}.pq-power-card b,.pq-power-card small{display:block}.pq-power-card b{font-size:15px}.pq-power-card small{margin-top:5px;color:rgba(255,255,255,.72);font-size:10px;line-height:1.25}.pq-power-icon{display:block;font-size:31px;margin-bottom:5px}.pq-target{margin-top:12px;color:#fff}.pq-fire-actions{margin-top:10px}.pq-fire-actions .btn:first-child{flex:2}.pq-power-picked,.pq-spectator-chaos{display:grid;justify-items:center;gap:6px;padding:22px 12px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:linear-gradient(145deg,rgba(161,59,168,.42),rgba(255,255,255,.06));text-align:center}.pq-power-picked>span{font-size:48px;animation:pqPowerPop .45s ease}.pq-power-picked>b{font-size:28px}.pq-power-picked small,.pq-spectator-chaos small{color:rgba(255,255,255,.70)}.pq-spectator-chaos>div{margin-top:8px;font-size:25px;letter-spacing:5px}.pq-hit-banner{animation:pqPowerPop .32s ease}.pq-power-banner{font-weight:900}.pq-timer-row{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center}.pq-timer-row .timer{margin:12px 0}.pq-timer-row>b{min-width:34px;color:#f4c8f6;font-size:13px}.pq-answer-mix .answer-btn:nth-child(odd){transform:rotate(-.7deg)}.pq-answer-mix .answer-btn:nth-child(even){transform:rotate(.7deg)}.pq-ice-overlay{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:18px;background:rgba(120,205,238,.94);color:#07394e;text-align:center;touch-action:manipulation;cursor:pointer}.pq-ice-overlay>div{display:grid;justify-items:center;gap:6px}.pq-ice-overlay b{font-size:34px}.pq-ice-overlay small{font-size:14px}.pq-ice-overlay strong{font-size:19px}.pq-ice-overlay.hit{transform:scale(.985)}.pq-ice-overlay.gone{opacity:0;transition:opacity .18s ease}.pq-power-emoji{font-size:58px}.live-body{position:relative}.pq-storm-layer{position:absolute;inset:0;z-index:20;overflow:hidden;pointer-events:none}.pq-storm-layer i{position:absolute;top:-60px;font-style:normal;font-size:34px;animation:pqStormFall 1.6s linear infinite}.tv-sabotage-stage{text-align:center}.tv-sabotage-stage>p{font-size:clamp(18px,2vw,30px);color:rgba(255,255,255,.72)}.tv-power-strip{margin:2vh 0;font-size:clamp(28px,4vw,56px);letter-spacing:.15em;animation:pqPowerPop .45s ease}.tv-sabotage-clock{display:grid;width:86px;height:86px;place-items:center;margin:2.5vh auto 0;border-radius:50%;background:#fff;color:#5d1769;font-size:29px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
@keyframes pqDeal{from{opacity:0;transform:translateY(18px) rotate(-5deg) scale(.92)}to{opacity:1;transform:translateY(0) rotate(var(--tilt)) scale(1)}}@keyframes pqPowerPop{0%{transform:scale(.55) rotate(-8deg)}75%{transform:scale(1.12) rotate(3deg)}100%{transform:scale(1)}}@keyframes pqStormFall{from{transform:translate3d(-30px,-40px,0) rotate(0)}to{transform:translate3d(50px,760px,0) rotate(460deg)}}
@media(max-width:520px){.pq-power-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.pq-power-card{min-height:116px;padding:11px 9px}.pq-power-card small{font-size:9.5px}.pq-sabotage-head{grid-template-columns:auto 1fr}.pq-sabotage-head>b{grid-column:1/-1;width:100%;height:34px;border-radius:10px}.pq-sabotage-head>span{font-size:34px}}
@media(prefers-reduced-motion:reduce){.pq-power-card,.pq-storm-layer i,.pq-power-picked>span,.pq-sabotage-head>span,.tv-power-strip{animation:none!important}}


/* V145 - spelerproof Power Break: eerst doelwit, dan power, dan één duidelijke vuurknop */
.pq-stepbar{display:grid;grid-template-columns:28px 1fr 28px 1fr 28px 1fr;align-items:center;gap:6px;margin:0 0 12px;padding:9px 10px;border-radius:13px;background:rgba(255,255,255,.07);font-size:10px;color:rgba(255,255,255,.7)}.pq-stepbar b{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:rgba(255,255,255,.12);color:#fff}.pq-stepbar b.is-on{background:#ffe39a;color:#5d1769}.pq-sabotage-step{margin-top:10px;padding:12px;border:1px solid rgba(255,255,255,.11);border-radius:17px;background:rgba(255,255,255,.045)}.pq-step-title{display:flex;justify-content:space-between;gap:8px;align-items:baseline;margin-bottom:9px}.pq-step-title>b{font-size:15px}.pq-step-title>small{color:rgba(255,255,255,.58);font-size:10px}.pq-target-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pq-target-card{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:9px;min-height:58px;padding:7px 9px;border:2px solid rgba(255,255,255,.11);border-radius:14px;background:linear-gradient(145deg,#32113b,#211027);color:#fff;text-align:left;font:inherit;cursor:pointer}.pq-target-card img,.pq-target-avatar{width:42px;height:42px;border-radius:11px;object-fit:cover}.pq-target-avatar{display:grid;place-items:center;background:#fff;color:#68236d;font-weight:1000;font-size:19px}.pq-target-card b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pq-target-card.is-selected{border-color:#ffe39a;background:linear-gradient(145deg,#7d2a88,#43164c);box-shadow:0 0 0 3px rgba(255,227,154,.10)}
.pq-power-grid .pq-power-card{border:2px solid rgba(255,255,255,.13);font:inherit;text-align:left}.pq-power-grid .pq-power-card.is-selected{border-color:#ffe39a;background:linear-gradient(145deg,#a13ba8,#5a1766);transform:rotate(0) scale(1.02);box-shadow:0 0 0 3px rgba(255,227,154,.10),0 8px 18px rgba(0,0,0,.18)}.pq-fire-panel{position:sticky;bottom:8px;z-index:12;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;margin-top:12px;padding:10px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:rgba(34,10,40,.96);box-shadow:0 12px 30px rgba(0,0,0,.28)}.pq-fire-panel>div{display:grid;min-width:0}.pq-fire-panel small{color:rgba(255,255,255,.55);font-size:9px;text-transform:uppercase;font-weight:900;letter-spacing:.11em}.pq-fire-panel b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.pq-fire-panel .btn:disabled{opacity:.4;filter:saturate(.4);cursor:not-allowed}
@media(max-width:520px){.pq-stepbar{grid-template-columns:26px 1fr 26px 1fr 26px 1fr;padding:7px}.pq-stepbar b{width:26px;height:26px}.pq-stepbar span{font-size:9px}.pq-target-grid{grid-template-columns:1fr}.pq-target-card{min-height:54px}.pq-sabotage-step{padding:10px}.pq-power-grid .pq-power-card{min-height:105px}.pq-fire-panel{grid-template-columns:1fr}.pq-fire-panel .btn{width:100%}}

/* V148 — dwarsbomen stap-voor-stap: eerst doelwit, daarna power, daarna vuur. */
.pq-sabotage-step[hidden],.pq-fire-panel[hidden]{display:none!important}.pq-target-card small{display:block;color:rgba(255,255,255,.55);font-size:9px;margin-top:2px}.pq-target-card.is-selected small{color:#ffe39a}.pq-step-locked{opacity:.45}.pq-stepbar b.is-on{box-shadow:0 0 0 4px rgba(255,227,154,.12)}