@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-600.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:Barlow;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/barlow-700.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:Barlow;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/barlow-800.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:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/jetbrains-mono-600.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:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/jetbrains-mono-700.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:JetBrains Mono;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/jetbrains-mono-800.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}:root{color-scheme:dark;--bg: oklch(.16 .006 210);--surface: oklch(.21 .007 210);--surface-hell: oklch(.25 .008 210);--rahmen: oklch(.32 .008 210);--text: oklch(.97 .003 210);--text-dim: oklch(.68 .01 210);--text-dezent: oklch(.55 .01 210);--text-sehr-dezent: oklch(.45 .01 210);--akzent: oklch(.72 .14 210);--akzent-dim: oklch(.4 .09 210);--warn: oklch(.72 .13 25);--warn-dim: oklch(.4 .09 25);--font-ui: "Barlow", "Helvetica Neue", Arial, sans-serif;--font-num: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--fs-uhr: clamp(48px, min(24vh, 28vw), 420px);--fs-stand: clamp(36px, min(17vh, 20vw), 300px);--fs-team: clamp(11px, 2.8vh, 40px);--fs-badge: clamp(10px, 2vh, 28px);--fs-strafe-zeit: clamp(16px, 4.2vh, 56px);--fs-strafe-nr: clamp(10px, 2.2vh, 30px);--fs-strafe-label: clamp(9px, 1.6vh, 20px)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:700}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.bedienung{max-width:900px;margin:0 auto;padding:30px 34px 40px;display:grid;gap:18px}.karte{background:var(--surface);border:1px solid var(--rahmen);border-radius:14px;padding:20px 22px}.karte--zeile{display:flex;align-items:center;gap:14px;padding:16px 20px}.label{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.label--weit{font-size:11px;letter-spacing:.14em;color:var(--text-dezent)}.mini{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.raster-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.reihe-oben{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);gap:18px}.stepper{display:flex;align-items:center;gap:10px;margin-left:auto}.stepper__btn{width:34px;height:34px;border-radius:8px;background:var(--surface-hell);border:1px solid var(--rahmen);color:var(--text);font-size:18px;font-weight:700;line-height:1}.stepper__btn:hover:not(:disabled){border-color:var(--akzent)}.stepper__btn:disabled{color:var(--text-sehr-dezent)}.stepper__wert{font-size:20px;min-width:74px;text-align:center}.vorschau{gap:6px;min-width:0}.vorschau>.label{color:var(--text-dezent)}.vorschau__uhr{font-size:26px;margin-left:8px}.vorschau__tor{font-size:26px}.vorschau__trenner{font-size:26px;color:var(--text-sehr-dezent)}.vorschau__timeout{font-size:15px;margin-left:14px;white-space:nowrap;color:var(--akzent)}.vorschau__timeout--ablauf{color:var(--warn)}.vorschau__stand{display:flex;align-items:center;gap:6px;margin-left:auto}.btn-start{display:flex;align-items:center;justify-content:center;gap:14px;height:64px;border-radius:16px;background:var(--akzent);color:#0a0e0f;font-size:34px;font-weight:800;text-transform:uppercase}.btn-start--stopp{background:var(--warn)}.btn-start__punkt{width:16px;height:16px;border-radius:50%;background:currentColor}.btn-start:hover:not(:disabled){filter:brightness(1.07)}.btn-start:disabled{filter:grayscale(.6) brightness(.7)}.tor-spalte{display:grid;gap:8px;justify-items:end}.btn-tor{width:100%;height:130px;border-radius:16px;background:color-mix(in oklab,var(--akzent) 12%,var(--bg));border:1px solid var(--akzent);color:var(--text);font-size:24px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.btn-tor:hover{background:color-mix(in oklab,var(--akzent) 20%,var(--bg))}.chip{background:var(--surface-hell);border:1px solid var(--rahmen);border-radius:8px;padding:7px 12px;font-size:13px;font-weight:700;color:var(--text-dim)}.chip:hover{color:var(--text);border-color:var(--akzent)}.strafe{display:grid;gap:14px}.strafe__zeile{display:flex;align-items:center;gap:12px}.nr-feld{width:86px;height:44px;padding:0 10px;border-radius:10px;background:var(--bg);border:1px solid var(--rahmen);color:var(--text);font-size:20px}.nr-feld::placeholder{color:var(--text-sehr-dezent)}.nr-feld:focus{border-color:var(--akzent)}.btn-bestaetigen{height:44px;padding:0 18px;border-radius:10px;background:var(--surface-hell);border:1px solid var(--rahmen);color:var(--text-dezent);font-size:15px;font-weight:700}.btn-bestaetigen:not(:disabled){color:var(--text);border-color:var(--akzent)}.btn-bestaetigen:not(:disabled):hover{background:color-mix(in oklab,var(--akzent) 18%,var(--surface-hell))}.aktionen{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.aktionen__rechts{display:flex;gap:10px;margin-left:auto}.btn-sek{height:38px;padding:0 14px;border-radius:10px;background:transparent;border:1px solid var(--rahmen);color:var(--text-dezent);font-size:14px;font-weight:700}.btn-sek--hell{color:var(--text)}.btn-sek--timeout{color:var(--text);border-color:color-mix(in oklab,var(--akzent) 40%,var(--rahmen))}.btn-sek--timeout:hover:not(:disabled){background:color-mix(in oklab,var(--akzent) 14%,transparent)}.btn-sek--warn{color:var(--warn);border-color:color-mix(in oklab,var(--warn) 45%,var(--rahmen))}.btn-sek:hover:not(:disabled){background:var(--surface-hell)}.btn-sek:disabled{color:var(--text-sehr-dezent);opacity:.6}.strafliste{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;padding:18px 22px 20px}.strafliste__spalte{display:grid;gap:12px;justify-items:start;align-content:start}.strafliste__spalte--rechts{justify-items:end}.strafliste__chips{display:flex;flex-wrap:wrap;gap:10px;min-height:42px}.strafliste__spalte--rechts .strafliste__chips{justify-content:flex-end}.straf-chip{display:flex;align-items:center;gap:10px;height:42px;padding:0 12px 0 6px;border-radius:10px;background:var(--surface-hell);border:1px solid var(--rahmen)}.straf-chip__nr{display:grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:999px;font-family:var(--font-num);font-size:13px;font-weight:700;color:var(--text)}.straf-chip--home .straf-chip__nr{background:var(--akzent-dim)}.straf-chip--away .straf-chip__nr{background:var(--warn-dim)}.straf-chip__zeit{font-size:18px}.straf-chip--ablauf .straf-chip__zeit{color:var(--warn)}.straf-chip__weg{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:var(--surface);border:1px solid var(--rahmen);color:var(--text-dezent);font-size:12px;line-height:1}.straf-chip__weg:hover{color:var(--warn);border-color:var(--warn)}.strafliste__leer{align-self:center;font-size:13px;font-weight:600;color:var(--text-sehr-dezent)}.dialog{border:1px solid var(--rahmen);border-radius:14px;background:var(--surface);color:var(--text);padding:0}.dialog::backdrop{background:#0a0e0fb3}.dialog__form{display:grid;gap:14px;padding:22px;justify-items:start}.dialog__feld{width:140px;height:44px;padding:0 12px;border-radius:10px;background:var(--bg);border:1px solid var(--rahmen);color:var(--text);font-size:20px}.dialog__aktionen{display:flex;gap:10px}@media(max-width:720px){.bedienung{padding:16px}.reihe-oben,.raster-2{grid-template-columns:minmax(0,1fr)}.btn-start{font-size:26px}}.anzeige{min-height:100vh;padding:3vh 5vw 4vh;display:flex;flex-direction:column}.anzeige__buehne{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vh}.halbzeit-badge{font-size:var(--fs-badge);font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dezent)}.uhr{font-size:var(--fs-uhr);font-weight:800;line-height:1;letter-spacing:.02em}.uhr--warn{color:var(--warn)}.stand{display:grid;grid-template-columns:1fr auto 1fr;column-gap:4vw;row-gap:1vh;align-items:center;justify-items:center}.stand__label{position:relative;font-size:var(--fs-team);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.timeouts{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:1.1vh;display:flex;gap:.7vh}.timeout-punkt{width:1.4vh;height:1.4vh;border-radius:50%;background:var(--text-sehr-dezent);opacity:.4}.timeout-punkt--genommen{opacity:1}.timeouts--home .timeout-punkt--genommen{background:var(--akzent)}.timeouts--away .timeout-punkt--genommen{background:var(--warn)}.stand__ziffer{font-size:var(--fs-stand);font-weight:800;line-height:1}.stand__trenner{display:grid;gap:var(--fs-strafe-nr)}.stand__trenner i{display:block;width:var(--fs-strafe-nr);height:var(--fs-strafe-nr);border-radius:50%;background:var(--text-sehr-dezent)}.anzeige__strafen{display:flex;justify-content:space-between;align-items:flex-end;gap:4vw}.strafgruppe{display:grid;gap:1.2vh;justify-items:start}.strafgruppe--rechts{justify-items:end}.strafgruppe__label{font-size:var(--fs-strafe-label);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dezent)}.strafgruppe__chips{display:flex;flex-wrap:wrap;gap:1.4vh}.strafgruppe--rechts .strafgruppe__chips{justify-content:flex-end}.anzeige-chip{display:flex;align-items:center;gap:1.4vh;padding:.9vh 1.6vh .9vh .9vh;border-radius:1.4vh;background:var(--surface);border:1px solid var(--rahmen)}.anzeige-chip__nr{display:grid;place-items:center;min-width:3.6vh;height:3.6vh;padding:0 .7vh;border-radius:999px;font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:var(--fs-strafe-nr);font-weight:700;color:var(--text)}.anzeige-chip--home .anzeige-chip__nr{background:var(--akzent-dim)}.anzeige-chip--away .anzeige-chip__nr{background:var(--warn-dim)}.anzeige-chip__zeit{font-size:var(--fs-strafe-zeit);font-weight:700;line-height:1}.anzeige-chip--ablauf .anzeige-chip__zeit{color:var(--warn)}