:root{--wc-cyan:#5ee7ff;--wc-violet:#9b7cff;--wc-green:#56f2a5;--wc-red:#ff5f78;--wc-gold:#ffd36a;--wc-panel:rgba(10,16,31,.78);--wc-line:rgba(255,255,255,.12);--wc-shadow:0 24px 70px rgba(0,0,0,.42)}
html,body{background:#070b14;color:#f7fbff}body{overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(65vw 50vh at 15% 8%,rgba(41,180,210,.13),transparent 68%),radial-gradient(62vw 58vh at 88% 20%,rgba(129,71,221,.14),transparent 70%),linear-gradient(155deg,#0a1120 0%,#080c16 50%,#060911 100%)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 72%)}
button,input,select,textarea{font-family:Inter,system-ui,sans-serif}button{transition:transform .16s ease,filter .16s ease,box-shadow .2s ease,border-color .2s ease}button:hover{filter:brightness(1.08)}button:active{transform:scale(.975)}
.panel,.card,.karte,.qframe,.question-card,.story-card,.round-box,.answer,.antwort,.jk,.lobby,.box{border-color:rgba(255,255,255,.11)!important;box-shadow:0 18px 55px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)}
.host .stage{background:radial-gradient(70% 70% at 12% 15%,rgba(var(--akzent-rgb,48,180,220),.19),transparent 68%),radial-gradient(65% 70% at 88% 32%,rgba(var(--akzent2-rgb,145,80,220),.18),transparent 70%),linear-gradient(155deg,#0d1628,#080d18 58%,#070a12)!important}
.format-logo,.logo{filter:drop-shadow(0 10px 24px rgba(0,0,0,.34))}
#ka-runtime-timer{top:22px;left:24px;min-width:122px;padding:10px 16px;border-radius:16px;background:linear-gradient(180deg,rgba(14,23,42,.92),rgba(7,12,23,.88));border:1px solid rgba(119,220,255,.22);box-shadow:0 14px 42px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.08);font-size:26px;font-variant-numeric:tabular-nums}
#ka-runtime-timer::before{content:"TIME";display:block;font-size:7px;letter-spacing:.25em;color:#8fa7c8;margin-bottom:5px}#ka-runtime-timer.danger{color:#fff;border-color:rgba(255,79,103,.7);background:linear-gradient(180deg,rgba(65,13,26,.94),rgba(20,8,16,.92));box-shadow:0 0 0 1px rgba(255,70,96,.18),0 0 38px rgba(255,40,72,.22),0 16px 42px rgba(0,0,0,.4)}
#ka-team-strip{top:92px;left:24px;gap:8px}.ka-team-pill{padding:8px 12px;border-radius:12px;background:rgba(9,15,29,.84);backdrop-filter:blur(18px);box-shadow:0 10px 28px rgba(0,0,0,.3);font-size:10px}
body.ka-stream .buzz-side{background:linear-gradient(180deg,rgba(12,19,35,.9),rgba(7,11,22,.82))!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:20px!important;padding:16px!important;box-shadow:0 24px 60px rgba(0,0,0,.35)!important;backdrop-filter:blur(18px)}
body.ka-stream .buzz-orb{box-shadow:0 0 0 1px rgba(255,255,255,.14),0 0 34px rgba(142,94,220,.24),inset 0 1px rgba(255,255,255,.12)!important}
body.ka-stream #kernBuzzListeSlot{margin-top:10px}.kern-buzz-liste,.buzz-list,.buzzer-list{border-radius:14px!important;overflow:hidden}
@keyframes wcEnter{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}@keyframes wcGlow{0%,100%{box-shadow:0 0 0 1px rgba(94,231,255,.08),0 18px 48px rgba(0,0,0,.32)}50%{box-shadow:0 0 0 1px rgba(94,231,255,.18),0 18px 48px rgba(0,0,0,.32),0 0 24px rgba(94,231,255,.08)}}
.host .stage>*:not(.ka-camera-layer),body.ka-stream main>*{animation:wcEnter .38s cubic-bezier(.2,.8,.2,1) both}
body[data-format="emoji"]{--wc-accent:#ffcc52}body[data-format="weristdas"]{--wc-accent:#42d9ff}body[data-format="morph"]{--wc-accent:#b27cff}body[data-format="hotzone"]{--wc-accent:#ff6177}body[data-format="quizduell"]{--wc-accent:#5ec8ff}body[data-format="millionaer"]{--wc-accent:#b690ff}body[data-format="higherlower"]{--wc-accent:#58e6bd}body[data-format="blackstories"]{--wc-accent:#ff6b6b}body[data-format="imposter"]{--wc-accent:#f6c85f}body[data-format="bluff-quiz"]{--wc-accent:#6edcff}body[data-format="ausreden"]{--wc-accent:#ff9e6d}
@media(max-width:1100px){#ka-runtime-timer{top:10px;left:10px;min-width:96px;padding:8px 11px;font-size:20px}#ka-team-strip{top:72px;left:10px}}
@media(prefers-reduced-motion:reduce){.host .stage>*,body.ka-stream main>*{animation:none!important}}


/* v53 broadcast atmosphere: motion only, no game-layout displacement */
@keyframes kaAtmosphereA{0%,100%{transform:translate3d(-2%,-1%,0) scale(1.02);opacity:.42}50%{transform:translate3d(2%,1.5%,0) scale(1.06);opacity:.62}}
@keyframes kaAtmosphereB{0%,100%{background-position:0% 20%,100% 80%}50%{background-position:18% 34%,82% 66%}}
body[data-format]::before{animation:kaAtmosphereB 18s ease-in-out infinite!important;background-size:120% 120%!important}
body[data-format]::after{content:"";position:fixed;inset:-8%;pointer-events:none;z-index:-1;background:radial-gradient(34vw 28vh at 18% 18%,color-mix(in srgb,var(--wc-accent,#5ee7ff) 10%,transparent),transparent 72%),radial-gradient(30vw 26vh at 82% 72%,rgba(151,96,255,.07),transparent 74%);animation:kaAtmosphereA 14s ease-in-out infinite;will-change:transform,opacity}
.ka-top-logo{position:fixed!important;top:14px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;z-index:260!important;max-width:300px!important;max-height:138px!important;width:auto!important;height:auto!important;object-fit:contain!important;pointer-events:none!important;filter:drop-shadow(0 14px 28px rgba(0,0,0,.5))!important}
body.ka-has-cameras:not([data-format="hotzone"]):not([data-format="blackstories"]):not([data-format="imposter"]) .stage{padding-bottom:clamp(190px,24vh,270px)!important;box-sizing:border-box}
body[data-format="millionaer"] .panel,body[data-format="millionaer"] .card,body[data-format="millionaer"] .box,body[data-format="millionaer"] .question-card,body[data-format="millionaer"] .answer,body[data-format="millionaer"] .antwort{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-image:none!important}
@media(max-width:1100px){.ka-top-logo{top:8px!important;max-width:220px!important;max-height:100px!important}body.ka-has-cameras:not([data-format="hotzone"]):not([data-format="blackstories"]):not([data-format="imposter"]) .stage{padding-bottom:20vh!important}}
@media(prefers-reduced-motion:reduce){body[data-format]::before,body[data-format]::after{animation:none!important}}

/* v60: no visible browser scrollbars in game/OBS views */
html,body{max-width:100%;overflow-x:hidden!important}
*{scrollbar-width:none!important;-ms-overflow-style:none!important}
*::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
iframe{max-width:100%!important}