@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#070b18;--surface:#0d1326;--surface-strong:#111a33;--muted:#8aa3d4;--text:#e8edf8;--primary:#8b5cf6;--primary-strong:#a855f7;--border:#1f2a44;--shadow:0 20px 50px #00000073;--radius:14px;--radius-sm:10px;--spacing:16px;--font-family:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;--glow:0 0 18px #8b5cf666}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 20% 20%,#22d3ee12,#0000 25%),radial-gradient(circle at 80% 0,#8b5cf614,#0000 20%),#070b18;background:radial-gradient(circle at 20% 20%,#22d3ee12,#0000 25%),radial-gradient(circle at 80% 0,#8b5cf614,#0000 20%),var(--bg);color:#e8edf8;color:var(--text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-family:var(--font-family);line-height:1.5;margin:0}a{color:inherit}.page{margin:0 auto;max-width:1200px;padding:20px 16px 72px;width:100%}.auth-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:32px 16px}.auth-card{margin:0 auto;max-width:520px;width:100%}.auth-form{display:flex;flex-direction:column;gap:14px}.checkbox-row{align-items:center;color:#e8edf8;color:var(--text);display:flex;font-weight:600;gap:10px}.section-stack{display:flex;flex-direction:column;gap:16px}.card{background:linear-gradient(145deg,#0d1326,#111a33);background:linear-gradient(145deg,var(--surface),var(--surface-strong));border:1px solid #1f2a44;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);box-shadow:0 20px 50px #00000073;box-shadow:var(--shadow);padding:16px}.card-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px}.card-title{font-size:18px;font-weight:700;margin:0}.text-muted{color:#8aa3d4;color:var(--muted);font-size:14px}.button-row{display:flex;flex-wrap:wrap;gap:10px}.btn{align-items:center;background:#151c2f;border:1px solid #ffffff14;border-radius:12px;color:#e8edf8;color:var(--text);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 14px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border .15s ease}.btn,.btn-icon{justify-content:center}.btn-icon{border-radius:50%;height:42px;padding:0;width:42px}.btn:hover{transform:translateY(-1px)}.btn:focus-visible{box-shadow:0 0 18px #8b5cf666;box-shadow:var(--glow);outline:2px solid #8b5cf6;outline:2px solid var(--primary);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-primary{background:linear-gradient(120deg,#22d3ee,#8b5cf6);background:linear-gradient(120deg,#22d3ee,var(--primary));border-color:#8b5cf699;box-shadow:0 10px 30px #22d3ee59;color:#0b0f1a}.btn-primary:hover{background:linear-gradient(120deg,#67e8f9,#a855f7);background:linear-gradient(120deg,#67e8f9,var(--primary-strong))}.btn-secondary{background:#22d3ee14;border-color:#22d3ee40;color:#e8edf8;color:var(--text)}.btn-surface{background:#0f172a}.btn-ghost,.btn-surface{border-color:#1f2a44;border-color:var(--border);color:#e8edf8;color:var(--text)}.btn-ghost{background:#0000}.btn-danger{background:linear-gradient(120deg,#ef4444,#991b1b);border-color:#ef444499;color:#fff}.btn-sm{border-radius:10px;font-size:14px;padding:8px 10px}.btn-lg{font-size:16px;padding:14px 16px}.input-group,.input-wrapper{display:flex;flex-direction:column;gap:6px;width:100%}.input-label,label{color:#e8edf8;color:var(--text);font-size:14px;font-weight:600}input,select,textarea{background:#0c1223;border:1px solid #1f2a44;border:1px solid var(--border);border-radius:12px;color:#e8edf8;color:var(--text);font-size:16px;padding:12px;transition:border .15s ease,box-shadow .15s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:#8b5cf6;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf633;outline:none}.helper-text,form .helper-text{color:#8aa3d4;color:var(--muted);font-size:13px;margin-top:-2px}.layout-two-column{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:768px){.page{padding:32px 24px 80px}.layout-two-column{grid-template-columns:repeat(2,minmax(0,1fr))}}.topbar{grid-gap:12px;align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070b18eb;border-bottom:1px solid #1f2a44;border-bottom:1px solid var(--border);display:grid;gap:12px;grid-template-columns:auto 1fr auto;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:30}.topbar .brand{color:#22d3ee;font-weight:800;letter-spacing:.3px;text-shadow:0 0 12px #22d3ee59}.topbar-left{align-items:center;display:flex;gap:10px}.topbar-nav{display:none;justify-content:flex-end}.topbar-nav ul{display:flex;gap:10px;list-style:none;margin:0;padding:0}.topbar-nav a{border:1px solid #0000;border-radius:12px;color:#e8edf8;color:var(--text);padding:10px 12px;text-decoration:none}.topbar-nav a.active,.topbar-nav a:hover{background:#22d3ee1f;border-color:#22d3ee40;box-shadow:0 0 18px #8b5cf666;box-shadow:var(--glow)}.topbar-actions{align-items:center;display:flex;gap:8px;justify-content:flex-end}.countdown-badge{background:#22d3ee1f;border:1px solid #22d3ee4d;border-radius:12px;color:#9ae6ff;font-weight:800;min-width:48px;padding:8px 10px;text-align:center}.countdown-badge,.menu-button{box-shadow:0 0 18px #8b5cf666;box-shadow:var(--glow)}.menu-button{align-items:center;background:#0f172a;border:1px solid #1f2a44;border:1px solid var(--border);border-radius:12px;color:#e8edf8;color:var(--text);display:inline-flex;height:44px;justify-content:center;padding:10px;width:44px}.drawer-overlay{background:#03061099;display:flex;inset:0;position:fixed;z-index:40}.drawer{animation:drawer-in .18s ease forwards;background:#0c1223;border-right:1px solid #1f2a44;border-right:1px solid var(--border);box-shadow:0 20px 50px #00000073;box-shadow:var(--shadow);height:100%;max-width:360px;padding:20px 16px;transform:translateX(-8px);width:min(80vw,320px)}.drawer-header{align-items:center;color:#e8edf8;color:var(--text);display:flex;justify-content:space-between;margin-bottom:12px}.drawer nav ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.drawer nav a{align-items:center;background:#ffffff05;border:1px solid #0000;border-radius:12px;color:#e8edf8;color:var(--text);display:flex;gap:10px;padding:12px;text-decoration:none}.drawer nav a.active,.drawer nav a:hover{background:#22d3ee1f;border-color:#22d3ee4d;box-shadow:0 0 18px #8b5cf666;box-shadow:var(--glow)}.note-editor{background:#0c1223;border:1px solid #1f2a44;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:12px}.note-editor-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.note-label{font-weight:700}.note-status{color:#8aa3d4;color:var(--muted);font-size:12px}.note-toolbar{display:flex;gap:8px}.note-toolbar button{background:#0f172a;border:1px solid #1f2a44;border:1px solid var(--border);border-radius:8px;color:#e8edf8;color:var(--text);cursor:pointer;padding:6px 10px}.note-toolbar button:disabled{cursor:not-allowed;opacity:.5}.note-editor-area{background:#0f172a;border:1px solid #1f2a44;border:1px solid var(--border);border-radius:10px;min-height:120px;padding:10px}.note-preview{border:1px dashed #1f2a44;border:1px dashed var(--border);border-radius:10px;color:#8aa3d4;color:var(--muted);overflow:hidden;padding:10px;text-overflow:ellipsis;white-space:nowrap}.note-editor-compact{background:#0f172a;border:1px solid #1f2a44;border:1px solid var(--border);border-radius:10px;padding:10px}.attachment-list{display:flex;flex-direction:column;gap:8px}.attachment-list-header{align-items:center;display:flex;justify-content:space-between}.attachment-row{align-items:center;background:#0f172a;border:1px solid #1f2a44;border:1px solid var(--border);border-radius:10px;display:flex;gap:10px;min-width:0;padding:8px}.attachment-icon{font-size:18px}.attachment-meta{flex:1 1;min-width:0}.attachment-label{font-weight:600}.attachment-label,.attachment-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-url{font-size:12px}.attachment-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.attachment-thumb{background:#0c1223;border:1px solid #1f2a44;border:1px solid var(--border);border-radius:8px;display:grid;flex-shrink:0;height:48px;overflow:hidden;place-items:center;width:48px}.attachment-thumb-media{display:block;height:100%;object-fit:cover;width:100%}.attachment-preview img{border-radius:10px}.modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:50}.modal-content{background:#0c1223;border:1px solid #1f2a44;border:1px solid var(--border);border-radius:12px;color:#e8edf8;color:var(--text);max-height:90vh;max-width:520px;overflow:auto;padding:16px;width:100%}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.dashboard-layout{display:grid;grid-template-columns:1fr;min-height:calc(100vh - 64px)}.dashboard-content{display:flex;flex-direction:column;gap:16px;padding:16px}.sticky-actions{bottom:12px;display:flex;flex-wrap:wrap;gap:10px;position:-webkit-sticky;position:sticky}.responsive-split{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:900px){.responsive-split{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{grid-template-columns:auto 1fr auto}.topbar-nav{display:flex}.menu-button{display:none}}@keyframes drawer-in{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.show-page{background:var(--bg);color:var(--text);min-height:100vh;padding-bottom:180px;position:relative}.show-page.question-visible .section-stack{padding-top:5vh}.show-page-inner{position:relative}.show-page .page{max-width:1800px;padding:32px 32px 140px}.floating-pill{align-self:flex-start;background:#22d3ee1f;border:1px solid #22d3ee66;border-radius:999px;box-shadow:var(--glow);color:#9ae6ff;display:inline-flex;font-weight:700;gap:8px;padding:10px 14px;position:-webkit-sticky;position:sticky;top:12px}.question-body,.question-card{display:flex;flex-direction:column;gap:12px}.question-text{color:var(--text);font-size:18px;font-weight:700;margin:0}.answers-section ul{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;list-style:none;margin:0;padding:0}.answers-section li{border-radius:14px;box-shadow:0 8px 16px #04060f66;color:var(--text);font-weight:600;padding:14px;transition:transform .15s ease,box-shadow .15s ease,border .15s ease,background .15s ease}.answers-section li.ausgewaehlt,.answers-section li:hover{border-color:#22d3ee80;box-shadow:0 12px 20px #22d3ee40;transform:translateY(-1px)}.answers-section li.korrekt{background:#10b98126;border-color:#10b98199}.answers-section li.falsch{background:#ef444424;border-color:#ef444499}.progress-wrapper{align-items:center;display:flex;gap:10px}.progress{background:#0b1020;border:1px solid var(--border);border-radius:999px;flex:1 1;height:12px;overflow:hidden;position:relative}.progress-bar{background:linear-gradient(90deg,#22d3ee,#8b5cf6);border-radius:inherit;height:100%;transform:scaleX(0);transform-origin:left center;width:100%;will-change:transform}.progress.prediction .progress-bar{background:linear-gradient(90deg,#10b981,#22d3ee)}.progress-label{color:var(--muted);font-size:13px}.media-block{background:#0f172a;border:1px solid var(--border);border-radius:12px;padding:12px}.media-block-side{width:100%}.question-media-grid{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:1.2fr .8fr}.media-content{display:flex;flex-direction:column;gap:8px;position:relative;width:100%}.media-image,.media-video{background:#0b1020;border-radius:10px;height:100%;max-height:480px;object-fit:contain;width:100%}.media-overlay .media-image,.media-overlay .media-video{max-height:80vh}.media-video-wrapper{position:relative}.media-audio-wrapper{align-items:stretch;display:flex;flex-direction:column;gap:6px}.media-audio-title{font-weight:700}.media-file-link{color:#9ae6ff;font-weight:600;word-break:break-word}.media-progress{display:flex;flex-direction:column;gap:6px}.media-progress-track{background:#0b1020;border:1px solid var(--border);border-radius:999px;height:8px;overflow:hidden;width:100%}.media-progress-bar{background:linear-gradient(90deg,#22d3ee,#8b5cf6);height:100%;transition:width .2s ease;width:0}.media-progress-label{color:var(--muted);font-size:13px}.media-playback-hint{border:1px solid var(--border);border-radius:8px;bottom:12px;color:#fff;font-size:13px;padding:8px 10px;right:12px}.media-buffering,.media-playback-hint{background:#0f172ae6;position:absolute}.media-buffering{border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:12px;left:12px;padding:6px 10px;top:12px}.media-overlay{background:#000000d1;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:80}.media-overlay-content{width:min(1200px,96vw)}.media-hidden-element{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.finale-audio-hint{background:#0f172ae6;border:1px solid #94a3b866;border-radius:999px;bottom:18px;box-shadow:0 6px 16px #03071259;color:var(--text);cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;position:fixed;right:18px;z-index:90}.finale-audio-hint:hover{border-color:#94a3b8b3}.media-block-above .media-content{width:100%}@media (max-width:960px){.question-media-grid{grid-template-columns:1fr}}.prediction-drawer{left:50%;opacity:1;position:fixed;top:8px;transform:translate(-50%);transition:transform .35s ease,opacity .35s ease;width:min(560px,94vw);z-index:60}.prediction-drawer.closed{opacity:.92;transform:translate(-50%,calc(-100% + 52px))}.prediction-drawer-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(145deg,#0d1224,#0f1a2f);border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 40px #00000073;padding:14px 16px 12px;position:relative}.prediction-drawer-toggle{background:#ffffff0a;border:1px solid var(--border);border-radius:10px;box-shadow:inset 0 1px 0 #ffffff08;color:var(--text);cursor:pointer;display:grid;height:34px;place-items:center;position:absolute;right:12px;top:8px;width:34px}.prediction-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.predict-option{background:#0f172a;border:1px solid var(--border);border-radius:12px;color:var(--text);cursor:pointer;font-weight:700;letter-spacing:.01em;padding:12px 14px;transition:transform .15s ease,box-shadow .15s ease,border .15s ease,background .15s ease}.predict-option:hover{border-color:#94a3b880;transform:translateY(-1px)}.predict-option.success.active{background:#22c55e2e;border-color:#16a34a;box-shadow:0 10px 24px #10b98138;color:#bff7d2}.predict-option.fail.active{background:#ef44442e;border-color:#ef4444;box-shadow:0 10px 24px #ef444438;color:#ffc4c4}.pill{align-items:center;background:#ffffff08;border:1px solid var(--border);border-radius:999px;color:var(--text);display:inline-flex;font-size:13px;gap:6px;padding:6px 10px}.pill.success{background:#10b98126;border-color:#10b98180;color:#7bf6c4}.pill.muted{background:#ffffff0a;color:var(--muted)}.moderator-panel{--moderator-inset:clamp(12px,3vw,24px);background:#0000;border:none;border-radius:16px;box-shadow:none;max-width:calc(100vw - var(--moderator-inset) - 8px);padding:0;position:fixed;right:var(--moderator-inset);top:12px;transition:transform .4s ease,opacity .35s ease;width:calc(min(420px, 38vw)*1);width:calc(min(420px, 38vw)*var(--moderator-scale, 1));will-change:transform,opacity;z-index:35}.moderator-panel,.moderator-panel.open{transform:translateX(0)}.moderator-panel.closed{opacity:.9;pointer-events:none;transform:translateX(calc(100% - 44px))}.moderator-panel.closed .moderator-controls,.moderator-panel.closed .moderator-panel-toggle{pointer-events:auto}.moderator-controls{align-items:stretch;display:flex;flex-direction:column;gap:8px;left:-44px;position:absolute;top:12px}.moderator-panel-toggle{background:#0f172a;border-radius:12px 0 0 12px;color:var(--text);cursor:pointer;height:40px}.moderator-panel-toggle,.moderator-size-controls{border:1px solid var(--border);box-shadow:var(--shadow);width:40px}.moderator-size-controls{align-items:stretch;background:#0f172ae6;border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:6px}.moderator-size-controls button{background:#ffffff0a;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-weight:800;height:32px;transition:background .15s ease,border .15s ease;width:100%}.moderator-size-controls button:hover{background:#ffffff14;border-color:#94a3b880}.moderator-panel-body{display:flex;flex-direction:column;gap:0;padding:0}.moderator-iframe-list{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr;width:100%}.iframe-wrapper{aspect-ratio:16/9;background:#0b1626;border-radius:14px;box-shadow:inset 0 0 0 1px #ffffff05;overflow:hidden;width:100%}.iframe-wrapper iframe,.moderator-iframe-list iframe{border:none;border-radius:14px;height:100%;inset:0;position:absolute;width:100%}.iframe-wrapper.small{aspect-ratio:4/3}.fallback-content{color:#dce5f7;display:grid;padding:12px;place-items:center}.no-team-iframe-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.matrix-grid,.no-team-iframe-list{grid-gap:12px;display:grid;gap:12px}.matrix-grid{background:linear-gradient(145deg,var(--surface),#0a0f1f);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);filter:blur(2px);opacity:0;padding:12px;transform:translateY(12px);transition:opacity .25s ease-out,transform .25s ease-out,filter .25s ease-out}.matrix-grid.show{filter:blur(0);opacity:1;transform:translateY(0)}.matrix-grid.exit{filter:blur(0);opacity:0;transform:translateX(40px);transition:opacity .22s ease-in,transform .22s ease-in,filter .22s ease-in}.matrix-grid.standard-layout{grid-auto-rows:minmax(90px,auto);grid-template-columns:repeat(var(--matrix-columns),minmax(90px,1fr))}.matrix-grid.compact-layout{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:800px){.matrix-grid.compact-layout{grid-template-columns:repeat(2,minmax(0,1fr))}}.matrix-cell{background:#0f172a;border:1px solid #2d3b60;border-radius:12px;min-height:90px;opacity:0;padding:10px;position:relative;text-align:center;transform:translateY(10px) scale(.98);transition:opacity .25s ease-out,transform .25s ease-out,box-shadow .15s ease,background .15s ease,border .15s ease}.matrix-cell.show{opacity:1;transform:translateY(0) scale(1)}.matrix-cell.exit{opacity:0;transform:translateY(8px) scale(.99);transition:opacity .18s ease-in,transform .18s ease-in,box-shadow .15s ease,background .15s ease,border .15s ease}.matrix-cell-inner{align-items:center;display:flex;flex-direction:column;gap:6px;height:100%;justify-content:center}.matrix-cell:hover{border-color:#22d3ee99;box-shadow:0 8px 18px #22d3ee33;transform:translateY(-1px)}.matrix-points{color:var(--muted);font-size:32px;font-weight:800}.matrix-category{color:var(--muted);font-size:14px;text-align:center}@media (prefers-reduced-motion:reduce){.matrix-cell,.matrix-cell.exit,.matrix-cell.show,.matrix-grid,.matrix-grid.exit,.matrix-grid.show{filter:none;transform:none;transition:opacity .01s linear}.matrix-cell:hover{transform:none}}.team-sheet{background:var(--surface);border-radius:16px 16px 0 0;border-top:1px solid var(--border);bottom:0;box-shadow:0 -12px 30px #0009;left:0;overflow:hidden;position:fixed;right:0;transition:transform .25s ease}.team-sheet-toggle{align-items:center;background:#0f172a;border:1px solid var(--border);border-radius:12px;box-shadow:inset 0 1px 0 #ffffff08;color:var(--text);cursor:pointer;display:flex;font-size:15px;font-weight:700;justify-content:space-between;padding:12px 16px;width:100%}.team-sheet-body{overflow:hidden;padding:0 16px 12px;transition:max-height .2s ease}.team-sheet-content{overflow-y:auto;padding-bottom:12px}.team-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.team-row{background:#0f172a;border:1px solid var(--border);border-radius:12px;display:flex;flex:1 1 280px;flex-direction:column;min-height:56px;overflow:hidden;padding:12px;position:relative}.team-row.active{border-color:#22d3ee;box-shadow:0 10px 18px #22d3ee2e}.team-row.team-positive{border-color:#10b981}.team-row.team-negative{border-color:#ef4444}.team-name-row{align-items:center;display:flex;font-weight:700;gap:8px}.team-meta{color:var(--muted);font-size:13px}.team-score{font-size:18px;font-weight:800}.team-row-main{display:flex;gap:12px;justify-content:space-between;width:100%}.team-liveviews{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}@keyframes runnerUpGlow{0%{background-position:4% 42%,88% 48%,52% 46%;background-size:230% 200%,230% 200%,240% 240%;opacity:.1}12%{background-position:76% 32%,18% 64%,62% 36%;background-size:250% 210%,210% 190%,250% 230%;opacity:.24}26%{background-position:88% 78%,12% 26%,36% 62%;background-size:200% 190%,260% 210%,220% 210%;opacity:.16}42%{background-position:12% 72%,92% 42%,66% 28%;background-size:260% 210%,230% 200%,260% 230%;opacity:.3}58%{background-position:86% 36%,14% 58%,52% 76%;background-size:210% 190%,250% 210%,230% 220%;opacity:.2}72%{background-position:18% 22%,88% 82%,42% 32%;background-size:250% 220%,210% 200%,250% 230%;opacity:.28}86%{background-position:64% 84%,24% 28%,32% 68%;background-size:230% 200%,240% 210%,240% 230%;opacity:.18}to{background-position:4% 42%,88% 48%,52% 46%;background-size:230% 200%,230% 200%,240% 240%;opacity:.1}}.liveview-card{background:#0c1223;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:6px;padding:8px;width:min(220px,45vw)}.liveview-frame{background:#0b1626;border-radius:10px;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.liveview-frame iframe{border:none;border-radius:10px;height:100%;inset:0;position:absolute;width:100%}.liveview-name{color:var(--muted);font-size:13px}.liveview-chip{align-items:center;background:#ffffff0d;border:1px solid var(--border);border-radius:999px;display:inline-flex;font-size:13px;padding:6px 10px}.chevron{transition:transform .2s ease}.chevron.up{transform:rotate(180deg)}@media (min-width:900px){.show-page{padding-bottom:200px}.moderator-panel{top:20px}}.finale-card,.finale-decoder-panel{display:flex;flex-direction:column;gap:16px}.finale-layout{gap:24px}.finale-layout,.finale-main{display:flex;flex-direction:column;width:100%}.finale-main{gap:20px}.finale-phrase-card{margin:0 auto;width:min(1100px,100%)}.finale-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.finale-card-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.finale-title{font-size:26px;font-weight:700}.finale-phase{color:var(--muted);font-weight:600}.finale-card-body{gap:18px}.finale-card-body,.finale-row{display:flex;flex-direction:column}.finale-row{gap:4px}.finale-label{color:var(--muted);font-size:14px;letter-spacing:.04em;text-transform:uppercase}.finale-value{color:var(--text);font-weight:600}.finale-phrase{font-size:20px}.finale-phrase-text{display:inline;font-size:clamp(24px,2.4vw,34px);font-weight:700;line-height:1.5;white-space:pre-wrap;word-break:break-word}.finale-phrase-decoder .finale-phrase-text{font-size:clamp(32px,3.6vw,52px)}.finale-phrase-text.interactive{cursor:default}.finale-phrase-letter{border-radius:6px;display:inline;padding:0 2px;transition:background .2s ease,box-shadow .2s ease,color .2s ease}.finale-phrase-letter.interactive{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0 2px}.finale-phrase-letter.interactive.picked{background:#22d3ee40;box-shadow:0 0 12px #22d3ee59}.finale-phrase-letter.interactive:disabled{cursor:not-allowed;opacity:.45}.finale-pick-status{color:var(--muted);display:flex;flex-wrap:wrap;font-size:16px;font-weight:600;gap:12px}.finale-pick-hint{color:var(--muted);font-size:15px}.finale-decoder-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.finale-decoder-entry{background:#0b1020;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:6px;padding:10px}.finale-clue-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.finale-clue-card{background:#0b1020;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:12px}.decode-text{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.finale-clue-text{font-size:20px;font-weight:700;letter-spacing:.08em}.team-pickbudget{color:var(--muted);font-size:14px}.home-view{color:var(--text);display:flex;flex-direction:column;gap:16px;padding:20px}.debug-panel{background:#0f172a;border:1px solid var(--border);border-radius:8px;color:var(--muted);display:flex;flex-wrap:wrap;gap:12px;padding:8px 10px}.quiz-controls{display:flex;flex-wrap:wrap;gap:10px}.modal-buttons .btn,.points-controls .btn,.quiz-controls .btn{box-shadow:0 10px 20px #00000059}.modal-buttons .btn:hover,.points-controls .btn:hover,.quiz-controls .btn:hover{border-color:#22d3ee80;box-shadow:0 12px 24px #22d3ee33;transform:translateY(-1px)}.quiz-starting{color:var(--muted);font-style:italic;margin-top:10px}.modal-buttons{display:flex;gap:20px;justify-content:center;margin-top:20px}.question-and-answers-section{display:flex;flex-direction:column;gap:15px;margin-top:10px}.answers-section,.question-section,.question-selection{background:linear-gradient(145deg,var(--surface),#0b1020);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:15px}.clickable-question{color:var(--text);cursor:pointer;font-size:18px}.clickable-question:hover{color:#9ae6ff;text-decoration:none}.answers-section ul,.players,.questions-list ul,.teams-list{list-style:none;margin:0;padding:0}.answers-section li{background:#0f172a;border:1px solid var(--border);border-radius:10px;cursor:pointer;margin-bottom:8px;padding:10px;transition:background .2s ease,border .2s ease}.answers-section li:hover{background:#22d3ee1f;border-color:#22d3ee80}.quiz-answer.correct,li.korrekt{background:#10b98126!important;color:#9cf3ce}.quiz-answer.wrong{background:#ef44442e!important}.quiz-answer.selected{background:#94a3b82e;color:var(--text)}.feedback{color:#9cf3ce;font-weight:700;margin-top:10px}.prediction-marker{color:var(--muted);font-style:italic;margin-left:6px}.countdown-homeview{font-size:1.2em;margin-top:20px;position:fixed;right:20px;top:0}.filters,.question-selection h3{margin-bottom:10px}.filters{display:flex;flex-wrap:wrap;gap:20px}.filters label{color:var(--text);display:flex;flex-direction:column;font-weight:700}.filters input{background:#0f172a;border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;padding:8px}.questions-list li{margin-bottom:5px}.question-button-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.question-select{align-items:flex-start;flex-direction:column;gap:8px;text-align:left;width:100%}.question-select.played{opacity:.65}.question-select.selected{border-color:#22d3ee99;box-shadow:0 12px 22px #22d3ee33}.question-select-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.question-select-meta{display:flex;flex-wrap:wrap;gap:6px}.chip{align-items:center;background:#ffffff0f;border:1px solid var(--border);border-radius:999px;color:var(--text);display:inline-flex;font-size:12px;padding:4px 8px}.chip.muted{color:var(--muted)}.chip.success{background:#10b98126;border-color:#10b98199;color:#7bf6c4}.attachment-control-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.regie-card{gap:10px}.regie-card,.regie-panel{display:flex;flex-direction:column}.regie-panel{gap:12px}.filmstrip{grid-gap:10px;display:grid;gap:10px;grid-auto-columns:minmax(120px,140px);grid-auto-flow:column;grid-auto-rows:1fr;max-height:140px;overflow-x:auto;overflow-y:hidden;padding:6px 2px}.filmstrip::-webkit-scrollbar{height:10px}.filmstrip::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:999px}.filmstrip-item{background:#0f172a;border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;height:100%;padding:6px;position:relative;transition:border .15s ease,box-shadow .15s ease,transform .15s ease}.filmstrip-item:hover{border-color:#22d3ee80;transform:translateY(-1px)}.filmstrip-item.selected{border-color:#22d3eecc;box-shadow:0 10px 20px #22d3ee33}.filmstrip-thumb{background:#0b1020;border-radius:10px;height:90px;object-fit:cover;width:100%}.filmstrip-thumb.placeholder{color:var(--muted);display:grid;font-size:28px;place-items:center}.filmstrip-label{color:var(--text);font-size:13px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.visible-indicator{background:#ffffff0f;border:1px solid var(--border);border-radius:50%;box-shadow:0 0 0 2px #0000004d;height:10px;position:absolute;right:8px;top:8px;width:10px}.visible-indicator[data-visible=true]{background:#10b981;box-shadow:0 0 0 4px #10b98133}.detail-panel{background:#0f172a;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:10px;max-height:380px;overflow:auto;padding:12px}.detail-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.detail-title{font-size:16px;font-weight:700}.detail-subtitle{color:var(--muted);font-size:13px}.detail-actions{align-items:center;display:flex;gap:8px}.input-group.compact{margin-bottom:4px}.attachment-list.scrollable{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow:auto}.attachment-row.selectable{border:1px solid var(--border);cursor:pointer}.attachment-row.selectable.selected{border-color:#22d3ee99;box-shadow:0 10px 20px #22d3ee33}.attachment-detail .attachment-thumb.large{border-radius:10px;height:72px;width:72px}.attachment-detail .button-row.wrap{flex-wrap:wrap;gap:8px}.preview-media{background:#0b1020;border-radius:12px;max-height:70vh;object-fit:contain;width:100%}.preview-link{color:#9ae6ff;word-break:break-all}@media (max-width:900px){.attachment-control-grid{grid-template-columns:1fr}}.questions-list li.played{color:var(--muted);text-decoration:line-through}.questions-list label{cursor:pointer}.questions-list input[type=radio]{cursor:pointer;margin-right:10px}.teams-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.teams-list li{background-color:#0f172a;border:1px solid var(--border);border-radius:12px;display:flex;flex:1 1 300px;flex-direction:column;gap:10px;max-width:400px;padding:15px}.team-header-homeview{align-items:center;display:flex;justify-content:space-between}.team-name{font-size:1.2em;font-weight:700}.team-name.active-team{background-color:#94a3b824;border-radius:4px;padding:3px 6px}.points-controls button{font-size:1em;margin-left:5px;padding:5px 10px}.points-controls button.decrease{background-color:#ef444433;color:#fca5a5}.players li{display:flex;flex-direction:column;margin-bottom:10px}.player-nameM{color:var(--text)!important;font-weight:600}.live-view{background-color:#000;position:relative;width:100%}.no-team-players-row{margin-top:30px;text-align:center}.no-team-iframe-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.iframe-wrapper{background-color:#000;border:1px solid var(--border);border-radius:8px;height:112.5px;position:relative;width:200px}.iframe-wrapper.small{height:84.375px;width:150px}.iframe-wrapper iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.fallback-content{align-items:center;background-color:#0f172a;border-radius:4px;color:var(--text);display:flex;height:100%;justify-content:center;text-align:center;width:100%}.fallback-content.name-only{color:#9ae6ff;font-weight:700}.note-column{display:flex;flex-direction:column;gap:12px;grid-area:note}.question-layout-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-areas:"qa" "note";grid-template-columns:1fr}.qa-column{display:flex;flex-direction:column;gap:12px;grid-area:qa}.attachment-row-full{margin-top:12px;width:100%}.attachments-compact{padding:12px}@media (max-width:768px){.teams-list{align-items:center;flex-direction:column}.teams-list li{max-width:90%}.iframe-wrapper{height:auto}.iframe-wrapper,.iframe-wrapper.small{aspect-ratio:16/9;width:100%}}@media (min-width:900px){.question-layout-grid{grid-template-areas:"qa note";grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.note-column{grid-area:note}}.finale-view{color:#e2e8f0;color:var(--text,#e2e8f0);gap:24px}.finale-header,.finale-view{display:flex;flex-direction:column}.finale-header{background:#0f172a;border:1px solid #94a3b833;border:1px solid var(--border,#94a3b833);border-radius:16px;box-shadow:0 12px 20px #04060f59;gap:12px;padding:16px}.finale-header-title{font-size:20px;font-weight:700;letter-spacing:.02em}.finale-header-row{flex-wrap:wrap;justify-content:space-between}.finale-header-row,.finale-toggle{align-items:center;display:flex;gap:12px}.finale-toggle{font-weight:600}.finale-round-selector{display:flex;flex-direction:column;font-weight:600;gap:6px;min-width:200px}.finale-round-selector select,.finale-team-card select{background:#111827;border:1px solid #94a3b833;border:1px solid var(--border,#94a3b833);border-radius:10px;color:inherit;padding:8px 10px}.finale-phase-controls{display:flex;flex-wrap:wrap;gap:8px}.finale-round-actions{display:flex;flex-wrap:wrap;gap:10px}.finale-decoder-prompt{align-items:center;background:#3b82f633;border:1px solid #3b82f666;border-radius:999px;display:inline-flex;font-weight:600;gap:10px;padding:8px 12px}.finale-section{background:#0f172a;border:1px solid #94a3b833;border:1px solid var(--border,#94a3b833);border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:16px}.finale-section h2{font-size:18px;margin:0}.finale-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.finale-form-actions{display:flex;justify-content:flex-end}.finale-team-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.finale-team-card{background:#0b1020;border:1px solid #94a3b833;border:1px solid var(--border,#94a3b833);border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:12px}.finale-team-header{display:flex;font-weight:600;gap:8px;justify-content:space-between}.finale-team-meta{color:#94a3b8;color:var(--muted,#94a3b8);display:flex;flex-direction:column;font-size:14px;gap:6px}.finale-team-meta .label{color:#cbd5f5;font-weight:600;margin-right:6px}.finale-visibility-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.finale-visibility-grid label{align-items:center;display:flex;font-weight:600;gap:8px}.finale-team-chips{display:flex;flex-wrap:wrap;gap:12px}.finale-points-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.finale-points-card{background:#0b1020;border:1px solid #94a3b833;border:1px solid var(--border,#94a3b833);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:12px}.finale-points-header{display:flex;font-weight:600;gap:8px;justify-content:space-between}.finale-points-controls{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:minmax(70px,100px) repeat(2,minmax(90px,1fr))}.finale-pickbudget-controls{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:minmax(80px,120px) minmax(70px,100px) repeat(2,minmax(90px,1fr))}.finale-points-label{color:inherit;font-weight:600}.finale-pickbudget-controls input,.finale-points-controls input{background:#111827;border:1px solid #94a3b833;border:1px solid var(--border,#94a3b833);border-radius:10px;color:inherit;padding:8px 10px}@media (max-width:720px){.finale-header-row{align-items:flex-start}.finale-decoder-prompt{justify-content:space-between;width:100%}}
/*# sourceMappingURL=main.4b803d1e.css.map*/