.official-section { border-top:1px solid #45513e;padding-top:22px;min-width:0;scroll-margin-top:24px; }
.official-heading { display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:18px; }
.official-heading h2 { font-size:19px;margin:0 0 6px;color:#f1f5f2; }
.official-updated,.official-meta { color:#aab7af;font-size:11px; }
.official-filter,.official-heat-select select { max-width:100%;min-height:36px;border:1px solid #45564b;border-radius:4px;padding:7px 9px;background:#202925;color:#eef5f0;font-size:12px; }
.official-filter { width:210px; }
.official-sr { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%); }
.official-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:560px;overflow:auto;scrollbar-width:thin;scrollbar-color:#526958 #172019; }
.official-match { display:block;min-width:0;width:100%;border:1px solid #364a40;background:#19221d;color:#f1f5f2;border-radius:6px;padding:14px;text-align:left;font:inherit;cursor:pointer; }
.official-match:hover { background:#202d24;border-color:#87b069; }
.official-match:focus-visible,.official-dialog button:focus-visible { outline:2px solid #c9f56d;outline-offset:2px; }
.official-row-meta,.official-row-foot { display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px;color:#aab7af;line-height:1.5; }
.official-badge { color:#70d7b8;font-size:10px;font-weight:700; }
.official-board { display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin:16px 0; }
.official-club { display:flex;gap:8px;align-items:center;min-width:0;font-size:12px;font-weight:700;overflow-wrap:anywhere; }
.official-club img { width:28px;height:32px;object-fit:contain;flex:0 0 28px; }
.official-club.away { text-align:right;justify-content:flex-end; }
.official-club small,.official-report-board small { display:block;color:#b1c0b6;font-size:10px;font-weight:400;margin-top:5px; }
.official-score { font-size:24px;color:#f0cc6a;white-space:nowrap; }
.official-row-foot { border-top:1px solid #304438;padding-top:10px;align-items:flex-end; }
.official-row-foot > :last-child { color:#c9f56d;white-space:nowrap; }
.official-empty { color:#aab7af;font-size:13px;line-height:1.6; }
.official-empty a,.official-source a { color:#c9f56d; }
.official-dialog { box-sizing:border-box;width:min(1180px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #455b4a;border-radius:6px;background:#111915;color:#f1f5f2;overflow:auto;box-shadow:0 24px 100px #0009; }
.official-dialog::backdrop { background:#000b;backdrop-filter:blur(5px); }
.official-dialog * { box-sizing:border-box;letter-spacing:0; }
.official-dialog,.official-dialog * { cursor:auto!important; }
.official-dialog button,.official-dialog a,.official-dialog [role="button"] { cursor:pointer!important; }
.official-player-link { display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:3px 0;border:0;background:transparent;color:#dcebf0;font:inherit;font-weight:700;text-align:left;cursor:pointer;vertical-align:middle; }
.official-player-link:hover { color:#73d4e8; }
.official-player-link>span:last-child { overflow-wrap:anywhere; }
.official-face { display:inline-grid;position:relative;place-items:center;width:32px;height:36px;flex:0 0 32px;background:#2a353b;border-radius:4px;overflow:hidden;color:#a8c2cc;font-size:12px; }
.official-face img { position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain; }
.official-face.has-photo>span { visibility:hidden; }
.official-events small .official-face { width:22px;height:26px;flex-basis:22px; }
.official-player-dialog { box-sizing:border-box;width:min(720px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:0;border:1px solid #4b626c;border-radius:6px;background:#161d21;color:#eef3f5;overflow:auto;box-shadow:0 24px 100px #000a; }
.official-player-dialog::backdrop { background:#000b;backdrop-filter:blur(4px); }
.official-player-dialog,.official-player-dialog * { box-sizing:border-box;cursor:auto!important;letter-spacing:0; }
.official-player-dialog button,.official-player-dialog a { cursor:pointer!important; }
.official-player-head { position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid #36464e;background:#202b30; }
.official-player-head h2 { margin:0;font-size:22px;overflow-wrap:anywhere; }
.official-player-close { display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border:1px solid #53666e;border-radius:4px;color:#ecf3f5;background:#29383f;font-size:24px; }
.official-player-body { padding:22px; }
.official-player-summary { display:flex;align-items:center;gap:18px;margin-bottom:22px; }
.official-player-summary .official-face { width:88px;height:100px;flex-basis:88px;font-size:28px; }
.official-player-summary>div { min-width:0; }
.official-player-summary b { font-size:16px; }
.official-player-summary p { margin:8px 0;color:#73d4e8;font-size:13px; }
.official-player-summary>div>span { font-size:12px;line-height:1.5;color:#aabcc4; }
.official-player-metrics { margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px; }
.official-player-metrics>div { padding:12px;background:#222c31;border:1px solid #35444c;border-radius:4px;min-width:0; }
.official-player-metrics dt { font-size:11px;color:#b6c7ce;line-height:1.5;overflow-wrap:anywhere; }
.official-player-metrics dd { font-size:23px;font-weight:700;margin:8px 0 0;color:#f0cc6a; }
.official-player-heat { margin-top:24px;border-top:1px solid #35444c;padding-top:16px; }
.official-player-heat h3 { margin:0 0 12px;font-size:16px; }
.official-player-heat svg { display:block;width:min(100%,300px);height:auto;margin:auto; }
.official-player-heat .mrp-grass { fill:#0b2618; }.official-player-heat .mrp-line { stroke:#9aba9f;stroke-width:2;fill:none; }.official-player-heat .mrp-dot { fill:#9aba9f; }.official-player-heat .mrp-heat.h { fill:#d4fc60; }.official-player-heat .mrp-heat.a { fill:#62b4fa; }
.official-player-photo-source { font-size:11px;line-height:1.5;color:#aabcc4;margin:20px 0 0; }
.official-player-photo-source a { color:#73d4e8; }
.option-player-skills { margin:0 0 24px;padding:0 0 24px;border-bottom:1px solid #35444c; }
.option-player-skills header { display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:14px; }
.option-player-skills h3 { margin:0;font-size:16px; }
.option-player-skills header>span { font-size:11px;color:#aabcc4; }
.option-player-info { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 20px; }
.option-player-info>div { min-width:0; }.option-player-info dt { font-size:11px;color:#aabcc4;line-height:1.5;overflow-wrap:anywhere; }
.option-player-info dd { margin:3px 0 0;font-size:13px;font-weight:700;overflow-wrap:anywhere; }
.option-abilities { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0 0 20px; }
.option-ability { display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:4px 8px;align-items:center;position:relative;padding:9px 0;border-bottom:1px solid #2b383f;font-size:12px;min-width:0; }
.option-ability>span { overflow-wrap:anywhere;line-height:1.5; }.option-ability>b { text-align:right;color:#dcebf0; }
.option-ability>i { grid-column:1/-1;height:3px;background:linear-gradient(to right,#769aa8 var(--ability),#29373e var(--ability)); }
.option-ability.strong>b { color:#f0cc6a; }.option-ability.elite>b { color:#b9ef71; }
.option-ability.strong>i { background:linear-gradient(to right,#f0cc6a var(--ability),#29373e var(--ability)); }.option-ability.elite>i { background:linear-gradient(to right,#b9ef71 var(--ability),#29373e var(--ability)); }
.option-specials { display:flex;flex-wrap:wrap;gap:6px;margin-top:12px; }.option-specials>span { padding:5px 8px;border:1px solid #49616b;border-radius:3px;color:#c9e4ed;font-size:11px; }
@media(max-width:480px) { .option-player-info { grid-template-columns:repeat(2,minmax(0,1fr)); }.option-abilities { gap:0 12px; }.option-ability { font-size:11px;grid-template-columns:minmax(0,1fr) 22px; } }
@media(max-width:480px) { .official-player-body { padding:16px; }.official-player-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.official-player-summary { gap:12px; }.official-player-summary .official-face { width:64px;height:78px;flex-basis:64px; }.official-player-head { padding:14px 16px; }.official-player-head h2 { font-size:19px; } }
.official-dialog-head { position:sticky;top:0;z-index:3;display:flex;gap:16px;justify-content:space-between;padding:22px 26px;background:#19221d;border-bottom:1px solid #3b4d40; }
.official-dialog-head > div { min-width:0; }
.official-dialog-head h2 { font-size:22px;line-height:1.3;margin:6px 0;overflow-wrap:anywhere; }
.official-meta { margin:0; }
.official-dialog .official-close { flex:0 0 36px;width:36px;height:36px;padding:0;border:1px solid #435448;border-radius:4px;background:#263229;color:#edf5ee;font-size:25px;cursor:pointer; }
.official-body { padding:22px 26px;min-width:0; }
.official-report-board { display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;text-align:center;padding:10px 0 26px; }
.official-report-board img { display:block;margin:0 auto 10px;width:60px;height:60px;object-fit:contain; }
.official-report-board strong { display:block;font-size:18px;overflow-wrap:anywhere; }
.official-report-board > b { color:#f0cc6a;font-size:42px;white-space:nowrap; }
.official-tabs { display:flex;gap:4px;overflow:auto;border-bottom:1px solid #425046;scrollbar-width:thin; }
.official-dialog .official-tabs button { flex:1 0 auto;border:0;border-bottom:2px solid transparent;border-radius:0;padding:12px 16px;background:none;color:#aab7af;font-size:13px;cursor:pointer; }
.official-dialog .official-tabs button[aria-selected="true"] { color:#c9f56d;border-bottom-color:#c9f56d;background:#222d21; }
.official-view { padding-top:18px;min-width:0; }
.official-block { margin-bottom:24px;min-width:0; }
.official-block h3 { font-size:16px;margin:0 0 16px; }
.official-block h4 { font-size:13px;margin:0 0 12px;overflow-wrap:anywhere; }
.official-stat { display:grid;grid-template-columns:50px minmax(0,1fr) 50px;gap:15px;padding:9px 0;border-bottom:1px solid #28392d;align-items:center;text-align:center;font-size:13px; }
.official-stat > b { color:#c9f56d; }
.official-stat > b:last-child { color:#75b6fc; }
.official-stat-bar { display:block;height:4px;margin-top:8px;background:#75b6fc;overflow:hidden;border-radius:2px; }
.official-stat-bar i { display:block;height:100%;background:#c9f56d; }
.official-two { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px; }
.official-mvp { border-left:2px solid #c9f56d;padding-left:14px;min-width:0; }
.official-mvp > span { display:block;color:#aab7af;font-size:11px; }
.official-mvp strong { display:block;font-size:17px;margin:8px 0; }
.official-mvp strong small { font-size:11px;color:#f0cc6a; }
.official-mvp p { margin:0;font-size:12px;color:#c2d0c6;line-height:1.6; }
.official-events { padding:0;margin:0;list-style:none; }
.official-events li { display:flex;gap:12px;padding:9px 0;border-bottom:1px solid #2b3b2f;font-size:12px;line-height:1.5; }
.official-events li > b { min-width:32px;color:#f0cc6a; }
.official-events small { display:block;color:#aab7af;font-size:11px; }
.official-table-wrap { overflow:auto;max-width:100%;border:1px solid #33483a;scrollbar-width:thin; }
.official-table-wrap table { border-collapse:collapse;min-width:800px;width:100%;font-size:12px; }
.official-table-wrap th,.official-table-wrap td { text-align:center;padding:10px 8px;border-bottom:1px solid #2c3d31;white-space:nowrap;color:#dce8e0; }
.official-table-wrap th { font-size:11px;color:#aab7af;background:#233027; }
.official-table-wrap td:first-child,.official-table-wrap th:first-child { text-align:left; }
.official-table-wrap td small { display:block;font-size:10px;color:#aab7af; }
.official-figures { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px; }
.official-figures figure { margin:0;min-width:0; }
.official-figures figcaption { font-size:12px;line-height:1.5;min-height:38px;margin-bottom:8px;overflow-wrap:anywhere; }
.official-figures svg { display:block;width:100%;height:auto;max-height:720px; }
.official-heat-select { display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:12px; }
.official-heat-select select { flex:1;min-width:0; }
.official-shot-legend { display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#c3d3c8;margin-bottom:16px; }
.official-goal-controls { display:flex;gap:10px;flex-wrap:wrap; }
.official-goal-controls select { flex:1;min-width:0;max-width:100%;background:#243129;color:#eef4ef;border:1px solid #49634f;border-radius:4px;padding:10px;font-size:12px; }
.official-goal-play { display:inline-flex;align-items:center;gap:7px;background:#c9f56d;color:#18240c;border:0;border-radius:4px;padding:10px 14px;font-weight:700;font-size:12px;cursor:pointer; }
.official-goal-play:disabled { opacity:.4;cursor:default; }
.official-goal-note { font-size:11px;color:#aab7af;line-height:1.5; }
.official-goal-status { font-size:12px;color:#f0cc6a;min-height:18px; }
.official-dialog .mrp-sh.goal { cursor:pointer; }
.official-dialog .official-goal-selected .mrp-sh-halo { stroke:#ffcc55;stroke-width:5; }
.official-dialog .official-goal-path { fill:none;stroke:#ffcc55;stroke-width:3;stroke-dasharray:8 6;opacity:.8; }
.official-source { display:flex;justify-content:space-between;gap:12px;border-top:1px solid #384f3d;padding-top:18px;margin-top:22px;font-size:11px; }
.official-dialog .mrp-grass { fill:#0b1d11; }
.official-dialog .mrp-line { fill:none;stroke:#566854;stroke-width:3; }
.official-dialog .mrp-line rect { fill:none; }
.official-dialog .mrp-dot { fill:#637663;stroke:none; }
.official-dialog .mrp-pl circle { stroke:#101a12;stroke-width:3; }
.official-dialog .mrp-pl.h circle { fill:#c9f56d; }
.official-dialog .mrp-pl.a circle { fill:#75b6fc; }
.official-dialog .mrp-pos { fill:#08120a;font:700 19px Arial;text-anchor:middle; }
.official-dialog .mrp-name { fill:#fff;font:700 21px Arial;text-anchor:middle;paint-order:stroke;stroke:#09130c;stroke-width:5;stroke-linejoin:round; }
.official-dialog .mrp-sh-fill { stroke:#0b1610;stroke-width:2; }
.official-dialog .mrp-sh.h .mrp-sh-fill { fill:#c9f56d; }
.official-dialog .mrp-sh.a .mrp-sh-fill { fill:#75b6fc; }
.official-dialog .mrp-sh-halo { fill:none;stroke:#fff;stroke-width:3;opacity:.85; }
.official-dialog .mrp-sh-core { fill:#09130c; }
.official-dialog .mrp-sh-ball { fill:none;stroke:#09130c;stroke-width:1.2; }
.official-dialog .mrp-sh-line { fill:none;stroke-width:3.5;stroke-linecap:round; }
.official-dialog .mrp-sh.h .mrp-sh-line,.official-dialog .mrp-sh.h .mrp-sh-dash { stroke:#c9f56d; }
.official-dialog .mrp-sh.a .mrp-sh-line,.official-dialog .mrp-sh.a .mrp-sh-dash { stroke:#75b6fc; }
.official-dialog .mrp-sh-dash { fill:none;stroke-width:3;stroke-dasharray:6 5;opacity:.8; }
.official-dialog .mrp-heat { stroke:none; }
.official-dialog .mrp-heat.h { fill:#c9f56d; }
.official-dialog .mrp-heat.a { fill:#75b6fc; }
@media(max-width:1200px) { .official-list { grid-template-columns:1fr;max-height:480px; } }
@media(max-width:600px) {
  .official-heading { align-items:flex-start;flex-direction:column;gap:10px; }
  .official-filter { width:100%; }.official-heading label { width:100%; }
  .official-board { gap:8px; }.official-club { font-size:11px;gap:5px;flex-direction:column;align-items:flex-start; }.official-club.away { align-items:flex-end;flex-direction:column-reverse; }
  .official-score { font-size:22px; }.official-row-foot { font-size:9px; }
  .official-dialog { width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px); }
  .official-dialog-head { padding:15px 12px;gap:8px; }.official-dialog-head h2 { font-size:17px; }.official-body { padding:16px 12px; }
  .official-report-board { gap:8px; }.official-report-board strong { font-size:12px; }.official-report-board > b { font-size:26px; }.official-report-board img { width:42px;height:42px; }
  .official-two { grid-template-columns:1fr;gap:20px; }.official-stat { font-size:11px;grid-template-columns:32px minmax(0,1fr) 32px;gap:8px; }
  .official-dialog .official-tabs button { padding:10px 12px;font-size:12px; }
  .official-tabs { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible; }
  .official-dialog .official-tabs button { min-width:0;min-height:38px;padding:8px 4px;font-size:11px;line-height:1.4;white-space:normal; }
  .official-tabs [data-tab="heat"] { grid-column:span 2; }
  .official-figures { grid-template-columns:1fr; }.official-figures svg { max-height:650px; }
  .official-source { flex-wrap:wrap; }.official-heat-select { flex-wrap:wrap; }.official-heat-select select { flex-basis:100%; }
}