.display-controls{position:fixed;right:18px;top:13px;z-index:250;display:flex;align-items:center;gap:8px}.display-controls .language-switch{position:static}.dark-mode-switch{width:34px;height:34px;border:1px solid rgba(115,83,255,.22);border-radius:50%;background:rgba(255,255,255,.92);color:#493b91;font:800 17px 'Trebuchet MS';cursor:pointer;box-shadow:0 4px 18px rgba(23,21,45,.08)}.dark-mode-switch.active{background:#d9ff43;color:#17152d}.topbar .profile-button{margin-right:125px}.sound-test{width:100%;margin-top:9px;padding:9px;border:1px solid var(--line);border-radius:6px;background:#f3efff;color:#33265f;font:700 10px 'Trebuchet MS';cursor:pointer}.effect-preview{display:grid;grid-template-columns:160px minmax(240px,1fr);gap:14px;max-width:730px;margin:24px auto 0}.effect-preview>div{padding:13px;background:#fff;border:1px solid var(--line)}.effect-preview small{display:block;margin-bottom:9px;color:var(--muted);font:800 8px 'Arial Black';letter-spacing:1px}.effect-cell{position:relative;width:100%;aspect-ratio:1;border:1px solid #d9d2f3;background:#f1edff;overflow:hidden}.effect-cell .mark-symbol{display:flex;font-size:76px}.effect-bingo{min-height:160px;display:flex;align-items:center;justify-content:center;gap:13px;padding:18px;background:radial-gradient(circle at 65% 25%,rgba(115,83,255,.38),transparent 35%),#17152d;color:#fff}.effect-bingo img{width:72px;height:72px;object-fit:contain;transform:rotate(-8deg);filter:drop-shadow(0 5px 6px rgba(0,0,0,.35))}.effect-bingo img[hidden]{display:none}.effect-bingo strong{font:800 clamp(32px,4vw,58px)/.8 'Arial Black';letter-spacing:-4px;text-shadow:4px 4px 0 #7353ff}.effect-bingo span{align-self:flex-end;padding:5px 8px;background:#d9ff43;color:#17152d;font-size:9px;font-weight:800}.card-preview{aspect-ratio:1}.editable-card:not(.layout-compact):not(.layout-slim),.live-board:not(.layout-compact):not(.layout-slim){aspect-ratio:1;display:flex;flex-direction:column}.editable-card:not(.layout-compact):not(.layout-slim) .edit-grid,.live-board:not(.layout-compact):not(.layout-slim) .play-grid{flex:1;grid-template-rows:repeat(var(--rows),minmax(0,1fr))}.editable-card:not(.layout-compact):not(.layout-slim) .edit-grid textarea,.live-board:not(.layout-compact):not(.layout-slim) .play-grid button{min-height:0}.live-board{width:min(760px,70vw)}
body.dark-mode{--ink:#f4f1ff;--muted:#aaa5bb;--cream:#11101b;--line:#3c384c;--white:#201e2d;--shadow:0 20px 50px rgba(0,0,0,.35);background:#11101b;color:#f4f1ff}body.dark-mode .topbar,body.dark-mode .editor-head,body.dark-mode .settings-panel,body.dark-mode .live-toolbar,body.dark-mode .obs-hint,body.dark-mode .card-tile,body.dark-mode .steps article,body.dark-mode .effect-preview>div,body.dark-mode .legal-page,body.dark-mode .admin-config,body.dark-mode .admin-login-card,body.dark-mode .profile-menu,body.dark-mode .audience-join,body.dark-mode .audience-progress{background:#201e2d;color:#f4f1ff}body.dark-mode .hero,body.dark-mode .page-head,body.dark-mode .visitor-hero,body.dark-mode .visitor-login-panel{background:radial-gradient(circle at 75% 35%,rgba(115,83,255,.2),transparent 32%),#151321}body.dark-mode .editor-canvas,body.dark-mode .visitor-locked,body.dark-mode .audience-view{background:#14121f}body.dark-mode .outline-button,body.dark-mode .chip,body.dark-mode .card-actions button,body.dark-mode .profile-button,body.dark-mode .settings-panel input,body.dark-mode .settings-panel select,body.dark-mode .sound-test,body.dark-mode .dark-mode-switch{background:#292638;color:#f4f1ff;border-color:#474257}body.dark-mode .theme-option,body.dark-mode .tip,body.dark-mode .custom-colors,body.dark-mode .logo-preview,body.dark-mode .streamer-identity{background:#292638}body.dark-mode .eyebrow,body.dark-mode .section-heading h2,body.dark-mode .card-meta h3,body.dark-mode .obs-hint b{color:#f4f1ff}body.dark-mode .locked-preview{background:#201e2d}body.dark-mode .unlock-overlay{background:rgba(20,18,31,.82)}body.dark-mode .display-controls .language-switch{background:rgba(32,30,45,.94);border-color:#474257}body.dark-mode .site-footer{background:#0b0a12}
.option-summary{grid-column:1/-1}.option-summary>div{display:flex;flex-wrap:wrap;gap:7px}.option-summary span{padding:7px 10px;border-radius:20px;background:#f1edff;color:#4b3b87;font-size:9px;font-weight:800;text-transform:capitalize}body.dark-mode .option-summary span{background:#332f48;color:#d9ff43}
@media(max-width:900px){.effect-preview{grid-template-columns:1fr}.topbar .profile-button{margin-right:112px}}@media(max-width:600px){.display-controls{right:7px;top:7px;gap:4px}.topbar .profile-button{margin-right:94px}.effect-preview{margin-top:15px}.live-board{width:94vw}}

/* Markierte Felder werden zusätzlich zum Symbol vollflächig hervorgehoben. */
.play-grid button.marked{background:#d9ff43!important;color:#17152d!important;border-color:#17152d!important;box-shadow:inset 0 0 0 2px rgba(23,21,45,.14),0 0 0 1px rgba(217,255,67,.35);animation:markedCellIn .22s ease-out}
.play-grid button.marked .cell-label{color:inherit;text-shadow:0 1px 0 rgba(255,255,255,.4)}
.theme-custom .play-grid button.marked{background:var(--custom-accent)!important;color:var(--custom-text)!important;border-color:color-mix(in srgb,var(--custom-text) 70%,transparent)!important;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--custom-text) 16%,transparent),0 0 0 1px color-mix(in srgb,var(--custom-accent) 40%,transparent)}
.effect-cell.marked{background:#d9ff43;border-color:#17152d;box-shadow:inset 0 0 0 2px rgba(23,21,45,.14)}
.audience-view .live-badge{color:#08743c;background:#dffbed;box-shadow:0 0 0 0 rgba(50,215,120,.45);animation:livePulse 2.2s ease-out infinite}
@keyframes markedCellIn{from{filter:brightness(1.16);transform:scale(.94)}to{filter:brightness(1);transform:scale(1)}}

/* UX quality pass */
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.ui-icon{width:1.05em;height:1.05em;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.primary-button,.outline-button,.text-button,.card-actions button,.shuffle-fields{display:inline-flex;align-items:center;justify-content:center;gap:7px}.app-version{display:inline-block;margin-left:8px;padding:3px 7px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#d5d1df;font-size:9px;letter-spacing:.5px}.dashboard-quick{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(420px,1.3fr);gap:28px;align-items:center;margin:-22px 0 54px;padding:24px 28px;background:#fff;border:1px solid var(--line);box-shadow:8px 8px 0 rgba(115,83,255,.12)}.dashboard-quick>div:first-child{display:flex;align-items:center;gap:15px}.dashboard-quick h2,.dashboard-quick p{margin:0}.dashboard-quick p{margin-top:4px;color:var(--muted);font-size:11px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-card{display:flex;align-items:center;gap:13px;min-width:0;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:#f8f6fc;color:var(--ink);text-align:left;cursor:pointer}.quick-card:not(:disabled):hover{border-color:var(--purple);transform:translateY(-1px)}.quick-card:disabled{cursor:not-allowed;opacity:.65}.quick-card>.ui-icon{width:22px;height:22px;color:var(--purple)}.quick-card span{display:grid;min-width:0;gap:3px}.quick-card b,.quick-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-card small{color:var(--muted);font-size:9px}.editor-onboarding{position:relative;margin-bottom:15px;padding:16px 38px 16px 17px;background:#f1edff;border-left:4px solid var(--purple);color:var(--ink)}.editor-onboarding>button{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer}.editor-onboarding b{font:800 12px 'Arial Black';letter-spacing:-.2px}.editor-onboarding ol{margin:10px 0 0;padding-left:18px;color:#5f5b70;font-size:10px;line-height:1.7}.editor-category{margin-bottom:10px;border:1px solid var(--line);background:#fff}.editor-category>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;cursor:pointer;list-style:none;font:800 10px 'Arial Black';letter-spacing:.7px}.editor-category>summary::-webkit-details-marker{display:none}.editor-category>summary:after{content:'+';font:700 18px/1 Arial;color:var(--purple)}.editor-category[open]>summary:after{content:'−'}.editor-category>summary small{margin-left:auto;color:var(--muted);font:500 8px 'Trebuchet MS';letter-spacing:0}.editor-category-content{padding:0 14px 14px}.editor-category-content>.setting-group,.editor-category-content>.custom-colors,.editor-category-content>.tip,.editor-category-content>label{margin-top:12px}.status-pill[data-state=dirty]{background:#fff2ca;color:#815a00}.status-pill[data-state=saving]{background:#ebe5ff;color:#5a3de0}.status-pill[data-state=saved]{background:#e3f9ec;color:#147a43}.status-pill[data-state=error]{background:#ffe5e8;color:#b52d3e}.toast[data-type=error]{border-left:5px solid #d83b51}.card-actions .ui-icon{width:15px;height:15px}.empty-card .ui-icon{width:34px;height:34px;margin-bottom:8px;color:var(--purple)}button[aria-busy=true]{cursor:progress;opacity:.72}.feedback-modal[role=dialog]{backdrop-filter:blur(3px)}body.dark-mode .dashboard-quick,body.dark-mode .editor-category{background:#201e2d;border-color:#403b50;color:#f4f1ff}body.dark-mode .quick-card{background:#292638;border-color:#474257;color:#f4f1ff}body.dark-mode .editor-onboarding{background:#302b4c;color:#f4f1ff}body.dark-mode .editor-onboarding ol{color:#d4cfea}@media(max-width:900px){.dashboard-quick{grid-template-columns:1fr;margin-top:10px}.quick-actions{grid-template-columns:1fr 1fr}}@media(max-width:600px){.dashboard-quick{padding:20px;box-shadow:5px 5px 0 rgba(115,83,255,.12)}.quick-actions{grid-template-columns:1fr}.editor-category>summary small{display:none}.site-footer{gap:18px;flex-direction:column}.app-version{margin-left:5px}}

/* Animated card glow and OBS bingo exit */
@property --glow-angle{syntax:'<angle>';initial-value:0deg;inherits:false}.editable-card,.live-board,.card-preview{position:relative}.border-glow{isolation:isolate}.border-glow:before{content:"";position:absolute;z-index:-1;inset:-8px;padding:5px;border-radius:10px;background:conic-gradient(from var(--glow-angle),transparent 0 18%,var(--card-glow,#9a7cff) 26% 42%,transparent 50% 68%,var(--card-glow,#9a7cff) 76% 92%,transparent 100%);filter:drop-shadow(0 0 7px var(--card-glow,#9a7cff)) drop-shadow(0 0 16px var(--card-glow,#9a7cff));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:cardGlowOrbit 3.2s linear infinite}.card-preview.border-glow:before{inset:-4px;padding:3px;border-radius:5px;filter:drop-shadow(0 0 3px var(--card-glow,#9a7cff))}.glow-color-control{display:flex!important;align-items:center;justify-content:space-between;margin-top:10px}.glow-color-control input{width:72px!important;height:34px;margin:0!important;padding:2px}.bingo-dismiss-settings>label:last-of-type{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px}.bingo-dismiss-settings>label:last-of-type span{display:flex;align-items:center;gap:5px;font:600 10px 'Trebuchet MS';letter-spacing:0;text-transform:none}.bingo-dismiss-settings input[type=number]{width:65px;margin:0;padding:8px}.card-dismissing .live-board,.card-dismissing .near-bingo-ticker,.card-dismissing .round-over-overlay{animation:overlayCardWarpOut 1.1s cubic-bezier(.7,0,.3,1) both}.card-dismissed .live-board,.card-dismissed .near-bingo-ticker,.card-dismissed .round-over-overlay,.card-dismissed .bingo-celebration{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.preview-dismiss{animation:editorDismissPreview 1.35s cubic-bezier(.6,0,.25,1) both}@keyframes cardGlowOrbit{to{--glow-angle:360deg}}@keyframes overlayCardWarpOut{0%{opacity:1;transform:perspective(900px) rotateX(0) rotateZ(0) scale(1);filter:blur(0) saturate(1)}35%{opacity:1;transform:perspective(900px) rotateX(5deg) rotateZ(-1.5deg) scale(1.035);filter:blur(0) saturate(1.5)}100%{opacity:0;transform:perspective(900px) rotateX(22deg) rotateZ(4deg) scale(.72) translateY(-70px);filter:blur(16px) saturate(2)}}@keyframes editorDismissPreview{0%,100%{opacity:1;transform:scale(1);filter:none}55%{opacity:.12;transform:perspective(900px) rotateX(18deg) rotateZ(3deg) scale(.75) translateY(-35px);filter:blur(12px) saturate(2)}}@keyframes fadeOut{to{opacity:0}}@media(prefers-reduced-motion:reduce){.border-glow:before{animation:none;background:var(--card-glow,#9a7cff)}.card-dismissing .live-board,.card-dismissing .near-bingo-ticker,.card-dismissing .round-over-overlay{animation:fadeOut .25s ease both}.preview-dismiss{animation:fadeOut .25s ease alternate 2}}