:root{color-scheme:dark;--bg:#0c0c18;--panel:rgba(25,25,44,.87);--panel-border:rgba(255,255,255,.11);--white:#f9f7ff;--dim:#a6a4bf;--purple:#a388ff;--pink:#ff61b2;--green:#42d8b1;--red:#ff7790;--yellow:#ffd46e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}body{background:var(--bg);color:var(--white);margin:0;min-height:100vh;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}p{line-height:1.55}.ambient{position:fixed;width:46vw;height:46vw;border-radius:100%;pointer-events:none;filter:blur(90px);z-index:-1;opacity:.3}.ambient.a{background:#6229b7;top:-19vw;left:-15vw}.ambient.b{background:#b32166;bottom:-23vw;right:-17vw}.shell{width:min(1160px,calc(100% - 38px));margin:auto;min-height:100vh;display:flex;flex-direction:column}.topbar{padding:28px 0 15px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:950;font-size:1.09rem;letter-spacing:-.045em;white-space:nowrap}.brand-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#e85ec4,#8f70fd);font-size:1.18rem;letter-spacing:-.07em;box-shadow:0 8px 25px #8c52fd44}.brand-outline{color:var(--pink)}.header-right{display:flex;align-items:center;gap:16px}.edition{font-size:.67rem;letter-spacing:.19em;color:var(--dim);font-weight:800}.connection{font-size:.73rem;color:#aaa8c3}.connection.online{color:#75e2bf}.connection.offline{color:var(--red)}main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:14px 0 24px;min-height:500px}.footer{display:flex;justify-content:space-between;gap:16px;color:#77758f;font-size:.71rem;border-top:1px solid #ffffff0d;padding:19px 0 26px}.loading{margin:auto;text-align:center;color:var(--dim)}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:26px;padding:32px;box-shadow:0 26px 100px #0003;backdrop-filter:blur(14px)}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:26px;align-items:stretch}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:28px 6px}.eyebrow{font-size:.75rem;letter-spacing:.22em;font-weight:850;text-transform:uppercase;color:var(--pink);display:inline-block;margin-bottom:18px}.super-title{font-size:clamp(3.2rem,8.5vw,8rem);line-height:.92;letter-spacing:-.095em;font-weight:1000;margin:0}.super-title .gradient{background:linear-gradient(110deg,#ff8cc9,#c9a5ff 80%);background-clip:text;-webkit-background-clip:text;color:transparent}.subhead{max-width:600px;font-size:1.18rem;color:var(--dim);margin:22px 0}.tags{display:flex;gap:8px;flex-wrap:wrap}.tag{border:1px solid #ffffff1b;background:#ffffff0a;padding:9px 13px;border-radius:100px;color:#c4c1d8;font-size:.8rem;font-weight:700}.panel-title{margin:0 0 18px;font-size:1.55rem;letter-spacing:-.045em}.qr-box{background:white;border-radius:16px;padding:12px;width:min(245px,100%);margin:0 auto 20px}.qr-box img{width:100%;height:auto;display:block;image-rendering:pixelated}.join-url{font-size:.9rem;color:#cfbbff;overflow-wrap:anywhere;text-align:center}.center{text-align:center}.muted{color:var(--dim)}.small{font-size:.8rem}.button,.choice{border:1px solid transparent;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 20px;min-height:51px;background:#302c46;color:var(--white);font-weight:850;text-decoration:none;transition:transform .12s,filter .12s,border-color .12s}.button:hover:not(:disabled),.choice:hover:not(:disabled){filter:brightness(1.13);transform:translateY(-1px)}.button:active:not(:disabled),.choice:active:not(:disabled){transform:translateY(1px)}.button:disabled,.choice:disabled{opacity:.47;cursor:not-allowed}.button.primary{background:linear-gradient(105deg,#ed5cb7,#9268ee);box-shadow:0 8px 28px #b03bea4a}.button.secondary{background:#29273e;border-color:#ffffff20}.button.danger{background:#672c47;border-color:#e5799255}.button.green{background:#194d47;border-color:#42d8b166}.button.block{width:100%}.buttons{display:flex;flex-wrap:wrap;gap:12px}.form{display:flex;flex-direction:column;gap:15px}.field{display:flex;flex-direction:column;gap:8px;font-size:.83rem;color:var(--dim);font-weight:700}.input{width:100%;min-height:54px;border-radius:12px;background:#101022;border:1px solid #4a4565;color:var(--white);padding:13px 16px;outline:none}.input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #a388ff24}.big-question{font-size:clamp(1.65rem,4.6vw,4.1rem);line-height:1.15;letter-spacing:-.065em;margin:0;font-weight:950;text-wrap:balance}.screen-question{min-height:210px;display:grid;place-items:center;text-align:center;max-width:940px;margin:0 auto}.screen-center{text-align:center}.phase-label{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--purple);font-weight:850;margin-bottom:22px}.question-layout{display:grid;gap:28px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.choice{min-height:106px;font-size:clamp(1.1rem,3vw,2rem);font-weight:950;letter-spacing:-.05em}.choice.true{color:#8af0d3;background:#16443e;border-color:#2fbc9b88}.choice.false{color:#ffb2c3;background:#4b253b;border-color:#ff779088}.choice.selected{outline:3px solid #ffffffb0;outline-offset:3px}.circle-badge{border-radius:100px;background:#ffffff13;padding:11px;font-size:.8rem;min-width:64px;display:inline-block}.stats{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.countdown{font-size:2rem;font-weight:950;font-variant-numeric:tabular-nums;letter-spacing:-.045em;display:flex;align-items:center;gap:8px}.countdown.urgent{color:var(--red)}.countdown.timeup{color:var(--dim)}.progress{height:9px;background:#ffffff12;border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--pink),var(--purple));transition:width .16s}.player-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.player-chip{font-size:.86rem;padding:9px 12px;background:#ffffff0f;border:1px solid #ffffff12;border-radius:100px;color:#d9d4ef}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.screen-split{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center}.outline-number{font-size:clamp(3rem,10vw,7rem);font-weight:1000;letter-spacing:-.085em;color:var(--white);line-height:1}.section-label{font-size:.75rem;letter-spacing:.17em;color:var(--dim);text-transform:uppercase;font-weight:850}.revealed{display:flex;flex-direction:column;align-items:center;gap:13px;text-align:center}.answer-mark{font-size:clamp(2.6rem,7vw,5.6rem);line-height:1;font-weight:1000;letter-spacing:-.075em}.answer-mark.true{color:var(--green)}.answer-mark.false{color:var(--red)}.explanation{font-size:clamp(.96rem,2vw,1.2rem);max-width:800px;color:#d8d5e7;line-height:1.55}.quip{font-size:clamp(1rem,2.7vw,1.5rem);font-weight:850;color:#ffcde3;line-height:1.4}.chart{display:flex;gap:12px;justify-content:center;align-items:flex-end;height:115px;margin-top:18px}.bar{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-width:110px}.bar-fill{width:100%;min-height:5px;border-radius:8px 8px 2px 2px}.bar.true .bar-fill{background:var(--green)}.bar.false .bar-fill{background:var(--red)}.bar label{font-weight:800}.bar-count{font-size:.9rem;color:var(--dim)}.standings{width:100%;display:flex;flex-direction:column;gap:9px}.stand-row{background:#ffffff0c;border:1px solid #ffffff10;border-radius:13px;padding:11px 15px;display:flex;align-items:center;gap:12px}.stand-row.top{background:#dfb05518;border-color:#dfb05538}.stand-rank{color:var(--pink);font-weight:900;width:35px}.stand-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stand-score{font-weight:900;font-variant-numeric:tabular-nums;color:#d7c8ff}.stat-pair{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #ffffff10}.host-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:start}.control-stack{display:flex;flex-direction:column;gap:11px}.host-preview{min-height:220px;display:flex;flex-direction:column;justify-content:center;gap:16px}.host-preview h2{font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.25;letter-spacing:-.05em;margin:0}.host-note{border-left:3px solid var(--pink);padding:7px 0 7px 14px;background:#ffffff05;color:#e1dbe9}.hidden{display:none!important}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#2c2337;border:1px solid #ffffff28;color:#fff;border-radius:12px;padding:13px 20px;max-width:90%;box-shadow:0 12px 40px #0008;z-index:20;font-size:.95rem;text-align:center}.toast[hidden]{display:none}.winner{text-align:center;display:flex;align-items:center;flex-direction:column;gap:15px}.trophy{font-size:5rem;filter:drop-shadow(0 3px 24px #ffca4688)}.winner-name{font-size:clamp(2rem,7vw,5.4rem);font-weight:1000;line-height:1.03;letter-spacing:-.08em;background:linear-gradient(110deg,#fff0ad,#ffaee3);color:transparent;background-clip:text;-webkit-background-clip:text}.links{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:15px}.links a{font-size:.83rem;color:#c6a8ff}.pulse{animation:pulse 2.5s infinite}@keyframes pulse{50%{filter:brightness(1.25)}}
@media (max-width:780px){.hero,.host-layout,.screen-split{grid-template-columns:1fr}.hero-copy{padding:10px 0}.topbar{padding-top:20px}.edition{display:none}.shell{width:min(100% - 24px,1160px)}.panel{padding:22px;border-radius:19px}.super-title{font-size:clamp(3.4rem,15vw,6rem)}.screen-question{min-height:130px}.big-question{font-size:clamp(1.9rem,6vw,3.2rem)}.choices{gap:9px}.choice{padding:12px;min-height:91px;font-size:1.35rem}.footer{font-size:.66rem}.brand{font-size:.94rem}.brand-icon{width:36px;height:36px}.split{grid-template-columns:1fr}}
@media (max-width:400px){.topbar{gap:6px}.brand{gap:8px;font-size:.82rem}.connection{font-size:.65rem}.choices{grid-template-columns:1fr}.choice{min-height:65px}.tags{gap:5px}.tag{font-size:.7rem}.panel{padding:18px}}
body[data-view="screen"] .shell{width:min(1450px,calc(100% - 72px))}body[data-view="screen"] .topbar{padding-top:32px}body[data-view="screen"] main{padding-top:40px}body[data-view="screen"] .big-question{font-size:clamp(2.4rem,5.8vw,5.7rem)}body[data-view="screen"] .screen-question{min-height:260px}body[data-view="screen"] .choice{min-height:125px}

/* v2: Spielvorbereitung und Fragenkatalog */
.host-pregame{width:100%;display:flex;flex-direction:column;gap:18px;padding:4px 0 25px}
.host-tabs{display:flex;gap:9px;flex-wrap:wrap;background:#161326;border:1px solid #ffffff15;padding:6px;border-radius:16px;align-self:flex-start}
.host-tabs button{background:transparent;color:var(--dim);border:0;padding:13px 19px;min-height:45px;font:inherit;font-weight:800;border-radius:11px;cursor:pointer}
.host-tabs button.active{color:#fff;background:linear-gradient(110deg,#703e81,#44336d);box-shadow:0 4px 20px #0004}
.setup-panel,.question-manager{width:100%}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.check-field{display:inline-flex;align-items:center;gap:10px;color:#ded9ed;font-size:.87rem;line-height:1.4;font-weight:750;cursor:pointer}
.check-field input{width:19px;height:19px;accent-color:var(--pink);flex-shrink:0}
.check-field.align-bottom{margin-top:25px}
.start-zone{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 0 0;margin-top:22px;border-top:1px solid #ffffff1c}
.host-lobby{display:flex;flex-direction:column;gap:15px}
.host-lobby h2{margin:0}.host-lobby .button{align-self:flex-start}
.manage-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:23px}
.manage-head .eyebrow{margin-bottom:10px}.manage-head .panel-title{margin-bottom:8px}
.manage-head p{margin:0}
.question-editor{margin:15px 0 23px;background:#141328;border:1px solid #bf7ad75e;padding:24px;box-shadow:inset 0 0 0 1px #ffffff05}
.question-editor .eyebrow{margin-bottom:8px}
.question-editor .input{font:inherit;font-weight:500;font-size:.96rem}
textarea.input{resize:vertical;min-height:100px;line-height:1.5}
.question-list{display:flex;flex-direction:column;gap:10px}
.question-item{display:flex;flex-direction:column;gap:10px;background:#18162b;border:1px solid #ffffff15;padding:15px 19px;border-radius:15px}
.question-item.inactive{opacity:.57}
.question-top{display:flex;align-items:baseline;gap:13px;line-height:1.55}
.question-top b{font-size:.99rem}
.question-index{font-weight:950;color:var(--purple);min-width:23px}
.question-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-left:35px}
.question-badge{font-size:.67rem;letter-spacing:.08em;font-weight:950;padding:6px 9px;border-radius:8px}
.question-badge.yes{background:#225449;color:#8af0d3}
.question-badge.no{background:#55293a;color:#ffb2c3}
.question-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-left:auto}
.mini-btn{border:1px solid #ffffff23;border-radius:8px;background:#29253d;color:#e4def6;min-height:34px;padding:7px 10px;cursor:pointer;font-weight:700;font-size:.78rem}
.mini-btn:hover:not(:disabled){background:#473758}
.mini-btn:disabled{opacity:.32;cursor:default}
.danger-text{color:#ff9aad}
@media(max-width:730px){.settings-grid{grid-template-columns:1fr}.start-zone,.manage-head{flex-direction:column;align-items:stretch}.start-zone .button,.manage-head .button{width:100%}.question-meta{padding-left:0}.question-actions{width:100%;margin-left:0}.host-tabs{align-self:stretch}.host-tabs button{flex:1;padding:12px 9px;font-size:.82rem}}