:root{--blue: #0a1f6b;--green: #1a5c3a;--red: #cc0000;--ink: #1f2933;--muted: #4a657f;--line: #e4e7eb;--bg: #f4f7fc}*{box-sizing:border-box}html,body,#app{margin:0;height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);user-select:none;-webkit-user-select:none;overflow:hidden}.player{display:flex;flex-direction:column;height:100vh;width:100vw;position:relative}.status{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;background:#fff;border-bottom:1px solid var(--line);flex-shrink:0}.status-logo{height:34px;width:auto}.status-date{color:var(--muted);font-size:1rem;text-transform:capitalize}.status-right{margin-left:auto;display:flex;align-items:center;gap:1.25rem;color:var(--muted);font-size:.9rem}.status-counts{color:var(--blue);font-variant-numeric:tabular-nums}.status-online{display:inline-flex;align-items:center;gap:.4rem}.status-online .dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--green)}.status-time{color:var(--blue);font-weight:600;font-size:1.1rem;font-variant-numeric:tabular-nums}.stage{position:relative;flex:1;display:flex;padding:3rem;overflow:hidden}.zone-chip{position:absolute;top:1.25rem;right:1.5rem;padding:.25rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;z-index:2}.zone-chip.info{background:#e7ecf8;color:var(--blue)}.zone-chip.werbung{background:#fde8e8;color:var(--red)}.slide{flex:1;display:flex}.slide-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:1rem}.slide-center{align-items:center;text-align:center}.kicker{margin:0;color:var(--green);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:1rem}.title{margin:0;color:var(--blue);font-size:clamp(2rem,5vw,3.5rem);line-height:1.1}.lead{margin:0;color:var(--ink);font-size:clamp(1.1rem,2.4vw,1.8rem);line-height:1.5;max-width:30ch}.rows{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:36rem}.rows li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:clamp(1.05rem,2.2vw,1.5rem)}.row-label{font-weight:600;color:var(--ink)}.row-value{color:var(--muted)}.badge{padding:.2rem .7rem;border-radius:999px;font-size:.95rem;font-weight:600}.badge-free{background:#e3f3ea;color:var(--green)}.badge-taken{background:#f1f3f5;color:var(--muted)}.hint{margin:.5rem 0 0;color:var(--muted);font-size:1.05rem}.big-number{margin:0;color:var(--green);font-size:clamp(5rem,18vw,12rem);font-weight:700;line-height:1}.big-number .of{color:var(--muted);font-size:.35em;margin-left:.3rem}.slide-ad{justify-content:center;border-radius:20px;background:var(--accent);color:#fff;padding:2rem}.slide-ad .brand{margin:0;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:700}.slide-ad .claim{margin:.75rem 0 0;font-size:clamp(1.2rem,3vw,2rem);max-width:24ch}.slide-ad .hint{color:#ffffffd9;margin-top:1.5rem}.footer{flex-shrink:0}.dots{display:flex;justify-content:center;gap:.5rem;padding:.75rem 0}.dot-item{width:.5rem;height:.5rem;border-radius:50%;background:#c9d4ea;transition:all .2s ease}.dot-item.active{background:var(--blue);width:1.5rem;border-radius:999px}.progress{height:4px;background:var(--line)}.progress-bar{height:100%;background:var(--blue);transition:width .1s linear}.idle{position:absolute;inset:0;z-index:10;background:#081028eb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.idle-logo{height:64px;width:auto;filter:brightness(0) invert(1);opacity:.9}.idle-hint{margin:0;color:#ffffffbf;font-size:1.1rem}.fade-enter-active,.fade-leave-active{transition:opacity .4s ease}.fade-enter-from,.fade-leave-to{opacity:0}