/* Pétanque24 V5 – einheitliche, strikt lesende Zuschaueroberfläche */
:root{--sp-bg:#f4f7f9;--sp-panel:#fff;--sp-text:#142f44;--sp-muted:#5b7385;--sp-line:#d4e0e7;--sp-navy:#0c304b;--sp-blue:#086b9f;--sp-blue-soft:#eaf4fa;--sp-green:#0b7047;--sp-amber:#744d00;--sp-red:#8b2a30}
body.p24-spectator-v5{margin:0!important;background:var(--sp-bg)!important;color:var(--sp-text)!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body.p24-spectator-v5 .wrap,body.p24-spectator-v5 main.p24spectator-page{width:min(1400px,calc(100% - 32px));margin-inline:auto}
.p24spectator-header{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;gap:18px;align-items:center;margin:18px auto 14px;padding:14px 16px;border:1px solid var(--sp-line);border-radius:16px;background:#fff;box-shadow:0 5px 20px rgba(17,48,71,.055)}
.p24spectator-brand{display:flex;align-items:center;text-decoration:none}.p24spectator-brand img{display:block;width:164px;height:54px;object-fit:contain;object-position:left center}
.p24spectator-title{min-width:0;padding-left:17px;border-left:1px solid #e1e8ed}.p24spectator-title>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#60788a;font-size:10px;font-weight:850;letter-spacing:.035em}.p24spectator-title>div{display:flex;align-items:center;gap:9px;margin-top:3px}.p24spectator-title h1{margin:0!important;color:#102f49!important;font-size:22px!important;line-height:1.1!important}.p24spectator-badge{display:inline-flex;align-items:center;min-height:23px;padding:4px 8px;border-radius:999px;background:#dff3e9;color:#075f3b;font-size:9px;font-weight:950;letter-spacing:.06em}
.p24spectator-nav{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #d5e0e7;border-radius:11px;background:#f2f6f8;overflow:auto}.p24spectator-navitem{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 10px;border-radius:8px;color:#405e72!important;text-decoration:none!important;font-size:10px;font-weight:850;white-space:nowrap}.p24spectator-navitem:hover{background:#fff;color:#174a6b!important}.p24spectator-navitem.active{background:var(--sp-navy);color:#fff!important;box-shadow:0 2px 7px rgba(12,48,75,.16)}
body.p24-spectator-v5 .appheader{display:none!important}
body.p24-spectator-v5 .statushero{margin:0 0 11px!important;padding:15px 17px!important;border:1px solid var(--sp-line)!important;border-radius:14px!important;background:#fff!important;color:var(--sp-text)!important;box-shadow:0 3px 13px rgba(17,48,71,.04)!important}
body.p24-spectator-v5 .statushero-title{color:#15364e!important;font-size:16px!important;font-weight:900!important}body.p24-spectator-v5 .statushero-sub{margin-top:3px!important;color:#5c7486!important;font-size:11px!important}body.p24-spectator-v5 .live-meta{color:#516b7d!important;font-size:10px!important;font-weight:800!important}
body.p24-spectator-v5 .viewerbar{margin:10px 0!important;padding:7px 9px!important;border:1px solid var(--sp-line)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}.viewtabs{gap:5px!important}.viewtab{min-height:34px!important;padding:7px 11px!important;border:0!important;border-radius:8px!important;background:#eef3f6!important;color:#456276!important;font-size:10px!important;font-weight:850!important}.viewtab.active{background:#123f5f!important;color:#fff!important}.compactlegend{color:#526d7f!important;font-size:9px!important}
body.p24-spectator-v5 :where(.panel,.fieldcard,.encountercard,.resultcard,.livetablepanel){border-color:var(--sp-line)!important;border-radius:13px!important;box-shadow:0 3px 12px rgba(17,48,71,.04)!important}
body.p24-spectator-v5 .fieldcard{background:#fff!important;color:#18364c!important}body.p24-spectator-v5 .fieldnumber{background:#0d3b59!important;color:#fff!important}body.p24-spectator-v5 .teamname{color:#14364e!important}body.p24-spectator-v5 .mainscore{color:#102f49!important}body.p24-spectator-v5 .gamekind{color:#526f83!important}body.p24-spectator-v5 .cardnote{color:#4e687a!important;background:#f2f6f8!important}
body.p24-spectator-v5 .encountercard{background:#fff!important;color:#16364e!important}body.p24-spectator-v5 .encountercard-head strong{color:#14344c!important}body.p24-spectator-v5 .encountercard-head span{color:#607789!important}body.p24-spectator-v5 .phasecolumns>div{background:#f7f9fa!important;border-color:#e1e8ed!important}body.p24-spectator-v5 .phasecaption{color:#4d687a!important}
body.p24-spectator-v5 .statechip.running{background:#dff2e8!important;color:#075f3b!important}body.p24-spectator-v5 .statechip.finished{background:#e8eef2!important;color:#304f64!important}body.p24-spectator-v5 .statechip.inactive{background:#fff0d5!important;color:#704900!important}body.p24-spectator-v5 .statechip.stale{background:#f8dddd!important;color:#81282e!important}body.p24-spectator-v5 .statechip.reserved{background:#e8f0f6!important;color:#34576e!important}body.p24-spectator-v5 .statechip.free{background:#eef2f4!important;color:#4d6474!important}
body.p24-spectator-v5 .roundswitcher{margin-top:8px!important}.roundtab{border-color:#d3dfe6!important;background:#fff!important;color:#405d70!important}.roundtab.selected{background:#0c304b!important;color:#fff!important;border-color:#0c304b!important}.roundtab.selected span{color:#fff!important}
body.p24-spectator-v5 .resultfilters{margin:8px 0!important}.filterchip{border:1px solid #d4e0e7!important;background:#fff!important;color:#436073!important}.filterchip.active{background:#0c304b!important;color:#fff!important;border-color:#0c304b!important}
body.p24-spectator-v5 .resultstable{background:#fff!important;color:#17364d!important}body.p24-spectator-v5 .resultstable th{background:#eef3f6!important;color:#38576c!important;border-color:#dbe4e9!important}body.p24-spectator-v5 .resultstable td{color:#18364b!important;border-color:#e2e9ed!important}body.p24-spectator-v5 .resultstable tr.rowfinished td{background:#f6f8f9!important}body.p24-spectator-v5 .mutedcell{color:#62798a!important}
body.p24-spectator-v5 .resultcard{background:#fff!important;color:#16364d!important}body.p24-spectator-v5 .resultmatch span{color:#17364d!important}body.p24-spectator-v5 .resultmatch strong{color:#102f49!important}body.p24-spectator-v5 .resultcard-foot{color:#607889!important}
body.p24-spectator-v5 .lt-rulebar,body.p24-spectator-v5 .lt-explainer{border-color:var(--sp-line)!important;border-radius:12px!important;background:#fff!important;color:#4d687a!important}body.p24-spectator-v5 .lt-rule b,body.p24-spectator-v5 .lt-explainer strong{color:#18374f!important}body.p24-spectator-v5 .lt-table{background:#fff!important}body.p24-spectator-v5 .lt-table th{background:#edf3f6!important;color:#36556a!important}body.p24-spectator-v5 .lt-table td{color:#17364d!important}
body.p24-spectator-v5 .p24spectator-page>.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px!important}body.p24-spectator-v5 .p24spectator-page>.cards .card{margin:0!important;padding:17px!important;border:1px solid var(--sp-line)!important;border-radius:13px!important;background:#fff!important;color:#17364d!important;box-shadow:0 3px 12px rgba(17,48,71,.04)!important}body.p24-spectator-v5 .p24spectator-page>.cards .card.live{border-color:#9bcdb2!important}body.p24-spectator-v5 .p24spectator-page>.cards .label{color:#526a7d!important;font-size:10px!important;font-weight:950!important}body.p24-spectator-v5 .p24spectator-page>.cards h2{margin:6px 0!important;color:#14364e!important;font-size:18px!important}body.p24-spectator-v5 .p24spectator-page>.cards p{color:#516b7d!important;font-size:11px!important;line-height:1.5!important}body.p24-spectator-v5 .p24spectator-page>.cards .url{margin:11px 0!important;padding:9px!important;border:1px solid #dbe5eb!important;border-radius:8px!important;background:#f3f7f9!important;color:#24475f!important;font-size:10px!important}body.p24-spectator-v5 .p24spectator-page>.cards .btn{display:inline-flex;align-items:center;min-height:36px;padding:8px 11px;border-radius:8px;background:#0d5f8f!important;color:#fff!important;font-size:10px!important;font-weight:900!important;text-decoration:none!important}body.p24-spectator-v5 .p24spectator-page>.cards .btn.green{background:#0b7047!important}body.p24-spectator-v5 .p24spectator-page>.cards .empty{color:#516b7d!important;font-size:11px!important}
body.p24-spectator-v5 .footer{margin:18px 0 12px!important;color:#698091!important;text-align:center!important;font-size:10px!important}body.p24-spectator-v5 .footer a{color:#365f79!important}
body.p24-spectator-v5 .mobilenav{display:none!important}
.p24spectator-preview{margin:8px auto 10px;padding:9px 12px;border:1px solid #e1c36f;border-radius:10px;background:#fff7dd;color:#644b0b;font-size:10px;font-weight:800}

.p24spectator-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:20px auto 14px;padding:13px 16px;border-top:1px solid var(--sp-line);color:#536f82;font-size:10px;font-weight:700}.p24spectator-footer strong{color:#17374f}.p24spectator-footer nav{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.p24spectator-copyright{color:#536f82;font-size:10px;font-weight:750}.p24spectator-footer a,.p24spectator-footer button{appearance:none;border:0;background:transparent;padding:0;color:#275b7c!important;font:inherit;font-weight:850;text-decoration:none;cursor:pointer}.p24spectator-footer a:hover,.p24spectator-footer button:hover{text-decoration:underline}
@media(max-width:980px){.p24spectator-header{grid-template-columns:auto 1fr}.p24spectator-nav{grid-column:1/-1}.p24spectator-brand img{width:145px}.p24spectator-title h1{font-size:20px!important}}
@media(max-width:620px){body.p24-spectator-v5 .p24spectator-page>.cards{grid-template-columns:1fr}.p24spectator-footer{align-items:flex-start;flex-direction:column;padding:12px 2px}.p24spectator-footer nav{gap:11px}.p24spectator-footer a,.p24spectator-footer button{min-height:28px;display:inline-flex;align-items:center}body.p24-spectator-v5 .wrap,body.p24-spectator-v5 main.p24spectator-page{width:min(100% - 16px,1400px)}.p24spectator-header{grid-template-columns:1fr;margin:8px auto 10px;padding:12px;gap:9px}.p24spectator-brand img{width:142px;height:45px}.p24spectator-title{padding:8px 0 0;border-left:0;border-top:1px solid #e4eaee}.p24spectator-title h1{font-size:19px!important}.p24spectator-nav{width:100%;padding:3px}.p24spectator-navitem{flex:1 0 auto;min-height:38px;padding:8px 9px;font-size:9.5px}.p24spectator-header+.statushero{margin-top:0!important}.compactlegend{display:none!important}}