/* E2E pass: readable desktop, compact mobile, calm asynchronous changes. */
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html{scrollbar-gutter:stable}body:has(dialog[open]){overflow:hidden}
.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;line-height:1.3;vertical-align:middle;font-size:13px}
.primary-button .ph,.secondary-button .ph{font-size:18px;display:inline-flex;align-items:center;justify-content:center;line-height:1}
.utility-content{font-size:13px}.utility-heading{position:sticky;top:0;background:#fff;z-index:2}.field{font-size:12px}.field input,.field select{font-size:14px;min-height:46px}
.setting-row{gap:16px}.setting-row>div{min-width:0}.setting-row h3{font-size:13px}.setting-row p,.subtle-note{font-size:12px;line-height:1.65;color:#68756b}.setting-row .secondary-button{flex-shrink:0;font-size:11px;padding:9px 11px}
.setting-row input[type=checkbox]{width:21px;height:21px;accent-color:#315b3a;flex-shrink:0}
.source-choice p,.league-choice small{font-size:12px;color:#6a756b}.league-choice strong{font-size:14px}.source-choice strong{display:flex;align-items:center;gap:8px;font-size:14px}
.preview-controls{padding:16px;background:#f5f3eb;border-radius:10px}.preview-controls p{font-size:12px;color:#72796b;margin:4px 0 12px}.preview-controls>div{display:flex;gap:9px;flex-wrap:wrap}
.install-intro{display:flex;align-items:center;gap:14px;margin:0 0 22px}.install-intro img{width:64px;height:64px;border-radius:15px}.install-intro h3{font-size:15px}.install-intro p{font-size:12px;color:#68756b}.install-steps{padding-left:24px;line-height:1.8;font-size:14px}.install-steps li{padding:8px 0}.inline-success{background:#eaf4e8;padding:14px;border-radius:8px;margin-bottom:15px}
.quiet-update .fade-enter,.quiet-update .lineup-row{animation:none}.player-cell{transition:background .45s var(--ease),box-shadow .3s}.player-cell:hover{transform:none}.player-cell.live:after,.tag.live:before{display:none}.player-cell.live{background:#f1f5f0}.player-cell.possession-own{background:#e8f3e7}.player-cell.possession-other{background:#edf0f7}.player-cell.possession-own:hover{background:#dfeddd}.player-cell.possession-other:hover{background:#e4e9f3}.pc-status.live{color:#305a3c}.pc-status.final{color:#788278}.pc-status.upcoming{color:#856232}.pc-game{color:#6d786e}.pc-field{font-size:9px;font-weight:800;color:#34563c;padding-left:4px;border-left:1px solid #b8cbb5}.possession-other .pc-field{color:#53637c;border-color:#c2cad9}
.roster-legend{gap:7px}.roster-legend .legend-ball,.roster-legend .legend-defense{border-radius:3px;padding:2px 5px;color:#456046;background:#e8f3e7}.roster-legend .legend-defense{background:#edf0f7;color:#53637c}
.score-value{display:inline-block;font-variant-numeric:tabular-nums}.pc-score,.hero-score,.player-hero-score strong{position:relative}.score-delta{position:absolute;right:calc(100% + 5px);top:0;font:800 11px/1.4 Manrope,sans-serif;white-space:nowrap;color:#23663c;background:#d7ecd6;padding:1px 4px;border-radius:4px;letter-spacing:0;box-shadow:0 0 0 2px #ffffffb0;z-index:2;animation:delta-appear .3s var(--ease)}
.score-delta.negative{color:#994a3c;background:#f8e3dd}.hero-score .score-delta{top:100%;right:0;margin-top:3px;font-size:12px}.player-hero-score .score-delta{right:0;top:100%}.score-updated{animation:score-flash 1.2s var(--ease)}
.live-alerts{position:fixed;right:28px;top:80px;width:390px;max-width:calc(100vw - 24px);z-index:90;pointer-events:none}.big-play{position:relative;background:#173b29;color:#f3f9ef;box-shadow:0 14px 55px #13281940;border:1px solid #65916a;border-radius:13px;overflow:hidden;pointer-events:auto;animation:alert-enter .4s var(--ease)}.big-play.leaving{opacity:0;transform:translateY(-9px);transition:opacity .22s,transform .22s}.big-play-open{display:flex;align-items:center;gap:11px;width:100%;padding:20px 34px 19px 12px;text-align:left}.big-play-open>img{width:54px;height:58px;object-position:bottom;align-self:end}.big-play-open>span{flex:1;min-width:0}.big-play-open small{display:block;font-size:9px;letter-spacing:1.5px;color:#cee7b8;font-weight:800}.big-play-open strong{display:block;font-size:15px;line-height:1.35;margin:3px 0}.big-play-open>span>span{display:block;font-size:10px;color:#c3d6c7;line-height:1.4}.big-play-open>b{font:700 36px/1 Barlow,sans-serif;color:#dbedbf}.big-play-open>b small{text-align:right;letter-spacing:1px;font-size:8px;margin-top:6px}.big-play-close{position:absolute;right:3px;top:3px;width:32px;height:32px;display:grid;place-items:center;color:#b7cfb8}.big-play-close .ph{font-size:16px}.opponent-play{background:#293956;border-color:#7e8ba6}.alert-progress{position:absolute;bottom:0;left:0;height:3px;width:100%;background:#bfda9b;transform-origin:left;animation:alert-time 7.5s linear forwards}.opponent-play .alert-progress{background:#acbce9}
.connection-state{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:9px 16px;border-radius:8px;background:#fff0d6;color:#755224;z-index:110;font-size:12px;box-shadow:0 2px 15px #0001;max-width:90vw;text-align:center}
.field-details{margin:0 0 18px;border-radius:10px;background:#f1f4ee;padding:14px}.field-details.possession-own{background:#e8f3e7}.field-details.possession-other{background:#edf0f7}.field-details>div:first-child{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.field-details strong{font-size:13px}.field-details span,.field-details p{font-size:12px}.field-details p{margin-top:10px}.field-details small{display:block;color:#657365;font-size:10px;margin-top:9px}.field-track{height:36px;margin-top:12px;border-radius:5px;background:repeating-linear-gradient(90deg,#729d6b 0,#729d6b 9.8%,#b5d5a8 9.8%,#b5d5a8 10%);position:relative;border:1px solid #527e4a}.field-track>span{position:absolute;top:3px;bottom:3px;width:4px;background:#ffe5a6;border:1px solid #554e22;transform:translateX(-50%);border-radius:2px}
.standings-card{grid-column:1/-1}.standings-table{width:100%;min-width:730px}.standings-table th{white-space:nowrap}.standings-table td{font-variant-numeric:tabular-nums}.standings-table td:nth-child(2){min-width:180px}.standings-table th:nth-child(n+3),.standings-table td:nth-child(n+3){text-align:right}.standings-table th:last-child,.standings-table td:last-child{text-align:left;padding-left:20px}.recent-results{display:inline-flex;gap:5px;align-items:center}.result-dot{width:25px;height:25px;border-radius:50%;font-size:10px;font-weight:800;display:grid;place-items:center;background:#e4efe1;color:#315c32;border:1px solid #bdd2b6}.result-dot.loss{background:#f5e7e1;border-color:#e0c6bb;color:#8c5141}.result-dot.tie{background:#eceef0;color:#5a6268;border-color:#d2d5d9}.result-dot:hover{box-shadow:0 0 0 3px #b7cda34d}.positive-number{color:#32663b}.negative-number{color:#995544}.table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@keyframes delta-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes score-flash{0%,100%{box-shadow:inset 0 0 0 1px transparent}30%{box-shadow:inset 0 0 0 1px #79a765;background-color:#e6f2dd}}@keyframes alert-enter{from{opacity:0;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes alert-time{to{transform:scaleX(0)}}
@media(min-width:651px){body{font-size:14px}.workspace{grid-template-columns:minmax(0,1fr) 264px;gap:22px}main{padding:24px 28px}.lineup-row{height:auto;min-height:79px}.player-cell{grid-template-columns:44px minmax(0,1fr) 62px;grid-template-rows:24px 19px minmax(26px,auto);gap:0 8px;padding:5px 8px}.player-photo{height:43px;grid-row:1/3}.pc-name{font-size:14px;letter-spacing:-.35px}.pc-position{font-size:9px}.pc-score{font-size:30px}.pc-proj{font-size:10px;margin-top:4px}.pc-game{font-size:10px;grid-column:2/4;padding-right:62px;gap:4px}.pc-status,.pc-field{font-size:9px}.pc-stats{grid-column:2/4;font-size:11px;line-height:14px;letter-spacing:-.1px;color:#53634d}.pc-stats.no-stats{font-size:11px}.roster-legend,.lineup-labels{font-size:10px}.segment{font-size:12px}.hero-team h2{font-size:15px}.team-record,.projection-row{font-size:11px}.insight{font-size:10px}.insight strong{font-size:14px}.scoreboard-note{font-size:10px}.mini-team{font-size:12px;grid-template-columns:25px minmax(0,1fr) 52px}.mini-team strong{font-size:25px}.mini-match small,.side-heading>span{font-size:9px}.side-card h3{font-size:15px}.nfl-game{font-size:12px}.nfl-game>strong{font-size:11px}.text-link{font-size:12px}.data-table td{font-size:12px;padding:15px 8px}.data-table th{font-size:10px}.standings-team strong{font-size:13px}.standings-team small{font-size:10px}.player-tile h3{font-size:14px}.player-tile small{font-size:11px}.score-status-row{font-size:10px}.page-toolbar .filter-button{font-size:12px}.source-toggle,.current-week{font-size:12px}.player-subtitle{font-size:12px}.dialog-tab{font-size:12px}.metric-tile span{font-size:10px}.game-banner strong{font-size:13px}.game-banner small{font-size:11px}.chart-heading h3{font-size:14px}.chart-heading>span{font-size:10px}}
@media(min-width:651px) and (max-width:1200px){.workspace{display:block}.sidebar{display:none}.pc-name{font-size:14px}.pc-stats{font-size:11px}.topbar{gap:20px}.hero-team h2{font-size:14px}}
@media(max-width:650px){:root{--row-h:clamp(45px,calc((100svh - 390px - env(safe-area-inset-top) - env(safe-area-inset-bottom))/8),56px)}main{padding-left:8px;padding-right:8px}.scoreboard{padding:7px 10px 5px}.scoreboard-top{margin-bottom:5px}.hero-score{font-size:41px}.hero-team h2{min-height:22px}.projection-row{margin-top:3px}.projection-track{margin-top:4px}.insight-strip{padding:5px 10px}.lineup-labels{height:20px;padding-top:4px;padding-bottom:4px}.lineup-row{min-height:45px}.player-cell{grid-template-columns:23px minmax(0,1fr) 32px;grid-template-rows:16px 11px 18px;gap:0 3px;padding:0 3px;border-radius:4px}.player-photo{width:23px;height:22px;grid-row:1;align-self:center}.pc-name{font-size:10px;line-height:16px}.pc-score{font-size:21px;grid-row:1/3}.pc-proj{font-size:6px;line-height:1;margin-top:2px}.pc-game{grid-column:1/3;padding-right:0;font-size:7px;gap:3px;overflow:visible}.pc-status,.pc-field{font-size:6.3px;line-height:1;letter-spacing:-.15px}.pc-field{padding-left:3px}.pc-stats{grid-column:1/-1;font-size:clamp(7.1px,2vw,8.5px);line-height:9px;color:#53634d;letter-spacing:-.16px}.pc-stats.no-stats{font-size:8px}.roster-legend{font-size:6px;gap:3px}.roster-legend .legend-ball,.roster-legend .legend-defense{padding:2px 3px}.lineup-list{padding-left:4px;padding-right:4px}.score-delta{font-size:8px;padding:1px 3px;right:0;top:-10px;line-height:1.3}.hero-score .score-delta{font-size:9px;top:0;right:auto;left:calc(100% + 3px);margin:0}.opponent .hero-score .score-delta{left:auto;right:calc(100% + 3px)}.live-alerts{top:auto;bottom:calc(67px + env(safe-area-inset-bottom));left:12px;right:12px;width:auto}.big-play-open{padding-top:14px;padding-bottom:14px}.big-play-open strong{font-size:14px}.big-play-open>img{width:45px;height:50px}.big-play-open>b{font-size:32px}.connection-state{bottom:calc(67px + env(safe-area-inset-bottom))}.setting-row p,.subtle-note{font-size:11px}.setting-row .secondary-button{font-size:10px;gap:4px}.utility-dialog{max-height:calc(100svh - 28px)}.dialog-topbar{position:sticky;top:0;background:#fff;z-index:3}.player-hero{grid-template-columns:78px minmax(0,1fr) 65px;padding-left:12px;padding-right:12px;gap:8px}.hero-headshot{width:80px;height:110px}.player-identity h2{font-size:19px}.player-hero-score strong{font-size:36px}.dialog-tabs{gap:0;justify-content:space-between}.dialog-tab{font-size:10px;min-height:44px}.metric-tile span{font-size:8px}.player-tab-content{padding:15px 12px 24px}.standings-card .table-scroll{margin:0 -15px;padding:0 15px 8px}.standings-table{min-width:730px}.standings-table td{font-size:11px}.standings-team strong{font-size:11px}.standings-team small{font-size:9px}.standings-card:after{content:'Tabelle horizontal wischen für alle Werte';display:block;font-size:10px;color:#68756b;margin-top:10px}.field-details{padding:11px}.field-details strong{font-size:12px}.field-details span,.field-details p{font-size:11px}.field-details small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.big-play,.score-updated,.score-delta,.alert-progress{animation:none!important}.big-play.leaving{transition:none}.player-cell{transition:none}}
/* Only own possession gets a surface accent. An individual snap remains unconfirmed. */
.player-cell.live,.player-cell.possession-other{background:transparent}.player-cell.possession-other:hover{background:#f5f6f2}.possession-other .pc-field{color:#69756b;border-color:#d6ddd3}.field-details.possession-other{background:#f4f5f1}.big-play.held .alert-progress{animation-play-state:paused}.rival-name{white-space:normal;line-height:1.4}.mini-team{min-height:34px}
.weekbar{position:relative}.busy .weekbar:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#96ad7f,transparent);background-size:40% 100%;background-repeat:no-repeat;animation:loading-pass 1.8s ease-in-out infinite}.initial-loading{min-height:260px;display:grid;place-items:center;color:#63745c;background:linear-gradient(100deg,#f8f9f4 25%,#eff2e8 45%,#f8f9f4 65%);background-size:250% 100%;animation:skeleton-pass 2.4s ease-in-out infinite}
@keyframes loading-pass{from{background-position:-70% 0}to{background-position:170% 0}}@keyframes skeleton-pass{0%,100%{background-position:100% 0}50%{background-position:0 0}}
.player-cell.possession-own{background:#e8f3e7}
.switch-hit{display:grid;place-items:center;min-width:44px;min-height:44px;cursor:pointer}.switch-hit input{margin:0}
.hero-score.score-updated{animation:none}.hero-score.score-updated .score-value{animation:number-pulse .65s var(--ease)}
@keyframes number-pulse{0%,100%{text-shadow:none}40%{text-shadow:0 0 15px #a7bb7170}}
@media(max-width:650px){.live-alerts{top:calc(56px + env(safe-area-inset-top));bottom:auto}.weekbar{height:44px}.week-navigation .icon-button{width:28px;height:44px}.current-week{height:44px}.filter-button{min-height:44px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-score.score-updated .score-value{animation:none}}
@media(max-width:650px){.standings-table th:nth-child(2),.standings-table td:nth-child(2){position:sticky;left:0;background:#fff;z-index:1;box-shadow:6px 0 10px -9px #465340}.standings-table .table-own td:nth-child(2){background:#fff6ee}}
@media(min-width:651px){.league-page>.side-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}.league-page>.side-card:first-child>.side-heading{grid-column:1/-1}.league-page>.side-card:first-child>.mini-match{border-top:0;padding:0 0 8px}.league-page>.side-card:first-child>.mini-match+.mini-match{border-left:1px solid var(--line);padding-left:30px}}
.league-grid,.side-card,.table-scroll{min-width:0}.table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.league-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:980px){.league-grid{grid-template-columns:minmax(0,1fr)}}
.mobile-refresh{display:none}.week-navigation,.weekbar-right{flex-shrink:0}.week-date{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:650px){.weekbar-right{gap:3px}.mobile-refresh{display:inline-grid;width:30px;height:40px}.mobile-refresh .ph{font-size:16px}.field input,.field select,.search-field input{font-size:16px}}
@media(max-width:370px){.pc-game{gap:1px}}
.primary-button.loading .ph{animation:spin 1.3s linear infinite}
@media(prefers-reduced-motion:reduce){.primary-button.loading .ph{animation:none}}
@media(min-width:651px) and (max-width:900px){.pc-game{grid-column:1/3;padding-right:0;font-size:8px;gap:3px}.pc-game img{display:none}.pc-status,.pc-field{font-size:8px}.player-photo{grid-row:1;height:24px}.pc-stats{grid-column:1/-1}}
.player-hero-score .score-value{display:inline-block;font:inherit;letter-spacing:inherit;line-height:inherit;margin:0;color:inherit}
/* Visible status for asynchronous week changes and score refreshes; no layout shift. */
main{position:relative}.load-indicator{position:sticky;top:14px;z-index:30;width:max-content;max-width:calc(100% - 24px);height:0;margin:0 auto;overflow:visible;display:flex;align-items:center;justify-content:center;gap:9px;isolation:isolate;transform:translateY(15px);font-size:12px;font-weight:800;line-height:20px;color:#294c34;white-space:nowrap;pointer-events:none;animation:load-status-in .18s var(--ease)}
.load-indicator:before{content:'';position:absolute;z-index:-1;inset:-20px -17px;border:1px solid #c4d3bb;border-radius:24px;background:#f8fcf5;box-shadow:0 5px 20px #1c3b2426}
.load-indicator .ph{font-size:17px;animation:spin 1.1s linear infinite}
@keyframes load-status-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(15px)}}
@media(max-width:650px){.load-indicator{top:calc(12px + env(safe-area-inset-top));font-size:11px;gap:7px;transform:translateY(17px)}.load-indicator:before{inset:-18px -14px}.load-indicator .ph{font-size:15px}}
@media(prefers-reduced-motion:reduce){.load-indicator,.load-indicator .ph{animation:none}}
@media(prefers-reduced-motion:reduce){.busy .weekbar:after,.initial-loading{animation:none}}