:root{
    --grass:#08783f;--grass-2:#0b8b49;--grass-dark:#075d34;--grass-deep:#043d25;--grass-soft:#e9f6ee;
    --live:#11a957;--final:#d7434d;--ink:#152019;--ink-2:#304039;--muted:#68766d;
    --page:#f2f5f2;--card:#fff;--line:#dce4de;--line-soft:#ebf0ec;--blue:#2d72d2;
    --radius:20px;--shadow:0 8px 24px rgba(20,48,31,.08);--shadow-strong:0 18px 45px rgba(7,63,35,.15)
}
*{box-sizing:border-box}
html{background:var(--page);scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:linear-gradient(180deg,#edf3ef 0,#f8faf8 360px,#f2f5f2 100%);color:var(--ink);font-family:"Segoe UI Variable Text","Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button{font:inherit}button,.info-button{-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid rgba(8,120,63,.23);outline-offset:2px}.app-shell{width:min(100%,920px);margin:0 auto;padding:0 12px calc(30px + env(safe-area-inset-bottom))}

/* Header */
.hero{position:relative;overflow:hidden;margin:0 -12px;padding:calc(22px + env(safe-area-inset-top)) 20px 34px;color:#fff;background:linear-gradient(135deg,#043f27 0%,#076238 44%,#0a8245 100%);border-radius:0 0 30px 30px;box-shadow:0 14px 34px rgba(6,86,46,.22);isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.05),transparent 38%,rgba(255,255,255,.06));z-index:-1}
.pitch-art{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.23}.pitch-circle{position:absolute;width:190px;height:190px;border:2px solid rgba(255,255,255,.7);border-radius:50%;right:-55px;top:-55px}.pitch-box{position:absolute;width:245px;height:120px;border:2px solid rgba(255,255,255,.68);left:-120px;bottom:-53px}.pitch-line{position:absolute;width:2px;height:190%;left:57%;top:-45%;background:rgba(255,255,255,.35);transform:rotate(23deg)}.stadium-glow{position:absolute;border-radius:50%;filter:blur(2px);background:radial-gradient(circle,rgba(173,255,205,.28),rgba(173,255,205,0) 70%)}.glow-a{width:250px;height:160px;right:12%;bottom:-95px}.glow-b{width:180px;height:130px;left:28%;top:-85px}
.hero-main{display:flex;align-items:center;gap:15px;position:relative}.brand-mark{width:62px;height:62px;flex:0 0 auto;display:grid;place-items:center;border-radius:19px;background:linear-gradient(145deg,rgba(255,255,255,.19),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 24px rgba(0,40,20,.16)}.brand-mark svg{width:46px;height:46px}.brand-block{min-width:0}.brand-kicker{font-size:11px;letter-spacing:.16em;font-weight:900;opacity:.84}.hero h1{margin:3px 0 5px;font-size:31px;line-height:1.02;letter-spacing:-.042em;font-weight:900}.hero h1 span{display:inline-flex;margin-left:6px;padding:5px 8px 4px;vertical-align:5px;border-radius:8px;background:#f23847;color:#fff;font-size:10px;letter-spacing:.08em;box-shadow:0 5px 15px rgba(145,4,16,.26)}.hero-subline{font-size:12px;font-weight:650;letter-spacing:.01em;color:rgba(255,255,255,.78)}
.hero-meta{position:relative;display:flex;align-items:center;gap:8px;margin-top:15px}.season-pill,.sync-badge{display:inline-flex;align-items:center;min-height:30px;padding:6px 11px;border-radius:999px;background:rgba(2,38,22,.24);border:1px solid rgba(255,255,255,.09);font-size:11px;font-weight:750;color:rgba(255,255,255,.9);backdrop-filter:blur(8px)}.sync-badge{gap:7px}.sync-dot{width:7px;height:7px;border-radius:50%;background:#83f2af;box-shadow:0 0 0 4px rgba(131,242,175,.14)}.sync-badge.error .sync-dot{background:#ffd0d3}

/* Wettbewerbsauswahl */
.nav-hub{position:relative;z-index:10;margin:-18px 3px 17px;padding:11px;background:rgba(255,255,255,.97);border:1px solid rgba(215,225,218,.96);border-radius:22px;box-shadow:0 14px 36px rgba(26,58,38,.12);backdrop-filter:blur(14px)}.nav-caption{padding:1px 3px 9px;color:#728078;font-size:11px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.competition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.league-tab{min-width:0;min-height:54px;padding:7px 10px;display:flex;align-items:center;gap:9px;border:1px solid transparent;border-radius:14px;background:#f6f8f6;color:#536158;cursor:pointer;text-align:left;transition:background .16s,color .16s,border-color .16s,box-shadow .16s,transform .16s}.league-tab:hover{background:#eef5f0;color:#26372d}.league-tab:active{transform:scale(.985)}.league-tab.active{background:linear-gradient(135deg,#e8f7ee,#f5fbf7);border-color:#bfe1ca;color:#075e34;box-shadow:0 5px 15px rgba(8,120,63,.08),inset 0 0 0 1px rgba(8,120,63,.04)}.league-icon{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;background:#e5ebe7;color:#526158;font-size:13px;font-weight:900;transition:.15s}.league-tab.active .league-icon{background:var(--grass);color:#fff;box-shadow:0 5px 13px rgba(8,120,63,.2)}.league-icon svg{width:19px;height:19px;fill:currentColor}.league-icon.star{border-radius:50%}.league-icon.europa{border-radius:50% 50% 44% 44%;font-style:italic}.league-icon.conference{border-radius:9px 14px 9px 14px}.league-icon.trophy{border-radius:11px}.league-label{min-width:0;font-size:12px;line-height:1.12;font-weight:800;color:inherit}

/* Spieltag + Hauptansicht */
.workspace-head{display:grid;gap:10px;margin-bottom:15px}.round-nav{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:7px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.round-arrow{width:52px;height:58px;display:grid;place-items:center;border:0;border-radius:14px;background:#edf7f1;color:#08713e;cursor:pointer;transition:.15s}.round-arrow svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.round-arrow:hover:not(:disabled){background:#dff1e6}.round-arrow:active:not(:disabled){transform:scale(.96)}.round-arrow:disabled{opacity:.25}.round-center{text-align:center;min-width:0;padding:1px 4px}.competition-label{font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--grass);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.round-title{margin-top:2px;font-size:22px;line-height:1.08;font-weight:900;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.round-date{margin-top:5px;color:#59685f;font-size:13px;line-height:1.2;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.view-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;background:#dfe7e1;border:1px solid #d2dcd5;border-radius:19px;box-shadow:inset 0 1px 2px rgba(21,54,35,.04)}.view-button{min-width:0;min-height:62px;padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:14px;background:transparent;color:#617067;cursor:pointer;text-align:left;transition:.17s}.view-button:hover{color:#314138}.view-button.active{background:#fff;color:#075e34;box-shadow:0 6px 16px rgba(20,54,34,.11)}.view-button[hidden]{display:none}.view-icon{width:35px;height:35px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.46)}.view-button.active .view-icon{background:#e7f5ec}.view-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.view-button strong{display:block;font-size:14px;line-height:1.05;font-weight:900}.view-button small{display:block;margin-top:3px;font-size:10px;line-height:1.1;font-weight:650;color:#87928b}.view-button.active small{color:#668071}

.view-panel{display:none}.view-panel.active{display:block}.matches{display:grid;gap:14px}.match-group{display:grid;gap:10px}.group-header{display:flex;align-items:center;gap:9px;margin:6px 4px 0}.group-header::after{content:"";height:1px;flex:1;background:#d7e0da}.group-title{font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#717e76;white-space:nowrap}.group-count{display:grid;place-items:center;min-width:24px;height:23px;padding:0 7px;border-radius:999px;background:#e5ebe7;color:#66736b;font-size:10px;font-weight:900}.group-header.live .group-title{color:#08783f}.group-header.live .group-count{background:#dff5e7;color:#08783f}.group-header.finished .group-title{color:#9d555a}.group-header.finished .group-count{background:#f7e7e8;color:#a34d54}.day-heading{display:flex;align-items:center;gap:10px;margin:6px 4px 1px;color:#45554c;font-size:13px;font-weight:850}.day-heading::after{content:"";height:1px;flex:1;background:#d9e0da}
.match-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:13px 14px 11px;transition:box-shadow .18s ease,border-color .18s ease}.match-card:hover{box-shadow:0 13px 34px rgba(15,42,25,.11)}.match-card.live-card{overflow:visible;border-color:rgba(18,170,87,.46);background:linear-gradient(118deg,#fff 0,#fbfffc 48%,#e9f9ef 100%);box-shadow:0 13px 34px rgba(12,133,68,.14)}.match-card.live-card::before{content:"";position:absolute;left:-1px;top:16px;bottom:16px;width:4px;border-radius:0 5px 5px 0;background:linear-gradient(#17ba63,#83e7ab);box-shadow:0 0 16px rgba(18,170,87,.28)}.match-card.finished-card{background:linear-gradient(180deg,#fff,#fcfdfc)}
.match-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.match-datetime{display:flex;align-items:baseline;gap:8px;min-width:0}.match-date{color:#56655d;font-size:12px;font-weight:750}.match-datetime strong{font-size:18px;line-height:1;font-weight:900;font-variant-numeric:tabular-nums}.match-datetime strong small{font-size:9px;letter-spacing:.03em;color:#7a867f}.status{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.025em;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto}.status.live{color:#08783f;background:#dcf6e6}.status.live .status-dot{background:var(--live);box-shadow:0 0 0 4px rgba(18,170,87,.12);animation:pulse 1.2s infinite}.status.finished{color:#aa3c44;background:#fff0f1}.status.finished .status-dot{background:var(--final)}.status.upcoming{color:#657168;background:#f0f3f1}.status.upcoming .status-dot{background:#98a39c}@keyframes pulse{50%{transform:scale(.72);opacity:.55}}
.versus-row{display:grid;grid-template-columns:minmax(0,1fr) 42px auto 42px minmax(0,1fr);align-items:center;gap:8px;padding:11px 0 12px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.club{display:contents}.club-name{min-width:0;font-size:15px;line-height:1.14;font-weight:850}.club-home .club-name{text-align:right}.club-away .club-name{text-align:left}.team-logo{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.07))}.main-score{display:flex;align-items:center;justify-content:center;gap:8px;min-width:82px;padding:7px 10px;border-radius:13px;background:#eef3ef;color:#101b14;font-size:29px;line-height:1;font-weight:900;font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1px #dfe7e1}.live-card .main-score{background:#fff;box-shadow:0 5px 16px rgba(8,120,63,.08),inset 0 0 0 1px rgba(8,120,63,.14)}.main-score i{font-style:normal;color:#76837b;font-size:19px}.main-score.pending{font-size:22px;color:#99a49d}.penalty{text-align:center;margin:7px 0 -2px;color:#5d6b63;font-size:11px;font-weight:750}.match-bottom{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:9px}.match-meta{min-width:0;display:flex;align-items:center;gap:7px;overflow:hidden}.goal-summary{min-width:0;color:#758179;font-size:11px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.competition-chip{flex:0 0 auto;max-width:155px;padding:4px 7px;border-radius:7px;background:#edf3ef;color:#456052;font-size:9px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-info-wrap{position:relative;margin-left:auto;flex:0 0 auto}.info-button{height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 11px;border:1px solid #d7e1da;border-radius:999px;background:#f7faf8;color:#304138;font-size:11px;font-weight:850;cursor:pointer;transition:.15s}.info-button:hover{background:#edf7f1;border-color:#c7dfcf;color:var(--grass-dark)}.tv-icon{display:inline-grid;place-items:center;min-width:22px;height:18px;padding:0 4px;border-radius:5px;background:#2d4236;color:#fff;font-size:8px;letter-spacing:.03em}.info-hover{position:absolute;right:0;bottom:42px;z-index:15;width:250px;padding:11px;border:1px solid #d8e3dc;border-radius:14px;background:rgba(255,255,255,.985);box-shadow:0 14px 40px rgba(11,37,22,.18);opacity:0;visibility:hidden;transform:translateY(5px);pointer-events:none;transition:.14s ease}.match-info-wrap:hover .info-hover{opacity:1;visibility:visible;transform:none}.info-hover-title{margin-bottom:7px;font-size:10px;font-weight:900;letter-spacing:.075em;color:#5f6d65;text-transform:uppercase}.tv-channels{display:flex;flex-wrap:wrap;gap:6px}.tv-chip{display:inline-flex;align-items:center;min-height:27px;padding:4px 8px;border-radius:8px;background:#f4f8f5;border:1px solid #dce5df;color:#26352c;font-size:10px;font-weight:800}

/* Tabelle */
.standings-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:4px 4px 11px}.section-kicker{color:var(--grass);font-size:10px;font-weight:900;letter-spacing:.11em}.standings-head h2{margin:2px 0 0;font-size:25px;letter-spacing:-.035em}.trend-legend{display:flex;align-items:center;gap:5px;padding-bottom:4px;color:#7b8980;font-size:10px;font-weight:700}.trend-legend .up{color:#09934b}.standings{display:grid;gap:10px}.standing-group{display:grid;gap:7px}.standing-group-title{margin:5px 3px 2px;font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#66746c}.standing-list{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow)}.standing-head-row,.standing-row{display:grid;grid-template-columns:58px minmax(0,1fr) 46px 52px 50px;align-items:center;gap:5px}.standing-head-row{min-height:38px;padding:0 12px;background:#f5f8f6;border-bottom:1px solid #e8eee9;color:#7f8a83;font-size:9px;font-weight:900;text-transform:uppercase}.standing-row{position:relative;min-height:58px;padding:6px 12px;border-bottom:1px solid #edf2ee;font-size:12px}.standing-row:last-child{border-bottom:0}.standing-row::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:transparent}.standing-row.promotion::before{background:#2c79d8}.standing-row.playoff::before{background:#e1a122}.standing-row.relegation::before{background:#d9535a}.rank-wrap{display:flex;align-items:center;gap:7px;font-weight:900;font-variant-numeric:tabular-nums}.trend{width:14px;font-size:9px;text-align:center}.trend.up{color:#08a050}.trend.down{color:#df4550}.trend.same{color:#a1aaa4}.standing-team{min-width:0;display:flex;align-items:center;gap:9px;font-weight:800}.standing-team img{width:30px;height:30px;object-fit:contain}.standing-team-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standing-stat{text-align:right;color:#5e6c64;font-weight:750;font-variant-numeric:tabular-nums}.standing-points{text-align:right;font-size:16px;font-weight:900;font-variant-numeric:tabular-nums}.standing-sub{display:block;margin-top:2px;color:#929d96;font-size:9px;font-weight:650}

footer{padding:22px 4px 0;text-align:center}.legend{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;color:#727f77;font-size:10px;font-weight:750}.legend span{display:inline-flex;align-items:center;gap:5px}.legend-dot{width:7px;height:7px;border-radius:50%}.legend-dot.live{background:var(--live)}.legend-dot.finished{background:var(--final)}.legend-dot.upcoming{background:#9da69f}.source-note{margin:9px auto 0;max-width:620px;color:#949f98;font-size:9px;line-height:1.5}

.sheet-backdrop{position:fixed;inset:0;z-index:80;background:rgba(3,18,10,.48);backdrop-filter:blur(3px)}.info-sheet{position:fixed;z-index:90;left:50%;bottom:0;width:min(100%,620px);max-height:min(78vh,700px);overflow:auto;transform:translateX(-50%);padding:9px 16px calc(19px + env(safe-area-inset-bottom));background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -18px 60px rgba(3,25,13,.24);animation:sheetIn .2s ease}.sheet-handle{width:42px;height:4px;margin:0 auto 11px;border-radius:99px;background:#d6ded9}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.sheet-kicker{font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--grass)}.sheet-head h3{margin:2px 0 0;font-size:22px;letter-spacing:-.03em}.sheet-close{width:38px;height:38px;border:0;border-radius:11px;background:#eef3ef;color:#4e5d54;font-size:26px;line-height:1;cursor:pointer}.sheet-matchup{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin-bottom:14px;padding:14px;border-radius:17px;background:linear-gradient(135deg,#f3f8f5,#edf5f0)}.sheet-team{text-align:center;font-size:12px;font-weight:800}.sheet-team img{display:block;width:45px;height:45px;object-fit:contain;margin:0 auto 7px}.sheet-score{font-size:27px;font-weight:900;white-space:nowrap}.sheet-block{padding:13px 0;border-top:1px solid #e8eeea}.sheet-block-title{margin-bottom:9px;font-size:10px;font-weight:900;letter-spacing:.08em;color:#65726a;text-transform:uppercase}.sheet-tv-note{margin-top:8px;color:#849088;font-size:9px;line-height:1.4}.sheet-goals{display:grid;gap:7px}.sheet-goal{display:grid;grid-template-columns:18px 46px minmax(0,1fr) auto;gap:6px;align-items:center;font-size:11px}.sheet-goal-minute,.sheet-goal-score{font-weight:900;font-variant-numeric:tabular-nums}.sheet-goal-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{display:grid;gap:6px;padding:30px 17px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px;color:#748077;font-size:12px;font-weight:700;box-shadow:var(--shadow)}.empty strong{font-size:15px;color:#3c4d43}.empty span{font-weight:650}.hidden{display:none!important}.toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:120;max-width:calc(100% - 28px);transform:translate(-50%,20px);padding:10px 13px;border-radius:11px;background:#11231a;color:#fff;box-shadow:0 12px 35px rgba(0,0,0,.2);opacity:0;pointer-events:none;font-size:11px;font-weight:750;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.skeleton-card{height:158px;border-radius:20px;background:linear-gradient(90deg,#e9efeb 25%,#f6f8f7 50%,#e9efeb 75%);background-size:220% 100%;animation:skeleton 1.35s infinite}@keyframes skeleton{to{background-position:-220% 0}}@keyframes sheetIn{from{transform:translate(-50%,18px);opacity:0}to{transform:translate(-50%,0);opacity:1}}

@media(max-width:700px){.competition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-hover{display:none}.match-card:hover{box-shadow:var(--shadow)}.standing-head-row,.standing-row{grid-template-columns:52px minmax(0,1fr) 40px 46px 46px}.standing-sub{display:none}}
@media(max-width:520px){.app-shell{padding-left:9px;padding-right:9px}.hero{margin-left:-9px;margin-right:-9px;padding:calc(20px + env(safe-area-inset-top)) 15px 30px}.hero-main{gap:12px}.brand-mark{width:53px;height:53px;border-radius:16px}.brand-mark img{width:58px;height:58px;object-fit:contain}.brand-kicker{font-size:9.5px}.hero h1{font-size:24px;white-space:normal}.hero h1 span{vertical-align:3px;font-size:8.5px}.hero-subline{font-size:10.5px}.hero-meta{margin-top:12px}.season-pill,.sync-badge{min-height:28px;padding:5px 9px;font-size:10px}.nav-hub{margin-left:0;margin-right:0;padding:9px}.nav-caption{font-size:10px;padding-bottom:8px}.competition-grid{gap:6px}.league-tab{min-height:51px;padding:6px 8px;gap:8px}.league-icon{width:31px;height:31px}.league-label{font-size:11px}.round-nav{grid-template-columns:46px minmax(0,1fr) 46px}.round-arrow{width:46px;height:56px}.round-title{font-size:20px}.round-date{font-size:12px}.view-switch{padding:5px}.view-button{min-height:58px;padding:7px 8px;gap:8px}.view-icon{width:32px;height:32px}.view-button strong{font-size:13px}.view-button small{font-size:9px}.match-card{padding:12px 10px 10px}.match-date{font-size:11px}.match-datetime strong{font-size:17px}.versus-row{grid-template-columns:minmax(0,1fr) 36px auto 36px minmax(0,1fr);gap:5px;padding:10px 0}.team-logo{width:35px;height:35px}.club-name{font-size:13px;line-height:1.12}.main-score{min-width:72px;padding:7px 7px;font-size:26px;gap:6px}.status{padding:5px 7px;font-size:9px}.goal-summary{font-size:10px}.info-button{height:33px;padding:0 10px;font-size:10px}.standing-row{padding-left:9px;padding-right:9px}}
@media(max-width:370px){.brand-mark{display:none}.hero h1{font-size:23px}.competition-grid{grid-template-columns:1fr 1fr}.league-tab{min-height:49px}.league-label{font-size:10.5px}.view-button small{display:none}.versus-row{grid-template-columns:minmax(0,1fr) 31px auto 31px minmax(0,1fr);gap:4px}.team-logo{width:30px;height:30px}.club-name{font-size:11.5px}.main-score{min-width:64px;font-size:23px;padding-left:5px;padding-right:5px}.match-date{display:none}.goal-summary{display:none}}
@media(min-width:760px){.hero{padding-left:26px;padding-right:26px}.hero h1{font-size:34px}.workspace-head{grid-template-columns:minmax(0,1fr) 330px;align-items:stretch}.view-switch{align-self:stretch}.competition-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.info-sheet{bottom:28px;border-radius:24px;border:1px solid #dce5df}.sheet-backdrop{background:rgba(3,18,10,.35)}}

.view-switch.single{grid-template-columns:1fr}

/* V7: Tabelle, Karten und einheitlicher TV-/Info-Button */
.standing-head-row,.standing-row{grid-template-columns:64px minmax(0,1fr) 58px 58px 62px;gap:7px}
.standing-head-row{min-height:44px;padding:0 14px;font-size:10.5px;letter-spacing:.035em}
.standing-row{min-height:70px;padding:8px 14px;font-size:14px}
.rank-wrap{gap:8px;font-size:15px}.trend{width:16px;font-size:11px}.standing-team{gap:11px;font-size:14px}.standing-team img{width:35px;height:35px}.standing-team-name{line-height:1.16}.standing-sub{display:block!important;margin-top:4px;color:#7d8982;font-size:10.5px;line-height:1.25;font-weight:700;white-space:normal}.standing-stat{font-size:13px}.standing-points{font-size:19px}.standings-head h2{font-size:27px}.section-kicker{font-size:11px}.trend-legend{font-size:11px}

.info-button{height:auto;min-height:44px;min-width:176px;padding:6px 8px 6px 7px;gap:9px;border:1px solid #bcd9c7;border-radius:13px;background:linear-gradient(135deg,#f1faf4,#e8f6ed);color:#075e34;box-shadow:0 4px 12px rgba(8,120,63,.08);text-align:left}
.info-button:hover{background:linear-gradient(135deg,#e6f7ec,#dcf1e4);border-color:#9ec9ad;box-shadow:0 7px 18px rgba(8,120,63,.13)}
.info-button-icon{width:31px;height:31px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;background:#08783f;color:#fff;box-shadow:0 4px 10px rgba(8,120,63,.2)}
.info-button-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.info-button-copy{min-width:0;display:block}.info-button-copy strong{display:block;font-size:11.5px;line-height:1.08;font-weight:900}.info-button-copy small{display:block;margin-top:2px;color:#688073;font-size:8.8px;line-height:1.1;font-weight:700}.info-chevron{margin-left:auto;width:17px;height:17px;display:grid;place-items:center;color:#5d7c69}.info-chevron svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.tv-icon{display:none}

.team-card-stack{display:inline-flex;align-items:center;gap:2px;margin:0 4px;vertical-align:1px}.mini-card,.card-symbol{display:inline-block;border-radius:1.5px;transform:rotate(4deg);box-shadow:0 1px 2px rgba(0,0,0,.13)}.mini-card{width:8px;height:12px}.card-symbol{width:12px;height:17px}.mini-card.red,.card-symbol.red{background:#e32636}.mini-card.yellow,.card-symbol.yellow{background:#f4c522}.mini-card.yellow-red,.card-symbol.yellow-red{background:linear-gradient(90deg,#f4c522 0 48%,#e32636 48% 100%)}
.dismissal-alert{display:flex;align-items:center;justify-content:center;gap:7px;margin:7px 0 0;padding:7px 10px;border:1px solid #f1c6ca;border-radius:10px;background:#fff4f5;color:#8d2730;font-size:10.5px;font-weight:800}.dismissal-alert strong{font-variant-numeric:tabular-nums}.dismissal-alert .card-symbol{width:10px;height:14px}

.sheet-cards{display:grid;gap:7px}.sheet-card-row{display:grid;grid-template-columns:20px 48px minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px 0;font-size:11.5px}.sheet-card-minute{font-weight:900;font-variant-numeric:tabular-nums}.sheet-card-name{min-width:0;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-card-name small{display:block;margin-top:2px;color:#849088;font-size:9px;font-weight:700}.sheet-card-side{color:#8a958e;font-size:9px;font-weight:800}.sheet-empty-note{padding:3px 0;color:#89948d;font-size:11px;font-weight:650}

@media(max-width:700px){.standing-head-row,.standing-row{grid-template-columns:54px minmax(0,1fr) 48px 50px 54px}.standing-row{min-height:72px}.standing-sub{display:block!important}.info-button{min-width:164px}}
@media(max-width:520px){.standing-head-row,.standing-row{grid-template-columns:48px minmax(0,1fr) 42px 45px 49px;gap:4px}.standing-head-row{padding-left:9px;padding-right:9px;font-size:9px}.standing-row{padding:8px 9px;font-size:12.5px}.rank-wrap{gap:5px;font-size:13px}.trend{font-size:9px}.standing-team{gap:7px;font-size:12.5px}.standing-team img{width:30px;height:30px}.standing-sub{font-size:9px;line-height:1.2}.standing-stat{font-size:11.5px}.standing-points{font-size:16px}.info-button{min-width:154px;min-height:42px;padding:5px 7px;gap:7px}.info-button-icon{width:29px;height:29px}.info-button-copy strong{font-size:10.5px}.info-button-copy small{font-size:8px}.dismissal-alert{font-size:9.5px;padding:6px 8px}}
@media(max-width:370px){.standing-head-row,.standing-row{grid-template-columns:43px minmax(0,1fr) 36px 41px 44px}.standing-sub{font-size:8.2px}.standing-team-name{white-space:normal}.info-button-copy small{display:none}.info-button{min-width:132px}}

/* V9: Premium Match-Center Header, ruhige Wettbewerbsnavigation, Live-Toranimation */
body{font-size:15px;line-height:1.45}
.hero{
    min-height:178px;
    padding:calc(27px + env(safe-area-inset-top)) 24px 42px;
    background:
        radial-gradient(circle at 78% 12%,rgba(176,255,209,.19),transparent 31%),
        radial-gradient(circle at 15% 115%,rgba(18,173,88,.34),transparent 40%),
        linear-gradient(122deg,#022b1c 0%,#054f30 42%,#087642 72%,#054a2e 100%);
    border-radius:0 0 34px 34px;
    box-shadow:0 20px 48px rgba(2,46,28,.27);
}
.hero::before{
    background:
        linear-gradient(115deg,rgba(255,255,255,.075) 0%,transparent 23%,transparent 64%,rgba(255,255,255,.045) 100%),
        repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 34px);
}
.hero::after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(184,255,210,.7),transparent);opacity:.7}
.pitch-art{opacity:.17}.pitch-circle{width:230px;height:230px;right:-74px;top:-74px;border-width:1.5px}.pitch-box{width:290px;height:136px;left:-144px;bottom:-61px;border-width:1.5px}.pitch-line{left:61%;opacity:.55}.glow-a{width:330px;height:190px;right:1%;bottom:-128px}.glow-b{width:220px;height:160px;left:23%;top:-112px}
.hero-main{gap:18px;align-items:center}
.brand-mark{position:relative;width:70px;height:70px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(0,35,20,.2));border:1px solid rgba(214,255,228,.36);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -12px 22px rgba(0,35,20,.12),0 14px 32px rgba(0,25,14,.24)}
.brand-mark::after{content:"";position:absolute;inset:6px;border:1px solid rgba(255,255,255,.12);border-radius:17px;pointer-events:none}.brand-mark svg{width:50px;height:50px;filter:drop-shadow(0 4px 9px rgba(0,0,0,.16))}
.brand-kicker{display:flex;align-items:center;gap:7px;font-size:11.5px;letter-spacing:.17em;font-weight:850;color:rgba(234,255,242,.83);opacity:1}
.hero h1{margin:5px 0 7px;font-family:"Segoe UI Variable Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:35px;line-height:1.02;letter-spacing:-.048em;font-weight:900;text-shadow:0 4px 18px rgba(0,24,13,.18)}
.hero h1 span{margin-left:8px;padding:5px 9px 4px;vertical-align:6px;border-radius:8px;background:linear-gradient(135deg,#ff4855,#dc2637);font-size:10.5px;letter-spacing:.105em;box-shadow:0 7px 18px rgba(129,0,14,.28),inset 0 1px 0 rgba(255,255,255,.24)}
.hero-subline{font-size:13.5px;font-weight:660;letter-spacing:.015em;color:rgba(242,255,247,.77)}
.hero-meta{margin-top:18px;gap:9px}.season-pill,.sync-badge{min-height:33px;padding:7px 12px;border-color:rgba(229,255,238,.13);background:rgba(0,30,18,.25);font-size:11.5px;font-weight:760;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}

.nav-hub{
    position:relative;
    z-index:2;
    margin:-20px 3px 18px;
    padding:11px;
    background:rgba(250,253,251,.94);
    border:1px solid rgba(197,215,203,.88);
    border-radius:22px;
    box-shadow:0 15px 38px rgba(14,52,31,.16),0 3px 10px rgba(14,52,31,.07);
    backdrop-filter:blur(20px) saturate(150%);
    -webkit-backdrop-filter:blur(20px) saturate(150%);
}
.nav-hub::after{content:"";position:absolute;left:20px;right:20px;top:0;height:2px;border-radius:0 0 99px 99px;background:linear-gradient(90deg,transparent,#0ca35a,transparent);opacity:.42}
.nav-caption{display:flex;align-items:center;gap:7px;padding:2px 4px 10px;color:#56665d;font-size:11.5px;font-weight:900;letter-spacing:.08em}.nav-caption::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--grass);box-shadow:0 0 0 4px rgba(8,120,63,.09)}
.competition-grid{gap:8px}.league-tab{min-height:56px;padding:7px 11px;border-color:#edf2ee;background:linear-gradient(180deg,#fff,#f5f8f6);box-shadow:0 2px 7px rgba(20,48,31,.04)}.league-tab:hover{background:#f1f8f4;border-color:#d8e9de}.league-tab.active{background:linear-gradient(135deg,#075e37,#0a8b4b);border-color:#087440;color:#fff;box-shadow:0 8px 18px rgba(8,120,63,.22),inset 0 1px 0 rgba(255,255,255,.13)}.league-icon{background:#eaf0ec;color:#496057}.league-tab.active .league-icon{background:rgba(255,255,255,.16);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.13)}.league-label{font-size:12.5px;font-weight:850;letter-spacing:-.01em}

.match-date{font-size:13px}.match-datetime strong{font-size:19px}.status{font-size:10.5px}.group-title{font-size:12px}.group-count{font-size:11px}.goal-summary{font-size:11px}.source-note{margin-top:12px;color:#7e8b83;font-size:11.5px;font-weight:700}.source-note a{color:#426051;text-decoration:none;font-weight:850}.source-note a:hover{text-decoration:underline}.footer-separator{display:inline-block;margin:0 5px;color:#b0bab4}

.goal-celebration{position:fixed;inset:0;z-index:220;overflow:hidden;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s ease,visibility 0s linear .18s}.goal-celebration.show{opacity:1;visibility:visible;transition:opacity .12s ease}.goal-celebration::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(9,126,66,.11),transparent 58%)}
.goal-banner{position:absolute;left:50%;top:18%;min-width:min(86vw,430px);transform:translate(-50%,-20px) scale(.92);padding:14px 22px 15px;text-align:center;color:#fff;background:linear-gradient(135deg,rgba(3,59,34,.97),rgba(8,139,74,.96));border:1px solid rgba(218,255,231,.4);border-radius:20px;box-shadow:0 24px 60px rgba(0,45,24,.32),inset 0 1px 0 rgba(255,255,255,.16);opacity:0}.goal-celebration.show .goal-banner{animation:goalBanner 2.25s cubic-bezier(.2,.75,.2,1) both}.goal-label{font-family:"Segoe UI Variable Display","Segoe UI",sans-serif;font-size:31px;line-height:1;font-weight:950;letter-spacing:.08em;text-shadow:0 3px 14px rgba(0,0,0,.18)}.goal-message{margin-top:7px;font-size:13px;font-weight:800;color:rgba(255,255,255,.9)}
.goal-rain{position:absolute;inset:0}.goal-rain span{position:absolute;left:var(--x);top:-60px;font-size:var(--size);filter:drop-shadow(0 5px 7px rgba(0,0,0,.18));opacity:0}.goal-celebration.show .goal-rain span{animation:goalBall var(--duration) cubic-bezier(.2,.65,.35,1) var(--delay) both}
.match-card.goal-flash{animation:goalCardFlash 1.8s ease both}
@keyframes goalBall{0%{opacity:0;transform:translate3d(0,-45px,0) rotate(0deg) scale(.72)}12%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translate3d(var(--drift),105vh,0) rotate(620deg) scale(1.08)}}
@keyframes goalBanner{0%{opacity:0;transform:translate(-50%,-22px) scale(.9)}10%,72%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-4px) scale(.98)}}
@keyframes goalCardFlash{0%,100%{box-shadow:var(--shadow)}12%,48%{border-color:#19b861;box-shadow:0 0 0 4px rgba(25,184,97,.15),0 17px 42px rgba(8,139,74,.22);transform:scale(1.008)}}

@media(max-width:700px){
    .nav-hub{margin-left:0;margin-right:0;padding:9px;border-radius:18px}
    .competition-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
    .league-tab{min-height:52px;padding:6px 7px;gap:7px;border-radius:12px}
    .league-icon{width:31px;height:31px;border-radius:10px}.league-label{font-size:11px;line-height:1.08}
}
@media(max-width:520px){
    .hero{min-height:164px;padding:calc(23px + env(safe-area-inset-top)) 16px 38px;border-radius:0 0 28px 28px}.hero-main{gap:13px}.brand-mark{width:57px;height:57px;border-radius:18px}.brand-mark::after{inset:5px;border-radius:14px}.brand-mark svg{width:42px;height:42px}.brand-kicker{font-size:9.5px;letter-spacing:.12em}.hero h1{font-size:26px;margin-top:4px}.hero h1 span{font-size:8.5px;vertical-align:4px;margin-left:5px;padding:4px 7px}.hero-subline{font-size:11.5px}.hero-meta{margin-top:14px}.season-pill,.sync-badge{font-size:10.5px}
    .nav-hub{margin-top:-18px;padding:8px}.nav-caption{padding:1px 3px 8px;font-size:10.5px}.competition-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.league-tab{min-height:50px;padding:5px 6px;gap:5px}.league-icon{width:29px;height:29px}.league-label{font-size:10.5px;line-height:1.05}
    .match-date{display:inline;font-size:12px}.match-datetime strong{font-size:18px}.source-note{font-size:10.5px;line-height:1.55}
    .goal-banner{top:16%;min-width:calc(100vw - 32px);padding:13px 18px}.goal-label{font-size:27px}.goal-message{font-size:12px}
}
@media(max-width:380px){.league-tab{min-height:48px;padding:5px 4px}.league-icon{width:27px;height:27px}.league-label{font-size:9.8px}.hero h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){.goal-rain{display:none}.goal-celebration.show .goal-banner{animation:none;opacity:1;transform:translate(-50%,0)}.match-card.goal-flash{animation:none}}

/* V10 premium brand */
.brand-mark{overflow:visible!important;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.04))!important;border-color:rgba(217,180,79,.42)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 14px 32px rgba(0,0,0,.24)!important}.brand-mark img{width:76px;height:76px;max-width:none;object-fit:contain;filter:drop-shadow(0 7px 15px rgba(0,0,0,.32))}.hero-main{align-items:center}.brand-kicker{letter-spacing:.14em}.hero h1{text-shadow:0 2px 18px rgba(0,0,0,.2)}
@media(max-width:520px){.brand-mark img{width:61px;height:61px}.brand-mark{overflow:visible!important}}