@font-face{font-family:Lilita One;src:url(/fonts/lilita-one.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.dub-lobby-shell{--dub-bg: #171323;--dub-panel: #2e2748;--dub-border: #100d1c;--dub-muted: #b0a7c9;--dub-gold: #ffbb28;--dub-coral: #ff746a;max-width:none!important;min-height:100vh;margin:0!important;padding:16px max(24px,calc((100vw - 1380px)/2)) 30px!important;background-color:var(--dub-bg);background-image:url(/lobby/pattern.svg);color:#f7f3ff}.dub-lobby-shell .room-header{height:160px;min-height:0;position:relative;display:flex;justify-content:center;align-items:center;margin:0 0 24px;padding:0;border:0;background:none;box-shadow:none}.dub-lobby-shell .room-brand-actions{display:block}.dub-lobby-shell .wortmarke{display:block;width:340px;max-width:65vw;filter:none}.dub-lobby-shell .wortmarke img{display:block;width:100%;height:auto;max-height:150px;object-fit:contain}.dub-lobby-shell .connection-pill{position:absolute;left:0;top:8px;background:transparent;border:0;box-shadow:none;font-size:11px;opacity:.7}.dub-lobby-shell .connection-connected .connection-label,.dub-lobby-shell .connection-connected .connection-label-compact{display:none}.dub-lobby{position:relative;width:100%;font-size:14px}.dub-lobby h2,.dub-pill,.dub-mode>span,.dub-player-name strong,.dub-you,.dub-empty-player{font-family:Lilita One,DM Sans,sans-serif;font-weight:400}.dub-lobby h2{font-size:22px;line-height:1.15;text-transform:uppercase;margin:0 0 14px;color:#f3edff;letter-spacing:.3px}.dub-grid{display:grid;grid-template-columns:365px minmax(0,1fr);gap:22px;align-items:start}.dub-panel{background:var(--dub-panel);border:3px solid var(--dub-border);border-radius:18px;box-shadow:0 7px #0d0a16,inset 0 2px #ffffff06}.dub-players{padding:16px 15px 14px;min-height:0;display:flex;flex-direction:column}.dub-player-list{display:flex;flex-direction:column;gap:7px}.dub-player{position:relative;display:flex;align-items:center;gap:10px;min-height:52px;padding:5px 9px;background:#393153;border:2px solid #1b1630;border-radius:13px;box-shadow:inset 0 1px #ffffff0c}.dub-player-name{flex:1;min-width:0;line-height:1.2}.dub-player-name strong{font-size:19px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dub-player-name small{font-size:10px;color:var(--dub-muted)}.dub-avatar{flex-shrink:0;position:relative;display:grid;place-items:center;width:37px;height:37px;padding:0;border:2px solid #120e20;border-radius:50%;background:#8470b4;color:#fff;overflow:hidden;font-family:Lilita One;font-size:22px}.dub-avatar .avatar-image{width:100%;height:100%;object-fit:cover}.dub-avatar-edit{position:absolute;bottom:1px;right:1px;background:#171323;border-radius:3px}.dub-crown{width:29px;height:29px;object-fit:contain}.dub-you{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;background:#8ed32c;color:#183713;font-size:13px;text-transform:uppercase;border:2px solid #182315;border-radius:50%;box-shadow:inset 0 2px #fff5}.dub-kick{width:40px;height:35px;display:grid;place-items:center;border:2px solid #181229;border-radius:24px;background:#494061;color:#b5aaca;box-shadow:0 4px #181229}.dub-kick:hover{background:#715075;color:#fff}.dub-ready-indicator{position:absolute;left:40px;bottom:5px;width:14px;height:14px;border:2px solid #2e2748;border-radius:50%;background:#81758f;color:#143113;display:grid;place-items:center}.is-ready .dub-ready-indicator{background:#94d544}.dub-empty-player{display:grid;place-items:center;min-height:38px;border-radius:9px;background:#ffffff04;border:2px solid #ffffff02;color:#7f7398;text-transform:uppercase;font-size:13px}.dub-player-actions{margin-top:auto;padding-top:12px;text-align:center}.dub-player.has-team{--team-color: #ef6767;border-left:7px solid var(--team-color);background:color-mix(in srgb,var(--team-color) 13%,#393153)}.dub-player.has-team.team-B{--team-color: #48a6f4}.dub-player.has-team.team-C{--team-color: #7fc54e}.dub-player.has-team.team-D{--team-color: #ffca40}.dub-player-team-badge{display:inline-flex;margin-top:3px;border:1px solid var(--team-color);border-radius:999px;padding:1px 7px;background:color-mix(in srgb,var(--team-color) 22%,#211a36);color:var(--team-color);font-family:DM Sans,sans-serif;font-size:9px;font-weight:800;line-height:1.4;text-transform:uppercase}.dub-local-test{display:grid;gap:7px;margin-bottom:12px;padding:10px;border:2px dashed #8c7ab4;border-radius:12px;background:#1c1731;text-align:left;font-family:DM Sans,sans-serif;font-size:11px}.dub-local-test>label,.dub-local-test-teams label{display:flex;align-items:center;justify-content:space-between;gap:8px}.dub-local-test select{min-width:76px;border:1px solid #6e608e;border-radius:7px;padding:4px 7px;background:#30284d;color:#fff}.dub-local-test-teams{display:grid;gap:5px;max-height:112px;overflow-y:auto}.dub-local-test small{color:#a99fbd}.dub-ready-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}.dub-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:3px solid var(--dub-border);border-radius:999px;padding:10px 20px;min-height:42px;line-height:1.15;background:#4b416b;color:#f9f5ff;box-shadow:0 5px #0d0a16,inset 0 2px #ffffff12;text-transform:uppercase;transition:transform .15s,background .15s;cursor:pointer;text-decoration:none}.dub-pill:hover:not(:disabled){background:#5c507f;transform:translateY(-1px)}.dub-pill:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #0d0a16}.dub-pill:disabled{cursor:not-allowed;opacity:.5}.dub-lobby :focus-visible{outline:3px solid #80d6ff;outline-offset:4px}.dub-ready-controls .dub-pill{font-family:DM Sans,sans-serif;font-weight:700;text-transform:none;font-size:10px;min-height:34px;padding:5px;gap:4px;border-width:2px}.dub-ready-controls .is-confirmed{color:#c7f399;background:#344830}.dub-invite{width:100%;background:#36a6ee;font-size:16px;min-height:42px;padding:6px 12px;box-shadow:0 5px #0d0a16,inset 3px 3px #ffffff35}.dub-invite:hover:not(:disabled){background:#59b9f7}.dub-invite img{width:24px;height:24px;object-fit:contain}.dub-streamer{background:none;border:0;color:#bbb0cf;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:700;padding:9px 0 7px;width:100%;cursor:pointer}.dub-streamer svg{color:#ffc344}.dub-copy-code{min-height:32px;padding:5px 18px;font-size:12px;border-width:2px}.dub-copy-status{font-size:11px;color:#d9cfee;margin:6px 0 0}.dub-room-code{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:9px}.dub-room-code span{font-size:11px;color:var(--dub-muted)}.dub-room-code strong{letter-spacing:3px}.dub-invite-link{margin:15px 0 0;text-align:left}.dub-invite-link label{font-size:11px;color:#c3b9da}.dub-invite-link>div{display:flex;gap:6px;margin-top:5px}.dub-invite-link input{min-width:0;flex:1;background:#211b35;border:2px solid #141020;border-radius:7px;padding:7px;color:#fff;font-size:11px}.dub-invite-link .dub-pill{min-height:32px;padding:5px 9px;border-width:2px}.dub-error{font-size:12px;color:#ffc1b7;background:#642f454f;border:1px solid #d9716a55;border-radius:8px;padding:9px;text-align:left}.dub-main{min-width:0}.dub-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.dub-mode{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-height:136px;padding:8px 6px 12px;border:3px solid var(--dub-border);border-radius:17px;background:#2e2748;box-shadow:0 6px #0d0a16,inset 0 2px #ffffff07;color:#e5ddef;cursor:pointer;transition:background .15s,transform .15s}.dub-mode>img{width:94px;height:90px;object-fit:contain;filter:drop-shadow(0 3px 0 #0003)}.dub-mode>span{font-size:20px;line-height:1.15;text-transform:uppercase}.dub-mode.is-selected{background:var(--dub-gold);color:#352939;box-shadow:0 6px #0d0a16,inset 2px 2px #ffe39b66}.dub-mode:hover:not(:disabled){transform:translateY(-2px)}.dub-mode:disabled{cursor:default}.dub-mode:not(.is-selected):disabled>img{filter:saturate(.6);opacity:.7}.dub-mode:not(.is-selected):disabled>span{color:#b4a9c7}.dub-round-settings{padding:15px 16px 12px;min-height:0}.dub-round-settings h2{font-size:20px;margin-bottom:10px}.dub-time{display:grid;grid-template-columns:145px 1fr;align-items:center;gap:8px;margin-bottom:10px}.dub-time label{font-family:Lilita One;text-transform:uppercase;font-size:16px;color:#bbb1d0}.dub-lobby select,.dub-search-row input{font:700 13px DM Sans,sans-serif;color:#f1eafa;background:#2a2342;border:2px solid #191329;border-radius:11px;padding:9px 12px;height:41px;width:100%;min-width:0;box-shadow:inset 0 2px 4px #15102540}.dub-lobby select:disabled{opacity:1;color:#f1eafa;-webkit-text-fill-color:#f1eafa}.dub-search-row{display:grid;grid-template-columns:1fr 180px;gap:8px;margin-bottom:9px}.dub-search-row input::placeholder{color:#b1a5c8}.dub-scenes{height:225px;max-height:260px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#7f7396 #241e38;scrollbar-width:thin;padding-right:8px;display:flex;flex-direction:column;gap:4px}.dub-scene{display:flex;align-items:center;gap:9px;text-align:left;border:2px solid transparent;border-radius:10px;padding:7px 9px;background:transparent;min-height:40px;flex-shrink:0;width:100%;color:#eee6fa;font:700 13px DM Sans,sans-serif;cursor:pointer}.dub-scene>img,.dub-scene-placeholder{width:27px;height:27px;object-fit:cover;border-radius:3px;flex-shrink:0}.dub-scene-placeholder{display:grid;place-items:center;background:#64537e}.dub-scene>span:not(.dub-scene-placeholder){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dub-scene small{font-size:11px;color:#b9aecb}.dub-scene:hover:not(:disabled){background:#ffffff08}.dub-scene.is-selected,.dub-scene.is-selected:hover{background:var(--dub-gold);color:#322439;box-shadow:inset 2px 2px #ffeabb45}.dub-scene.is-selected small{color:#604525}.dub-scene:disabled{cursor:default}.dub-scene.is-unsuitable:not(.is-selected){color:#a99cb9}.dub-scene-meta{font-size:12px}.dub-random svg{flex-shrink:0;margin:0 2px}.dub-no-scenes{font-size:14px;color:#bcb0d0;text-align:center;padding:35px 20px}.dub-scene-summary{display:flex;justify-content:space-between;gap:10px;min-height:26px;padding:8px 4px 0;color:#a99cbe;font-size:11px}.dub-warning{color:#ffd184}.dub-bottom-actions{display:flex;justify-content:center;align-items:flex-start;gap:18px;padding-top:18px}.dub-leave{min-width:140px;margin-top:1px;min-height:48px;font-size:18px}.dub-start-wrap{text-align:center;max-width:300px}.dub-start{background:var(--dub-coral);color:#302033;font-size:26px;min-height:50px;min-width:225px;box-shadow:0 5px #0d0a16,inset 4px 4px #ffc0ac66}.dub-start:hover:not(:disabled){background:#ff9181}.dub-start:disabled{opacity:.65}.dub-start-wrap p{font-size:11px;color:#b3a6c6;margin:8px 0 0}.dub-settings-anchor{position:absolute;right:0;top:0;z-index:15}.dub-settings-button{min-width:52px;min-height:38px;padding:6px 14px}.dub-settings-button img{width:22px;height:22px;object-fit:contain}.dub-preferences{position:absolute;right:0;top:46px;width:300px;padding:18px;display:flex;flex-wrap:wrap;gap:12px;z-index:25}.dub-preferences h2{font-size:18px;margin:0}.dub-preferences label{display:flex;gap:8px;align-items:center;font-size:12px}.dub-preferences input{accent-color:#ffbb28}.dub-preferences .dub-pill{font-size:12px;min-height:32px;padding:6px 12px}@media(min-width:1550px){.dub-lobby-shell{padding-top:25px!important}.dub-lobby-shell .room-header{height:170px}.dub-grid{grid-template-columns:390px minmax(0,1fr)}.dub-mode{min-height:140px}}@media(max-width:1050px){.dub-grid{grid-template-columns:285px minmax(0,1fr);gap:16px}.dub-players{padding:13px}.dub-mode>span{font-size:18px}.dub-modes{gap:9px}.dub-time{grid-template-columns:120px 1fr}.dub-time label{font-size:15px}.dub-search-row{grid-template-columns:1fr 125px}.dub-player-name strong{font-size:18px}.dub-ready-controls{grid-template-columns:1fr}.dub-ready-controls .dub-pill{font-size:11px}}@media(max-width:760px){.dub-lobby-shell{padding:12px 14px 28px!important}.dub-lobby-shell .room-header{height:110px;margin-bottom:20px}.dub-lobby-shell .wortmarke{width:245px;max-width:63vw}.dub-lobby-shell .connection-pill{top:0;left:-6px}.dub-lobby-shell .connection-pill span{display:none}.dub-settings-anchor{top:-124px;right:0}.dub-settings-button{min-width:44px;min-height:37px;padding:6px 10px}.dub-settings-button img{width:20px;height:20px}.dub-grid{grid-template-columns:1fr;gap:20px}.dub-main{grid-row:1}.dub-players{min-height:0;grid-row:2;padding:15px}.dub-player-list{display:grid;grid-template-columns:1fr 1fr}.dub-player{min-height:55px}.dub-player-name strong{font-size:17px}.dub-crown{width:22px;height:22px}.dub-you{width:28px;height:28px;font-size:11px}.dub-empty-player{min-height:45px}.dub-mode{min-height:133px;padding:7px 4px 12px}.dub-mode>img{width:87px;height:83px}.dub-mode>span{font-size:17px}.dub-round-settings{padding:14px;min-height:0}.dub-time{grid-template-columns:116px 1fr}.dub-scenes{height:240px}.dub-search-row{grid-template-columns:1fr 125px}.dub-bottom-actions{padding-top:20px;gap:12px}.dub-start{min-width:180px;font-size:24px}.dub-leave{min-width:120px;font-size:16px}.dub-ready-controls{grid-template-columns:1fr 1fr}.dub-ready-controls .dub-pill{font-size:12px}.dub-player-actions{margin-top:2px}.dub-invite{max-width:400px}.dub-player-actions>.dub-invite-link{max-width:400px;margin-left:auto;margin-right:auto}.dub-scene small{display:none}.dub-scene-summary{font-size:10px}.dub-preferences{width:min(300px,calc(100vw - 30px))}}@media(max-width:420px){.dub-lobby-shell{padding-left:10px!important;padding-right:10px!important}.dub-modes{gap:6px}.dub-mode>span{font-size:15px}.dub-mode>img{width:75px;height:78px}.dub-player-list{grid-template-columns:1fr}.dub-empty-player{min-height:28px}.dub-scene{font-size:12px;padding-left:7px;gap:7px}.dub-scene-meta{font-size:11px}.dub-time{grid-template-columns:108px 1fr}.dub-time label{font-size:14px}.dub-search-row{grid-template-columns:1fr 102px}.dub-lobby select,.dub-search-row input{font-size:12px;padding:8px}.dub-start{min-width:160px}.dub-leave{min-width:110px}.dub-bottom-actions{gap:10px}}@media(prefers-reduced-motion:reduce){.dub-pill,.dub-mode{transition:none}}@media(min-width:761px){.dub-lobby-shell{min-height:100vh;height:auto;overflow-x:hidden;overflow-y:auto;padding-top:12px!important;padding-bottom:16px!important}.dub-lobby-shell .room-header{height:0!important;margin:0!important;overflow:visible}.dub-lobby-shell .room-brand-actions,.dub-lobby-shell .wortmarke,.dub-lobby-shell .connection-pill{display:none}.dub-lobby{min-height:calc(100vh - 28px);height:auto;display:flex;flex-direction:column;justify-content:flex-start;padding-top:46px;position:relative}.dub-settings-anchor{position:absolute;top:0;right:0}}@media(min-width:761px)and (min-height:880px){.dub-lobby-shell{display:flex;flex-direction:column;justify-content:center}.dub-lobby{height:calc(100dvh - 120px);min-height:0;overflow:hidden}.dub-grid{flex:1;min-height:0;align-items:stretch}.dub-players{padding:17px}.dub-player-list{flex:1;display:grid;grid-template-rows:repeat(8,minmax(42px,1fr));max-height:680px;gap:8px}.dub-player{min-height:0;padding:6px 10px;gap:11px}.dub-player-name strong{font-size:20px}.dub-avatar{width:39px;height:39px;font-size:23px}.dub-empty-player{min-height:0;font-size:14px}.dub-player-actions{padding-top:16px}.dub-ready-controls{gap:8px;margin-bottom:14px}.dub-invite{font-size:17px;min-height:44px;padding:7px 12px}.dub-streamer{padding:12px 0 10px}.dub-room-code{margin-bottom:12px}.dub-copy-code{min-height:33px;padding:5px 20px;font-size:12px}.dub-modes{flex:0 0 auto;gap:15px;margin-bottom:16px}.dub-main{display:flex;min-height:0;flex-direction:column}.dub-mode{min-height:150px;padding:9px 8px 15px}.dub-mode>img{width:104px;height:100px}.dub-mode>span{font-size:22px}.dub-round-settings{flex:1;display:flex;min-height:0;flex-direction:column;padding:16px 17px 12px}.dub-round-settings h2{font-size:21px;margin-bottom:12px}.dub-time{margin-bottom:11px}.dub-time label{font-size:17px}.dub-lobby select,.dub-search-row input{font-size:14px;padding:10px 12px;height:44px}.dub-search-row{margin-bottom:9px}.dub-scenes{flex:1;height:auto;max-height:none;min-height:250px}.dub-scene{min-height:44px;padding:8px 10px;gap:10px}.dub-scene-summary{min-height:28px;padding:8px 4px 0}.dub-bottom-actions{flex:0 0 auto;padding-top:22px;gap:20px}.dub-leave{min-width:145px;min-height:50px;font-size:18px}.dub-start{font-size:27px;min-height:52px;min-width:235px}.dub-start-wrap p{margin:10px 0 0}}@media(max-width:760px){.dub-lobby-shell .room-brand-actions,.dub-lobby-shell .wortmarke{display:none}.dub-lobby-shell .room-header{height:28px;margin-bottom:8px}.dub-settings-anchor{top:10px}}.dub-team-selection{margin-bottom:12px}.dub-team-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px;margin-bottom:6px}.dub-team-option{--team-color: #ef6767;background:#29223f;color:#f5efff;border:2px solid var(--team-color);border-radius:12px;padding:8px;text-align:left;cursor:pointer;min-width:0}.dub-team-option.team-B{--team-color: #48a6f4}.dub-team-option.team-C{--team-color: #7fc54e}.dub-team-option.team-D{--team-color: #ffca40}.dub-team-option[aria-pressed=true]{background:color-mix(in srgb,var(--team-color) 30%,#29223f);box-shadow:inset 0 0 0 1px var(--team-color)}.dub-team-option strong{color:var(--team-color)}.dub-team-option span{display:block;font-size:12px;overflow-wrap:anywhere}.dub-team-option small{display:block;font-weight:700}.dub-team-selection>small{color:#c6badc}.recording-shell{width:100%;max-width:none;height:100dvh;min-height:0;margin:0;padding:16px 22px 12px;color:#f2edf9}.recording-room{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.record-header{display:grid;grid-template-columns:140px minmax(0,1fr) 140px;align-items:center;gap:6px 16px;padding-bottom:16px}.record-header h1,.record-header>strong{font:400 26px/1.15 Lilita One,sans-serif;margin:0}.record-header h1{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-header>strong{text-align:right;text-transform:uppercase;white-space:nowrap}.record-dots{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:min(100%,1080px);margin:0 auto;padding:0 0 2px}.record-dots span{width:8px;height:8px;border-radius:50%;background:#4b455d;flex-shrink:0}.record-dots .is-complete{background:#77c125}.record-dots .is-current{background:#30273b;outline:3px solid #ffbf39;outline-offset:-1px}.record-take{min-height:0;display:grid;grid-template-rows:minmax(90px,1fr) auto clamp(65px,12.5dvh,138px) auto;gap:8px}.record-clip{min-height:0;position:relative;display:flex;justify-content:center;align-items:center;padding:12px;border:3px solid #0c091b;border-radius:16px;background:#131026;box-shadow:0 5px #0c091b;overflow:hidden}.record-clip img{width:100%;height:100%;min-height:0;object-fit:contain}.record-countdown{position:absolute;inset:0;display:grid;place-items:center;background:#16102655;font:400 clamp(48px,10vh,100px) "Lilita One",sans-serif;text-shadow:0 4px 0 #151022}.record-caption{text-align:center;min-width:0;padding:0 12px}.record-caption small{color:#54c9ac;font:400 14px/1.2 Lilita One,sans-serif}.record-caption blockquote{margin:2px 0;font:400 clamp(18px,2.5vh,25px) / 1.15 "Lilita One",sans-serif;overflow-wrap:anywhere}.record-caption p{margin:3px 0;color:#bfb3d5;font-size:13px;line-height:1.25}.record-take .dub-waveform{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:3px;height:100%;margin:0}.record-take .dub-waveform__surface{height:100%;background:#2c263d;border:2px solid #0b0916;border-radius:13px;padding:9px}.record-take .dub-waveform__canvas{height:100%}.record-console{padding:3px 0 0;text-align:center}.record-effects{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.record-effects button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:2px solid #171223;padding:4px 10px;border-radius:11px;background:#312944;color:#bfb1d7;font:400 14px/1.1 Lilita One,sans-serif;text-transform:uppercase;cursor:pointer;opacity:1}.record-effects button:disabled{cursor:wait;opacity:.55}.record-effects button:focus-visible{outline:3px solid #83d8f5;outline-offset:2px}.record-take .dub-waveform__legend{margin:0;font-size:10px;line-height:1}.record-effects button span{font-size:18px}.record-effects .is-normal{background:#ffbf2e;color:#fff8e8}.record-hint{color:#b7acc9;margin:8px 0 10px;font-size:14px;line-height:1.2;font-weight:700}.record-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.record-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 21px;border:3px solid #0e0a1b;border-radius:999px;background:#4d426e;color:#f4eefc;box-shadow:0 5px #0b0916,inset 2px 2px #ffffff20;font:400 20px/1.1 Lilita One,sans-serif;text-transform:uppercase;cursor:pointer}.record-pill:hover:not(:disabled){filter:brightness(1.12)}.record-pill:focus-visible{outline:3px solid #83d8f5;outline-offset:3px}.record-pill:disabled{opacity:.5;cursor:not-allowed}.record-original{background:#ffbd2c;color:#372935}.record-capture{background:#ff7269;color:#362536}.record-next{background:#79c922;color:#263721}.record-back,.record-exit{padding:8px 18px}.record-exit{justify-self:start;min-height:45px}.record-red-dot{width:10px;height:10px;border-radius:50%;background:currentColor}.record-audio-options{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:10px;color:#a79bbd;font-size:10px;line-height:1.2}.record-audio-options label,.record-audio-options span{display:inline-flex;align-items:center;gap:5px}.record-audio-options input{width:13px;height:13px;padding:0;flex:0 0 13px;accent-color:#ffbd2c;margin:0}.record-audio-options label{margin:0;font-size:inherit;color:inherit;cursor:pointer}.record-audio-options svg{flex-shrink:0}.record-error{margin:7px auto 0;padding:7px 12px;max-width:850px;border:1px solid #fc8e7966;border-radius:8px;background:#552b3c;color:#ffe0db;font-size:12px}.record-take>audio{display:none}.record-take .take-preview[hidden]{display:none}.record-waiting{min-height:100%}.record-connection{position:fixed;top:68px;right:22px;z-index:5;padding:7px 12px;border-radius:10px;background:#552b3c;color:#ffe0db;font-size:12px}.record-absent{position:absolute;top:70px;left:22px;z-index:3;padding:8px 12px;border-radius:12px;background:#30273f;font-size:13px}.record-absent summary{cursor:pointer}@media(max-width:760px){.recording-shell{padding:10px}.record-header{grid-template-columns:50px minmax(0,1fr) 92px;gap:8px;padding-bottom:10px}.record-header h1,.record-header>strong{font-size:17px}.record-exit{padding:7px 11px;min-height:38px}.record-dots{gap:5px}.record-dots span{width:6px;height:6px}.record-clip{padding:5px;border-radius:12px}.record-effects{gap:4px}.record-effects button{font-size:11px;padding:3px 6px;gap:3px}.record-effects button span{font-size:14px}.record-actions{gap:5px}.record-pill{min-height:38px;padding:7px 10px;font-size:15px;gap:3px}.record-actions svg{width:14px}.record-hint{font-size:12px;margin:6px 0 8px}.record-audio-options{gap:5px;font-size:9px;margin-top:9px}}@media(max-height:540px){.recording-shell{height:auto;min-height:100dvh}.record-take{grid-template-rows:180px auto 65px auto}}.role-selection{min-height:100dvh;padding:clamp(22px,6vh,75px) 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px}.role-selection h1,.submission-status h1{margin:0;font:400 clamp(30px,4vw,46px) / 1.1 "Lilita One",sans-serif;text-transform:uppercase}.role-selection p{color:#bcb0d1;margin:0;font-size:14px}.role-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;max-width:1400px}.role-card{width:165px;min-height:195px;border:3px solid #100c20;border-radius:15px;padding:14px 10px;box-shadow:0 5px #100c20;background:#352c50;color:#f4effc;display:flex;align-items:center;flex-direction:column;gap:7px;cursor:pointer}.role-card strong{font:400 18px Lilita One,sans-serif}.role-card small{color:#bcb0d1}.role-card.is-mine{background:#ffbc2b;color:#302136}.role-card.is-mine small{color:#664521}.role-card:disabled{opacity:1;cursor:default}.role-card:focus-visible{outline:3px solid #83d8f5;outline-offset:3px}.role-owner{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:13px}.role-owner b{overflow-wrap:anywhere}.role-avatar{width:48px;height:48px;border:2px solid #140e23;border-radius:50%;object-fit:cover}.role-initial{display:grid;place-items:center;background:#756091;color:#fff;font:400 24px Lilita One,sans-serif}.role-actions{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.role-actions .record-pill{font-size:17px}.submission-status{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:30px 15px;text-align:center}.submission-popcorn{font-size:78px;line-height:1}.submission-status h1{color:#ff746b}.submission-status>p{margin:0;color:#bdb0d2;font-weight:700}.submission-progress{width:min(100%,450px);display:grid;gap:10px;color:#c5b9d9;font-size:13px}.submission-progress progress{width:100%;height:12px;accent-color:#86cd39}.submission-players{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;max-width:900px}.submission-player{width:155px;padding:16px 10px;border:3px solid #100c20;border-radius:14px;background:#312744;display:flex;align-items:center;flex-direction:column;gap:9px;font-size:13px}.submission-player strong{overflow-wrap:anywhere}.submission-player .is-finished{color:#95d443;font-weight:700}.submission-player .is-pending{color:#ffca65}.dub-role-distribution{display:grid;grid-template-columns:auto minmax(180px,280px) 1fr;align-items:center;gap:10px 14px;margin:4px 0 12px}.dub-role-distribution label{margin:0;color:#c8bdd9;font-weight:800}.dub-role-distribution small{color:#a99dbd}.dub-role-distribution select{background:#30273e;color:#eee6ff;border:1px solid #615277;border-radius:8px;padding:9px;width:100%}.role-remaining{color:#ffca65!important;font-weight:800}@media(max-width:520px){.dub-role-distribution{grid-template-columns:1fr;text-align:left}.role-card{width:145px;min-height:175px}.role-selection{padding:25px 10px}.submission-player{width:135px}}@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/dm-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/dm-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/manrope-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{font-family:DM Sans,sans-serif;color:#f7f7fb;background:#171323;font-synthesis:none;--bg: #171323;--panel: #2a1f63;--panel2: #342877;--line: rgba(255, 255, 255, .14);--muted: #b6adde;--violet: #8b5cf6;--violet-hell: #a78bfa;--coral: #ff6b5d;--gold: #ffcc66;--cyan: #53d6c7;--r-card: 26px;--r-tile: 18px;--r-pill: 999px;--schatten: 0 24px 60px rgba(10, 5, 35, .55)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#171323;background-image:url(/lobby/pattern.svg);background-repeat:repeat;color:#f7f3ff}button,input{font:inherit}button,a{transition:.2s ease}button{color:inherit}a{color:inherit;text-decoration:none}.landing-shell,.app-shell,.admin-shell{min-height:100vh;min-height:100dvh;background-color:#171323;background-image:url(/lobby/pattern.svg);background-repeat:repeat}.topbar,.room-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,78px);border-bottom:2px solid #100d1c;background:#171323e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;z-index:5}.wortmarke{display:flex;align-items:center}.wortmarke img{height:46px;width:auto;display:block}.quiet-link{border:0;background:none;color:var(--muted);display:flex;gap:8px;align-items:center;cursor:pointer}.quiet-link:hover{color:#fff}.strahlen{display:none}.strahlen svg{position:absolute;left:-25%;top:-25%;width:150%;height:150%;animation:strahlen-dreh 90s linear infinite}@keyframes strahlen-dreh{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.strahlen svg{animation:none}.start-hinweis-abdunklung,.spielerkarte.start-hinweis-ziel{animation:none}}.landing-shell>.topbar,.landing-shell>.buehne{position:relative;z-index:1}.buehne{min-height:calc(100vh - 150px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:30px 20px 90px}.karten-reihe{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap}.spielerkarte{width:230px;padding:22px 18px;border-radius:22px;background:#3a2c80d9;box-shadow:inset 0 0 0 3px #ffffff29,var(--schatten);display:grid;justify-items:center;gap:16px}.buehne.start-hinweis-aktiv{z-index:6;isolation:isolate}.start-hinweis-abdunklung{position:fixed;inset:0;z-index:1;pointer-events:none;background:#08051485;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);animation:start-hinweis-einblenden .22s ease-out both}.spielerkarte.start-hinweis-ziel{position:relative;z-index:2;box-shadow:inset 0 0 0 3px #ffffff3d,0 0 0 4px #ffebaef2,0 0 36px 12px #ffcc6694,var(--schatten);animation:start-hinweis-puls 1.15s ease-in-out infinite alternate}.start-hinweis-text{position:absolute;left:50%;top:-42px;transform:translate(-50%);width:max-content;max-width:min(320px,88vw);padding:9px 16px;border:2px solid rgba(255,255,255,.72);border-radius:var(--r-pill);background:var(--gold);box-shadow:0 8px 24px #0a05238c;color:#251747;font:800 14px Manrope;line-height:1.15;text-align:center}@keyframes start-hinweis-einblenden{0%{opacity:0}to{opacity:1}}@keyframes start-hinweis-puls{0%{transform:scale(1)}to{transform:scale(1.025)}}.spieler-avatar{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;font:800 62px Manrope;color:#241a4d;background:linear-gradient(150deg,var(--gold),var(--coral));box-shadow:inset 0 0 0 5px #ffffff59}.spieler-avatar-knopf{position:relative;border:0;padding:0;cursor:pointer}.spieler-avatar .avatar-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.spieler-avatar-knopf:hover .avatar-edit,.spieler-avatar-knopf:focus-visible .avatar-edit{transform:scale(1.12)}.avatar-edit.gross{width:34px;height:34px;right:6px;bottom:6px;z-index:1;border:2px solid rgba(36,26,77,.85);box-shadow:0 4px 12px #0a052380}.spieler-name{display:flex;align-items:center;gap:6px;width:100%;background:#140d34bf;border-radius:var(--r-pill);padding:5px 5px 5px 14px}.spieler-name input{border:0;background:none;padding:0;font:700 15px Manrope;border-radius:0}.spieler-name input:focus{box-shadow:none}.spieler-name button{flex:0 0 auto;width:38px;height:38px;border:0;border-radius:50%;background:#ffffff29;color:#fff;display:grid;place-items:center;cursor:pointer}.spieler-name button:hover{background:#ffffff4d}.spielkarte{border:0;padding:0;background:none;cursor:pointer;width:240px;line-height:0;transition:transform .18s ease,filter .18s ease;filter:drop-shadow(0 18px 34px rgba(10,5,35,.55))}.spielkarte.gross{width:300px}.spielkarte img{width:100%;height:auto;border-radius:8%;display:block}.spielkarte:hover:not(:disabled),.spielkarte:focus-visible:not(:disabled){transform:translateY(-8px) scale(1.04);filter:drop-shadow(0 24px 44px rgba(10,5,35,.65)) drop-shadow(0 0 16px rgba(255,255,255,.35))}.spielkarte:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5) drop-shadow(0 12px 24px rgba(10,5,35,.5))}.buehne-hinweis{color:var(--muted);margin:0}.buehne-fehler{max-width:460px}.weitere-spiele{position:relative;z-index:1;display:grid;justify-items:center;gap:12px;margin:-72px auto 38px;padding:0 20px;text-align:center}.weitere-spiele h2{margin:0;color:#aaa0ca;font:700 13px Manrope;letter-spacing:1.4px;text-transform:uppercase}.hayattok-spiel-link{display:inline-grid;place-items:center;min-width:210px;padding:13px 24px 16px;border:2px solid rgba(58,211,211,.38);border-radius:18px;background:#102d36d6;box-shadow:0 10px 30px #0704196b;color:#fff;text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.hayattok-spiel-link>span{font:900 35px Lilita One,Manrope,sans-serif;letter-spacing:-1px;text-shadow:0 3px 0 #08252d,0 0 12px rgba(86,244,235,.65);transform:rotate(-2deg)}.hayattok-spiel-link>span>span{color:#55eee6}.hayattok-spiel-link:hover,.hayattok-spiel-link:focus-visible{transform:translateY(-4px) scale(1.03);border-color:#55eee6;box-shadow:0 15px 34px #07041985,0 0 20px #55eee633}.ecke-links{position:fixed;left:20px;bottom:20px;display:flex;align-items:center;gap:14px;z-index:4}.ecken-knopf{border:0;background:none;padding:0;cursor:pointer;display:grid;place-items:center;transition:transform .15s ease}.ecken-knopf:hover{transform:translateY(-3px)}.ecken-knopf img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.45))}.einladung{position:relative;width:min(560px,100%);max-height:90vh;overflow-y:auto;padding:26px 24px 24px;text-align:center;border-radius:var(--r-card);background:linear-gradient(160deg,#6d5bd0,#4a3aa8 60%,#5566d8);box-shadow:inset 0 0 0 3px #fff3,var(--schatten)}.einladung-titel{margin:0 0 6px;font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(22px,3.2vw,30px);line-height:1.2;letter-spacing:.005em;color:#ffc94f;text-shadow:0 2px 5px rgba(28,12,4,.6)}.einladung-bild{width:clamp(78px,16vw,104px);height:auto;margin:10px auto 16px;display:block;filter:drop-shadow(0 8px 14px rgba(10,5,35,.5))}.code-felder{position:relative;display:flex;justify-content:center;gap:clamp(6px,1.6vw,12px);cursor:text}.code-feld{width:clamp(36px,9vw,50px);height:clamp(46px,11vw,62px);border-radius:14px;background:#262b52d9;box-shadow:inset 0 0 0 2px #ffffff1f,0 4px #141630b3;display:grid;place-items:center;font:800 clamp(19px,4vw,26px) Manrope;font-style:italic;color:#fff}.code-feld.aktiv{box-shadow:inset 0 0 0 3px var(--gold),0 4px #141630b3}.code-feld i{font-style:italic;color:#ffffff47}.code-felder input{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;padding:0;cursor:text}.code-felder input:focus{box-shadow:none}.einladung-hinweis{margin:14px 0;font:800 14px Manrope;font-style:italic;color:#ffffffeb}.einladung .primary-button{width:100%}.overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#0c0722b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.overlay-karte{position:relative;width:min(520px,100%);max-height:82vh;overflow-y:auto;padding:30px}.overlay-karte h3{font:800 26px Manrope;margin:0 0 4px}.overlay-karte .primary-button{width:100%}.overlay-schliessen{position:absolute;top:14px;right:14px;width:38px;height:38px;border:0;border-radius:50%;background:#ffffff1f;color:#fff;display:grid;place-items:center;cursor:pointer}.news-eintrag h4{font:800 18px Manrope;margin:20px 0 6px}.news-eintrag h4 small{color:var(--muted);font-weight:600;font-size:12px;margin-left:6px}.news-eintrag ul{margin:0;padding-left:20px;color:var(--muted);line-height:1.6;font-size:14px}.admin-hero h1{font:800 clamp(52px,7vw,92px) / .96 Manrope;margin:24px 0}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700}.feature-row{display:flex;gap:26px;flex-wrap:wrap;margin-top:42px}.feature-row span{display:flex;gap:8px;color:var(--muted);font-size:14px}.glass-card,.join-card{background:linear-gradient(145deg,#3a2c80eb,#241a58f0);border:2px solid rgba(255,255,255,.14);box-shadow:var(--schatten);border-radius:var(--r-card)}.join-card{padding:34px}.join-card h2{font:700 30px Manrope;margin:18px 0 4px}.muted,.host-hint{color:var(--muted)}.live-pill,.connection-pill{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-size:12px;font-weight:700}.live-pill i,.connection-pill i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.connection-label-compact{display:none}.connection-connecting{color:var(--gold)}.connection-disconnected,.connection-error{color:#ff9d92}.connection-pill.connection-connecting i,.connection-pill.connection-disconnected i,.connection-pill.connection-error i{background:currentColor;box-shadow:0 0 14px currentColor}label{display:grid;gap:8px;margin:20px 0;color:var(--muted);font-size:13px;font-weight:600}input{width:100%;border:2px solid var(--line);border-radius:var(--r-tile);background:#0f0a2899;color:#fff;padding:14px 16px;outline:none}input:focus{border-color:var(--violet-hell);box-shadow:0 0 0 4px #8b5cf647}.code-input{font:700 19px Manrope;letter-spacing:.25em;text-transform:uppercase}.primary-button,.secondary-button,.record-button,.upload-button{border:0;border-radius:var(--r-pill);min-height:54px;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;font-size:16px;cursor:pointer}.primary-button{background:linear-gradient(135deg,var(--violet),#c26bff);color:#fff;box-shadow:0 6px #4c1d95e6,0 16px 34px #8b5cf666}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px #4c1d95e6,0 20px 40px #8b5cf680}.primary-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #4c1d95e6,0 8px 20px #8b5cf659}.secondary-button{background:#ffffff1a;border:2px solid rgba(255,255,255,.18)}.secondary-button:hover:not(:disabled){background:#ffffff2b;transform:translateY(-2px)}.primary-button:disabled,.secondary-button:disabled{opacity:.38;cursor:not-allowed}.join-card>.primary-button,.join-card>.secondary-button{width:100%}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin:22px 0 4px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}.error-banner,.floating-error{background:#3a1c25;border:1px solid #753244;color:#ffc7d0;padding:12px 14px;border-radius:10px}.floating-error{position:fixed;z-index:10;top:96px;left:50%;transform:translate(-50%);cursor:pointer}footer{text-align:center;color:var(--muted);padding:20px}.room-code{text-align:center}.room-code small{display:block;font-size:9px;letter-spacing:.16em;color:var(--muted)}.room-code strong{font:800 23px Manrope;letter-spacing:.2em;color:var(--gold)}.lobby-page{max-width:1320px;margin:auto;padding:34px 30px 60px}.room-brand-actions{display:flex;align-items:center;gap:clamp(16px,3vw,34px)}.lobby-menu-link{display:inline-flex;align-items:center;gap:7px;border:0;background:none;padding:0;color:#fff;font:800 14px Manrope;font-style:italic;text-shadow:0 2px 0 rgba(35,20,75,.75);cursor:pointer}.lobby-menu-link:hover{transform:translateY(-2px);color:var(--gold)}.lobby-titlebar{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:0 6px 22px}.lobby-titlebar h1{margin:7px 0 4px;font:800 clamp(30px,4vw,46px)/1.08 Manrope}.lobby-titlebar p{margin:0;color:var(--muted)}.lobby-count,.random-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:var(--r-pill);background:#ffffff17;padding:10px 14px;font-weight:800;white-space:nowrap}.lobby-page .room-layout{max-width:1280px;margin:auto;padding:0;display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:18px}.stage-card,.lobby-sidebar,.record-stage,.record-controls{background:#2a1f63d1;border:2px solid var(--line);border-radius:var(--r-card);padding:30px;box-shadow:var(--schatten)}.stage-card h1{font:800 clamp(32px,4vw,44px) / 1.05 Manrope;margin:10px 0}.lobby-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.lobby-section-heading h2{margin:7px 0 0;font:800 clamp(25px,3vw,34px) Manrope}.random-pill{color:var(--gold);font-size:12px}.mode-grid{display:grid;gap:12px;margin-top:25px}.mode-card{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:15px;min-height:96px;padding:15px 18px;border:2px solid rgba(255,255,255,.12);border-radius:var(--r-tile);background:#fff1;color:inherit;text-align:left;font:inherit;cursor:pointer}.mode-card-featured{border-color:#ffcc66b3;background:linear-gradient(110deg,#ffcc6626,#8b5cf629)}.mode-card.disabled{opacity:.42}.mode-card:disabled{cursor:default}.mode-card:not(:disabled):hover{transform:translateY(-2px);border-color:#ffcc668c}.mode-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#ffffff1f;font-size:27px}.mode-card h3{margin:0 0 4px;font:800 19px Manrope}.mode-card p{margin:0;color:var(--muted);font-size:13px}.mode-tag{border-radius:var(--r-pill);background:var(--gold);color:#2a174d;padding:6px 10px;font-size:10px;font-weight:900;text-transform:uppercase}.scene-pool,.lobby-invite{display:flex;align-items:center;gap:14px;margin-top:16px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-tile);background:#0f0a2b73}.scene-pool div{display:grid;gap:3px;flex:1}.scene-pool span{color:var(--muted);font-size:12px}.scene-pool a{color:var(--gold);font-weight:800;font-size:12px}.lobby-invite{justify-content:space-between;margin-top:22px}.lobby-invite>div{display:grid;gap:2px}.lobby-invite span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.lobby-invite strong{color:var(--gold);font:900 29px Manrope;letter-spacing:.24em}.copy-button{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:var(--r-pill);padding:12px 17px;background:#fff;color:#2b1b5d;font-weight:900;cursor:pointer}.scene-selection-wrapper{margin-top:18px;display:grid;gap:12px}.scene-selected-card{display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:16px;padding:15px 18px;border:2px solid rgba(255,204,102,.5);border-radius:var(--r-tile);background:linear-gradient(110deg,#ffcc6621,#8b5cf624)}.scene-selected-card.is-random{border-color:#ffffff24;background:#fff1}.scene-thumbnail-box{position:relative;height:92px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#3a2d84,#1d1550);color:var(--violet-hell)}.scene-thumbnail-box img{width:100%;height:100%;object-fit:cover}.scene-thumbnail-duration{position:absolute;right:7px;bottom:7px;border-radius:6px;background:#090619cc;color:#fff;padding:3px 7px;font-size:11px;font-weight:700}.scene-details-box{display:grid;gap:6px;min-width:0}.scene-details-box h3{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0;font:800 19px Manrope}.scene-details-box p{margin:0;color:var(--muted);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scene-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.scene-actions-box{display:grid;gap:8px;justify-items:stretch}.scene-change-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--r-pill);padding:11px 17px;background:#fff;color:#2b1b5d;font-weight:900;white-space:nowrap;cursor:pointer}.scene-change-btn:hover{transform:translateY(-1px)}.scene-reset-btn{border:1px solid var(--line);border-radius:var(--r-pill);padding:9px 17px;background:#ffffff17;color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.scene-reset-btn:hover{color:#fff;border-color:#ffffff52}.scene-warning-box{display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid rgba(255,107,93,.5);border-radius:var(--r-tile);background:#ff6b5d1f;color:#ffd9d4;font-size:13px}.scene-suitability-badge{border-radius:var(--r-pill);padding:5px 10px;font-size:11px;font-weight:800;white-space:nowrap}.scene-suitability-badge.badge-perfect{background:var(--gold);color:#2a174d}.scene-suitability-badge.badge-good{background:#53d6c738;color:var(--cyan)}.scene-suitability-badge.badge-unsuitable{background:#ff6b5d33;color:#ff9d92}.scene-char-chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.scene-char-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:var(--r-pill);background:#ffffff12;padding:4px 10px;font-size:11px;font-weight:600;min-width:0;max-width:100%;overflow-wrap:anywhere}.char-color-dot{width:8px;height:8px;border-radius:50%;flex:none}.scene-picker-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:#09051cb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.scene-picker-dialog{display:flex;flex-direction:column;width:min(880px,100%);max-height:min(760px,92vh);border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel);box-shadow:var(--schatten);overflow:hidden}.scene-picker-header{display:flex;align-items:flex-start;gap:16px;padding:22px 24px 16px;border-bottom:1px solid var(--line)}.scene-picker-header>div{min-width:0}.scene-picker-header h2{margin:0 0 5px;font:800 22px Manrope}.scene-picker-header p{margin:0;color:var(--muted);font-size:13px}.scene-picker-close{margin-left:auto;display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid var(--line);border-radius:50%;background:#ffffff14;cursor:pointer}.scene-picker-close:hover{background:#ffffff2e}.scene-picker-controls{display:flex;align-items:center;gap:12px;padding:15px 24px;border-bottom:1px solid var(--line)}.scene-picker-tabs{display:flex;min-width:0;gap:6px;padding:4px;border-radius:var(--r-pill);background:#ffffff12}.scene-picker-tab{border:0;border-radius:var(--r-pill);background:transparent;padding:8px 14px;font-size:12px;font-weight:800;color:var(--muted);white-space:nowrap;cursor:pointer}.scene-picker-tab.active{background:#fff;color:#2b1b5d}.scene-picker-search{flex:1;min-width:0;border:1px solid var(--line);border-radius:var(--r-pill);background:#0f0a2b80;color:inherit;padding:10px 16px;font-size:13px}.scene-picker-search::placeholder{color:var(--muted)}.scene-picker-search:focus{outline:none;border-color:#fc69}.scene-picker-body{display:grid;gap:10px;min-width:0;min-height:0;padding:18px 24px 24px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.scene-card-item{display:grid;grid-template-columns:128px minmax(0,1fr) auto;align-items:center;gap:15px;padding:13px 15px;border:2px solid rgba(255,255,255,.12);border-radius:var(--r-tile);background:#ffffff0f;min-width:0}.scene-card-item.is-active-choice{border-color:#ffcc66bf;background:linear-gradient(110deg,#ffcc6626,#8b5cf629)}.scene-card-item.is-unsuitable{opacity:.62}.scene-item-thumb{position:relative;height:80px;border-radius:13px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#3a2d84,#1d1550);color:var(--violet-hell)}.scene-item-thumb img{width:100%;height:100%;object-fit:cover}.scene-item-thumb .scene-thumbnail-duration{right:6px;bottom:6px}.scene-item-info{display:grid;gap:6px;min-width:0}.scene-item-info h4{margin:0;font:800 16px Manrope;overflow-wrap:anywhere}.scene-item-info p{margin:0;color:var(--muted);font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scene-select-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:var(--r-pill);background:#ffffff1a;padding:10px 16px;font-size:13px;font-weight:800;white-space:nowrap;cursor:pointer}.scene-select-btn:hover{background:#fff3}.scene-select-btn.active{border-color:transparent;background:var(--gold);color:#2a174d}.scene-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}.scene-tile{text-align:left;border:1px solid var(--line);background:#111522;color:#fff;border-radius:16px;padding:10px;cursor:pointer}.scene-tile:disabled{cursor:default}.scene-tile.selected{border-color:var(--coral);box-shadow:0 0 0 2px #ff6b5d21}.scene-art{height:130px;border-radius:11px;background:linear-gradient(145deg,#2e3450,#141827);display:flex;align-items:center;justify-content:center;position:relative;color:#737b94}.scene-art span{position:absolute;right:9px;bottom:9px;background:#090b14cc;color:#fff;border-radius:6px;padding:4px 7px;font-size:11px}.scene-tile>b{display:flex;align-items:center;gap:5px;color:var(--coral);margin:10px 5px;font-size:12px}.panel-heading{display:flex;align-items:center;gap:8px;font:700 17px Manrope;margin-bottom:18px}.panel-heading span{margin-left:auto;color:var(--muted)}.player-list{display:grid;gap:8px}.player-row{display:flex;align-items:center;gap:11px;background:#ffffff14;padding:12px;border-radius:var(--r-tile)}.kick-button{display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid var(--line);border-radius:50%;background:#ffffff0f;color:var(--muted);cursor:pointer}.kick-button:hover{border-color:#ff6b5d99;background:#ff6b5d29;color:#ff9d92}.avatar{width:42px;height:42px;flex:none;border-radius:50%;background:linear-gradient(135deg,var(--violet-hell),var(--violet));display:grid;place-items:center;font-weight:800;overflow:hidden}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-button{position:relative;border:0;padding:0;cursor:pointer;color:inherit}.avatar-button:hover{box-shadow:0 0 0 2px var(--gold)}.avatar-edit{position:absolute;right:-1px;bottom:-1px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#2a174d}.avatar-dialog{width:min(660px,100%)}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px;padding:18px 24px 24px;overflow-y:auto}.avatar-choice{display:grid;justify-items:center;gap:7px;padding:10px 6px;border:2px solid rgba(255,255,255,.12);border-radius:var(--r-tile);background:#ffffff0f;color:inherit;cursor:pointer}.avatar-choice:hover{border-color:#ffcc668c}.avatar-choice.active{border-color:var(--gold);background:linear-gradient(150deg,#ffcc6629,#8b5cf629)}.avatar-choice img,.avatar-letter{width:74px;height:74px;border-radius:50%;object-fit:cover}.avatar-letter{display:grid;place-items:center;background:linear-gradient(135deg,var(--violet-hell),var(--violet));font:800 22px Manrope}.avatar-choice small{color:var(--muted);font-size:11px;text-align:center}.player-row div:nth-child(2){display:grid;flex:1}.player-row small{color:var(--muted);font-size:11px}.player-row strong{display:flex;align-items:center;gap:7px}.player-row strong em{border-radius:999px;padding:2px 6px;background:#53d6c72b;color:var(--cyan);font-size:9px;font-style:normal;text-transform:uppercase}.ready-dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#292e3e;color:#7b8194}.ready-dot.ready{background:#173b37;color:var(--cyan)}.lobby-image-button{position:relative;width:100%;height:66px;overflow:hidden;border:0;padding:0;background:transparent;cursor:pointer;filter:drop-shadow(0 10px 16px rgba(10,5,35,.36))}.lobby-image-button img{position:absolute;left:50%;top:50%;display:block;width:auto;height:auto;margin:0;transform:translate(-50%,-50%)}.lobby-image-button:hover:not(:disabled){transform:translateY(-3px) scale(1.015);filter:drop-shadow(0 14px 20px rgba(10,5,35,.5))}.lobby-image-button:active:not(:disabled){transform:translateY(1px) scale(.99)}.lobby-image-button:disabled{cursor:wait;opacity:.62}.microphone-image-button{margin:14px auto 8px}.microphone-image-button img{width:104%;height:170px;transform:translate(-50%,-50%)}.ready-image-button{margin:0 auto 12px}.ready-image-button img{top:calc(50% + 2px);width:120%;height:190px;transform:translate(-50%,-50%)}.lobby-sidebar>.primary-button,.lobby-sidebar>.secondary-button{width:100%;margin-top:10px}.host-hint{text-align:center;font-size:12px}.lobby-status{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.lobby-start-button{position:relative;min-height:66px;height:66px;border:3px solid #3c276f;border-radius:8px 12px 7px 10px;background:linear-gradient(180deg,#ffe530,#ffc62e);color:#382453;box-shadow:inset 0 2px #ffffff8c,0 5px #7c347e,0 12px 22px #0e072a59;font:900 18px Manrope;font-style:italic}.lobby-sidebar>.lobby-start-button{width:100%;margin:12px auto 10px}.lobby-start-button img{width:41px;height:42px;margin:-7px 0 -5px -10px}.lobby-start-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 2px #ffffff8c,0 7px #7c347e,0 16px 26px #0e072a6b}.empty-state{grid-column:1/-1;padding:50px;text-align:center;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}.empty-state a{color:var(--coral)}.status-screen{max-width:620px;margin:10vh auto;padding:70px 40px;text-align:center}.status-screen h1{font:800 38px Manrope;margin:20px 0 10px}.status-screen p{color:var(--muted);font-size:17px}.status-icon{width:54px;height:54px;color:var(--coral)}.spin{animation:spin 1s linear infinite}.recording-layout{max-width:1320px;margin:auto;padding:30px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px}.record-stage{padding:18px}.record-controls{display:grid;align-content:start;gap:18px}.record-controls>div{position:relative;border-bottom:1px solid var(--line);padding:4px 0 20px}.record-controls h3{margin:0 0 5px;padding-left:38px}.record-controls p{color:var(--muted);font-size:13px;padding-left:38px}.reference-mute-control{display:flex;align-items:center;gap:9px;margin:12px 0 14px;padding-left:38px;color:#d8dbe5;font-size:13px;cursor:pointer}.reference-mute-control input{width:17px;height:17px;margin:0;accent-color:var(--accent)}.step-number{position:absolute;left:0;top:0;width:27px;height:27px;border-radius:8px;background:#2c3245;display:grid;place-items:center;color:var(--gold);font-weight:800}.record-topline{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;padding:4px 4px 14px}.recording-badge{display:flex;align-items:center;gap:6px;color:var(--coral);font-weight:800;letter-spacing:.1em}.still-frame{height:min(48vh,520px);background:#070810;border-radius:14px;overflow:hidden;display:grid;place-items:center;position:relative;color:#30374d}.still-frame img{width:100%;height:100%;object-fit:contain}.countdown{position:absolute;font:800 110px Manrope;color:#fff;text-shadow:0 8px 30px #000}.caption-card{padding:18px;text-align:center}.caption-card small{color:var(--coral);text-transform:uppercase;letter-spacing:.15em;font-weight:800}.caption-card blockquote{font:600 22px/1.5 Manrope;margin:8px}.caption-translation{margin:0 8px;font:500 16px/1.45 Manrope;color:var(--muted)}.dub-waveform{width:100%;min-width:0;margin:0}.dub-waveform__surface{position:relative;width:100%;min-width:0;height:140px;overflow:hidden;border:1px solid #343a50;border-radius:14px;background:#080a12}.dub-waveform__canvas{display:block;width:100%;height:140px}.dub-waveform__unavailable{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:16px;color:#f7f7fb;background:#080a129e;text-align:center;font-size:13px;pointer-events:none}.dub-waveform__legend{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:9px;color:#d8dbe5;font-size:12px;font-weight:700}.dub-waveform__legend-item{display:inline-flex;align-items:center;gap:7px}.dub-waveform__legend-item i{width:18px;height:3px;border-radius:999px;background:currentColor}.dub-waveform__legend-item--original{color:#ff665e}.dub-waveform__legend-item--recorded{color:#35d5c8}.record-controls button{width:100%}.record-button{width:100%;background:linear-gradient(135deg,#e94e58,var(--coral));color:#fff}.record-button.active{animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 10px #ff6b5d1a}}.take-preview audio{width:100%;margin:15px 0}.record-controls .take-upload-error{margin:12px 0 0;padding:12px 14px;color:#ffd9d4}.button-row{display:flex;gap:10px;flex-wrap:wrap}.button-row>*{flex:1}.results-actions>*{flex:1 1 220px;min-width:min(220px,100%);max-width:100%}.results-actions .clip-save-control{flex:1 1 220px}.headphone-note{display:flex;gap:10px;color:var(--muted);font-size:12px!important}.premiere-shell{max-width:1160px;margin:auto;padding:35px 24px}.premiere-title{text-align:center}.premiere-title span{color:var(--gold);font-size:11px;letter-spacing:.22em;font-weight:800}.premiere-title h1{font:800 38px Manrope;margin:8px}.cinema-screen{aspect-ratio:16/9;background:#020204;border:8px solid #181b27;border-radius:18px;box-shadow:0 25px 80px #000;position:relative;overflow:hidden;margin-top:24px}.cinema-screen video{width:100%;height:100%;object-fit:contain}.cinema-screen:fullscreen{aspect-ratio:auto;width:100%;height:100%;border:0;border-radius:0;margin:0}.cinema-screen:fullscreen video{object-fit:contain}.screen-curtain{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;background:radial-gradient(circle,#23273a,#070810);color:var(--muted)}.reaction-cloud{position:absolute;inset:0;pointer-events:none}.reaction-cloud b{position:absolute;bottom:10%;left:50%;font-size:48px;animation:float 2.8s ease-out forwards}@keyframes float{to{transform:translate(calc((var(--r, 1)) * 100px),-380px) rotate(18deg);opacity:0}}.screen-spinner{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;background:#04050c73;color:var(--muted);pointer-events:none}.spinner{width:38px;height:38px;border-radius:50%;border:3px solid rgba(255,255,255,.18);border-top-color:var(--gold);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.premiere-progress{display:flex;align-items:center;gap:12px;margin-top:14px}.premiere-time{color:var(--muted);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;min-width:46px;text-align:center}.premiere-track{position:relative;flex:1;height:6px;border-radius:var(--r-pill);background:#ffffff1f;overflow:hidden}.premiere-track-buffer,.premiere-track-played{position:absolute;inset:0 auto 0 0;border-radius:var(--r-pill)}.premiere-track-buffer{background:#ffffff38}.premiere-track-played{background:linear-gradient(90deg,var(--violet-hell),var(--gold))}.premiere-volume{display:flex;align-items:center;gap:8px;padding-right:4px}.premiere-volume input[type=range]{width:104px;accent-color:var(--gold);cursor:pointer}.premiere-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px}.premiere-controls>button,.host-controls button{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#1b1f2e;font-size:21px;cursor:pointer}.host-controls{display:flex;gap:5px;margin-left:20px;border-left:1px solid var(--line);padding-left:20px}.admin-hero{max-width:1200px;margin:45px auto;padding:0 30px;display:flex;justify-content:space-between;align-items:end}.admin-hero h1{font-size:46px;margin:12px 0}.admin-hero p{color:var(--muted)}.upload-button{background:var(--coral);color:#171019;cursor:pointer;margin:0}.upload-button input{display:none}.admin-grid{max-width:1200px;margin:30px auto;padding:0 30px;display:grid;gap:14px}.admin-scene{display:grid;grid-template-columns:180px 1fr auto;gap:20px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:12px}.admin-scene .scene-art{height:110px}.admin-scene h3{font:700 20px Manrope;margin:7px 0}.admin-scene p{color:var(--muted);font-size:12px}.status-tag{font-size:9px;letter-spacing:.12em;border-radius:5px;padding:4px 6px;background:#2b3040}.status-tag.published{color:var(--cyan);background:#143630}.status-tag.draft{color:var(--gold);background:#3d3117}.auth-shell{min-height:100vh;display:grid;place-content:center;gap:24px}.auth-shell>.wortmarke{justify-self:center}.auth-shell .join-card{width:min(440px,90vw)}@media(max-width:900px){.scene-selected-card,.scene-card-item{grid-template-columns:100px minmax(0,1fr)}.scene-actions-box,.scene-card-item .scene-select-btn{grid-column:1 / -1}.scene-picker-controls{flex-wrap:wrap}.scene-picker-search{flex-basis:100%}.lobby-titlebar{align-items:start}.lobby-page .room-layout{grid-template-columns:1fr}.buehne{padding-top:24px}.spielerkarte{width:min(320px,100%)}.spielkarte,.spielkarte.gross{width:min(230px,44vw)}.room-layout,.recording-layout{grid-template-columns:1fr}.lobby-sidebar{order:-1}.scene-grid{grid-template-columns:1fr}.admin-scene{grid-template-columns:110px 1fr}.admin-scene>.button-row{grid-column:1/-1}.admin-hero{align-items:start;gap:20px;flex-direction:column}.still-frame{height:42vh}}@media(max-width:600px){.scene-picker-backdrop{padding:10px}.scene-picker-dialog{width:100%;max-height:calc(100dvh - 20px)}.scene-picker-header{gap:10px;padding:16px 14px 12px}.scene-picker-header h2{font-size:19px}.scene-picker-controls{align-items:stretch;padding:10px 12px}.scene-picker-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.scene-picker-tab{min-width:0;padding:8px 6px;line-height:1.25;white-space:normal}.scene-picker-body{gap:8px;padding:12px}.scene-card-item{grid-template-columns:72px minmax(0,1fr);gap:10px;padding:10px}.scene-item-thumb{height:56px}.scene-card-item .scene-select-btn{width:100%}.scene-suitability-badge{max-width:100%;line-height:1.25;white-space:normal}.lobby-page{padding:22px 14px 40px}.lobby-titlebar{align-items:stretch;flex-direction:column;gap:14px}.lobby-count{align-self:flex-start}.lobby-menu-link{font-size:0}.lobby-menu-link svg{width:22px;height:22px}.lobby-section-heading{align-items:start;flex-direction:column}.mode-card{grid-template-columns:48px minmax(0,1fr);padding:13px}.mode-icon{width:46px;height:46px;font-size:23px}.mode-tag{display:none}.scene-pool{align-items:flex-start;flex-wrap:wrap}.scene-pool a{width:100%;padding-left:38px}.lobby-invite{align-items:stretch;flex-direction:column}.copy-button{justify-content:center}.topbar,.room-header{height:66px;padding:0 16px}.wortmarke img{height:34px}.connection-label{display:none}.connection-label-compact{display:inline}.connection-pill{gap:5px;font-size:10px}.buehne{padding:18px 14px 96px;gap:14px}.karten-reihe{gap:14px}.spieler-avatar{width:104px;height:104px;font-size:44px}.spielkarte,.spielkarte.gross{width:min(200px,42vw)}.ecken-knopf img{width:34px;height:34px}.join-card{padding:24px}.room-layout,.recording-layout{padding:16px}.stage-card,.lobby-sidebar,.record-controls{padding:20px}.still-frame{height:34vh}.caption-card blockquote{font-size:18px}.admin-scene{grid-template-columns:1fr}.admin-scene .scene-art{height:150px}.admin-hero h1{font-size:38px}.premiere-controls{flex-wrap:wrap}.premiere-volume{order:-1;width:100%;justify-content:center}.premiere-volume input[type=range]{flex:1;max-width:220px}.premiere-shell{padding:12px 8px}.premiere-title h1{font:800 26px Manrope;margin:4px}.cinema-screen{border-width:3px;border-radius:10px;margin-top:12px}.host-controls{width:100%;justify-content:center;border:0;margin:8px 0 0;padding:0}}.editor-shell{max-width:1200px;margin:0 auto;padding:44px 30px 80px}.editor-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.editor-heading h1{font:800 42px Manrope;margin:10px 0}.editor-heading p{color:var(--muted)}.metadata-card{display:grid;grid-template-columns:1fr 1.4fr;gap:18px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:8px 22px;margin-bottom:22px}.timeline-list{display:grid;gap:10px}.timeline-line{--character-color: var(--coral);display:grid;grid-template-columns:52px minmax(0,1fr) 160px;gap:18px;align-items:center;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--character-color);border-radius:15px;padding:16px}.timeline-index{font:800 20px Manrope;color:var(--muted);text-align:center}.line-fields>strong{color:var(--character-color)}.line-fields label{margin:8px 0}.timeline-inputs{display:grid;grid-template-columns:150px 1fr;gap:12px}.timeline-line>.secondary-button{width:100%}@media(max-width:900px){.editor-heading{align-items:start;flex-direction:column}.metadata-card{grid-template-columns:1fr}.timeline-line{grid-template-columns:42px 1fr}.timeline-line>.secondary-button{grid-column:2}}@media(max-width:600px){.header-label{display:none}.editor-heading h1{font-size:36px}.editor-shell{padding:28px 16px}.timeline-line,.timeline-inputs{grid-template-columns:1fr}.timeline-index{text-align:left}.timeline-line>.secondary-button{grid-column:1}}.recording-progress{max-width:1260px;margin:22px auto 0;padding:12px 18px;display:flex;align-items:center;gap:14px;background:#121522e6;border:1px solid var(--line);border-radius:14px}.recording-progress>div{display:flex;align-items:center;gap:8px;white-space:nowrap}.recording-progress span{color:var(--muted);font-size:12px}.recording-progress progress{flex:1;accent-color:var(--coral)}.status-screen .recording-progress{flex-wrap:wrap;margin-top:28px}@media(max-width:700px){.recording-progress{margin:14px 16px 0;flex-wrap:wrap}.recording-progress progress{flex-basis:100%}}.access-gate{min-height:100vh;display:grid;place-items:center;padding:24px}.access-spinner{animation:spin 1s linear infinite;color:var(--gold)}.access-card{width:min(380px,100%);display:grid;justify-items:center;gap:14px;padding:32px 28px;text-align:center;border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel);box-shadow:var(--schatten)}.access-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(140deg,var(--gold),var(--coral));color:#2a174d}.access-card h1{margin:0;font:800 24px Manrope}.access-card p{margin:0;color:var(--muted);font-size:13px}.access-card input{width:100%;border:1px solid var(--line);border-radius:var(--r-pill);background:#0f0a2b8c;color:inherit;padding:13px 18px;text-align:center;letter-spacing:.5em;font:700 20px Manrope}.access-card input:focus{outline:none;border-color:#fc69}.access-card button{width:100%}.access-error{color:#ff9d92;font-size:13px;font-weight:700}.konto-leiste{display:flex;align-items:center;gap:12px}.konto-name{padding:6px 14px;border-radius:var(--r-pill);background:#ffffff1a;font-weight:800;font-size:13px}.konto-dialog{position:relative;width:min(400px,100%);display:grid;gap:14px;padding:32px 28px 26px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel);box-shadow:var(--schatten)}.konto-tabs{display:flex;gap:6px;padding:4px;border-radius:var(--r-pill);background:#ffffff12}.konto-tabs button{flex:1;border:0;border-radius:var(--r-pill);background:transparent;padding:9px 12px;font-size:13px;font-weight:800;color:var(--muted);cursor:pointer}.konto-tabs button.active{background:#fff;color:#2b1b5d}.konto-hinweis{margin:0;color:var(--muted);font-size:13px}.konto-feld{display:grid;gap:6px}.konto-feld>span{font-size:12px;font-weight:700;color:var(--muted)}.konto-feld small{font-weight:400}.konto-feld input{width:100%;border:1px solid var(--line);border-radius:var(--r-pill);background:#0f0a2b8c;color:inherit;padding:11px 16px;font-size:14px}.konto-feld input:focus{outline:none;border-color:#fc69}.konto-gast{border:0;background:none;color:var(--muted);font-size:12px;text-decoration:underline;cursor:pointer}.konto-gast:hover{color:#fff}@media(max-width:600px){.konto-leiste .quiet-link span{display:none}}.clips-bereich{width:min(1100px,92vw);margin:8px auto 56px}.clips-bereich h2{font-family:Manrope,sans-serif;font-size:20px;margin:0 0 14px}.clip-kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.clip-kachel{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-tile);overflow:hidden}.clip-kachel-flaeche{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;padding:16px 44px 16px 16px;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.clip-kachel-flaeche:hover:not(:disabled){background:var(--panel2)}.clip-kachel-flaeche:disabled{cursor:default}.clip-symbol{color:var(--violet-hell)}.clip-failed .clip-symbol,.clip-gone .clip-symbol{color:var(--coral)}.clip-titel{font-family:Manrope,sans-serif;font-weight:700;font-size:15px;overflow-wrap:anywhere}.clip-zeile{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.clip-entfernen{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:var(--r-pill);background:#0f0a2b99;color:var(--muted);cursor:pointer}.clip-entfernen:hover{color:var(--coral)}.clip-save-control{display:grid;gap:7px;min-width:0}.clip-save-control>button{width:100%;min-width:0}.clip-save-error{color:#ffd9d4;line-height:1.35;overflow-wrap:anywhere}.clip-gespeichert{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-weight:700;font-size:15px}@media(max-width:600px){.results-actions>*{flex-basis:100%;width:100%}}.clip-overlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:#0a0523d1}.clip-fenster{position:relative;width:min(900px,100%);background:var(--panel);border-radius:var(--r-card);box-shadow:var(--schatten);padding:44px 16px 16px}.clip-schliessen{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:var(--r-pill);background:#0f0a2b99;color:inherit;cursor:pointer}.clip-video{width:100%;max-height:70vh;border-radius:var(--r-tile);background:#000}.clip-fussnote,.clip-fehler{display:flex;align-items:center;gap:8px;margin:12px 2px 0;color:var(--muted);font-size:13px}.clip-fehler{color:var(--coral)}.invite-player-name{display:grid;gap:6px;text-align:left;font-size:12px;color:#c3b8dc;margin:0 0 16px}.invite-player-name input{width:100%;padding:10px 12px;border:2px solid #4d3b70;border-radius:10px;background:#211737;color:#fff}