:root{color-scheme:dark;--bg:#101815;--panel:#1c2922;--soft:#24372c;--edge:#354a3c;--text:#f2f6f2;--dim:#adc0b2;--green:#6bc66b;--gold:#e7c777;--red:#e29387}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);-webkit-tap-highlight-color:transparent}body{background:radial-gradient(ellipse at 90% -20%,#213d29 0,transparent 50%),var(--bg)}button,select{font:inherit}button{cursor:pointer}.site{max-width:1160px;min-height:100dvh;margin:auto;padding:0 18px;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 0;border-bottom:1px solid var(--edge)}.brand{display:flex;gap:10px;align-items:center}.brand .mark{width:48px;height:48px;object-fit:contain}.brand strong{display:block;font-size:1rem}.brand span{font-size:.76rem;color:var(--dim)}.connection{display:flex;align-items:center;gap:7px;border:1px solid var(--edge);padding:8px 12px;border-radius:999px;background:var(--panel);color:var(--dim);font-size:.78rem;max-width:58%;text-align:right}.dot{flex:none;width:8px;height:8px;border-radius:50%;background:#73897a}.connection.online .dot{background:var(--green);box-shadow:0 0 8px var(--green)}.connection.stale .dot{background:var(--gold)}.connection.offline .dot{background:var(--red)}main{flex:1}.hero{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:25px 0 16px}.eyebrow{font-size:.68rem;letter-spacing:.15em;color:var(--green);font-weight:800;margin:0 0 5px}.hero h1{font-size:clamp(1.4rem,3.5vw,2.5rem);letter-spacing:-.04em;margin:0 0 5px}.muted{color:var(--dim)}.hero .muted{margin:0;font-size:.84rem}.install,.select{border:1px solid var(--green);border-radius:12px;background:var(--soft);color:var(--text);padding:10px 13px}.tabs{display:flex;gap:8px;overflow-x:auto;padding:0 0 14px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{white-space:nowrap;flex-shrink:0;border-radius:12px;padding:12px 16px;border:1px solid var(--edge);background:var(--panel);color:var(--dim);font-weight:600}.tabs button.active{background:#284932;border-color:#4ca85b;color:#fff}.content{padding:4px 0 28px}.notice{background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:25px;line-height:1.7;color:var(--dim)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:8px 0 24px}.metric{background:var(--panel);border:1px solid var(--edge);padding:16px;border-radius:14px}.metric strong{font-size:1.7rem;display:block;line-height:1.2}.metric span{font-size:.81rem;color:var(--dim)}.section{margin:20px 0 26px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.section h2{font-size:1.2rem;margin:0}.sub{color:var(--dim);font-size:.83rem}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.match{background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:14px;min-width:0}.match header{display:flex;justify-content:space-between;gap:10px;align-items:start;color:var(--dim);font-size:.78rem;margin-bottom:11px}.match .sides{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center}.match .team{font-weight:650;overflow-wrap:anywhere}.match .team:last-child{text-align:right}.match .score{background:var(--soft);color:var(--text);border-radius:8px;padding:7px 9px;min-width:52px;text-align:center;font-weight:800;white-space:nowrap}.match .foot{display:flex;justify-content:space-between;gap:8px;margin-top:12px;color:var(--dim);font-size:.78rem}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;border:1px solid var(--edge);font-size:.75rem;white-space:nowrap}.chip.live{color:var(--green);border-color:#386b46;background:#213d2b}.chip.done{color:#b8d3bc}.chip.wait{color:var(--gold)}.scrolltable{overflow-x:auto;border-radius:14px;border:1px solid var(--edge);background:var(--panel)}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th,td{padding:12px 13px;border-bottom:1px solid var(--edge);font-size:.88rem}th{font-size:.78rem;color:var(--dim);font-weight:650;background:var(--soft)}tbody tr:last-child td{border-bottom:0}td:first-child{color:var(--green);font-weight:700}tr.selected{background:#284532}tbody tr:nth-child(even):not(.selected){background:#202f27}.table-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.table-item{background:var(--panel);border:1px solid var(--edge);border-radius:12px;padding:15px}.table-item strong{display:block}.table-item .muted{display:block;font-size:.78rem;margin-top:7px;overflow-wrap:anywhere}.table-item .state{font-size:.78rem;font-weight:700;color:var(--green)}.table-item .state.belegt{color:var(--gold)}.table-item .state.gesperrt{color:var(--red)}.bracket{display:flex;align-items:stretch;gap:12px;overflow-x:auto;padding:5px 2px 10px}.round-col{flex:0 0 242px;min-width:0}.round-title{font-size:.9rem;font-weight:750;color:var(--green);margin:0 0 9px}.round-col .match{margin-bottom:10px;padding:12px}.round-col .match .sides{grid-template-columns:1fr}.round-col .match .team:last-child{text-align:left}.round-col .match .score{justify-self:start}.empty{background:var(--panel);padding:20px;color:var(--dim);border:1px dashed var(--edge);border-radius:12px;font-size:.9rem}.picker{width:100%;max-width:480px;padding:13px;border-radius:12px;border:1px solid var(--edge);color:var(--text);background:var(--panel);margin:4px 0 12px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.footnote{font-size:.8rem;color:var(--dim);line-height:1.6}footer{padding:18px 0 25px;border-top:1px solid var(--edge);color:var(--dim);font-size:.76rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}@media(max-width:760px){.site{padding:0 12px}.metric-grid,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:1fr}.table-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding-top:19px}.topbar .mark{width:42px;height:42px}.tabs button{padding:12px}.round-col{flex:0 0 88%;max-width:270px}.metric strong{font-size:1.4rem}.match .sides{gap:6px}.match .team{font-size:.9rem}.connection{font-size:.7rem;padding:7px 8px}}@media(max-width:400px){.table-list{grid-template-columns:1fr}.connection{max-width:48%}.brand strong{font-size:.89rem}}
/* PWA im Vollbildmodus: iPhone-Notch und Home-Indikator freihalten. */
.site{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
.topbar{padding-top:max(16px,env(safe-area-inset-top))}
footer{padding-bottom:max(25px,env(safe-area-inset-bottom))}
@media(max-width:760px){.site{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}