:root{font-family:Inter,system-ui,sans-serif;color:#e8eef3;background:#071018;font-synthesis:none;--bg:#071018;--panel:#101c26;--panel2:#142431;--line:#243746;--muted:#8fa2b2;--accent:#22d3a7;--accent2:#18a884;--danger:#ff5c67;--warn:#ffb44c;--blue:#5aa7ff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 80% -20%,#153146 0,transparent 34%),var(--bg)}button,input,select,textarea{font:inherit}button,a{transition:.15s ease}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Barlow Condensed,Inter,sans-serif;letter-spacing:.02em}h1{font-size:clamp(2rem,4vw,3.4rem);line-height:.95;margin-bottom:.55rem}h2{font-size:1.75rem}.muted{color:var(--muted)}.eyebrow{font-size:.7rem;letter-spacing:.2em;font-weight:700;color:var(--accent);margin-bottom:.6rem}.app-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:#060f16f5;display:flex;flex-direction:column;padding:28px 18px;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-family:Barlow Condensed;font-weight:700;letter-spacing:.08em;font-size:1.25rem;margin:0 8px 45px}.brand small,.login-brand small{display:block;color:var(--muted);font:500 .62rem Inter;letter-spacing:.1em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:#04140f;background:var(--accent);font:700 1.5rem Barlow Condensed;clip-path:polygon(15% 0,100% 0,85% 100%,0 100%)}.brand-mark.large{width:54px;height:54px;font-size:2.3rem}.sidebar nav{display:grid;gap:6px}.sidebar nav a{padding:12px 14px;border-radius:7px;color:var(--muted);font-size:.9rem}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#132431}.sidebar nav a.active{border-left:3px solid var(--accent)}.sidebar-user{margin-top:auto;border-top:1px solid var(--line);padding:20px 10px 0;display:grid}.sidebar-user strong{font-size:.88rem}.sidebar-user small{color:var(--muted);margin:3px 0 14px}.sidebar-user button{border:0;background:none;color:#b8c7d1;text-align:left;padding:0;cursor:pointer;font-size:.8rem}.main{padding:40px clamp(24px,4vw,64px);min-width:0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:34px}.page-header.compact{margin-bottom:24px}.page-header p:not(.eyebrow){color:var(--muted);margin-bottom:0}.header-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:10px}.button{border:1px solid transparent;border-radius:6px;padding:10px 15px;background:#243746;color:#ecf4f8;font-weight:700;font-size:.78rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.button:hover{filter:brightness(1.15);transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.button.primary{background:var(--accent);color:#031510}.button.secondary{background:transparent;border-color:#385064;color:#dae7ef}.button.live{background:#eaf8f4;color:#061c15}.button.danger{background:var(--danger);color:#220407}.button.danger.subtle{background:transparent;border-color:#704047;color:#ff8e96}.button.big{padding:13px 18px}.button.small{padding:7px 10px}.button.wide{width:100%;padding:14px}.panel{background:linear-gradient(145deg,#121f2af7,#0c1821f7);border:1px solid var(--line);border-radius:10px;padding:24px;box-shadow:0 15px 50px #0000001f}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.panel-heading h2{margin:0}.panel-heading p:not(.eyebrow){color:var(--muted);font-size:.82rem;margin:5px 0 0}.status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:3px;background:#263a49;color:#ccdae3;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.status-live,.status-aktiv{background:#123e34;color:#58e3bf}.status-pausiert{background:#4b3515;color:#ffc66f}.status-beendet{background:#2d3740;color:#aebbc5}.status-entwurf{background:#243343;color:#9dc7e8}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-bottom:38px}.stats>div{background:var(--panel);padding:22px 25px;display:flex;align-items:baseline;gap:13px}.stats strong{font:700 2rem Barlow Condensed;color:var(--accent)}.stats span{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.dashboard-section{margin-top:35px}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:15px}.section-title h2{margin:0}.section-title span{background:#1d3240;color:#9eb0bd;border-radius:20px;padding:2px 8px;font-size:.7rem}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:15px}.game-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:20px;overflow:hidden}.game-card.game-live{border-color:#1e866d;box-shadow:inset 3px 0 var(--accent)}.game-card:hover{border-color:#3c5669}.card-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.7rem}.game-card h3{font-size:1.4rem;margin:18px 0 4px}.location{font-size:.75rem;color:var(--muted)}.game-time{display:flex;align-items:baseline;gap:5px;margin:20px 0}.game-time strong{font:700 2.2rem Barlow Condensed}.game-time span{font-size:.7rem;color:var(--muted)}.game-time em{margin-left:auto;font-style:normal;color:var(--accent);font-size:.73rem;max-width:110px;text-align:right}.avatar-row{display:flex;align-items:center;margin:12px 0}.avatar-row>span,.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#284153;border:2px solid var(--panel);margin-right:-6px;font-size:.6rem;font-weight:700}.avatar-row small{color:var(--muted);margin-left:14px}.card-actions{margin-top:18px}.card-actions .button{width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{display:grid;gap:8px;color:#aebec9;font-size:.75rem;font-weight:600}.span-2{grid-column:1/-1}input,textarea,select{width:100%;background:#08131b;border:1px solid #304454;border-radius:5px;color:#e6eef4;padding:11px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #22d3a71a}textarea{resize:vertical}.checkbox{display:flex!important;align-items:center;grid-template-columns:auto 1fr!important;align-self:end;min-height:44px}.checkbox input{width:18px;height:18px;accent-color:var(--accent)}.form-actions{display:flex;justify-content:flex-end;border-top:1px solid var(--line);padding-top:18px}.duration-box{background:#09141c;border:1px solid var(--line);border-radius:6px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between}.duration-box small{color:var(--muted)}.duration-box strong{font:700 1.3rem Barlow Condensed}.alert{border:1px solid #783b42;background:#331c22;color:#ffb5bb;border-radius:6px;padding:12px 15px;margin-bottom:20px;font-size:.85rem}.alert.info{border-color:#375a73;background:#152c3c;color:#b6dcf6}.alert.success{border-color:#276d5a;background:#13372f;color:#8ee8d0}.center-state,.empty{min-height:220px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted)}.spinner{width:20px;height:20px;border:2px solid #344958;border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px}.schedule-panel{padding:0}.schedule-panel>.panel-heading{padding:23px 24px 0}.schedule-editor-list article{display:grid;grid-template-columns:26px 38px 90px minmax(0,1fr) 70px 95px;align-items:center;gap:10px;padding:15px 18px;border-top:1px solid var(--line);background:#0d1a23}.schedule-editor-list article:hover{background:#11232f}.drag-handle{color:#546b7b;cursor:grab;font-size:1.3rem}.sequence{color:#526a7b;font:600 .8rem Barlow Condensed}.schedule-times{display:grid;font:600 1rem Barlow Condensed}.schedule-times span{color:var(--muted);font-size:.82rem}.schedule-main small{color:var(--accent);font-size:.59rem;text-transform:uppercase;letter-spacing:.08em}.schedule-main h3{font-size:1.1rem;margin:2px 0}.schedule-main p{font-size:.7rem;color:var(--muted);margin:0}.schedule-main em{color:var(--warn);font-style:normal;margin-left:7px}.duration{font:600 .95rem Barlow Condensed;color:#b7c6cf}.row-actions{display:flex;justify-content:flex-end}.row-actions button,.text-button,.table-actions button{border:0;background:none;color:#aabac5;cursor:pointer;padding:6px}.danger-text{color:#ff7d86!important}.editor-summary{display:grid;align-content:start;gap:16px}.editor-summary dl{display:grid;grid-template-columns:1fr auto;gap:13px;margin:0}.editor-summary dt{color:var(--muted);font-size:.75rem}.editor-summary dd{margin:0;font:600 1rem Barlow Condensed}.tip{border-left:3px solid var(--accent)}.tip p{color:var(--muted);font-size:.75rem;line-height:1.6;margin:8px 0 0}.modal-backdrop{position:fixed;inset:0;background:#01070bd1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px;z-index:100}.modal{width:min(650px,100%);max-height:90vh;overflow:auto;background:#111f2a;border:1px solid #385064;border-radius:10px;padding:24px;box-shadow:0 30px 90px #00000080}.modal-danger{border-color:#6b373d}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{margin:0}.icon-button{border:0;background:none;color:#9eb1bd;font-size:1.4rem;cursor:pointer}.modal>p{color:var(--muted);line-height:1.6}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.modal-actions.stacked,.member-list{display:grid}.member-list>div{display:grid;grid-template-columns:36px minmax(0,1fr) 120px 30px;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.member-list small{display:block;color:var(--muted);font-size:.7rem;margin-top:3px}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,520px) 1fr}.login-panel{padding:clamp(30px,7vw,90px);display:flex;flex-direction:column;justify-content:center;background:#09141c}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:65px}.login-brand h1{font-size:1.7rem;margin:0}.login-panel>h2{font-size:2.5rem;margin-bottom:8px}.login-panel form{display:grid;gap:17px;margin-top:20px}.login-panel label{display:grid;gap:8px;color:#b2c0ca;font-size:.75rem}.security-note{text-align:center;color:#607584;margin-top:20px}.login-visual{background:linear-gradient(135deg,#08182140,#020d13cc),repeating-linear-gradient(90deg,transparent 0,transparent 59px,rgba(78,132,149,.08) 60px),radial-gradient(circle at 25% 45%,#1c705f,#0b2735 45%,#061018);display:grid;align-content:center;padding:9vw}.login-visual>div{font-size:.7rem;letter-spacing:.18em;color:#92a9b7}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);margin-right:7px}.login-visual h2{font-size:clamp(3rem,7vw,7rem);line-height:.85;margin-top:25px}.live-page{max-width:1600px;margin:auto}.live-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:20px}.live-header h1{font-size:2.3rem;margin-bottom:5px}.live-header>div>span{color:var(--muted);font-size:.75rem}.live-meta{display:grid;grid-template-columns:auto auto;align-items:center;gap:8px 18px;text-align:right}.live-meta>strong{grid-column:1/-1;font:700 3rem Barlow Condensed}.connection{font-size:.64rem!important;font-weight:700;letter-spacing:.1em}.connection i{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:7px}.connection.online{color:#73e8c9}.connection.online i{background:var(--accent);box-shadow:0 0 8px var(--accent)}.connection.offline{color:#ff9199}.connection.offline i{background:var(--danger)}.offline-banner{background:#50272b;border:1px solid #8a4249;color:#ffd3d6;padding:10px 14px;font-size:.76rem;margin-bottom:15px}.current-cue{position:relative;background:linear-gradient(100deg,#112b32,#10202b 60%,#0d1922);border:1px solid #286a62;border-left:5px solid var(--accent);padding:28px 32px;margin-bottom:14px;overflow:hidden}.current-cue:after{content:"";position:absolute;width:350px;height:350px;border:1px solid rgba(34,211,167,.1);border-radius:50%;right:-140px;top:-170px}.current-cue.is-paused{border-color:#8c6229;border-left-color:var(--warn)}.current-cue.is-overdue{border-color:#8e4047;border-left-color:var(--danger)}.cue-label{display:flex;justify-content:space-between;color:var(--accent);font-size:.67rem;font-weight:800;letter-spacing:.15em}.cue-label small{color:var(--muted)}.current-cue h2{font-size:clamp(2.5rem,6vw,5.5rem);line-height:.9;margin:13px 0}.cue-description{color:#9fb0bb}.timer-grid{display:grid;grid-template-columns:minmax(260px,.8fr) 1.5fr;gap:50px;align-items:end;margin-top:25px}.timer-grid>div>small{display:block;color:var(--muted);letter-spacing:.18em;font-size:.62rem}.timer-grid>div>strong{font:700 clamp(4rem,9vw,8rem) "Barlow Condensed";line-height:.9;color:var(--accent)}.timer-grid dl{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0}.timer-grid dl div{border-left:1px solid var(--line);padding-left:15px}.timer-grid dt{color:var(--muted);font-size:.61rem;text-transform:uppercase;letter-spacing:.08em}.timer-grid dd{font:600 1.1rem Barlow Condensed;margin:5px 0}.negative{color:var(--danger)!important}.positive{color:var(--accent)!important}.cue-note{margin-top:22px;background:#172e35;border-left:2px solid var(--accent);padding:12px 15px}.cue-note strong{font-size:.65rem;color:var(--accent);text-transform:uppercase}.cue-note p{margin:5px 0 0;font-size:.8rem}.control-deck{display:grid;grid-template-columns:1fr 1.3fr 1fr auto;gap:10px;background:#0b1720;border:1px solid var(--line);padding:12px;margin-bottom:20px}.button.giant{font-family:Barlow Condensed;font-size:1.1rem;letter-spacing:.05em}.button.pause{background:#4b351b;color:#ffd394}.button.resume{background:#16463a;color:#8ef0d4}.quick-adjust{display:flex;align-items:center;gap:4px;background:#111f2a;padding:5px}.quick-adjust span{font-size:.6rem;color:var(--muted);margin:0 5px}.quick-adjust button{background:#253846;border:0;color:#d9e4eb;padding:8px;font-size:.68rem;cursor:pointer}.live-lower{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.7fr);gap:15px}.timeline{padding:0}.timeline>.panel-heading{padding:22px 24px 0}.timeline-group>h3{font:700 .65rem Inter;color:#688091;letter-spacing:.15em;padding:11px 24px;margin:0;background:#0b1720}.timeline-group.current>h3{color:var(--accent)}.timeline-item{display:grid;grid-template-columns:65px 22px minmax(0,1fr) auto;align-items:flex-start;gap:10px;padding:14px 22px;border-top:1px solid var(--line)}.timeline-item time{font:600 1rem Barlow Condensed}.timeline-line{display:flex;justify-content:center;position:relative;height:100%}.timeline-line:after{content:"";position:absolute;width:1px;background:#314856;top:12px;bottom:-25px}.timeline-line i{width:9px;height:9px;border-radius:50%;background:#49606f;z-index:1}.timeline-group.current .timeline-line i{background:var(--accent);box-shadow:0 0 9px var(--accent)}.timeline-item strong{display:block;font-size:.85rem}.timeline-item small{color:var(--muted);font-size:.64rem}.state-completed{opacity:.62}.state-skipped{text-decoration:line-through;opacity:.45}.inline-note{color:#d2bd82;background:#2d291c;padding:6px 8px;margin:7px 0 0;font-size:.68rem}.event-ticker{padding:0;max-height:700px;overflow:auto}.event-ticker>.panel-heading{position:sticky;top:0;background:#101d27;padding:22px 20px 14px;z-index:2}.event-ticker>div:last-child article{display:grid;grid-template-columns:65px 1fr;padding:12px 20px;border-top:1px solid var(--line)}.event-ticker time{font:600 .8rem Barlow Condensed;color:var(--accent)}.event-ticker p{font-size:.72rem;margin:0}.event-ticker small{grid-column:2;color:var(--muted);font-size:.62rem;margin-top:3px}.finished-hero{text-align:center;padding:80px 20px;background:var(--panel);border:1px solid var(--line);margin-bottom:20px}.finished-hero>span{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#15483b;color:var(--accent);font-size:2rem}.finished-hero h2{font-size:3rem;margin:18px 0 6px}.finished-hero p{color:var(--muted);margin-bottom:25px}.history-stats strong{color:#e7f0f5}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.76rem}th{text-align:left;color:#7890a0;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:12px;border-bottom:1px solid var(--line)}td{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top}td small{display:block;color:var(--muted);margin-top:4px}.table-actions{text-align:right;white-space:nowrap}.history-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.history-event{display:grid;grid-template-columns:1fr auto;gap:5px;border-bottom:1px solid var(--line);padding:12px 0}.history-event span{font-size:.7rem;color:var(--muted)}.history-event em{grid-column:2;grid-row:1/-1;font:600 1rem Barlow Condensed}.audit-list{padding:0}.audit-list article{display:grid;grid-template-columns:160px 1fr 100px;align-items:center;padding:15px 20px;border-bottom:1px solid var(--line)}.audit-list time{font-size:.7rem;color:var(--muted)}.audit-list strong{font-size:.8rem}.audit-list p{font-size:.68rem;color:var(--muted);margin:4px 0 0}.audit-list details{text-align:right}.audit-list pre{text-align:left;max-width:500px;white-space:pre-wrap;background:#071018;padding:10px}.security-note{line-height:1.4}@media(max-width:1100px){.editor-layout,.live-lower{grid-template-columns:1fr}.editor-summary,.control-deck{grid-template-columns:1fr 1fr}.quick-adjust{grid-column:1/-1}.timer-grid{grid-template-columns:1fr}.schedule-editor-list article{grid-template-columns:22px 30px 75px minmax(0,1fr) 70px}.schedule-editor-list .duration{display:none}.login-visual{padding:5vw}.login-visual h2{font-size:5vw}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:relative;width:100%;height:auto;flex-direction:row;align-items:center;padding:12px 16px}.brand{margin:0 20px 0 0}.brand small{display:none}.sidebar nav{display:flex}.sidebar nav a{padding:8px}.sidebar-user{margin:0 0 0 auto;border:0;padding:0}.sidebar-user strong,.sidebar-user small{display:none}.main{padding:24px 15px}.page-header,.live-header{display:grid}.header-actions{justify-content:flex-start}.stats{grid-template-columns:1fr}.stats>div{padding:13px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.editor-summary{grid-template-columns:1fr}.schedule-editor-list article{grid-template-columns:20px 60px minmax(0,1fr) 70px;padding:13px 10px}.schedule-editor-list .sequence,.schedule-editor-list .duration{display:none}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-brand{margin-bottom:50px}.live-meta{text-align:left}.live-meta>strong{font-size:2.4rem}.current-cue{padding:22px 18px}.timer-grid>div>strong{font-size:5rem}.timer-grid dl{grid-template-columns:1fr 1fr}.control-deck{grid-template-columns:1fr}.quick-adjust{overflow-x:auto}.button.danger.subtle{grid-column:1}.timeline-item{grid-template-columns:55px 18px minmax(0,1fr)}.timeline-item>.text-button{grid-column:3}.history-grid{grid-template-columns:1fr}.audit-list article{grid-template-columns:1fr;gap:5px}.audit-list details{text-align:left}.member-list>div{grid-template-columns:36px minmax(0,1fr) 90px}.member-list .icon-button{display:none}}@media(max-width:480px){.sidebar nav a:not(.active){display:none}.page-header .button.big{width:100%}.live-header h1{font-size:1.8rem}.timer-grid dl{grid-template-columns:1fr 1fr}.timer-grid>div>strong{font-size:4.2rem}.current-cue h2{font-size:2.5rem}.schedule-editor-list article{grid-template-columns:55px minmax(0,1fr) 65px}.drag-handle{display:none}.modal{padding:18px}}