:root{--n-bg:#07111f;--n-panel:rgba(15,29,49,.94);--n-soft:rgba(24,42,68,.82);--n-border:rgba(162,185,222,.18);--n-text:#edf4ff;--n-muted:#a9b9d1;--n-accent:#65e6d5;--n-danger:#ff7180;color-scheme:dark}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body.next-host-ui{min-height:100vh;margin:0;padding:0 0 calc(92px + env(safe-area-inset-bottom));color:var(--n-text);background:radial-gradient(circle at 5% 0,rgba(101,230,213,.12),transparent 28rem),radial-gradient(circle at 95% 8%,rgba(99,112,255,.15),transparent 32rem),var(--n-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}
.next-host-ui *,.next-host-ui *:before,.next-host-ui *:after{box-sizing:border-box}.next-host-ui button,.next-host-ui input,.next-host-ui select{min-height:46px;font:inherit}.next-host-ui h1,.next-host-ui h2,.next-host-ui h3,.next-host-ui p{margin-top:0}
.next-topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:10px max(18px,env(safe-area-inset-left));border-bottom:1px solid var(--n-border);background:rgba(7,17,31,.88);backdrop-filter:blur(18px)}
.next-brand{display:inline-flex;align-items:center;gap:11px;min-width:0;color:inherit;text-decoration:none}.next-brand img{width:44px;height:44px;border-radius:13px;object-fit:cover}.next-brand span{display:grid;min-width:0}.next-brand small,.next-kicker{color:var(--n-accent);font-size:.68rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.next-brand strong{overflow:hidden;max-width:44vw;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}
.next-topbar-actions,.next-status{display:flex;align-items:center;gap:8px}.next-icon-button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--n-border);border-radius:13px;color:var(--n-text);background:var(--n-soft);text-decoration:none}.next-status{min-height:38px;padding:8px 12px;border:1px solid var(--n-border);border-radius:999px;color:var(--n-muted);font-size:.82rem;font-weight:750}.next-status i{width:8px;height:8px;border-radius:50%;background:#e9b949}.next-status.is-online i{background:var(--n-accent);box-shadow:0 0 0 5px rgba(101,230,213,.12)}.next-status.is-offline i{background:var(--n-danger)}
.next-page{width:min(1500px,100%);margin:auto;padding:clamp(18px,3vw,42px)}.next-kicker{display:block;margin-bottom:5px}.next-login{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,500px);gap:clamp(24px,6vw,90px);align-items:center;min-height:calc(100vh - 150px)}.next-login-intro h1{max-width:760px;margin-bottom:20px;font-size:clamp(2.5rem,7vw,5.8rem);line-height:.94;letter-spacing:-.055em}.next-login-intro p{max-width:650px;color:var(--n-muted);font-size:clamp(1rem,2vw,1.2rem);line-height:1.65}.next-login-intro ul{display:grid;gap:10px;padding:0;color:var(--n-muted);list-style:none}.next-login-intro li:before{content:"✓";margin-right:10px;color:var(--n-accent);font-weight:900}
.next-login-card,.next-panel,.next-settings{border:1px solid var(--n-border);border-radius:22px;background:var(--n-panel);box-shadow:0 24px 70px rgba(0,0,0,.22)}.next-login-card{display:grid;gap:17px;padding:clamp(24px,4vw,40px)}.next-card-head h2{margin-bottom:0;font-size:1.65rem}.next-login-card label{display:grid;gap:7px;color:var(--n-muted);font-size:.82rem;font-weight:800}.next-login-card input,.next-login-card select{width:100%;padding:11px 13px;border:1px solid var(--n-border);border-radius:12px;color:var(--n-text);background:#0a1728}
#loginbereich.next-login{position:relative;width:100%;max-width:none;margin:0;isolation:isolate}#loginbereich.next-login:before{position:absolute;z-index:-1;top:7%;left:38%;width:280px;height:280px;border-radius:50%;background:rgba(101,230,213,.08);filter:blur(70px);content:""}.next-login-intro{position:relative;min-width:0;padding:clamp(10px,3vw,34px)}.next-login-badge{display:inline-flex;align-items:center;gap:9px;margin-bottom:30px;padding:8px 12px;border:1px solid rgba(101,230,213,.24);border-radius:999px;color:#c9fff7;background:rgba(101,230,213,.07);font-size:.75rem;font-weight:800}.next-login-badge i{width:7px;height:7px;border-radius:50%;background:var(--n-accent);box-shadow:0 0 0 5px rgba(101,230,213,.1)}.next-login-intro h1 em{color:var(--n-accent);font-style:normal}.next-login-preview{width:min(620px,92%);margin-top:38px;overflow:hidden;border:1px solid rgba(162,185,222,.16);border-radius:20px;background:linear-gradient(145deg,rgba(22,42,68,.88),rgba(10,23,40,.94));box-shadow:0 30px 80px rgba(0,0,0,.3);transform:perspective(1000px) rotateY(4deg) rotateX(1deg);transform-origin:left center}.next-preview-top{display:flex;align-items:center;gap:6px;padding:12px 15px;border-bottom:1px solid var(--n-border)}.next-preview-top>span{width:7px;height:7px;border-radius:50%;background:#62738c}.next-preview-top>span:first-child{background:var(--n-danger)}.next-preview-top>span:nth-child(2){background:#e9b949}.next-preview-top>span:nth-child(3){background:var(--n-accent)}.next-preview-top small{margin-left:auto;color:var(--n-muted);font-size:.65rem;font-weight:800;text-transform:uppercase}.next-preview-body{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:20px}.next-preview-score,.next-preview-question{display:grid;align-content:center;padding:15px;border:1px solid var(--n-border);border-radius:14px;background:rgba(7,17,31,.48)}.next-preview-score small,.next-preview-question span,.next-preview-question small{color:var(--n-muted);font-size:.66rem}.next-preview-score strong{margin-block:3px;color:var(--n-accent);font-size:2rem}.next-preview-score span{color:#9af0b9;font-size:.68rem}.next-preview-chart{display:flex;align-items:end;gap:7px;height:74px;padding:9px 4px}.next-preview-chart i{flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(var(--n-accent),#4b6d9d);opacity:.82}.next-preview-chart i:nth-child(1){height:38%}.next-preview-chart i:nth-child(2){height:62%}.next-preview-chart i:nth-child(3){height:48%}.next-preview-chart i:nth-child(4){height:82%}.next-preview-chart i:nth-child(5){height:100%}.next-preview-question{grid-column:1/-1;gap:5px}.next-preview-question strong{font-size:.9rem}
#loginForm.next-login-card{position:relative;min-width:0;gap:15px;padding:clamp(24px,4vw,40px);overflow:hidden;border:1px solid rgba(162,185,222,.22);border-radius:22px;background:linear-gradient(155deg,rgba(19,36,59,.97),rgba(10,23,40,.98));box-shadow:0 35px 100px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.04);backdrop-filter:none}.next-login-card:before{position:absolute;top:0;right:0;left:0;height:1px;background:linear-gradient(90deg,transparent,var(--n-accent),transparent);content:"";opacity:.65}.next-card-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:5px}.next-card-head h2{margin:0;font-size:clamp(1.55rem,3vw,2rem);letter-spacing:-.025em}.next-card-head p{margin:5px 0 0;color:var(--n-muted);font-size:.82rem;line-height:1.45}.next-login-card-icon{display:grid;flex:0 0 auto;place-items:center;width:46px;height:46px;border:1px solid rgba(101,230,213,.25);border-radius:14px;color:var(--n-accent);background:rgba(101,230,213,.09);font-size:1.2rem}.next-login-card .next-field{gap:7px}.next-field>span:first-child{padding-left:2px;color:#c5d2e6;font-size:.74rem;letter-spacing:.025em}.next-input-wrap{position:relative;display:flex;align-items:center;border:1px solid var(--n-border);border-radius:13px;background:rgba(5,15,27,.72);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.next-input-wrap:focus-within{border-color:rgba(101,230,213,.68);background:#091a2d;box-shadow:0 0 0 4px rgba(101,230,213,.09)}.next-input-wrap>i{position:absolute;left:14px;z-index:1;width:18px;color:#7086a4;font-size:.78rem;font-style:normal;text-align:center}.next-login-card .next-input-wrap input,.next-login-card .next-input-wrap select{min-height:50px;padding:12px 14px 12px 44px;border:0;border-radius:13px;outline:0;background:transparent}.next-login-card .next-input-wrap input::placeholder{color:#657792}.next-select-wrap:after{position:absolute;right:15px;color:var(--n-muted);content:"⌄";pointer-events:none}.next-select-wrap select{padding-right:38px;appearance:none}.next-password-toggle{position:absolute;right:7px;min-height:36px!important;padding:6px 9px;border:0;border-radius:8px;color:var(--n-accent);background:rgba(101,230,213,.08);font-size:.68rem!important;font-weight:850;cursor:pointer}.next-input-wrap:has(.next-password-toggle) input{padding-right:82px}.next-login-card .quiz-info-card{max-height:150px;margin:0;overflow:auto;border-color:var(--n-border);border-radius:13px;background:rgba(5,15,27,.48);box-shadow:none}.next-login-submit{display:flex;align-items:center;justify-content:space-between;min-height:54px!important;margin-top:3px;padding-inline:18px;background:linear-gradient(110deg,var(--n-accent),#8bf1c0);box-shadow:0 12px 28px rgba(101,230,213,.15);transition:transform .18s ease,box-shadow .18s ease}.next-login-submit:hover{box-shadow:0 16px 34px rgba(101,230,213,.22);transform:translateY(-1px)}.next-login-submit i{font-size:1.25rem;font-style:normal}.next-login-submit:disabled{cursor:wait;opacity:.65;transform:none}.next-login-trust{display:flex;align-items:center;justify-content:center;gap:7px;color:#71849f}.next-login-trust span{display:grid;place-items:center;width:17px;height:17px;border:1px solid rgba(101,230,213,.26);border-radius:50%;color:var(--n-accent);font-size:.62rem}.next-login-trust small{font-size:.68rem}
.next-primary,.next-secondary,.next-danger{padding:11px 16px;border:0;border-radius:12px;font-weight:850;cursor:pointer}.next-primary{color:#06231f;background:var(--n-accent)}.next-secondary{border:1px solid var(--n-border);color:var(--n-text);background:var(--n-soft)}.next-danger{border:1px solid rgba(255,113,128,.3);color:#ffdbe0;background:rgba(255,113,128,.12)}
[hidden]{display:none!important}#hostview.next-host{display:none;gap:16px}.next-roombar{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:24px}.next-roombar h1{margin:0;font-size:clamp(1.7rem,4vw,2.6rem)}.next-tabs{position:sticky;top:78px;z-index:70;display:flex;justify-content:center;gap:5px;width:fit-content;max-width:100%;margin-inline:auto;padding:5px;border:1px solid var(--n-border);border-radius:14px;background:rgba(7,17,31,.94);backdrop-filter:blur(16px);overflow-x:auto;scrollbar-width:none}.next-tabs::-webkit-scrollbar{display:none}.next-tab{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px 16px;border:0;border-radius:10px;color:var(--n-muted);background:transparent;font-weight:850;white-space:nowrap;cursor:pointer}.next-tab.is-active{color:#06231f;background:var(--n-accent);box-shadow:0 8px 20px rgba(101,230,213,.14)}.next-tab:focus-visible{outline:3px solid rgba(101,230,213,.35);outline-offset:2px}.next-tab-panel{min-width:0}.next-room-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.next-short-dashboard{display:grid;grid-template-columns:minmax(180px,1.3fr) repeat(3,minmax(100px,1fr));gap:1px;overflow:hidden;border:1px solid var(--n-border);border-radius:16px;background:var(--n-border);box-shadow:0 14px 36px rgba(0,0,0,.16)}.next-short-dashboard>div{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:68px;padding:11px 16px;background:rgba(13,27,46,.96)}.next-short-dashboard small{color:var(--n-muted);font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.next-short-dashboard strong{overflow:hidden;margin-top:3px;color:var(--n-text);font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.next-short-dashboard .next-short-primary{flex-direction:row;align-items:center;justify-content:flex-start;gap:11px}.next-short-dot{flex:0 0 auto;width:11px;height:11px;border-radius:50%;background:#e9b949;box-shadow:0 0 0 5px rgba(233,185,73,.1)}.next-short-dot.is-active{background:var(--n-accent);box-shadow:0 0 0 5px rgba(101,230,213,.12)}.next-workspace.host-flex-row{display:block;min-width:0}.next-empty-state{display:grid;justify-items:center;gap:7px;padding:clamp(35px,8vw,90px) 20px;color:var(--n-muted);text-align:center}.next-empty-state>span{display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--n-border);border-radius:50%;color:var(--n-accent);background:var(--n-soft);font-size:1.5rem;font-weight:900}.next-empty-state strong{color:var(--n-text);font-size:1.05rem}.next-live-panel .host-dashboard{margin:0;max-width:none}
.next-host-grid.host-flex-row{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.7fr);gap:20px;align-items:start}.next-host-grid .host-main-col,.next-host-grid .host-side-col{width:auto;min-width:0}.next-panel{padding:clamp(16px,2.5vw,28px)}.next-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.next-panel-head h2{margin:0;font-size:clamp(1.25rem,2vw,1.7rem)}.next-state{padding:7px 10px;border-radius:999px;color:var(--n-muted);background:var(--n-soft);font-size:.75rem;font-weight:850;white-space:nowrap}.next-state.is-active{color:#06231f;background:var(--n-accent)}.next-side{display:grid;gap:20px}.next-board-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-color:var(--n-accent) transparent}.next-board-scroll table{min-width:580px}.next-question:empty,.next-solution:empty,.next-media:empty{display:none}.next-question:not(:empty),.next-solution:not(:empty),.next-media:not(:empty){margin-top:18px}.next-question .frage-anzeige{padding:clamp(16px,3vw,28px);border:1px solid rgba(101,230,213,.23);border-radius:16px;background:rgba(101,230,213,.07);font-size:clamp(1.1rem,2.3vw,1.5rem);line-height:1.45}.next-solution{padding:15px;border-left:4px solid var(--n-accent);border-radius:9px;background:rgba(101,230,213,.08)}.next-dashboard-panel:has(.host-dashboard:empty){display:none}
.next-control-dock:not(:empty){position:sticky;bottom:max(12px,env(safe-area-inset-bottom));z-index:80;display:flex;flex-wrap:wrap;justify-content:center;gap:9px;width:fit-content;max-width:calc(100vw - 28px);margin:auto;padding:11px;border:1px solid var(--n-border);border-radius:18px;background:rgba(7,17,31,.93);box-shadow:0 14px 45px rgba(0,0,0,.42);backdrop-filter:blur(18px)}.next-control-dock .quiz-btn{flex:1 1 auto;min-width:125px;margin:0}.next-control-dock #host-richtig-btn{color:#061d13;background:#35d07f}.next-control-dock #host-falsch-btn{color:#25070b;background:var(--n-danger)}
.next-settings.autohost-panel{margin:0;padding:0;overflow:hidden}.next-settings-head{padding:22px 24px;border-bottom:1px solid var(--n-border)}.next-settings .host-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.next-settings .host-settings-section{min-width:0;padding:22px;border:0;border-right:1px solid var(--n-border);border-bottom:1px solid var(--n-border);border-radius:0;background:transparent}.next-settings .host-settings-section:nth-child(3n){border-right:0}.next-settings input,.next-settings select{max-width:100%}.next-compat{display:none!important}.next-host-ui #chatbox-panel{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:110}.next-host-ui .connection-notice{z-index:1000}.next-host-ui .quiz-info-card{margin:0}
@media(max-width:1050px){.next-host-grid.host-flex-row{grid-template-columns:minmax(0,1fr)}.next-side{grid-template-columns:repeat(2,minmax(0,1fr))}.next-settings .host-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.next-settings .host-settings-section:nth-child(3n){border-right:1px solid var(--n-border)}.next-settings .host-settings-section:nth-child(2n){border-right:0}}
@media(max-width:760px){body.next-host-ui{padding-bottom:calc(var(--next-control-dock-height,0px) + 24px + env(safe-area-inset-bottom))}.next-topbar{min-height:64px;padding-block:8px}.next-brand img{width:38px;height:38px}.next-status span{display:none}.next-status{justify-content:center;width:38px;min-height:38px;padding:0}.next-page{padding:14px 10px}.next-login{grid-template-columns:1fr;align-content:start;min-height:auto;padding-top:3vh}.next-login-intro h1{font-size:clamp(2.35rem,13vw,4.5rem)}.next-login-intro ul{display:none}.next-login-card{padding:21px 17px}.next-roombar{grid-template-columns:1fr;gap:11px}.next-tabs{top:70px;justify-content:flex-start;width:100%;margin:0}.next-tab{flex:0 0 auto;min-width:104px;padding-inline:10px}.next-short-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))}.next-short-dashboard .next-short-primary{grid-column:1/-1;min-height:56px}.next-short-dashboard>div{min-height:58px;padding:9px 8px}.next-short-dashboard small{font-size:.65rem;letter-spacing:.015em;text-transform:none;overflow-wrap:anywhere}.next-short-dashboard strong{font-size:.88rem}.next-short-leader{grid-column:auto}.next-room-actions{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch}.next-room-actions #resetRoomBtn{grid-column:1/-1}.next-side,.next-settings .host-settings-grid{grid-template-columns:1fr}.next-settings .host-settings-section,.next-settings .host-settings-section:nth-child(2n),.next-settings .host-settings-section:nth-child(3n){padding:18px 15px;border-right:0}#host-rf-buttons.next-control-dock:not(:empty){position:fixed;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));left:8px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:auto;max-height:38vh;overflow-y:auto;border-radius:16px}.next-control-dock>.quiz-btn{grid-column:span 2}.next-control-dock>#host-richtig-btn,.next-control-dock>#host-falsch-btn{grid-column:span 3}.next-control-dock>.host-override-panel{grid-column:1/-1}#host-rf-buttons.next-control-dock .quiz-btn{min-width:0;min-height:50px;padding:9px;font-size:.86rem}.next-host-ui #chatbox-panel{bottom:calc(var(--next-control-dock-height,0px) + 20px + env(safe-area-inset-bottom))}}
@media(max-width:420px){.next-brand small{display:none}.next-brand strong{max-width:46vw;font-size:.9rem}.next-topbar{gap:6px;padding-inline:9px}.next-topbar-actions{gap:4px}.next-icon-button{width:40px;height:40px;min-height:40px}.next-panel{padding:12px 8px;border-radius:16px}.next-panel-head{align-items:flex-start;margin-bottom:12px;padding-inline:4px}.next-state{padding:6px 8px}.next-settings-head{padding:16px 13px}.next-roombar h1{font-size:1.6rem}.next-room-actions button{min-width:0;padding:9px 7px;font-size:.76rem}.next-board-scroll{margin-inline:-4px;scroll-snap-type:x proximity}.next-board-scroll table{min-width:500px;border-spacing:4px;padding:4px}.next-board-scroll th{padding:10px 5px;font-size:.7rem}.next-board-scroll button.board-btn{min-height:50px;padding:5px 3px}.next-board-scroll .board-question-type{font-size:.55rem}.next-board-scroll .board-question-icon{font-size:.95em}.next-settings .host-settings-pair{grid-template-columns:1fr}.next-settings .autohost-actions{grid-template-columns:1fr}.next-control-dock:not(:empty){gap:6px;padding:7px}.next-control-dock .quiz-btn{min-height:46px;font-size:.78rem}}
@media(max-width:350px){.next-brand img{display:none}.next-brand strong{max-width:39vw}.next-page{padding-inline:7px}.next-room-actions{grid-template-columns:1fr}.next-room-actions #resetRoomBtn{grid-column:auto}.next-tab{min-width:92px;font-size:.8rem}.next-tab span{display:none}.next-short-dashboard{grid-template-columns:1fr 1fr}.next-short-dashboard .next-short-primary{grid-column:1/-1}.next-short-leader{grid-column:1/-1}}
@media(max-width:900px){.next-login{grid-template-columns:1fr;gap:20px;align-content:start;padding-top:2vh}.next-login-intro{max-width:620px;margin-inline:auto;padding-bottom:0;text-align:center}.next-login-intro p{margin-inline:auto}.next-login-preview{display:none}.next-login-badge{margin-bottom:18px}.next-login-card{width:min(560px,100%);margin-inline:auto}#loginbereich.next-login:before{left:15%;width:70%}}
@media(max-width:760px){.next-login-intro{padding:5px 8px}.next-login-intro h1{margin-bottom:12px;font-size:clamp(2.15rem,11vw,3.3rem)}.next-login-intro p{margin-bottom:4px;font-size:.92rem;line-height:1.5}.next-login-badge{margin-bottom:13px}#loginForm.next-login-card{gap:13px;padding:20px 16px;border-radius:19px}.next-card-head{gap:11px}.next-login-card-icon{width:42px;height:42px}.next-login-card .next-input-wrap input,.next-login-card .next-input-wrap select{min-height:48px}.next-login-submit{min-height:52px!important}}
@media(max-width:420px){.next-login{padding-top:0}.next-login-intro .next-kicker{display:none}.next-login-intro h1{font-size:2.05rem}.next-login-intro p{font-size:.84rem}.next-login-badge{padding:6px 10px;font-size:.68rem}.next-card-head p{display:none}.next-login-card-icon{width:38px;height:38px;border-radius:11px}.next-card-head h2{font-size:1.4rem}.next-login-card .quiz-info-card{max-height:115px}.next-login-trust small{font-size:.62rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Next role selection */
.next-role-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;border:1px solid var(--n-border);border-radius:13px;background:rgba(5,15,27,.72)}
.next-role-switch button{min-height:38px;border:0;border-radius:9px;color:var(--n-muted);background:transparent;font-size:.78rem;font-weight:850;cursor:pointer}
.next-role-switch button.is-active{color:#06231f;background:var(--n-accent);box-shadow:0 6px 18px rgba(101,230,213,.14)}
.next-avatar-field,.next-team-field{display:grid;min-width:0;width:100%;gap:7px;color:var(--n-muted);font-size:.76rem;font-weight:800}.next-avatar-field{overflow:hidden}#avatarGallery.next-avatar-gallery{display:flex;width:100%;max-width:100%;min-width:0;gap:8px;padding:5px 2px 9px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--n-accent) rgba(162,185,222,.08);-webkit-overflow-scrolling:touch}#avatarGallery.next-avatar-gallery::-webkit-scrollbar{height:5px}#avatarGallery.next-avatar-gallery::-webkit-scrollbar-track{border-radius:999px;background:rgba(162,185,222,.08)}#avatarGallery.next-avatar-gallery::-webkit-scrollbar-thumb{border-radius:999px;background:var(--n-accent)}.next-avatar-gallery .avatar-option{flex:0 0 auto;width:44px;height:44px;margin:0;border:2px solid transparent;border-radius:13px;object-fit:cover;scroll-snap-align:center;cursor:pointer}.next-avatar-gallery .avatar-option.selected{border-color:var(--n-accent);box-shadow:0 0 0 3px rgba(101,230,213,.12)}.next-team-field select{width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--n-border);border-radius:12px;color:var(--n-text);background:#0a1728}

/* Full-size Next beamer */
#beamerview.next-beamer{display:none;width:100%;max-width:none;min-height:calc(100vh - 154px);margin:0;padding:0;gap:12px}
.next-beamer-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(380px,22vw,440px);gap:14px;min-height:calc(100vh - 224px)}
#beamerview.next-beamer #beamer-stage{position:relative;min-width:0;min-height:calc(100vh - 224px);max-height:none;padding:8px 0;overflow:hidden;border:1px solid var(--n-border);border-radius:18px;background:radial-gradient(circle at 50% 35%,rgba(101,230,213,.07),transparent 46%),rgba(8,20,35,.62)}
#beamerview.next-beamer #beamer-board-wrap{width:100%;padding:clamp(4px,1.2vw,16px)}
#beamerview.next-beamer #beamer-board{min-width:min(760px,100%)}
#beamerview.next-beamer #beamer-playerlist-panel{position:relative;inset:auto;z-index:20;display:grid;grid-template-rows:auto auto minmax(0,1fr);width:auto;max-height:none;overflow:hidden;border:1px solid var(--n-border);border-radius:18px;background:linear-gradient(165deg,rgba(19,36,59,.98),rgba(8,20,35,.98));box-shadow:0 20px 55px rgba(0,0,0,.24);transform:none;transition:opacity .18s ease,transform .18s ease;pointer-events:auto}
.next-score-heading{padding:20px 18px 14px;border-bottom:1px solid var(--n-border)}
.next-score-heading strong{display:block;font-size:clamp(1.35rem,2.2vw,2rem);letter-spacing:-.025em}
#beamerview.next-beamer #beamer-playerlist-content{min-height:0;max-height:none;padding:10px 12px 18px;overflow-y:auto;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
#beamerview.next-beamer #beamer-playerlist-content:empty:after{display:grid;place-items:center;min-height:180px;color:var(--n-muted);content:"Noch keine Punkte";font-size:.9rem;font-weight:750}
#beamerview.next-beamer .beamer-playerrow{grid-template-columns:30px 24px 30px minmax(0,1fr) auto;gap:7px;min-height:52px;padding:8px 6px}
#beamerview.next-beamer .beamer-playerrow.beamer-teamrow{grid-template-columns:30px minmax(0,1fr) auto}
#beamerview.next-beamer .beamer-teamrow .beamer-team-name{min-width:0;color:var(--n-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#beamerview.next-beamer .beamer-place{color:var(--n-muted)}
#beamerview.next-beamer .beamer-name{overflow:hidden;color:var(--n-text);font-weight:800;text-overflow:ellipsis;white-space:nowrap}
#beamerview.next-beamer .beamer-points{color:var(--n-accent)}
.next-rank-change{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;font-size:1rem;font-weight:950;line-height:1}
.next-rank-change.is-up{color:#72ed9f;background:rgba(53,208,127,.13)}
.next-rank-change.is-down{color:#ff7180;background:rgba(255,113,128,.13)}
.next-rank-change.is-same{color:#ffd166;background:rgba(255,209,102,.12)}
#beamerview.next-beamer #beamer-playerlist-toggle{display:none}
#beamerview.next-beamer .next-beamer-notification-layer{position:absolute;z-index:210;top:clamp(12px,2.2vh,24px);right:clamp(12px,2vw,28px);left:clamp(12px,2vw,28px);height:min(230px,42%);pointer-events:none}
#beamerview.next-beamer .next-beamer-notification-layer>.streak-record,#beamerview.next-beamer .next-beamer-notification-layer>.fastest-badge,#beamerview.next-beamer .next-beamer-notification-layer>#beamer-message-toast{position:absolute;top:0;right:auto;bottom:auto;left:50%;z-index:1;max-width:100%;margin:0;border:1px solid var(--n-border);color:var(--n-text);background:linear-gradient(145deg,rgba(24,42,68,.98),rgba(8,20,35,.98));box-shadow:0 22px 60px rgba(0,0,0,.42);backdrop-filter:blur(18px)}
#beamerview.next-beamer .next-beamer-notification-layer>.fastest-badge{width:max-content;transform:translate(-50%,-12px)}
#beamerview.next-beamer .next-beamer-notification-layer>.fastest-badge.show{transform:translate(-50%,0)}
#beamerview.next-beamer .next-beamer-notification-layer>#beamer-message-toast{width:min(620px,100%);transform:translate(-50%,10px)}
#beamerview.next-beamer .next-beamer-notification-layer>#beamer-message-toast.is-visible{transform:translate(-50%,0)}
#beamerview.next-beamer .streak-record.is-achievement{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(14px,2vw,22px);width:min(620px,calc(100vw - 32px));min-width:0;padding:clamp(16px,2.4vw,24px);overflow:hidden;border:1px solid rgba(255,209,102,.38);border-radius:20px;color:var(--n-text);background:linear-gradient(145deg,rgba(24,42,68,.98),rgba(8,20,35,.98));box-shadow:0 24px 70px rgba(0,0,0,.48),0 0 44px rgba(255,209,102,.09);text-align:left;animation-duration:4.6s;backdrop-filter:blur(18px)}
#beamerview.next-beamer .streak-record.is-achievement:before{position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#ffd166,transparent);content:"";opacity:.85}
#beamerview.next-beamer .achievement-unlocked-icon{display:grid;width:clamp(54px,7vw,72px);height:clamp(54px,7vw,72px);place-items:center;border:1px solid rgba(255,209,102,.35);border-radius:18px;color:#ffd166;background:linear-gradient(145deg,rgba(255,209,102,.18),rgba(255,209,102,.06));box-shadow:inset 0 1px rgba(255,255,255,.1),0 10px 28px rgba(0,0,0,.2);font-size:clamp(1.55rem,3vw,2.2rem);line-height:1}
#beamerview.next-beamer .achievement-unlocked-content{display:grid;min-width:0;gap:4px}
#beamerview.next-beamer .streak-record.is-achievement .streak-record-kicker{color:#ffd166;font-size:clamp(.65rem,1.2vw,.78rem);letter-spacing:.12em}
#beamerview.next-beamer .streak-record.is-achievement .streak-record-name{margin:0;color:var(--n-text);font-size:clamp(1.35rem,3.1vw,2.5rem);line-height:1.05;overflow-wrap:anywhere}
#beamerview.next-beamer .achievement-unlocked-player{color:var(--n-accent);font-size:clamp(.8rem,1.5vw,1rem);font-weight:820}
#beamerview.next-beamer .streak-record.is-achievement .streak-record-bonus{justify-self:start;max-width:100%;margin-top:5px;padding:6px 10px;overflow:hidden;border-color:rgba(162,185,222,.16);color:var(--n-muted);background:rgba(255,255,255,.04);font-size:clamp(.72rem,1.3vw,.88rem);font-weight:700;line-height:1.3;text-overflow:ellipsis}
#beamerview.next-beamer.mode-question .next-beamer-layout{grid-template-columns:minmax(0,1fr)}
#beamerview.next-beamer.mode-question #beamer-playerlist-panel{display:none}
#beamerview.next-beamer.mode-question #beamer-stage{padding:clamp(18px,4vh,52px) clamp(18px,4vw,64px);border-color:rgba(101,230,213,.28)}
#beamerview.next-beamer #beamer-question-composition{display:contents}
#beamerview.next-beamer.mode-question #beamer-frage .frage-anzeige{max-width:1400px;font-size:clamp(2rem,4.4vw,5rem);line-height:1.12}
#beamerview.next-beamer.mode-question #beamer-medienbereich{max-width:min(1200px,92vw)}
#beamerview.next-beamer.mode-question.has-image-question #beamer-stage{grid-template-rows:minmax(0,1fr) auto;align-content:stretch}
#beamerview.next-beamer.mode-question #beamer-question-composition.is-image-question{display:grid;width:100%;height:100%;min-height:0;grid-row:1;grid-template-rows:minmax(0,auto) minmax(0,1fr);align-items:center;gap:clamp(12px,2vh,24px);overflow:hidden}
#beamerview.next-beamer.mode-question #beamer-medienbereich.is-image-question{display:grid;min-width:0;min-height:0;width:100%;height:100%;place-items:center;overflow:hidden}
#beamerview.next-beamer.mode-question #beamer-medienbereich.is-image-question .reveal-img-container{width:100%;height:100%;min-height:0;margin:0;overflow:hidden}
#beamerview.next-beamer.mode-question #beamer-medienbereich.is-image-question .reveal-img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;margin:0;object-fit:contain}
#beamerview.next-beamer.mode-question.has-image-question #beamer-frage{min-height:0;max-height:34vh;overflow-y:auto}
#beamerview.next-beamer.mode-question.has-image-question #beamer-frage .frage-anzeige{margin:0;font-size:clamp(1.5rem,3.5vw,4rem)}
@media(min-width:700px) and (min-height:520px){
    #beamerview.next-beamer.mode-question.has-image-question #beamer-stage{padding:clamp(14px,3vh,38px) clamp(14px,3vw,46px);grid-template-rows:minmax(0,1fr) auto}
    #beamerview.next-beamer.mode-question #beamer-question-composition.is-image-question{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);grid-template-rows:minmax(0,1fr);column-gap:clamp(16px,3vw,48px)}
    #beamerview.next-beamer.mode-question.has-image-question #beamer-frage{grid-column:1;grid-row:1;align-self:center;width:100%;max-height:100%}
    #beamerview.next-beamer.mode-question.has-image-question #beamer-frage .frage-anzeige{width:100%;padding:clamp(20px,2.5vw,36px);font-size:clamp(1.4rem,2.7vw,3.2rem)}
    #beamerview.next-beamer.mode-question #beamer-medienbereich.is-image-question{grid-column:2;grid-row:1;max-width:none}
    #beamerview.next-beamer.mode-question.has-image-question #progressbar{grid-row:2}
}
#beamerview.next-beamer.mode-result #beamer-playerlist-panel{display:grid;visibility:visible!important}
#beamerview.next-beamer #beamer-estimate-result{position:absolute;inset:0;padding:clamp(14px,3vw,42px)}

/* Distance-first board: Next uses all available stage height instead of the
   shrink-only transform used by the Classic beamer. */
#beamerview.next-beamer.mode-board #beamer-stage{display:flex;padding:clamp(8px,1.2vh,16px);align-items:stretch;justify-content:stretch}
#beamerview.next-beamer.mode-board #progressbar{display:none}
#beamerview.next-beamer.mode-board #beamer-board-wrap{display:block;flex:1 1 100%;width:100%;min-width:0;height:100%;padding:0}
#beamerview.next-beamer.mode-board #beamer-board{width:100%!important;height:100%;min-width:0}
#beamerview.next-beamer.mode-board #beamer-board table{height:100%;padding:clamp(7px,1vh,13px);border-spacing:clamp(5px,.8vh,11px);box-shadow:none}
#beamerview.next-beamer.mode-board #beamer-board tbody{height:100%}
#beamerview.next-beamer.mode-board #beamer-board tr:first-child{height:11%}
#beamerview.next-beamer.mode-board #beamer-board th{min-width:0;padding:clamp(8px,1.5vh,18px) 8px;font-size:clamp(1rem,1.25vw,1.55rem);line-height:1.12;overflow-wrap:anywhere;word-break:break-word;hyphens:auto}
#beamerview.next-beamer.mode-board #beamer-board td{height:auto}
#beamerview.next-beamer.mode-board #beamer-board button.board-btn{height:100%;min-height:clamp(64px,9vh,150px);padding:clamp(8px,1.2vh,15px) clamp(7px,.8vw,13px)}
#beamerview.next-beamer.mode-board #beamer-board .board-question-value{font-size:clamp(1.2rem,1.6vw,1.9rem)}
#beamerview.next-beamer.mode-board #beamer-board .board-question-type{font-size:clamp(.72rem,.85vw,1rem)}
#beamerview.next-beamer.mode-board #beamer-board .board-question-icon{font-size:clamp(1.15rem,1.55vw,1.8rem)}
#beamerview.next-beamer.mode-board #beamer-board td.board-open{background:color-mix(in srgb,var(--board-question-accent, var(--n-accent)) 10%,var(--n-soft))}
#beamerview.next-beamer.mode-board #beamer-board td.board-open button.board-question-card.is-open:disabled{
    opacity:1;
    color:var(--n-text);
    background:color-mix(in srgb,var(--board-question-accent) 30%,var(--n-surface-answer));
    border-color:color-mix(in srgb,var(--board-question-accent) 72%,var(--n-border));
    border-left-color:var(--board-question-accent);
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--board-question-accent) 24%,transparent),0 9px 24px color-mix(in srgb,var(--board-question-accent) 15%,transparent);
    filter:none
}
#beamerview.next-beamer.mode-board #beamer-board td.board-open button.board-question-card.is-open:disabled .board-question-icon,
#beamerview.next-beamer.mode-board #beamer-board td.board-open button.board-question-card.is-open:disabled .board-question-type{color:color-mix(in srgb,var(--board-question-accent) 68%,var(--n-text))}
#beamerview.next-beamer.mode-board #beamer-board td.answered button.board-question-card.is-answered:disabled{
    opacity:.58;
    color:var(--n-muted);
    font-size:clamp(1.5rem,2vw,2.4rem);
    background:var(--n-surface-status);
    border-color:var(--n-border);
    border-left-color:color-mix(in srgb,var(--board-question-accent) 30%,var(--n-border));
    box-shadow:none;
    filter:grayscale(.72) saturate(.3)
}
#beamerview.next-beamer.mode-board #beamer-board td.answered button.board-question-card.is-answered:disabled .board-question-icon,
#beamerview.next-beamer.mode-board #beamer-board td.answered button.board-question-card.is-answered:disabled .board-question-type{color:var(--n-muted)}

/* Unified Next result stage. Question context, result data and the returning
   highscore remain readable as one composition without oversized empty cards. */
#beamerview.next-beamer.mode-result #beamer-stage{display:grid;padding:clamp(12px,2vh,24px);grid-template-rows:minmax(0,1fr);place-items:stretch center;overflow:hidden}
#beamerview.next-beamer.mode-result #beamer-frage,#beamerview.next-beamer.mode-result #beamer-medienbereich{display:none}
#beamerview.next-beamer.mode-result #mcstats,
#beamerview.next-beamer.mode-result #beamer-estimate-result,
#beamerview.next-beamer.mode-result #beamer-buzzer-result{position:relative;inset:auto;display:grid!important;width:min(1120px,100%);height:100%;min-height:0;max-height:100%;margin:0 auto;padding:0;grid-area:1/1;align-self:stretch;grid-template-rows:minmax(0,1fr);place-items:center stretch;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;pointer-events:auto}
#beamerview.next-beamer.mode-result #mcstats:empty,
#beamerview.next-beamer.mode-result #beamer-estimate-result:not(.is-visible),
#beamerview.next-beamer.mode-result #beamer-buzzer-result:not(.is-visible){display:none!important;pointer-events:none}
#beamerview.next-beamer .beamer-result-composition{display:grid;width:100%;height:fit-content;min-height:0;max-height:100%;grid-template-rows:auto minmax(0,1fr);align-items:center;gap:clamp(10px,1.8vh,18px);overflow:hidden}
#beamerview.next-beamer .beamer-result-question-context{display:grid;gap:3px;width:100%;padding:clamp(11px,1.6vh,17px) clamp(16px,2vw,24px);border:1px solid var(--n-border);border-radius:15px;color:var(--n-text);background:var(--n-panel);box-shadow:0 12px 32px rgba(0,0,0,.12);text-align:center}
#beamerview.next-beamer .beamer-result-context-kicker,#beamerview.next-beamer .beamer-result-kicker{color:var(--n-accent);font-size:clamp(.7rem,.8vw,.9rem);font-weight:880;letter-spacing:.11em;text-transform:uppercase}
#beamerview.next-beamer .beamer-result-question-context strong{font-size:clamp(1.15rem,2vw,2.15rem);line-height:1.12;overflow-wrap:anywhere}
#beamerview.next-beamer .beamer-result-card{position:relative;align-self:center;width:100%;min-width:0;min-height:0;max-height:100%;margin:0;padding:clamp(18px,2.2vw,30px);overflow:hidden;border:1px solid var(--n-border);border-radius:20px;color:var(--n-text);background:var(--n-panel);box-shadow:0 22px 55px rgba(0,0,0,.22)}
#beamerview.next-beamer .beamer-result-heading{display:grid;justify-items:center;gap:5px;margin-bottom:clamp(12px,2vh,22px);padding-inline:42px;text-align:center}
#beamerview.next-beamer .beamer-result-heading h1{display:grid;gap:4px;margin:0;color:var(--n-text);font-size:clamp(1.65rem,3.2vw,3.5rem);line-height:1.05;overflow-wrap:anywhere}
#beamerview.next-beamer .beamer-result-heading h1 small{color:var(--n-muted);font-size:clamp(.7rem,.8vw,.9rem);font-weight:850;letter-spacing:.08em;text-transform:uppercase}
#beamerview.next-beamer .beamer-result-body{display:grid;gap:clamp(8px,1.2vh,13px)}
#beamerview.next-beamer .beamer-mc-result .mcstat-row{grid-template-columns:minmax(160px,.8fr) minmax(240px,1.8fr) 54px;gap:clamp(10px,1.2vw,18px);margin:0;font-size:clamp(.9rem,1.1vw,1.25rem)}
#beamerview.next-beamer .beamer-mc-result .mcstat-bar-bg{height:clamp(20px,2.4vh,30px)}
#beamerview.next-beamer .beamer-mc-result .mcstat-label{font-size:1em}
#beamerview.next-beamer .beamer-mc-result .mcstat-percent{font-size:clamp(.76rem,.9vw,1rem)}
#beamerview.next-beamer .beamer-mc-result .mcstat-total{margin-top:clamp(10px,1.5vh,17px);font-size:clamp(.9rem,1.05vw,1.2rem);font-weight:800}
#beamerview.next-beamer .cloze-result-box.beamer-result-card,#beamerview.next-beamer .boss-result-box.beamer-result-card{align-self:stretch;width:100%;max-height:100%;margin:0;grid-template-rows:auto minmax(0,1fr)}
#beamerview.next-beamer .cloze-result-header h1{font-size:clamp(1.55rem,3vw,3.2rem)}
#beamerview.next-beamer .cloze-result-row{padding:clamp(9px,1.2vh,14px);font-size:clamp(.85rem,1.05vw,1.15rem)}
#beamerview.next-beamer .estimate-result-box.beamer-result-card{align-self:stretch;width:100%;max-height:100%;padding:0;grid-template-rows:auto minmax(0,1fr)}
#beamerview.next-beamer .estimate-result-scroll{display:grid;align-content:center}
#beamerview.next-beamer .estimate-bar-wrap{width:100%}
#beamerview.next-beamer .buzzer-result-box.beamer-result-card{width:100%;max-height:100%;overflow:auto}
body.next-beamer-live{padding-bottom:0;overflow:hidden}
body.next-beamer-live .next-topbar{display:none}
body.next-beamer-live .next-page{width:100%;max-width:none;height:100vh;padding:10px}
body.next-beamer-live #beamerview.next-beamer{min-height:calc(100vh - 20px);height:calc(100vh - 20px)}
body.next-beamer-live .next-beamer-layout{min-height:0;height:calc(100vh - 90px)}
body.next-beamer-live #beamer-stage{min-height:0;height:100%}

@media(max-width:900px),(orientation:portrait){.next-beamer-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.next-beamer-score{max-height:30vh!important}.next-score-heading{padding:10px 14px}.next-score-heading .next-kicker{display:none}#beamerview.next-beamer #beamer-playerlist-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:4px;padding:6px 10px}#beamerview.next-beamer #beamer-playerlist-content .panel-title{grid-column:1/-1;margin:0}body.next-beamer-live .next-beamer-layout{height:calc(100vh - 88px)}}
@media(max-width:520px){#beamerview.next-beamer .streak-record.is-achievement{top:max(12px,env(safe-area-inset-top));grid-template-columns:44px minmax(0,1fr);gap:11px;width:calc(100vw - 20px);padding:13px;border-radius:16px}#beamerview.next-beamer .achievement-unlocked-icon{width:44px;height:44px;border-radius:13px;font-size:1.35rem}#beamerview.next-beamer .streak-record.is-achievement .streak-record-bonus{white-space:normal}}

.next-tab-panel.is-resolved .next-solution{border-left-color:#ffd166;background:rgba(255,209,102,.1)}
.next-tab-panel.is-resolved .moderator-panel{border-color:rgba(255,209,102,.28)}

/* Discoverable horizontal navigation for host tabs and the mobile board. */
.next-tabs-shell{position:sticky;top:78px;z-index:70;display:grid;width:fit-content;max-width:100%;margin-inline:auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px}
.next-tabs-shell .next-tabs{position:relative;top:auto;width:100%;max-width:none;margin:0}
.next-scroll-arrow{display:none;width:42px;height:42px;min-height:42px;padding:0;place-items:center;border:1px solid var(--n-border);border-radius:11px;color:var(--n-text);background:var(--n-panel);font-size:1.45rem;font-weight:900;line-height:1;box-shadow:0 8px 20px rgba(0,0,0,.13)}
.next-scroll-arrow.is-unavailable{visibility:hidden;pointer-events:none}
.next-scroll-region [data-next-scroll-viewport]{scroll-behavior:auto}
.next-scroll-region.can-scroll-right [data-next-scroll-viewport]{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 34px),transparent)}
.next-scroll-region.can-scroll-left:not(.can-scroll-right) [data-next-scroll-viewport]{-webkit-mask-image:linear-gradient(90deg,transparent,#000 34px,#000 100%);mask-image:linear-gradient(90deg,transparent,#000 34px,#000 100%)}
.next-scroll-region.can-scroll-left.can-scroll-right [data-next-scroll-viewport]{-webkit-mask-image:linear-gradient(90deg,transparent,#000 34px,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(90deg,transparent,#000 34px,#000 calc(100% - 34px),transparent)}
.next-board-region{min-width:0}
.next-board-region [data-next-scroll-viewport]{overflow-anchor:none}
.next-board-scroll-guide{display:none;margin-top:8px;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px}
.next-board-region.has-overflow .next-board-scroll-guide{display:grid}
.next-board-scroll-guide .next-scroll-arrow{display:grid}
.next-board-scroll-meta{display:grid;min-width:0;gap:5px;text-align:center}
.next-board-scroll-meta small{overflow:hidden;color:var(--n-muted);font-size:.7rem;font-weight:750;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.next-scroll-track{position:relative;display:block;width:100%;height:4px;overflow:hidden;border-radius:999px;background:var(--n-soft)}
.next-scroll-track i{position:absolute;top:0;bottom:0;left:0;min-width:18px;border-radius:inherit;background:var(--n-accent);transition:width .16s ease,left .16s ease}
#host-board th.is-current-category{outline:2px solid var(--n-accent);outline-offset:-2px;box-shadow:0 0 0 3px rgba(101,230,213,.1)}
#host-board td.is-current-category{background:color-mix(in srgb,var(--n-accent) 7%,var(--board-cell))}
@media(max-width:760px){.next-tabs-shell{top:70px;width:100%;margin:0}.next-tabs-shell .next-scroll-arrow{display:grid}.next-tabs-shell .next-tabs{justify-content:flex-start}.next-tabs-shell+.next-short-dashboard{margin-top:2px}}
@media(max-width:420px){.next-tabs-shell{gap:2px}.next-tabs-shell .next-scroll-arrow{width:38px;height:40px;min-height:40px}.next-board-scroll-guide{grid-template-columns:42px minmax(0,1fr) 42px;gap:6px}}
:root[data-theme="light"] .next-scroll-arrow{color:var(--n-text);background:rgba(255,255,255,.94);box-shadow:0 8px 20px rgba(49,68,96,.12)}

/* Phone-first Next player */
#playerview.next-player{display:none;width:100%;max-width:none;height:100%;margin:0;padding:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:clamp(7px,2vw,14px);align-items:stretch}
#playerview.next-player.has-powerups{grid-template-columns:clamp(58px,14vw,64px) minmax(0,1fr)}
.next-player-content{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:clamp(6px,1.4dvh,12px);min-width:0;min-height:0;height:100%;align-content:start}
.next-player-task{display:grid;grid-auto-rows:auto;align-content:start;gap:clamp(6px,1.2dvh,10px);min-width:0;min-height:0;overflow:hidden}
.next-player-task.is-ready{align-content:center}
#playerview.next-player #player-score{display:grid;width:100%;min-height:0;margin:0;padding:6px;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:stretch;gap:5px;overflow:hidden;border:1px solid var(--n-border);border-radius:14px;background:rgba(15,29,49,.92);box-shadow:none;text-align:center}
#playerview.next-player #player-score .score-main,#playerview.next-player #player-score .score-up,#playerview.next-player #player-score .score-down,#playerview.next-player #player-score .score-team,#playerview.next-player #player-score .score-note{display:flex;min-width:0;min-height:42px;padding:5px 6px;overflow:hidden;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:9px;background:rgba(255,255,255,.035);font-size:clamp(.64rem,2.5vw,.82rem);line-height:1.08;text-align:center}
#playerview.next-player #player-score .score-label{width:100%;overflow:hidden;color:var(--n-muted);font-size:.72em;font-weight:750;letter-spacing:.025em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
#playerview.next-player #player-score .score-value{width:100%;overflow:hidden;color:var(--n-text);font-size:1.08em;text-overflow:ellipsis;white-space:nowrap}
#playerview.next-player #player-question-card{width:100%;max-height:25dvh;margin:0;padding:clamp(8px,1.8dvh,13px);gap:5px;overflow:auto;border-color:rgba(101,230,213,.24);border-radius:15px;background:rgba(15,29,49,.94);box-shadow:none}
#playerview.next-player #player-question-card .frage-anzeige{display:block;width:100%;margin:0;padding:clamp(1px,.45dvh,4px) 2px;border:0;border-radius:0;color:var(--n-text);background:transparent;box-shadow:none;font-size:clamp(.92rem,4.1vw,1.35rem);line-height:1.28;text-align:center;overflow-wrap:anywhere}
#playerview.next-player #player-question-card.is-idle{display:grid;width:min(100%,680px);max-height:none;justify-self:center;overflow:hidden;border-color:rgba(101,230,213,.16);background:linear-gradient(145deg,rgba(15,29,49,.96),rgba(9,22,38,.9))}
#playerview.next-player #player-question-card.is-idle #player-countdown{display:none}
#playerview.next-player #player-question-card.is-result{display:grid;max-height:none;overflow:hidden;border-color:rgba(87,225,146,.3);background:linear-gradient(145deg,rgba(13,43,42,.96),rgba(9,22,38,.94))}
#playerview.next-player #player-question-card.is-result #player-countdown{display:none}
#playerview.next-player .player-solution-card{display:grid;width:100%;align-content:center;justify-items:center;gap:clamp(5px,1.3dvh,10px);text-align:center}
#playerview.next-player .player-solution-kicker{color:#71e6a3;font-size:clamp(.62rem,2.5vw,.76rem);font-weight:850;letter-spacing:.09em;text-transform:uppercase}
#playerview.next-player .player-solution-question{max-width:46ch;color:var(--n-muted);font-size:clamp(.72rem,3vw,.92rem);line-height:1.25}
#playerview.next-player .player-solution-label{margin-top:2px;color:var(--n-muted);font-size:clamp(.6rem,2.4vw,.72rem);font-weight:780;text-transform:uppercase}
#playerview.next-player .player-solution-answer{max-width:100%;color:#8ff0b7;font-size:clamp(1.25rem,6.5vw,2.25rem);line-height:1.08;overflow-wrap:anywhere}
#playerview.next-player .player-solution-feedback{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:7px;max-width:100%;margin-top:3px;padding:6px 10px;border:1px solid rgba(87,225,146,.28);border-radius:999px;color:#b8f5cf;background:rgba(87,225,146,.1);font-size:clamp(.68rem,2.8vw,.84rem);font-weight:750;line-height:1.18;text-align:left}
#playerview.next-player .player-solution-feedback.is-wrong{border-color:rgba(255,107,122,.3);color:#ffc1c8;background:rgba(255,107,122,.1)}
#playerview.next-player .player-solution-feedback-mark{display:grid;width:24px;height:24px;place-items:center;border-radius:999px;color:#082118;background:#71e6a3;font-size:.88rem;font-weight:950}
#playerview.next-player .player-solution-feedback.is-wrong .player-solution-feedback-mark{color:#2b0910;background:#ff7d8b}
#playerview.next-player .player-solution-feedback-text{min-width:0;overflow-wrap:anywhere}
#playerview.next-player .next-player-ready{display:grid;width:100%;gap:clamp(7px,1.5dvh,11px);text-align:left}
#playerview.next-player .next-ready-status{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.065);color:var(--n-muted);font-size:clamp(.61rem,2.4vw,.72rem);font-weight:750}
#playerview.next-player .next-ready-online{display:flex;align-items:center;gap:6px;color:#8fe9b3}
#playerview.next-player .next-ready-online i{width:7px;height:7px;border-radius:999px;background:#57e192;box-shadow:0 0 0 4px rgba(87,225,146,.1)}
#playerview.next-player .next-ready-room{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#playerview.next-player .next-ready-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px}
#playerview.next-player .next-ready-head>span:last-child{display:grid;gap:2px}
#playerview.next-player .next-ready-head strong{color:var(--n-text);font-size:clamp(.92rem,4vw,1.15rem)}
#playerview.next-player .next-ready-head small{color:var(--n-muted);font-size:clamp(.66rem,2.7vw,.78rem);line-height:1.25}
#playerview.next-player .next-ready-pulse{width:11px;height:11px;border-radius:999px;background:var(--n-accent);box-shadow:0 0 0 5px rgba(101,230,213,.1)}
#playerview.next-player .next-ready-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#playerview.next-player .next-ready-type{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:6px;min-width:0;padding:6px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:rgba(255,255,255,.025)}
#playerview.next-player .next-ready-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;color:var(--n-accent);background:rgba(101,230,213,.09);font-size:.82rem;font-weight:900}
#playerview.next-player .next-ready-type>span:last-child{display:grid;min-width:0;gap:1px}
#playerview.next-player .next-ready-type strong{overflow:hidden;color:var(--n-text);font-size:clamp(.66rem,2.7vw,.78rem);text-overflow:ellipsis;white-space:nowrap}
#playerview.next-player .next-ready-type small{color:var(--n-muted);font-size:clamp(.57rem,2.25vw,.68rem);line-height:1.15}
#playerview.next-player .next-ready-rules{margin:0;padding-top:7px;border-top:1px solid rgba(255,255,255,.065);color:var(--n-muted);font-size:clamp(.6rem,2.4vw,.72rem);line-height:1.28;text-align:left}
#playerview.next-player #player-countdown{min-width:0;min-height:26px;padding:3px 8px;font-size:.72rem}
#playerview.next-player #player-countdown.is-idle{display:none}
#playerview.next-player #player-medienbereich{min-height:0;margin:0;overflow:hidden}
#playerview.next-player #player-medienbereich[hidden],#playerview.next-player #player-medienbereich:empty{display:none!important;pointer-events:none!important}
#playerview.next-player .player-media-thumb{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;max-height:12dvh;margin:0;padding:5px}
#playerview.next-player .player-media-thumb img,#playerview.next-player #player-medienbereich>img{max-height:10dvh;object-fit:contain}
#playerview.next-player #player-action-card{align-self:start;width:100%;min-height:0;margin:0;padding:clamp(8px,1.8dvh,14px);gap:8px;align-content:start;justify-items:stretch;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(9,22,38,.52)}
#playerview.next-player #player-action-card[hidden],#playerview.next-player #player-action-card.is-idle,#playerview.next-player #estimatearea[hidden],#playerview.next-player #clozearea[hidden],#playerview.next-player #bossarea[hidden],#playerview.next-player #buzzerbereich[hidden],#playerview.next-player #mcbereich[hidden],#playerview.next-player #buzzer-answer-area[hidden]{display:none!important;pointer-events:none!important}
#playerview.next-player #estimatearea,#playerview.next-player #clozearea,#playerview.next-player #bossarea,#playerview.next-player #buzzerbereich,#playerview.next-player #mcbereich{align-self:center;width:100%;max-width:none;margin:0}
#playerview.next-player #mcbuttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(6px,1.8vw,10px)}
#playerview.next-player .mc-btn{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:start;gap:8px;min-height:clamp(54px,11dvh,78px);padding:8px 10px;font-size:clamp(.82rem,3.5vw,1rem);line-height:1.15;border-radius:14px;text-align:left}
#playerview.next-player .mc-choice-key{display:grid;width:clamp(27px,8vw,34px);height:clamp(27px,8vw,34px);place-items:center;flex:0 0 auto;border:1px solid rgba(101,230,213,.34);border-radius:9px;color:var(--n-accent);background:rgba(101,230,213,.08);font-size:.82em;font-weight:900}
#playerview.next-player .mc-choice-text{min-width:0;overflow-wrap:anywhere}
#playerview.next-player #buzzerBtn{width:100%;min-height:clamp(104px,24dvh,170px);border-width:clamp(3px,1vw,6px);border-radius:18px;font-size:clamp(1.45rem,8vw,2.5rem)}
#playerview.next-player #buzzer-answer-area{grid-template-columns:minmax(0,1fr) auto;margin-top:8px;gap:7px;align-items:stretch}
#playerview.next-player #buzzer-answer-area #buzzerAnswerFeedback{grid-column:1/-1;text-align:center}
#playerview.next-player .estimate-input,#playerview.next-player #buzzerAnswerInput{width:100%;min-width:0;min-height:48px;max-width:none;padding:10px 12px;border-radius:12px;font-size:1rem!important;text-align:left}
#playerview.next-player #estimatearea,#playerview.next-player #clozearea{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:7px}
#playerview.next-player #estimateFeedback,#playerview.next-player #clozeFeedback{grid-column:1/-1;min-height:18px;text-align:center}
#playerview.next-player #estimateFeedback:empty,#playerview.next-player #clozeFeedback:empty,#playerview.next-player #bossFeedback:empty,#playerview.next-player #buzzerAnswerFeedback:empty{display:none}
#playerview.next-player #estimateBtn,#playerview.next-player #clozeBtn,#playerview.next-player #bossBtn,#playerview.next-player #buzzerAnswerBtn{grid-template-columns:1fr;justify-items:center;min-width:92px;min-height:48px;text-align:center}
#playerview.next-player .boss-answer-box{gap:7px;margin:0;max-width:none}
#playerview.next-player .boss-wager-label,#playerview.next-player #buzzinfo,#playerview.next-player #mcinfo,#playerview.next-player #mcfeedback{width:100%;font-size:.75rem;line-height:1.2;text-align:center}
#playerview.next-player #mcfeedback{width:100%;min-height:0;margin:0}
#playerview.next-player #mcfeedback:empty{display:none}
#playerview.next-player #mcfeedback.mcfeedback-gross{align-self:start;width:100%;margin:0;padding:8px 10px;border-radius:10px;box-shadow:none;font-size:clamp(.72rem,3vw,.88rem);font-weight:800;line-height:1.2}
#playerview.next-player #mcfeedback[hidden]{display:none!important;pointer-events:none!important}
#playerview.next-player:has(#player-question-card:not(.is-idle)) #player-personal-stats{display:none!important}
.next-powerup-rail{display:grid;align-content:start;min-width:0;height:100%;padding:3px;border:1px solid transparent;border-radius:14px;background:rgba(9,22,38,.26)}
.next-powerup-rail[hidden]{display:none}
#playerview.next-player #poweruparea{display:grid;grid-template-columns:1fr;gap:5px;width:100%;margin:0}
#playerview.next-player #poweruparea[hidden]{display:none}
#playerview.next-player .powerup-btn{position:relative;display:flex;width:100%;min-width:44px;height:clamp(44px,8.2dvh,54px);min-height:44px;padding:4px 2px;overflow:hidden;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-color:rgba(101,230,213,.2);border-radius:11px;background:rgba(24,42,68,.58);font-size:clamp(.56rem,2.2vw,.68rem);line-height:1.05;text-align:center}
#playerview.next-player .powerup-btn:disabled{opacity:.48}
#playerview.next-player .powerup-icon{color:var(--n-accent);font-size:clamp(1rem,4.4vw,1.35rem);font-weight:900;line-height:1}
#playerview.next-player .powerup-label{display:block;width:100%;overflow:hidden;font-size:clamp(.5rem,1.9vw,.62rem);font-weight:800;line-height:1.05;overflow-wrap:anywhere;white-space:normal}
#playerview.next-player .powerup-count{position:absolute;top:3px;right:3px;display:grid;min-width:17px;height:17px;padding:0 3px;place-items:center;border-radius:999px;color:#071421;background:var(--n-accent);font-size:.58rem;font-weight:900;line-height:1}
body.next-player-live{height:100dvh;padding:0;overflow:hidden}
body.next-player-live .next-topbar{display:none}
body.next-player-live .next-page{width:100%;max-width:none;height:100dvh;margin:0;padding:clamp(6px,1.8vw,12px)}
body.next-player-live #chatbox-panel{right:6px;bottom:6px;z-index:120}
/* Role-specific homes for the kids mission. The mission stays visible without
   becoming an overlay or taking space from the beamer stage. */
.next-kids-mission-slot:empty,.next-kids-mission-slot:not(:has(.kids-mission-panel:not([hidden]))){display:none}
:root[data-game-mode="kids_8_10"] #playerview.next-player:before{display:none}
:root[data-game-mode="kids_8_10"] body.next-host-ui #playerview.next-player{width:100%;max-width:none;margin:0;padding:0;gap:clamp(7px,2vw,14px);align-content:stretch;background:transparent;border-radius:0;font-size:inherit}
:root[data-game-mode="kids_8_10"] body.next-host-ui .next-kids-mission-slot>.kids-mission-panel{display:grid;width:100%;min-width:0;margin:0;padding:10px 12px;gap:8px;color:var(--n-text);background:color-mix(in srgb,var(--n-panel) 92%,#ffd166 8%);border:1px solid color-mix(in srgb,var(--n-border) 70%,#ffd166 30%);border-radius:var(--n-radius-card,15px);box-shadow:var(--n-card-shadow,0 12px 32px rgba(0,0,0,.12))}
:root[data-game-mode="kids_8_10"] body.next-host-ui .next-kids-mission-slot>.kids-mission-panel[hidden]{display:none}
:root[data-game-mode="kids_8_10"] body.next-host-ui .next-kids-mission-slot .kids-mission-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-width:0}
:root[data-game-mode="kids_8_10"] body.next-host-ui .next-kids-mission-slot .kids-mission-icon{display:grid;width:34px;height:34px;place-items:center;border:1px solid color-mix(in srgb,var(--n-border) 65%,#ffd166 35%);border-radius:10px;background:color-mix(in srgb,var(--n-soft) 88%,#ffd166 12%);font-size:1.15rem}
:root[data-game-mode="kids_8_10"] body.next-host-ui .next-kids-mission-slot .kids-mission-copy{display:grid;min-width:0;gap:2px}
:root[data-game-mode="kids_8_10"] body.next-host-ui .next-kids-mission-slot .kids-mission-title{overflow:hidden;color:var(--n-text);font-size:.88rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
:root[data-game-mode="kids_8_10"] body.next-host-ui .next-kids-mission-slot .kids-mission-description{overflow:hidden;color:var(--n-muted);font-size:.72rem;font-weight:720;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
:root[data-game-mode="kids_8_10"] body.next-host-ui .next-kids-mission-slot .kids-mission-progress{height:7px;overflow:hidden;border:0;border-radius:999px;background:var(--n-soft)}
:root[data-game-mode="kids_8_10"] body.next-host-ui .next-kids-mission-slot .kids-mission-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd166,var(--n-accent))}
:root[data-game-mode="kids_8_10"] body.next-host-ui .next-kids-mission-slot .kids-mission-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--n-muted);font-size:.7rem;font-weight:820}
:root[data-game-mode="kids_8_10"] body.next-host-ui .next-kids-mission-slot .kids-mission-done{display:none;color:#8ff0b7}
:root[data-game-mode="kids_8_10"] body.next-host-ui .next-kids-mission-slot .kids-mission-panel.is-complete .kids-mission-done{display:inline}

.next-host-mission-slot{grid-column:1/-1}
:root[data-game-mode="kids_8_10"] body.next-host-ui .next-host-mission-slot>.kids-mission-panel{grid-template-columns:minmax(210px,1.6fr) minmax(130px,.8fr) auto;align-items:center;padding:9px 13px}
:root[data-game-mode="kids_8_10"] body.next-host-ui .next-host-mission-slot .kids-mission-footer{justify-content:flex-end;min-width:54px}

.next-beamer-mission-slot{min-width:0;padding:10px 12px 0}
:root[data-game-mode="kids_8_10"] body.next-host-ui .next-beamer-mission-slot>.kids-mission-panel{padding:12px;box-shadow:none}
:root[data-game-mode="kids_8_10"] body.next-host-ui #beamerview.next-beamer .next-beamer-mission-slot .kids-mission-title,:root[data-game-mode="kids_8_10"] body.next-host-ui #beamerview.next-beamer .next-beamer-mission-slot .kids-mission-description{display:block;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;word-break:break-word}

:root[data-game-mode="kids_8_10"] body.next-host-ui #playerview.next-player .next-player-mission-slot>.kids-mission-panel{grid-template-columns:minmax(0,1fr) minmax(54px,24%) auto;align-items:center;width:100%;margin:0;padding:6px 8px;gap:7px;border:1px solid color-mix(in srgb,var(--n-border) 70%,#ffd166 30%);border-radius:12px;background:color-mix(in srgb,var(--n-panel) 92%,#ffd166 8%);box-shadow:none}
:root[data-game-mode="kids_8_10"] body.next-host-ui #playerview.next-player .next-player-mission-slot .kids-mission-head{grid-template-columns:auto minmax(0,1fr);gap:6px}
:root[data-game-mode="kids_8_10"] body.next-host-ui #playerview.next-player .next-player-mission-slot .kids-mission-icon{width:28px;height:28px;border-width:1px;border-radius:8px;font-size:.9rem}
:root[data-game-mode="kids_8_10"] body.next-host-ui #playerview.next-player .next-player-mission-slot .kids-mission-copy{gap:1px}
:root[data-game-mode="kids_8_10"] body.next-host-ui #playerview.next-player .next-player-mission-slot .kids-mission-title{font-size:.72rem}
:root[data-game-mode="kids_8_10"] body.next-host-ui #playerview.next-player .next-player-mission-slot .kids-mission-description{display:none}
:root[data-game-mode="kids_8_10"] body.next-host-ui #playerview.next-player .next-player-mission-slot .kids-mission-progress{height:7px;border-width:0}
:root[data-game-mode="kids_8_10"] body.next-host-ui #playerview.next-player .next-player-mission-slot .kids-mission-footer{justify-content:flex-end;gap:5px;font-size:.7rem;white-space:nowrap}
:root[data-game-mode="kids_8_10"] body.next-host-ui #playerview.next-player .next-player-mission-slot .kids-mission-done{padding:0;border:0;background:transparent}
:root[data-game-mode="kids_8_10"] body.next-host-ui #playerview.next-player .next-player-mission-slot .kids-mission-panel.is-complete .kids-mission-count{display:none}

body.next-host-ui #kids-reward-modal{overflow:auto;background:rgba(3,10,19,.7);backdrop-filter:blur(14px)}
body.next-host-ui .kids-reward-card{position:relative;width:min(620px,100%);padding:clamp(20px,4vw,34px);overflow:hidden;border:1px solid color-mix(in srgb,var(--n-border) 65%,#ffd166 35%);border-radius:var(--n-radius-stage,20px);color:var(--n-text);background:linear-gradient(155deg,color-mix(in srgb,var(--n-panel) 92%,#ffd166 8%),var(--n-panel));box-shadow:var(--n-stage-shadow,0 24px 70px rgba(0,0,0,.4))}
body.next-host-ui .kids-reward-card:before{position:absolute;top:0;right:0;left:0;height:1px;background:linear-gradient(90deg,transparent,#ffd166,transparent);content:""}
body.next-host-ui .kids-reward-card h2{color:var(--n-text);font-size:clamp(1.7rem,5vw,3rem)}
body.next-host-ui .kids-reward-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;border:1px solid var(--n-border);color:var(--n-text);background:var(--n-soft);font-size:1.1rem}
body.next-host-ui .kids-reward-close .next-ui-icon-svg{width:20px;height:20px}
body.next-host-ui .kids-reward-subtitle{color:var(--n-muted)}
body.next-host-ui .kids-reward-item{border:1px solid var(--n-border);color:var(--n-text);background:var(--n-soft);box-shadow:none}

@media(max-width:760px){:root[data-game-mode="kids_8_10"] body.next-host-ui .next-host-mission-slot>.kids-mission-panel{grid-template-columns:minmax(0,1fr) minmax(70px,.45fr) auto}.next-beamer-mission-slot{padding:6px 10px 0}:root[data-game-mode="kids_8_10"] body.next-host-ui .next-beamer-mission-slot>.kids-mission-panel{grid-template-columns:minmax(0,1fr) minmax(80px,.45fr) auto;align-items:center;padding:7px 9px}}
@media(max-width:420px){:root[data-game-mode="kids_8_10"] body.next-host-ui .next-host-mission-slot>.kids-mission-panel{grid-template-columns:minmax(0,1fr) 70px auto;padding:7px 8px}:root[data-game-mode="kids_8_10"] body.next-host-ui .next-host-mission-slot .kids-mission-description{display:none}:root[data-game-mode="kids_8_10"] body.next-host-ui .next-host-mission-slot .kids-mission-icon{width:30px;height:30px}body.next-host-ui .kids-reward-card{padding:16px}body.next-host-ui .kids-reward-card h2{margin-bottom:4px}.kids-reward-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}body.next-host-ui .kids-reward-item{gap:3px;padding:7px}body.next-host-ui .kids-reward-icon{font-size:1.5rem}body.next-host-ui .kids-reward-label{font-size:.76rem}body.next-host-ui .kids-chest{width:160px;height:120px;margin-block:10px 7px}body.next-host-ui .kids-chest-lid{height:48px}body.next-host-ui .kids-chest-base{height:78px}}

@media(orientation:portrait) and (min-height:651px){
    #playerview.next-player .next-player-task:has(#player-action-card:not([hidden]):not(.is-idle)){grid-template-rows:auto auto minmax(0,1fr);align-content:stretch}
    #playerview.next-player .next-player-task:has(#player-action-card:not([hidden]):not(.is-idle)):has(#player-medienbereich[hidden]){grid-template-rows:auto minmax(0,1fr)}
    #playerview.next-player .next-player-task:has(#player-action-card:not([hidden]):not(.is-idle)) #player-question-card{grid-row:1}
    #playerview.next-player .next-player-task:has(#player-action-card:not([hidden]):not(.is-idle)) #player-medienbereich{grid-row:2}
    #playerview.next-player .next-player-task:has(#player-action-card:not([hidden]):not(.is-idle)) #player-action-card{grid-row:3;align-self:stretch;height:100%;align-content:center;padding:clamp(11px,1.7dvh,16px)}
    #playerview.next-player .next-player-task:has(#player-action-card:not([hidden]):not(.is-idle)):has(#player-medienbereich[hidden]) #player-action-card{grid-row:2}
    #playerview.next-player #player-action-card[data-active-answer="mcbereich"]{grid-template-rows:minmax(0,1fr) auto;align-content:stretch}
    #playerview.next-player #player-action-card[data-active-answer="mcbereich"] #mcbereich{display:grid;height:48dvh;max-height:100%;min-height:0;grid-template-rows:minmax(0,1fr) auto;align-self:center}
    #playerview.next-player #player-action-card[data-active-answer="mcbereich"] #mcbuttons{height:100%;min-height:0;grid-template-rows:repeat(2,minmax(72px,1fr))}
    #playerview.next-player #player-action-card[data-active-answer="mcbereich"] .mc-btn{position:relative;height:100%;min-height:72px;padding:clamp(16px,2.2dvh,22px) clamp(12px,3.5vw,22px);grid-template-columns:minmax(0,1fr);grid-template-rows:auto;align-content:center;justify-items:center;font-size:clamp(1.125rem,4.4vw,1.25rem);line-height:1.22;text-align:center}
    #playerview.next-player #player-action-card[data-active-answer="mcbereich"] .mc-choice-key{position:absolute;top:clamp(8px,1.5dvh,13px);left:clamp(8px,2.5vw,13px);width:clamp(34px,9.5vw,44px);height:clamp(34px,9.5vw,44px);font-size:.82rem}
    #playerview.next-player #player-action-card[data-active-answer="mcbereich"] .mc-choice-text{display:block;width:100%;min-width:0;font-weight:780;line-height:1.22;overflow-wrap:anywhere;text-align:center;text-wrap:balance}
    #playerview.next-player #player-action-card[data-active-answer="estimatearea"] #estimatearea,
    #playerview.next-player #player-action-card[data-active-answer="clozearea"] #clozearea{grid-template-columns:minmax(0,1fr);align-self:center;width:min(100%,560px);gap:clamp(12px,1.8dvh,18px)}
    #playerview.next-player #player-action-card[data-active-answer="estimatearea"] #estimateFeedback,
    #playerview.next-player #player-action-card[data-active-answer="clozearea"] #clozeFeedback{grid-column:1}
    #playerview.next-player #player-action-card[data-active-answer="bossarea"] #bossarea{display:grid;align-self:center;width:min(100%,560px)}
    #playerview.next-player #player-action-card[data-active-answer="bossarea"] .boss-answer-box{width:100%;margin:0;padding:clamp(14px,2dvh,20px);gap:clamp(12px,1.8dvh,18px);border:1px solid var(--n-border);border-radius:14px;background:var(--n-surface-answer)}
    #playerview.next-player #player-action-card[data-active-answer="bossarea"] .boss-wager-label{font-size:clamp(1rem,4.3vw,1.25rem);line-height:1.3}
    #playerview.next-player #player-action-card[data-active-answer="bossarea"] #bossWager{min-height:48px!important}
    #playerview.next-player #player-action-card[data-active-answer="buzzerbereich"] #buzzerbereich{display:grid;align-self:center;width:100%;gap:clamp(10px,1.6dvh,16px)}
    #playerview.next-player #player-action-card[data-active-answer="buzzerbereich"] #buzzerBtn{min-height:clamp(180px,34dvh,320px)!important;font-size:clamp(2rem,10vw,3.35rem);letter-spacing:.015em}
    #playerview.next-player #player-action-card[data-active-answer="buzzerbereich"] #buzzerbereich:has(#buzzer-answer-area:not([hidden])) #buzzerBtn{min-height:clamp(96px,15dvh,140px)!important;font-size:clamp(1.45rem,7vw,2.2rem)}
    #playerview.next-player #player-action-card[data-active-answer="buzzerbereich"] #buzzer-answer-area{width:min(100%,560px);margin:0 auto;grid-template-columns:minmax(0,1fr);gap:10px}
    #playerview.next-player #player-action-card[data-active-answer="buzzerbereich"] #buzzerAnswerFeedback{grid-row:1}
    #playerview.next-player #player-action-card[data-active-answer="buzzerbereich"] #buzzerAnswerInput{grid-row:2}
    #playerview.next-player #player-action-card[data-active-answer="buzzerbereich"] #buzzerAnswerBtn{grid-row:3}
    #playerview.next-player #estimateBtn,#playerview.next-player #clozeBtn,#playerview.next-player #bossBtn,#playerview.next-player #buzzerAnswerBtn{width:100%;max-width:none;min-height:clamp(60px,8dvh,76px)!important;padding:12px 16px;font-size:clamp(1.02rem,4.4vw,1.25rem);font-weight:820}
    #playerview.next-player .estimate-input,#playerview.next-player #clozeInput,#playerview.next-player #bossInput,#playerview.next-player #buzzerAnswerInput{width:100%;max-width:none;min-height:clamp(58px,7.5dvh,70px)!important;padding:12px 15px;font-size:clamp(1.05rem,4.5vw,1.3rem)!important;text-align:center}
    #playerview.next-player #estimateFeedback:not(:empty),#playerview.next-player #clozeFeedback:not(:empty),#playerview.next-player #bossFeedback:not(:empty),#playerview.next-player #buzzerAnswerFeedback:not(:empty){min-height:36px;padding:7px 12px;font-size:clamp(.92rem,3.8vw,1.08rem);font-weight:800;line-height:1.25}
}

@media(max-width:380px),(max-height:650px){#playerview.next-player.has-powerups{grid-template-columns:58px minmax(0,1fr);gap:6px}.next-player-content,.next-player-task{gap:5px}#playerview.next-player #player-score{padding:4px}#playerview.next-player #player-score .score-main,#playerview.next-player #player-score .score-up,#playerview.next-player #player-score .score-down,#playerview.next-player #player-score .score-team,#playerview.next-player #player-score .score-note{min-height:37px;padding:3px 4px}#playerview.next-player #player-question-card{max-height:24dvh;padding:7px}#playerview.next-player .mc-btn{min-height:52px;padding:6px}#playerview.next-player #buzzerBtn{min-height:96px}#playerview.next-player .powerup-btn{height:44px}.next-powerup-rail{padding:2px}}
@media(max-height:520px) and (orientation:landscape){#playerview.next-player.has-powerups{grid-template-columns:58px minmax(0,1fr)}.next-player-content{grid-template-rows:auto auto minmax(0,1fr) auto auto}.next-player-task{grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);grid-template-rows:minmax(0,1fr);align-items:start}.next-player-task #player-question-card{grid-column:1;grid-row:1;max-height:100%}.next-player-task #player-question-card.is-idle{grid-column:1/-1}.next-player-task #player-medienbereich{display:none!important}.next-player-task #player-action-card{grid-column:2;grid-row:1}.next-player-content #player-personal-stats{display:none!important}#playerview.next-player .powerup-btn{height:44px}#playerview.next-player .powerup-label{display:none}#playerview.next-player .next-player-ready{grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);align-items:center}#playerview.next-player .next-ready-types{grid-template-columns:repeat(4,minmax(0,1fr))}#playerview.next-player .next-ready-rules{grid-column:1/-1}}

/* Complete light/dark theming for Next. Dark remains the visual default until
   buzzbattle.theme.js applies the stored or system preference in the head. */
:root[data-theme="light"]{--n-bg:#f2f6fb;--n-panel:rgba(255,255,255,.95);--n-soft:rgba(226,235,246,.88);--n-border:rgba(53,75,108,.2);--n-text:#17253a;--n-muted:#5d6d83;--n-accent:#18a999;--n-danger:#c73546;color-scheme:light}

.next-live-theme-toggle{display:none;position:fixed;z-index:140;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));width:42px;height:42px;min-height:42px;padding:0;border-radius:13px;box-shadow:0 10px 28px rgba(0,0,0,.2);backdrop-filter:blur(14px)}
body.next-player-live .next-live-theme-toggle,body.next-beamer-live .next-live-theme-toggle{display:grid}
body.next-player-live #playerview.next-player #player-score{width:calc(100% - 50px)}
body.next-beamer-live #beamer-statusbar{padding-right:58px}
.next-live-theme-toggle:focus-visible,.next-icon-button:focus-visible{outline:3px solid color-mix(in srgb,var(--n-accent) 48%,transparent);outline-offset:2px}

:root[data-theme="light"] body.next-host-ui{background:radial-gradient(circle at 5% 0,rgba(24,169,153,.1),transparent 28rem),radial-gradient(circle at 95% 8%,rgba(71,103,190,.1),transparent 32rem),var(--n-bg)}
:root[data-theme="light"] .next-topbar{background:rgba(248,251,255,.9);box-shadow:0 1px 0 rgba(255,255,255,.72)}
:root[data-theme="light"] .next-icon-button{color:var(--n-text);background:rgba(255,255,255,.86)}
:root[data-theme="light"] .next-status{background:rgba(255,255,255,.7)}
:root[data-theme="light"] .next-login-card input,:root[data-theme="light"] .next-login-card select,:root[data-theme="light"] .next-team-field select{color:var(--n-text);background:#f8fbff}
:root[data-theme="light"] .next-login-badge{border-color:rgba(24,169,153,.26);color:#096b61;background:rgba(24,169,153,.09)}
:root[data-theme="light"] .next-login-preview{border-color:var(--n-border);background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(226,237,248,.94));box-shadow:0 30px 70px rgba(49,68,96,.16)}
:root[data-theme="light"] .next-preview-score,:root[data-theme="light"] .next-preview-question{background:rgba(255,255,255,.7)}
:root[data-theme="light"] .next-preview-score span{color:#13724c}
:root[data-theme="light"] #loginForm.next-login-card{border-color:var(--n-border);background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(238,244,251,.98));box-shadow:0 30px 75px rgba(47,67,95,.18),inset 0 1px rgba(255,255,255,.9)}
:root[data-theme="light"] .next-field>span:first-child{color:#43546c}
:root[data-theme="light"] .next-input-wrap,:root[data-theme="light"] .next-role-switch{background:rgba(238,244,251,.82)}
:root[data-theme="light"] .next-input-wrap:focus-within{border-color:rgba(24,169,153,.7);background:#fff;box-shadow:0 0 0 4px rgba(24,169,153,.12)}
:root[data-theme="light"] .next-input-wrap>i{color:#71839b}
:root[data-theme="light"] .next-login-card .next-input-wrap input::placeholder{color:#7d8ba0}
:root[data-theme="light"] .next-login-card .quiz-info-card{background:rgba(238,244,251,.72)}
:root[data-theme="light"] .next-login-trust{color:#65768d}
:root[data-theme="light"] .next-danger{border-color:rgba(217,66,82,.26);color:#9c2532;background:rgba(217,66,82,.1)}
:root[data-theme="light"] .next-tabs{background:rgba(248,251,255,.95);box-shadow:0 10px 30px rgba(48,68,96,.08)}
:root[data-theme="light"] .next-tab.is-active,:root[data-theme="light"] .next-state.is-active,:root[data-theme="light"] .next-role-switch button.is-active{color:#062f2a}
:root[data-theme="light"] .next-short-dashboard{box-shadow:0 14px 36px rgba(49,68,96,.1)}
:root[data-theme="light"] .next-short-dashboard>div{background:rgba(255,255,255,.96)}
:root[data-theme="light"] .next-login-card,:root[data-theme="light"] .next-panel,:root[data-theme="light"] .next-settings{box-shadow:0 20px 55px rgba(49,68,96,.11)}
:root[data-theme="light"] .next-question .frage-anzeige{border-color:rgba(24,169,153,.25);color:var(--n-text);background:rgba(24,169,153,.09)}
:root[data-theme="light"] .next-solution{color:#185a3b;background:rgba(41,178,108,.11)}
:root[data-theme="light"] .next-control-dock:not(:empty){background:rgba(248,251,255,.96);box-shadow:0 14px 42px rgba(49,68,96,.22)}
:root[data-theme="light"] #beamerview.next-beamer #beamer-stage{background:radial-gradient(circle at 50% 35%,rgba(24,169,153,.08),transparent 46%),rgba(228,237,247,.74)}
:root[data-theme="light"] #beamerview.next-beamer #beamer-playerlist-panel{background:linear-gradient(165deg,rgba(255,255,255,.98),rgba(236,243,250,.98));box-shadow:0 20px 55px rgba(49,68,96,.14)}
:root[data-theme="light"] #beamerview.next-beamer .next-beamer-notification-layer>.streak-record,:root[data-theme="light"] #beamerview.next-beamer .next-beamer-notification-layer>.fastest-badge,:root[data-theme="light"] #beamerview.next-beamer .next-beamer-notification-layer>#beamer-message-toast{color:var(--n-text);background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(236,243,250,.98));box-shadow:0 20px 55px rgba(49,68,96,.18)}
:root[data-theme="light"] #beamerview.next-beamer .streak-record.is-achievement{border-color:rgba(181,126,12,.32);color:var(--n-text);background:linear-gradient(145deg,rgba(255,252,242,.99),rgba(244,238,219,.99));box-shadow:0 24px 60px rgba(80,65,32,.22),0 0 38px rgba(181,126,12,.08)}
:root[data-theme="light"] #beamerview.next-beamer .streak-record.is-achievement .streak-record-name{color:var(--n-text)}
:root[data-theme="light"] #beamerview.next-beamer .achievement-unlocked-player{color:#08796e}
:root[data-theme="light"] #beamerview.next-beamer .streak-record.is-achievement .streak-record-bonus{border-color:rgba(53,75,108,.14);color:var(--n-muted);background:rgba(255,255,255,.62)}
:root[data-theme="light"] #playerview.next-player #player-score{background:rgba(255,255,255,.94)}
:root[data-theme="light"] #playerview.next-player #player-score .score-main,:root[data-theme="light"] #playerview.next-player #player-score .score-up,:root[data-theme="light"] #playerview.next-player #player-score .score-down,:root[data-theme="light"] #playerview.next-player #player-score .score-team,:root[data-theme="light"] #playerview.next-player #player-score .score-note{background:rgba(225,235,246,.72)}
:root[data-theme="light"] #playerview.next-player #player-question-card{border-color:rgba(24,169,153,.25);background:rgba(255,255,255,.95)}
:root[data-theme="light"] #playerview.next-player #player-question-card.is-idle{border-color:var(--n-border);background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(235,243,250,.94))}
:root[data-theme="light"] #playerview.next-player #player-question-card.is-result{border-color:rgba(41,178,108,.3);background:linear-gradient(145deg,rgba(232,249,240,.98),rgba(244,249,252,.96))}
:root[data-theme="light"] #playerview.next-player .player-solution-kicker{color:#147245}
:root[data-theme="light"] #playerview.next-player .player-solution-answer{color:#116d40}
:root[data-theme="light"] #playerview.next-player .player-solution-feedback{border-color:rgba(41,178,108,.28);color:#12663d;background:rgba(41,178,108,.1)}
:root[data-theme="light"] #playerview.next-player .player-solution-feedback.is-wrong{border-color:rgba(217,66,82,.25);color:#982d39;background:rgba(217,66,82,.08)}
:root[data-theme="light"] #playerview.next-player .next-ready-status{border-color:rgba(53,75,108,.12)}
:root[data-theme="light"] #playerview.next-player .next-ready-online{color:#147245}
:root[data-theme="light"] #playerview.next-player .next-ready-pulse{box-shadow:0 0 0 5px rgba(24,169,153,.12)}
:root[data-theme="light"] #playerview.next-player .next-ready-type{border-color:rgba(53,75,108,.12);background:rgba(225,235,246,.58)}
:root[data-theme="light"] #playerview.next-player .next-ready-icon{color:#08796e;background:rgba(24,169,153,.12)}
:root[data-theme="light"] #playerview.next-player .next-ready-rules{border-color:rgba(53,75,108,.12)}
:root[data-theme="light"] #playerview.next-player #player-action-card{border-color:var(--n-border);background:rgba(232,239,247,.66)}
:root[data-theme="light"] .next-powerup-rail{background:rgba(226,235,246,.34)}
:root[data-theme="light"] #playerview.next-player .powerup-btn{border-color:rgba(24,169,153,.22);color:var(--n-text);background:rgba(255,255,255,.72)}
:root[data-theme="light"] #playerview.next-player .powerup-icon{color:#08796e}
:root[data-theme="light"] #playerview.next-player .powerup-count{color:#fff;background:#08796e}

/* Host administration: player and settings tabs share the same Next cards. */
.next-players-head{align-items:flex-end}
.next-players-head p,.next-settings-head p{max-width:620px;margin:6px 0 0;color:var(--n-muted);font-size:.82rem;line-height:1.45}
.next-player-summary{display:flex;flex:0 0 auto;gap:8px}
.next-player-summary>span{display:grid;min-width:86px;padding:9px 12px;border:1px solid var(--n-border);border-radius:13px;background:var(--n-soft);text-align:center}
.next-player-summary strong{color:var(--n-accent);font-size:1.15rem;line-height:1.1}
.next-player-summary small{margin-top:2px;color:var(--n-muted);font-size:.66rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.next-player-list-shell{min-width:0}
.next-host-ui .next-player-admin-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.next-player-admin-card{position:relative;display:grid;min-width:0;min-height:188px;margin:0;padding:16px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity score" "team team" "streak adjust";align-items:center;gap:13px 16px;overflow:hidden;border:1px solid var(--n-border);border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--n-panel) 92%,var(--n-accent) 8%),var(--n-panel));box-shadow:0 13px 32px rgba(0,0,0,.12)}
.next-player-admin-card:before{position:absolute;top:0;right:0;left:0;height:2px;background:linear-gradient(90deg,var(--n-accent),transparent 72%);content:"";opacity:.72}
.next-player-admin-identity{grid-area:identity;display:flex;align-items:center;min-width:0;gap:11px}
.next-player-admin-avatar{flex:0 0 auto;width:46px;height:46px;border:2px solid color-mix(in srgb,var(--n-accent) 52%,transparent);border-radius:14px;object-fit:cover;box-shadow:0 7px 18px rgba(0,0,0,.2)}
.next-player-admin-identity>div{display:grid;min-width:0;gap:2px}
.next-player-admin-identity b{overflow:hidden;color:var(--n-text);font-size:1rem;text-overflow:ellipsis;white-space:nowrap}
.next-player-admin-identity small{overflow:hidden;color:var(--n-muted);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}
.next-player-admin-score{grid-area:score;display:grid;justify-items:end;gap:1px}
.next-player-admin-score small{color:var(--n-muted);font-size:.62rem;font-weight:800;text-transform:uppercase}
.next-player-admin-score strong{color:var(--n-accent);font-size:1.35rem;line-height:1}
.next-player-admin-team{grid-area:team;display:grid;min-width:0;gap:5px;color:var(--n-muted);font-size:.68rem;font-weight:800}
.next-player-admin-team .team-select-small{width:100%;max-width:none;min-height:44px;margin:0;padding:9px 34px 9px 11px;border:1px solid var(--n-border);border-radius:11px;color:var(--n-text);background:color-mix(in srgb,var(--n-bg) 72%,transparent)}
.next-player-admin-adjust{grid-area:adjust;display:flex;justify-content:flex-end;gap:6px}
.next-player-admin-adjust button{width:auto;min-width:64px;min-height:40px;margin:0;padding:7px 9px;border:1px solid var(--n-border);border-radius:10px;color:var(--n-text);background:var(--n-soft);font-size:.72rem;font-weight:850}
.next-player-admin-adjust button:last-child{border-color:color-mix(in srgb,var(--n-accent) 34%,var(--n-border));color:var(--n-accent);background:color-mix(in srgb,var(--n-accent) 9%,transparent)}
.next-player-admin-adjust button:focus-visible,.next-player-admin-team select:focus-visible{outline:3px solid color-mix(in srgb,var(--n-accent) 35%,transparent);outline-offset:2px}
.next-player-admin-streak{grid-area:streak;display:flex;min-width:0;gap:6px}
.next-player-admin-streak span{padding:5px 7px;border:1px solid var(--n-border);border-radius:999px;color:var(--n-muted);background:var(--n-soft);font-size:.64rem;font-weight:800;white-space:nowrap}
.next-player-admin-empty{grid-column:1/-1;display:grid;justify-items:center;gap:6px;padding:52px 20px;color:var(--n-muted);text-align:center}
.next-player-admin-empty>span{display:grid;width:48px;height:48px;place-items:center;border:1px solid var(--n-border);border-radius:15px;color:var(--n-accent);background:var(--n-soft);font-size:1.1rem;font-weight:900}
.next-player-admin-empty strong{color:var(--n-text)}
.next-player-admin-empty small{font-size:.76rem}
.next-legacy-point-buttons:empty{display:none}

.next-settings.autohost-panel{border-radius:22px;background:var(--n-panel);box-shadow:0 24px 70px rgba(0,0,0,.22)}
.next-settings .next-settings-head{position:relative;display:flex;padding:24px 26px;overflow:hidden;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(115deg,color-mix(in srgb,var(--n-accent) 10%,transparent),transparent 58%)}
.next-settings .next-settings-head:after{position:absolute;right:-45px;bottom:-75px;width:190px;height:190px;border:1px solid color-mix(in srgb,var(--n-accent) 12%,transparent);border-radius:50%;content:"";pointer-events:none}
.next-settings-head>div{position:relative;z-index:1}
.next-settings-head #next-settings-title{color:var(--n-text);font-size:clamp(1.35rem,2vw,1.75rem)}
.next-settings .host-settings-grid{display:grid;padding:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:color-mix(in srgb,var(--n-bg) 44%,transparent)}
.next-settings .host-settings-section.next-setting-card,.next-settings .host-settings-section.next-setting-card:nth-child(2n),.next-settings .host-settings-section.next-setting-card:nth-child(3n){position:relative;display:flex;min-width:0;min-height:270px;padding:18px;overflow:hidden;flex-direction:column;gap:12px;border:1px solid var(--n-border);border-radius:16px;background:linear-gradient(150deg,color-mix(in srgb,var(--n-panel) 94%,var(--n-accent) 6%),var(--n-panel));box-shadow:0 11px 28px rgba(0,0,0,.1)}
.next-settings .next-setting-card:before{position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--n-accent);content:"";opacity:.7}
.next-settings .next-setting-card-teams{grid-column:span 2}
.next-settings .host-settings-section-head{display:grid;margin:0 0 2px;padding:0 0 12px;gap:3px;border-bottom:1px solid var(--n-border)}
.next-settings .host-settings-section-head h3{margin:0;color:var(--n-text);font-size:1rem;letter-spacing:-.01em}
.next-settings .host-settings-section-head span{color:var(--n-muted);font-size:.69rem;line-height:1.35}
.next-settings .autohost-input{display:grid;min-width:0;margin:0;gap:6px}
.next-settings .autohost-input label{color:var(--n-muted);font-size:.7rem;font-weight:800;line-height:1.3}
.next-settings .autohost-input input:not([type="checkbox"]):not([type="color"]),.next-settings .autohost-input select{width:100%;min-width:0;min-height:44px;padding:9px 11px;border:1px solid var(--n-border);border-radius:11px;color:var(--n-text);background:color-mix(in srgb,var(--n-bg) 74%,transparent);box-shadow:none}
.next-settings .autohost-input input:focus-visible,.next-settings .autohost-input select:focus-visible{outline:3px solid color-mix(in srgb,var(--n-accent) 32%,transparent);outline-offset:1px;border-color:var(--n-accent)}
.next-settings .host-settings-pair{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.next-settings .autohost-actions{display:grid;margin:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.next-settings .quiz-btn{width:100%;min-width:0;min-height:44px;margin:0;padding:9px 11px;border:1px solid color-mix(in srgb,var(--n-accent) 30%,var(--n-border));border-radius:11px;color:#06231f;background:var(--n-accent);font-size:.75rem;font-weight:850;box-shadow:none}
.next-settings .autohost-apply{margin-top:auto}
.next-settings .autohost-stop{border-color:color-mix(in srgb,var(--n-danger) 72%,var(--n-border));color:#fff;background:#ad2639!important}
.next-settings .autohost-stop:hover:not(:disabled){background:#8f1d2f!important}
.next-settings .autohost-toggle{display:flex;min-height:44px;padding:8px 10px;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--n-border);border-radius:11px;background:var(--n-soft)}
.next-settings .autohost-toggle label{flex:1;color:var(--n-text)}
.next-settings .autohost-toggle input[type="checkbox"]{width:42px;height:23px;min-height:23px;margin:0;accent-color:var(--n-accent);cursor:pointer}
.next-settings input[type="color"]{width:100%;height:44px;min-height:44px;padding:4px;border:1px solid var(--n-border);border-radius:11px;background:var(--n-soft);cursor:pointer}
.next-settings .autohost-status{position:relative;z-index:1;flex:0 0 auto;margin:0;padding:8px 11px;border:1px solid var(--n-border);border-radius:999px;font-size:.7rem;font-weight:850;white-space:nowrap}
.next-settings .host-team-list{display:grid;gap:7px;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.next-settings .next-team-admin-row{display:grid;min-width:0;margin:0;padding:8px;grid-template-columns:auto minmax(80px,1fr) auto auto;align-items:center;gap:8px;border:1px solid var(--n-border);border-radius:11px;background:var(--n-soft)}
.next-settings .next-team-admin-row strong{overflow:hidden;color:var(--n-text);font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}
.next-settings .next-team-admin-row span,.next-settings .next-team-admin-row small{color:var(--n-muted);font-size:.66rem}
.next-settings .next-team-delete{width:auto;min-height:36px;padding:6px 8px;border-color:color-mix(in srgb,var(--n-danger) 32%,var(--n-border));color:var(--n-danger);background:transparent;font-size:.65rem}
.next-settings .next-team-empty{display:block;padding:12px;border:1px dashed var(--n-border);border-radius:11px;color:var(--n-muted);font-size:.7rem;text-align:center}

@media(max-width:1100px){.next-host-ui .next-player-admin-list{grid-template-columns:1fr}.next-settings .host-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.next-players-head{align-items:flex-start;flex-direction:column}.next-player-summary{width:100%}.next-player-summary>span{flex:1}.next-settings .next-settings-head{padding:19px 16px;align-items:flex-start}.next-settings .host-settings-grid{padding:10px;grid-template-columns:1fr;gap:9px}.next-settings .next-setting-card-teams{grid-column:auto}.next-settings .host-settings-section.next-setting-card,.next-settings .host-settings-section.next-setting-card:nth-child(2n),.next-settings .host-settings-section.next-setting-card:nth-child(3n){min-height:0;padding:16px}.next-settings .next-team-admin-row{grid-template-columns:auto minmax(0,1fr) auto}.next-settings .next-team-admin-row small{grid-column:2}.next-settings .next-team-delete{grid-column:3;grid-row:1/3}}
@media(max-width:420px){.next-player-admin-card{padding:13px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity score" "team team" "adjust adjust" "streak streak";gap:10px}.next-player-admin-avatar{width:42px;height:42px}.next-player-admin-adjust{justify-content:stretch}.next-player-admin-adjust button{flex:1}.next-player-admin-streak{justify-content:center}.next-settings-head p{display:none}.next-settings .host-settings-pair{grid-template-columns:1fr 1fr}.next-settings .autohost-actions{grid-template-columns:1fr 1fr}}

/* Shared game-component family. Legacy renderers keep their stable DOM while
   every Next role receives the same semantic surfaces and proportions. */
body.next-host-ui{
    --n-radius-control:12px;
    --n-radius-card:16px;
    --n-radius-stage:20px;
    --n-surface-question:color-mix(in srgb,var(--n-panel) 90%,var(--n-accent) 10%);
    --n-surface-answer:color-mix(in srgb,var(--n-soft) 90%,var(--n-panel) 10%);
    --n-surface-result:var(--n-panel);
    --n-surface-moderator:color-mix(in srgb,var(--n-panel) 92%,#ffd166 8%);
    --n-surface-status:color-mix(in srgb,var(--n-soft) 86%,transparent);
    --n-line-question:color-mix(in srgb,var(--n-accent) 34%,var(--n-border));
    --n-line-moderator:color-mix(in srgb,#ffd166 36%,var(--n-border));
    --n-card-shadow:0 14px 36px rgba(0,0,0,.16);
    --n-stage-shadow:0 22px 55px rgba(0,0,0,.22);
    --n-danger-action-text:#25070b;
    --surface:var(--n-surface-result);
    --surface-soft:var(--n-surface-answer);
    --surface-strong:var(--n-soft);
    --surface-alpha:var(--n-panel);
    --ink:var(--n-text);
    --muted:var(--n-muted);
    --line:var(--n-border);
    --radius-sm:var(--n-radius-control);
    --radius-md:var(--n-radius-card);
    --radius-lg:var(--n-radius-stage);
    --shadow-sm:var(--n-card-shadow);
    --shadow-md:var(--n-card-shadow);
    --shadow-lg:var(--n-stage-shadow);
    --board-shell:var(--n-bg);
    --board-head:var(--n-panel);
    --board-head-ink:var(--n-text);
    --board-cell:var(--n-surface-answer);
    --board-cell-border:var(--n-border);
    --board-selected:color-mix(in srgb,var(--n-surface-answer) 86%,var(--n-accent) 14%);
    --board-selected-border:var(--n-line-question);
    --board-button-ink:var(--n-text)
}
:root[data-theme="light"] body.next-host-ui{--n-card-shadow:0 14px 36px rgba(49,68,96,.11);--n-stage-shadow:0 22px 55px rgba(49,68,96,.15);--n-danger-action-text:#fff}

:root body.next-host-ui .next-question .frage-anzeige,
:root body.next-host-ui #beamerview.next-beamer #beamer-frage .frage-anzeige{
    border:1px solid var(--n-line-question);
    border-radius:var(--n-radius-card);
    color:var(--n-text);
    background:var(--n-surface-question);
    box-shadow:var(--n-card-shadow)
}
:root body.next-host-ui .next-question .frage-anzeige{margin:0 auto}
:root body.next-host-ui #playerview.next-player #player-question-card{
    border:1px solid var(--n-line-question);
    border-radius:var(--n-radius-card);
    color:var(--n-text);
    background:var(--n-surface-question);
    box-shadow:var(--n-card-shadow)
}
:root body.next-host-ui .next-question .moderator-panel{
    margin-top:12px;
    padding:13px 14px;
    border:1px solid var(--n-line-moderator);
    border-radius:var(--n-radius-control);
    color:var(--n-text);
    background:var(--n-surface-moderator);
    box-shadow:none
}
.next-question .moderator-panel-head span{color:#ffd166}
.next-question .moderator-panel-head strong,.next-question .moderator-notes{color:var(--n-muted)}
:root body.next-host-ui .next-solution{
    padding:14px 16px;
    border:1px solid color-mix(in srgb,#35d07f 34%,var(--n-border));
    border-left:4px solid #35d07f;
    border-radius:var(--n-radius-control);
    color:color-mix(in srgb,#7ce6aa 74%,var(--n-text));
    background:color-mix(in srgb,var(--n-panel) 88%,#35d07f 12%);
    box-shadow:none
}
.next-tab-panel.is-resolved .next-solution{border-color:var(--n-line-moderator);border-left-color:#ffd166;background:var(--n-surface-moderator)}

:root body.next-host-ui #playerview.next-player #player-action-card,
:root body.next-host-ui #playerview.next-player .mc-btn,
:root body.next-host-ui #beamerview.next-beamer .mc-beamer-grid .mcopt{
    border-color:var(--n-border);
    border-radius:var(--n-radius-card);
    color:var(--n-text);
    background:var(--n-surface-answer);
    box-shadow:none
}
:root body.next-host-ui #playerview.next-player .mc-btn{border-radius:var(--n-radius-control)}
#playerview.next-player .mc-btn:hover:not(:disabled){border-color:var(--n-line-question);background:color-mix(in srgb,var(--n-surface-answer) 88%,var(--n-accent) 12%);box-shadow:0 10px 24px color-mix(in srgb,var(--n-accent) 12%,transparent)}
#playerview.next-player .estimate-input,
#playerview.next-player #clozeInput,
#playerview.next-player #bossInput,
#playerview.next-player #bossWager,
#playerview.next-player #buzzerAnswerInput{
    border:1px solid var(--n-border);
    border-radius:var(--n-radius-control);
    color:var(--n-text);
    background:var(--n-surface-answer);
    box-shadow:none
}
#playerview.next-player .estimate-input:focus,
#playerview.next-player #clozeInput:focus,
#playerview.next-player #bossInput:focus,
#playerview.next-player #bossWager:focus,
#playerview.next-player #buzzerAnswerInput:focus{border-color:var(--n-accent);outline:3px solid color-mix(in srgb,var(--n-accent) 24%,transparent)}

.next-control-dock .quiz-btn{
    border:1px solid var(--n-border);
    border-radius:var(--n-radius-control);
    color:var(--n-text);
    background:var(--n-surface-answer);
    box-shadow:none
}
.next-control-dock .quiz-btn:hover:not(:disabled){border-color:var(--n-line-question);color:var(--n-text);background:color-mix(in srgb,var(--n-surface-answer) 86%,var(--n-accent) 14%)}
.next-control-dock #host-show-answer-btn{border-color:var(--n-line-question);color:#06231f;background:var(--n-accent)}
.next-control-dock #host-richtig-btn{border-color:color-mix(in srgb,#35d07f 66%,var(--n-border));color:#061d13;background:#35d07f}
.next-control-dock #host-falsch-btn{border-color:color-mix(in srgb,var(--n-danger) 66%,var(--n-border));color:var(--n-danger-action-text);background:var(--n-danger)}

#beamerview.next-beamer .beamer-result-question-context,
#beamerview.next-beamer .beamer-result-card{
    border-color:var(--n-border);
    color:var(--n-text);
    background:var(--n-surface-result)
}
#beamerview.next-beamer .beamer-result-question-context{border-radius:var(--n-radius-card);box-shadow:var(--n-card-shadow)}
#beamerview.next-beamer .beamer-result-card{border-radius:var(--n-radius-stage);box-shadow:var(--n-stage-shadow)}
:root body.next-host-ui #playerview.next-player #player-question-card.is-result{border-color:color-mix(in srgb,#35d07f 38%,var(--n-border));background:color-mix(in srgb,var(--n-surface-result) 86%,#35d07f 14%);box-shadow:var(--n-card-shadow)}

.next-state,.next-status,.next-settings .autohost-status,
#playerview.next-player #player-countdown,
#playerview.next-player #buzzinfo:not(:empty),
#playerview.next-player #mcinfo:not(:empty),
#playerview.next-player #estimateFeedback:not(:empty),
#playerview.next-player #clozeFeedback:not(:empty),
#playerview.next-player #buzzerAnswerFeedback:not(:empty){
    border:1px solid var(--n-border);
    border-radius:999px;
    color:var(--n-muted);
    background:var(--n-surface-status);
    box-shadow:none
}
#playerview.next-player #bossFeedback:not(:empty){border:1px solid var(--n-border);border-radius:999px;color:var(--n-muted);background:var(--n-surface-status);box-shadow:none}

/* Host hierarchy: live state first, rare room actions behind a deliberate
   menu, and the board consuming the remaining desktop workspace. */
.next-host-commandbar{display:grid;grid-template-columns:minmax(230px,.55fr) minmax(0,1.45fr);align-items:stretch;gap:12px}
.next-host-commandbar .next-roombar{min-width:0;padding:8px 4px;grid-template-columns:minmax(0,1fr) auto;gap:12px}
.next-host-commandbar .next-roombar h1{font-size:clamp(1.45rem,2.5vw,2.1rem);line-height:1.05}
.next-room-actions{align-items:center;flex-wrap:nowrap}
.next-room-actions #next-copy-room{width:auto;min-width:0;min-height:42px;padding:8px 11px;white-space:nowrap}
.next-room-menu{position:relative;flex:0 0 auto}
.next-room-menu[open]{z-index:95}
.next-room-menu summary{display:flex;min-height:42px;padding:8px 11px;align-items:center;justify-content:center;border:1px solid var(--n-border);border-radius:var(--n-radius-control);color:var(--n-muted);background:var(--n-surface-status);font-size:.78rem;font-weight:820;list-style:none;white-space:nowrap;cursor:pointer}
.next-room-menu summary::-webkit-details-marker{display:none}
.next-room-menu summary:after{margin-left:7px;color:var(--n-accent);content:"⌄";font-size:.9rem;line-height:1}
.next-room-menu[open] summary{border-color:var(--n-line-question);color:var(--n-text);background:var(--n-surface-answer)}
.next-room-menu[open] summary:after{transform:rotate(180deg)}
.next-room-menu summary:focus-visible{outline:3px solid color-mix(in srgb,var(--n-accent) 34%,transparent);outline-offset:2px}
.next-room-menu:not([open]) .next-room-menu-popover{display:none}
.next-room-menu-popover{position:absolute;top:calc(100% + 8px);right:0;display:grid;width:min(300px,calc(100vw - 24px));padding:8px;gap:7px;border:1px solid var(--n-border);border-radius:var(--n-radius-card);background:var(--n-panel);box-shadow:var(--n-stage-shadow);backdrop-filter:blur(18px)}
.next-room-menu-popover button{display:grid;width:100%;min-height:58px;margin:0;padding:10px 11px;justify-items:start;gap:2px;border-radius:var(--n-radius-control);text-align:left}
.next-room-menu-popover button strong{font-size:.78rem}
.next-room-menu-popover button small{color:var(--n-muted);font-size:.65rem;font-weight:650;line-height:1.25}
.next-room-menu-popover #resetRoomBtn{border-color:color-mix(in srgb,var(--n-danger) 30%,var(--n-border));color:color-mix(in srgb,var(--n-danger) 78%,var(--n-text));background:color-mix(in srgb,var(--n-danger) 9%,transparent)!important;box-shadow:none}
.next-room-menu-popover #resetRoomBtn small{color:color-mix(in srgb,var(--n-danger) 62%,var(--n-muted))}
.next-room-menu-separator{height:1px;background:var(--n-border)}
.next-host-commandbar .next-short-dashboard{grid-template-columns:minmax(210px,1.55fr) repeat(3,minmax(82px,1fr));box-shadow:none}
.next-host-commandbar .next-short-dashboard>div{min-height:58px;padding:8px 13px;background:color-mix(in srgb,var(--n-panel) 96%,var(--n-soft))}
.next-host-commandbar .next-short-primary{border-left:3px solid var(--n-accent);background:var(--n-surface-question)}
.next-host-commandbar .next-short-primary strong{font-size:1.02rem}
.next-tabs-shell{margin-right:auto;margin-left:0}
#hostview.next-host{gap:12px}
#next-board-tab .next-panel-head{margin-bottom:12px}
#next-board-tab .next-panel-head h2{font-size:clamp(1.3rem,2vw,1.8rem)}

@media(min-width:1000px) and (min-height:700px){
    #next-board-tab{padding:clamp(15px,1.7vw,24px)}
    #next-board-tab #host-board table{width:100%;min-height:clamp(490px,calc(100dvh - 350px),720px);table-layout:fixed}
    #next-board-tab #host-board table th{height:clamp(54px,7dvh,78px);font-size:clamp(.9rem,1.05vw,1.15rem)}
    #next-board-tab #host-board table td,#next-board-tab #host-board button.board-btn{height:auto;min-height:clamp(64px,7.4dvh,94px)}
    #next-board-tab #host-board .board-question-value{font-size:clamp(1rem,1.25vw,1.35rem)}
}

@media(max-width:760px){
    .next-host-commandbar{grid-template-columns:1fr;gap:8px}
    .next-host-commandbar .next-roombar{padding:0;grid-template-columns:1fr;gap:8px}
    .next-host-commandbar .next-roombar h1{font-size:1.5rem}
    .next-host-commandbar .next-room-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
    .next-room-actions #next-copy-room{width:100%}
    .next-host-commandbar .next-short-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))}
    .next-host-commandbar .next-short-dashboard .next-short-primary{grid-column:1/-1;min-height:54px}
    .next-host-commandbar .next-short-dashboard>div{min-height:54px;padding:8px}
    .next-tabs-shell{margin-top:2px}
    .next-room-menu-popover{right:0}
}

@media(max-width:420px){
    .next-room-menu summary,.next-room-actions #next-copy-room{min-height:40px;padding:7px 9px;font-size:.72rem}
    #next-board-tab .next-panel-head h2{max-width:19ch;font-size:1.2rem;line-height:1.1}
}

#beamerview.next-beamer .buzzer-result-player{display:grid;justify-items:center;gap:4px;padding:11px 14px;border:1px solid var(--n-border);border-radius:var(--n-radius-card);color:var(--n-text);background:var(--n-surface-answer)}
#beamerview.next-beamer .buzzer-result-player span{color:var(--n-muted);font-size:clamp(.7rem,.85vw,.9rem);font-weight:850;letter-spacing:.08em;text-transform:uppercase}
#beamerview.next-beamer .buzzer-result-player strong{color:var(--n-accent);font-size:clamp(1.35rem,2.5vw,2.45rem);line-height:1.08;overflow-wrap:anywhere}
#beamerview.next-beamer .buzzer-result-player.is-first-correct{border-color:color-mix(in srgb,var(--n-accent) 38%,var(--n-border));background:var(--n-surface-question)}

/* Einheitliches, linienbasiertes Iconsystem für die Next-Oberfläche. */
.next-host-ui .next-ui-icon{display:inline-grid;flex:0 0 auto;place-items:center;width:1.15em;height:1.15em;line-height:1}
.next-host-ui .next-ui-icon-svg{display:block;width:1em;height:1em;overflow:visible;stroke-width:1.8;vector-effect:non-scaling-stroke}
.next-host-ui button>.next-ui-icon-svg{flex:0 0 auto;font-size:1.05em}
.next-host-ui .next-login-intro li:before{display:inline-block;width:8px;height:13px;margin-right:12px;border:0;border-right:2px solid var(--n-accent);border-bottom:2px solid var(--n-accent);color:transparent;content:"";transform:rotate(45deg)}
.next-host-ui .next-select-wrap:after{right:17px;width:8px;height:8px;border-right:1.8px solid var(--n-muted);border-bottom:1.8px solid var(--n-muted);color:transparent;content:"";transform:translateY(-2px) rotate(45deg)}
.next-host-ui .next-control-dock .quiz-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.next-host-ui .board-question-icon .next-ui-icon-svg{width:1em;height:1em}
.next-host-ui .next-ready-icon .next-ui-icon-svg{width:17px;height:17px}
.next-host-ui .result-close .next-ui-icon-svg,.next-host-ui .estimate-result-close .next-ui-icon-svg,.next-host-ui .player-media-close .next-ui-icon-svg{width:20px;height:20px}
.next-host-ui .estimate-bar-value .next-ui-icon-svg{display:inline-block;width:1em;height:1em;margin-left:4px;vertical-align:-.15em}
.next-host-ui .next-rank-change .next-ui-icon-svg{width:15px;height:15px}
.next-host-ui #podium-content h2,.next-host-ui #chatbox-header>span:first-child{display:flex;align-items:center;gap:8px}

/* Rollenabhängiger, kompakter Next-Login mit Raumstatus direkt am Raumcode. */
.next-room-field{display:grid;min-width:0;gap:8px}
.next-room-status{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:9px 11px;border:1px solid var(--n-border);border-radius:12px;color:var(--n-muted);background:var(--n-surface-status)}
.next-room-status-icon{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;color:var(--n-muted);background:var(--n-soft)}
.next-room-status-icon .next-ui-icon-svg{width:17px;height:17px}
.next-room-status-copy{display:grid;min-width:0;gap:1px}
.next-room-status-copy strong{color:var(--n-text);font-size:.76rem;line-height:1.2}
.next-room-status-copy small{overflow:hidden;color:var(--n-muted);font-size:.65rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.next-room-status.is-available{border-color:color-mix(in srgb,#35d07f 34%,var(--n-border));background:color-mix(in srgb,var(--n-surface-status) 88%,#35d07f 12%)}
.next-room-status.is-available .next-room-status-icon{color:#71e6a3;background:color-mix(in srgb,var(--n-soft) 72%,#35d07f 28%)}
.next-room-status.is-unavailable{border-color:color-mix(in srgb,var(--n-danger) 38%,var(--n-border));background:color-mix(in srgb,var(--n-surface-status) 88%,var(--n-danger) 12%)}
.next-room-status.is-unavailable .next-room-status-icon{color:#ffb6bf;background:color-mix(in srgb,var(--n-soft) 72%,var(--n-danger) 28%)}
.next-room-status.is-loading .next-room-status-icon{color:#ffd166}
:root[data-theme="light"] .next-room-status.is-available .next-room-status-icon{color:#116d40}
:root[data-theme="light"] .next-room-status.is-unavailable .next-room-status-icon{color:#982d39}
@media(max-width:760px){#loginbereich.next-login{display:block;min-height:0;padding-top:0}.next-login-intro{display:none}#loginForm.next-login-card{gap:11px}.next-card-head{margin-bottom:0}.next-card-head p{display:none}body[data-next-role="player"] .next-card-head,body[data-next-role="beamer"] .next-card-head{display:none}.next-login-trust{display:none}.next-room-status-copy small{white-space:normal}}
@media(max-width:420px){#loginForm.next-login-card{padding:16px 14px}.next-role-switch{padding:4px}.next-role-switch button{min-height:36px}.next-login-card .next-field{gap:5px}.next-room-field{gap:6px}.next-room-status{padding:7px 9px}.next-login-submit{min-height:50px!important}}

/* Paket-Theme-Kompatibilitaet: Ein altes theme.css definiert die Classic-
   Tokens auf :root. Im Legacy-Modus werden sie in die semantischen Next-
   Tokens uebersetzt. Ein vorhandenes theme-next.css setzt --n-* direkt und
   wird nach theme.css geladen; gemeinsame Board-Farben bleiben in beiden
   Faellen erhalten. */
:root[data-brand-theme-mode="legacy"] body.next-host-ui{
    --surface:inherit;
    --surface-soft:inherit;
    --surface-strong:inherit;
    --surface-alpha:inherit;
    --ink:inherit;
    --muted:inherit;
    --line:inherit;
    --n-bg:var(--bg,#07111f);
    --n-panel:var(--surface-alpha,var(--surface,#0f1d31));
    --n-soft:var(--surface-soft,#182a44);
    --n-border:var(--line,rgba(162,185,222,.18));
    --n-text:var(--ink,#edf4ff);
    --n-muted:var(--muted,#a9b9d1);
    --n-accent:var(--accent,var(--primary,#65e6d5));
    --n-danger:var(--danger,#ff7180)
}
:root[data-brand-theme-mode] body.next-host-ui{
    --board-shell:inherit;
    --board-head:inherit;
    --board-head-ink:inherit;
    --board-cell:inherit;
    --board-cell-border:inherit;
    --board-selected:inherit;
    --board-selected-border:inherit;
    --board-button-ink:inherit
}

/* Formale Accessibility-Basis fuer alle Next-Rollen. Spaetere kompakte
   Komponenten duerfen Trefferziele und Tastaturfokus nicht verkleinern. */
body.next-host-ui button,
body.next-host-ui input,
body.next-host-ui select,
body.next-host-ui summary,
body.next-host-ui [role="button"],
body.next-host-ui .avatar-option{
    min-width:44px!important;
    min-height:44px!important
}
body.next-host-ui button:focus-visible,
body.next-host-ui input:focus-visible,
body.next-host-ui select:focus-visible,
body.next-host-ui summary:focus-visible,
body.next-host-ui a:focus-visible,
body.next-host-ui [role="button"]:focus-visible,
body.next-host-ui .avatar-option:focus-visible{
    outline:3px solid var(--n-accent)!important;
    outline-offset:3px!important
}
body.next-host-ui .result-close,
body.next-host-ui .estimate-result-close,
body.next-host-ui .player-media-close,
body.next-host-ui .kids-reward-close{width:44px!important;height:44px!important;min-height:44px!important}
body.next-host-ui .result-close,body.next-host-ui .estimate-result-close{z-index:5;pointer-events:auto;cursor:pointer}
body.next-host-ui #chatbox-header{min-height:44px}

@media(max-width:760px){
    .next-status i{position:relative;display:grid;width:22px;height:22px;place-items:center;border-radius:50%;color:#07111f;font-size:.76rem;font-style:normal;font-weight:950}
    .next-status i:after{content:"…"}
    .next-status.is-online i:after{content:"✓"}
    .next-status.is-offline i:after{content:"!"}
}

@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto!important}
    body.next-host-ui *,
    body.next-host-ui *:before,
    body.next-host-ui *:after{
        animation-duration:.01ms!important;
        animation-delay:0s!important;
        animation-iteration-count:1!important;
        scroll-behavior:auto!important;
        transition-duration:.01ms!important;
        transition-delay:0s!important
    }
    body.next-host-ui button:hover:not(:disabled),
    body.next-host-ui .avatar-option:hover,
    body.next-host-ui .next-login-preview{transform:none!important}
}