/* Completely new independent HTML visual design. Flat, restrained, responsive. */
:root{--ink:#121a26;--ink-soft:#324052;--muted:#778392;--surface:#fff;--canvas:#f6f8fa;--line:#e6eaf0;--green:#0da36d;--green-dark:#078357;--green-light:#eaf8f2;--navy:#142238;--blue:#2563eb;--red:#e83b54;--radius:12px;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5}body button,body input,body select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,select,input{max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}.icons{width:0;height:0;position:absolute;overflow:hidden}.muted{color:var(--muted)}.kicker{color:var(--muted);font-weight:750;font-size:10px;letter-spacing:.1em;text-transform:none;display:block}.demo-ribbon{height:27px;background:#eff5f1;color:#557164;text-align:center;font-size:11px;display:flex;align-items:center;justify-content:center;gap:7px;border-bottom:1px solid #e2ede6}.demo-mark{background:#d8eee1;color:#14784d;font-size:10px;padding:2px 6px;border-radius:3px;font-weight:800;letter-spacing:.04em}.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60}.header-inside{padding:0 clamp(16px,3vw,52px);height:73px;display:flex;align-items:center;gap:42px}.brand{display:inline-flex;align-items:center;font-size:25px;font-weight:900;letter-spacing:-1.4px;color:#151e29;white-space:nowrap}.brand-glyph{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#083e32;color:white;margin-right:10px}.brand-dot{color:var(--green)}.main-nav{display:flex;height:100%;gap:7px}.main-nav a{display:inline-flex;align-items:center;padding:0 17px;border-bottom:3px solid transparent;color:#697587;font-weight:600;font-size:13px}.main-nav a:hover{color:#131f29}.main-nav a.active{color:#07583d;border-bottom-color:var(--green)}.head-actions{display:flex;align-items:center;gap:18px;margin-left:auto}.mode-label{display:flex;align-items:center;gap:7px;font-size:12px;color:#506579;font-weight:700}.pulse{width:7px;height:7px;display:inline-block;vertical-align:middle;background:var(--red);border-radius:50%;box-shadow:0 0 0 3px #ffebee;flex:none}.header-outline{border:1px solid #dfe7eb;border-radius:8px;display:flex;gap:7px;align-items:center;padding:8px 12px;font-size:12px;font-weight:650;background:#fff}.header-outline:hover{background:#f5f8f7}.mobile-menu,.mobile-links{display:none}.site-main{width:100%;padding:26px clamp(16px,3vw,52px) 68px;min-height:calc(100vh - 180px)}.section-head{display:flex;align-items:center;margin:0 0 16px}.section-eyebrow{font-size:11px;color:#708194;display:flex;align-items:center;gap:8px;font-weight:650}.section-eyebrow svg{color:var(--green)}.eyebrow-divider{color:#ccd3d9;margin:0 2px}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 223px 294px;grid-template-areas:'main side right';gap:22px;align-items:start}.home-center{grid-area:main;min-width:0}.left-pane{grid-area:side}.right-pane{grid-area:right;min-width:0}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.page-heading h1{font-size:31px;letter-spacing:-1.1px;margin:0 0 3px;line-height:1.22;font-weight:800}.page-heading h1 span{color:#77828e;font-weight:500}.page-heading p{margin:6px 0 0;color:var(--muted);font-size:13px}.today-label{white-space:nowrap;display:flex;align-items:center;gap:7px;color:#526378;font-size:12px}.hero-live{background:#102b25;border-radius:12px;color:#fff;overflow:hidden;margin-bottom:22px}.hero-live .overline{display:flex;align-items:center;gap:9px;color:#d5ede3;padding:15px 20px 5px;font-size:11px;letter-spacing:.025em}.hero-teams{display:grid;grid-template-columns:1fr minmax(130px,190px) 1fr;align-items:center;padding:12px 25px 20px;gap:10px}.hero-teams>span{display:flex;gap:10px;align-items:center;font-size:13px}.hero-teams>span:last-child{justify-content:flex-end}.hero-teams>div{text-align:center}.hero-teams strong{font-size:46px;letter-spacing:-1.5px;line-height:1.1;font-weight:820}.hero-teams strong i{font-style:normal;color:#658b79}.hero-teams small{display:block;color:#b1d4c1;font-size:11px;font-weight:600;margin-top:4px}.hero-foot{padding:11px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#16372e;border-top:1px solid #27483e;font-size:12px;color:#c1d9ca}.hero-foot span,.hero-foot a{display:flex;align-items:center;gap:7px}.hero-foot a{color:#fff;font-weight:750}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:11px;min-width:0}.card{overflow:hidden}.card-top{padding:18px 17px 15px;display:flex;align-items:center;gap:20px;justify-content:space-between;flex-wrap:wrap}.heading-inline{display:flex;align-items:center;gap:10px}.heading-inline h2,.panel-title h2{font-size:19px;letter-spacing:-.4px;margin:0;line-height:1.2}.heading-inline>span{font-size:11px;color:#fff;background:var(--green);padding:3px 7px;border-radius:5px;font-weight:650}.filter-tools{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.segmented{display:flex;align-items:center;border:1px solid #e5ebef;padding:3px;border-radius:8px;background:#f5f7fa;gap:2px}.segmented button{background:transparent;color:#617181;border:0;padding:6px 9px;border-radius:5px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:650;white-space:nowrap}.segmented button.active{background:#fff;color:#0e6447;border:1px solid #dbe4e0;box-shadow:none}.search-field{height:34px;display:flex;gap:6px;align-items:center;border:1px solid #dfe5eb;border-radius:7px;padding:0 10px;color:#8795a4}.search-field:focus-within{border-color:#15a36c}.search-field input{border:0;outline:0;font-size:12px;width:168px;min-width:0;background:transparent}.date-scroll{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fbfcfd}.date-choice{border:0;border-right:1px solid var(--line);background:transparent;padding:10px 7px;color:#6c7b89;position:relative;min-height:59px}.date-choice:last-child{border-right:0}.date-choice small{display:block;font-size:10px}.date-choice b{font-size:12px;font-weight:700;color:#293c4c}.date-choice.selected{background:#edf7f2}.date-choice.selected b{color:#007b4c}.date-choice.selected:after{content:'';height:3px;position:absolute;bottom:0;left:17%;right:17%;background:var(--green);border-radius:4px 4px 0 0}.league-block{border-bottom:1px solid #eef1f4}.league-block:last-child{border-bottom:0}.league-line{height:59px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#fbfcfd;border-bottom:1px solid var(--line)}.league-id{display:flex;align-items:center;gap:10px}.flag{display:grid;place-items:center;font-size:19px;width:30px;height:30px;background:#fff;border:1px solid #e8edf0;border-radius:7px}.league-id small,.league-id a{display:block}.league-id small{color:#7d8c99;font-size:10px;line-height:1.4}.league-id a{font-weight:750;font-size:12px}.league-open{display:flex;gap:6px;align-items:center;color:#607480;font-size:11px;font-weight:700}.league-open:hover{color:var(--green)}.score-row{min-height:53px;border-bottom:1px solid #f0f2f5;display:grid;grid-template-columns:30px 42px minmax(0,1fr) 28px 72px 28px minmax(0,1fr) 24px;align-items:center;gap:7px;padding:5px 15px}.score-row:last-child{border-bottom:0}.score-row:hover{background:#f8fbfa}.fav-btn{color:#bcc5cd;border:0;background:transparent;padding:6px 3px;display:flex;justify-content:center}.fav-btn.saved{color:#f8b128}.fav-btn.saved svg{fill:#f8b128}.match-clock{font-size:11px;font-weight:650;color:#8290a0;white-space:nowrap;text-align:left}.match-clock.live{color:#e6364e}.team-name{font-size:12px;font-weight:650;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.team-name.home{text-align:right}.team-name.away{text-align:left}.team-name:hover{color:var(--green-dark)}.score-link{background:#f0f3f6;border:1px solid #ebeff2;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:790;min-height:32px;font-variant-numeric:tabular-nums}.score-link.score-live{background:#edf7f1;border-color:#dceee2;color:#0b7850}.score-link:hover{border-color:#a0cab4}.go-match{color:#a4b0bc;display:grid;place-items:center}.go-match:hover{color:var(--green)}.team-crest{display:grid;place-items:center}.empty-state{padding:42px 18px;text-align:center;color:#788797;font-size:13px}.crest{display:inline-flex;align-items:center;justify-content:center;background:var(--crest-bg);border:2px solid var(--crest);color:var(--crest);font-size:9px;letter-spacing:-.04em;border-radius:46% 46% 45% 45%/31% 31% 57% 57%;font-weight:900;text-shadow:none;flex:none;box-shadow:inset 0 0 0 3px #ffffffc7}.crest span{display:block;line-height:1}.crest-xxs{height:21px;width:21px;border-width:1.5px;font-size:7px;box-shadow:inset 0 0 0 2px white}.crest-sm{height:27px;width:27px;font-size:8px;box-shadow:inset 0 0 0 2px white}.crest-md{height:35px;width:35px;font-size:9px}.crest-lg{height:51px;width:51px;font-size:13px}.crest-xl{height:87px;width:87px;font-size:21px;border-width:3px;box-shadow:inset 0 0 0 6px #fff}.crest-xxl{height:108px;width:108px;font-size:22px;border-width:3px;box-shadow:inset 0 0 0 7px #fff}.left-pane{position:sticky;top:104px}.side-section{background:#fff;border:1px solid var(--line);border-radius:11px;padding:17px 10px 12px;margin-bottom:16px}.side-section h3{font-size:12px;margin:1px 11px 15px;font-weight:800}.side-league{width:100%;border:0;background:transparent;display:grid;grid-template-columns:28px minmax(0,1fr) 22px;align-items:center;text-align:left;gap:6px;padding:10px 9px;border-radius:7px;font-size:11.5px;font-weight:620;color:#455264}.side-league:hover{background:#f5f9f6}.side-league.active{background:#eaf7f0;color:#08794e;font-weight:800}.side-flag{display:grid;place-items:center;max-width:28px;font-size:17px}.side-league>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-num{text-align:right;font-size:11px;color:#9aa4ae}.side-link{display:flex;gap:9px;padding:9px 12px;align-items:center;color:#576c7c;font-size:12px;font-weight:650}.side-link:hover{color:var(--green)}.side-light{background:#fdfefe}.aside-card{padding:16px 0 8px;margin-bottom:16px}.aside-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 16px 7px}.aside-heading h3,.aside-panel h3{font-size:14px;margin:0;font-weight:790}.aside-heading a{font-size:10px;color:#708798;display:flex;align-items:center}.aside-heading a:hover{color:var(--green)}.aside-sub{margin:0 16px 12px;color:#82909e;font-size:10px}.standing-table{border-collapse:collapse;width:100%;font-size:11px;font-variant-numeric:tabular-nums}.standing-table th{background:#fafbfd;color:#a0aab5;font-weight:700;text-align:center;font-size:10px;padding:8px 6px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.standing-table th:first-child,.standing-table td:first-child{padding-left:13px}.standing-table td{border-bottom:1px solid #f0f3f5;padding:9px 5px;text-align:center;color:#526174}.standing-table tr:last-child td{border-bottom:0}.standing-table td.team-col,.standing-table th.team-col{text-align:left}.standing-table .team-col a{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:650;color:#263442}.standing-table .team-col a:hover{color:var(--green)}.standing-table td.points{color:#1b2d3b;font-weight:800}.standing-table .place{display:inline-flex;min-width:18px;align-items:center;justify-content:center;font-weight:800}.standing-table .place.p1,.standing-table .place.p2,.standing-table .place.p3{color:#0b9461}.scorer-row{display:grid;grid-template-columns:16px 28px minmax(0,1fr) 25px;align-items:center;gap:10px;padding:10px 15px;border-bottom:1px solid #f0f3f5;font-size:11px}.scorer-row:last-child{border:0}.scorer-row:hover{background:#fbfcfc}.scorer-row .rank{color:#98a2af}.scorer-row strong,.scorer-row small{display:block}.scorer-row small{color:#8794a1}.scorer-row>b{font-size:14px;text-align:right;color:#078753}.mini-avatar,.player-bubble{border-radius:50%;width:28px;height:28px;background:#e8edf0;display:grid;place-items:center;color:#596f7d;font-weight:850;font-size:10px}.quiet-note{display:flex;gap:9px;align-items:flex-start;color:#8291a0;line-height:1.6;font-size:11px;padding:0 5px}.quiet-note svg{flex:none;margin-top:2px}.footer{border-top:1px solid var(--line);background:#fff;min-height:105px;padding:24px clamp(16px,3vw,52px);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#82909b;font-size:11px}.footer strong{display:block;font-size:16px;color:#24313a;letter-spacing:-.6px}.footer strong span{color:var(--green)}.footer p{margin:1px 0}.footer>div:last-child{max-width:520px;text-align:right}
/* Match Centre */
.match-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:22px;align-items:start}.match-core{min-width:0}.match-hero{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.breadcrumb{display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:#7d8b97;font-size:11px;padding:17px 24px;background:#fafbfc;border-bottom:1px solid #edf0f3}.breadcrumb a:hover{color:var(--green)}.match-hero-main{display:grid;grid-template-columns:1fr minmax(190px,300px) 1fr;gap:12px;padding:42px 30px 36px;align-items:center}.score-team{display:flex;flex-direction:column;gap:9px;align-items:center;min-width:0}.score-team strong{font-size:22px;font-weight:790;letter-spacing:-.5px;text-align:center}.score-team span:last-child{color:#a0aab5;font-size:11px}.score-result{text-align:center}.live-indicator{display:flex;justify-content:center;align-items:center;gap:8px;color:#d72d49;text-transform:none;font-size:11px;font-weight:750}.huge-score{font-size:82px;font-weight:790;letter-spacing:-4px;line-height:1.2;margin:8px 0}.huge-score span{color:#bdc7ce;font-weight:400}.score-subtext{color:#5d6875;font-size:12px}.progress-track{height:5px;background:#e8eef0;border-radius:8px;overflow:hidden;width:180px;margin:16px auto 0}.progress-track i{height:100%;display:block;background:#17a66c;border-radius:8px}.fixture-metadata{display:flex;gap:26px;justify-content:center;align-items:center;flex-wrap:wrap;background:#f8fafb;padding:15px;border-top:1px solid var(--line);color:#667687;font-size:11px}.fixture-metadata span{display:flex;gap:7px;align-items:center}.match-tabs{background:#fff;border:1px solid var(--line);border-radius:10px;margin-top:17px;overflow:hidden}.match-tabs .dvk-tab-bar{border:0!important;border-radius:0!important;display:flex!important;padding:7px!important;background:#fff!important;gap:6px;max-width:none}.match-tabs .dvk-tab-bar button{flex:1}.match-panels{margin-top:16px}.match-panels>section{display:none}.match-panels>section.active{display:block}.two-col-content{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{padding:22px 22px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.panel-title h2{margin-top:4px}.panel-title h3{font-size:15px;margin:0}.plain-link{border:0;background:transparent;padding:5px 0;color:var(--green-dark);font-size:12px;font-weight:710;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.plain-link:hover{color:#053f2b}.live-bullet{display:inline-flex;gap:7px;align-items:center;font-size:11px;color:#db4050;font-weight:800}.event-list{position:relative}.event-list:before{content:'';position:absolute;top:21px;bottom:30px;left:60px;width:1px;background:#e6edf0}.event-item{display:grid;grid-template-columns:35px 38px 1fr;gap:10px;align-items:center;min-height:72px;border-bottom:1px solid #f1f3f5;padding:9px 0;position:relative}.event-item:last-child{border:0}.event-min{color:#6e7e88;text-align:right;font-size:11px;font-weight:800}.event-mark{height:31px;width:31px;background:#eff6f2;border:1px solid #e2eee6;border-radius:50%;display:grid;place-items:center;color:#188654;z-index:1;margin-left:3px}.event-mark.sub{color:#357fc2;background:#eef6fb;border-color:#e2edf6}.event-mark.card{background:#fff5de;border-color:#ffe6ae}.yellow-card{width:10px;height:15px;border-radius:2px;background:#f6bd1f}.event-item a{font-size:12px;font-weight:770;display:block}.event-item a:hover{color:var(--green)}.event-item small{color:#8a97a4;font-size:10px;display:block;margin-top:3px}.stat-line{padding:5px 0 16px}.stat-top{display:grid;grid-template-columns:70px 1fr 70px;align-items:center;font-size:12px;margin-bottom:9px}.stat-top b{font-size:15px}.stat-top b:last-child{text-align:right}.stat-top span{text-align:center;color:#748493;font-size:11px}.compare-bar{height:7px;position:relative;border-radius:8px;background:#f2e4e7;overflow:hidden}.compare-bar i{height:100%;display:block;background:#0da56b}.preview-lineups{margin-top:16px}.mini-lineup-preview{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.mini-pitch{background:#1e925f;border:2px solid #e3f6e9;border-radius:7px;position:relative;height:180px;overflow:hidden}.mini-pitch:before{content:'';position:absolute;inset:10px;border:1px solid #ffffff8a}.mini-pitch-middle{position:absolute;left:50%;top:10px;bottom:10px;border-left:1px solid #ffffff8a}.mini-pitch-middle:after{content:'';height:50px;width:50px;border:1px solid #ffffff8a;border-radius:50%;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.pitch-mini-dot{position:absolute;width:14px;height:14px;border:2px solid white;border-radius:50%;background:#fff;box-shadow:none}.mini-lineup-preview strong{font-size:17px}.mini-lineup-preview p{font-size:12px;line-height:1.8;color:#7c8995}.btn-ghost{display:inline-flex;gap:7px;align-items:center;border:1px solid #cde6d9;color:var(--green-dark);padding:9px 12px;border-radius:7px;font-weight:760;background:#f1faf5;font-size:11px}.match-aside{position:sticky;top:98px}.aside-panel{padding:19px;margin-bottom:16px}.aside-panel h3{margin:0 0 14px}.aside-competition{display:flex;align-items:center;gap:11px;margin:20px 0}.aside-competition strong,.aside-competition small{display:block}.aside-competition strong{font-size:13px}.aside-competition small{font-size:11px;color:var(--muted);margin-top:3px}.soft-link{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#eff8f2;color:#167b53;border-radius:7px;font-weight:750;font-size:12px}.form-row{padding:12px 0;border-bottom:1px solid #ecf0f3;display:flex;align-items:center;gap:10px;justify-content:space-between;font-size:11px}.form-row:last-child{border:0}.form-dots{display:flex;gap:3px}.form-dots i{display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;border-radius:4px;font-style:normal;font-weight:800}.win{background:#dff6eb;color:#0a8b56}.loss{background:#fce8eb;color:#db3452}.draw{background:#eef1f4;color:#64768a}.other-match{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:12px 0;font-size:11px;border-bottom:1px solid var(--line)}.other-match:last-child{border:0}.other-match b{white-space:nowrap;background:#f4f6f8;border-radius:4px;padding:4px;font-size:12px}.other-match span{min-width:0}.context-note{display:flex;align-items:center;gap:8px;color:#60798a;background:#eaf5ee;padding:10px 13px;border-radius:8px;font-size:12px}.lineup-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lineup-team{background:#fff;border:1px solid var(--line);padding:16px;border-radius:11px;min-width:0}.pitch-title{display:flex;align-items:center;gap:9px;font-size:13px;margin-bottom:12px}.pitch-title span:last-child{margin-left:auto;font-size:11px;color:#8191a1}.pitch{position:relative;aspect-ratio:1 / 1.24;max-height:650px;border-radius:5px;overflow:hidden;background:repeating-linear-gradient(to bottom,#118d5d 0%,#118d5d 12.5%,#16875a 12.5%,#16875a 25%);border:6px solid #147749}.pitch:before{content:'';inset:10px;border:1px solid #ffffffab;position:absolute}.pitch:after{content:'';left:10px;right:10px;top:50%;border-top:1px solid #ffffffac;position:absolute}.pitch-circle{border:1px solid #ffffffac;border-radius:50%;width:82px;height:82px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pitch-box{width:46%;height:16%;border:1px solid #ffffffad;position:absolute;left:27%}.pitch-box-top{top:10px;border-top:0}.pitch-box-bottom{bottom:10px;border-bottom:0}.pitch-dots{display:flex;flex-direction:column;justify-content:space-around;position:absolute;inset:24px 15px;z-index:1}.pitch-line{display:flex;justify-content:space-around;align-items:center;gap:4px}.field-player{text-align:center;display:grid;justify-items:center;gap:3px;min-width:0;max-width:80px}.field-player>span{border:2px solid white;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:white;font-weight:800;font-size:11px;color:#224333}.field-player:hover>span{border-color:#ffcd66}.field-player small{font-size:9px;line-height:1.2;color:white;text-shadow:0 1px 2px #003c22;max-width:72px;font-weight:700;white-space:normal}.substitution-list{background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px;margin-top:16px}.substitution-list h3{font-size:16px;margin:0 0 14px}.sub-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px;flex-wrap:wrap}.sub-row:last-child{border:0}.sub-row svg{color:var(--green)}.sub-row a{font-weight:750}.sub-row a:hover{color:var(--green)}.sub-time{color:#8a97a3}.out-player{color:#dc4255}.in-player{color:#138452}.h2h-row{display:grid;grid-template-columns:95px 1fr 75px 1fr;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0;font-size:12px;text-align:center}.h2h-row>span{font-size:10px;color:#8c9aa5}.h2h-row strong{background:#edf2f3;border-radius:5px;padding:7px}.h2h-row:last-child{border:0}
/* Clubs, players and competition */
.page-banner{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:19px}.page-banner h1{font-size:27px;margin:4px 0 0;letter-spacing:-.6px}.season-chip{padding:9px 13px;background:#fff;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;gap:9px;color:#536f6b;font-size:12px}.club-hero,.player-hero,.competition-hero{background:#14243a;border-radius:12px;color:#fff;margin-bottom:20px;min-height:198px;display:flex;align-items:center;padding:30px;gap:27px}.club-hero{background:#142530}.club-name>span,.club-name>p{color:#aac3c1;font-size:12px}.club-name h2{font-size:35px;letter-spacing:-1.1px;margin:0}.club-name p{margin:3px 0 20px}.club-quick{display:flex;gap:23px;font-size:11px;color:#acc3bd}.club-quick strong{color:white;font-size:17px;display:block}.club-hero-side{margin-left:auto;align-self:stretch;min-width:240px;border-left:1px solid #476057;padding-left:26px;color:#a2beb6;font-size:11px;display:flex;flex-direction:column;justify-content:center}.club-hero-side small{margin-top:16px}.club-hero-side strong{margin-top:4px;color:#fff;font-size:15px}.club-hero-side>span{margin-top:7px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:20px;align-items:start}.main-column{min-width:0}.section-tab-wrap{background:#fff;border:1px solid var(--line);padding:6px;border-radius:10px;margin-bottom:16px}.section-tab-wrap .dvk-tab-bar{border:0!important;width:100%}.section-tab-wrap .dvk-tab-bar button{min-width:104px}.main-column>[data-team-panel],.main-column>[data-league-panel]{display:none}.main-column>[data-team-panel].active,.main-column>[data-league-panel].active{display:block}.main-column .panel{margin-bottom:16px}.metric-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.metric-tiles>div{padding:16px 11px;border:1px solid #ecf0f3;background:#fafbfc;border-radius:8px}.metric-tiles strong{font-size:24px;display:block;line-height:1.2}.metric-tiles span{color:#8795a2;font-size:11px}.team-schedule{display:grid;grid-template-columns:42px 21px minmax(0,1fr) 55px minmax(0,1fr) 21px;align-items:center;gap:7px;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px}.team-schedule b{font-weight:660;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.team-schedule strong{text-align:center;background:#f1f4f5;border-radius:5px;padding:5px;font-variant-numeric:tabular-nums}.team-schedule>span:first-child{color:#96a2ae}.team-schedule:last-child{border:0}.roster-group-title{background:#f7f9fa;border:1px solid var(--line);margin:22px 0 0;padding:11px 12px;font-size:12px}.roster-group-title:first-of-type{margin-top:2px}.roster-table-head,.player-data-row{display:grid;grid-template-columns:40px minmax(0,1fr) 62px 80px 20px;gap:10px;align-items:center}.roster-table-head{font-size:10px;color:#8794a2;border-bottom:1px solid var(--line);padding:12px}.player-data-row{font-size:12px;padding:12px;border-bottom:1px solid #edf0f4}.player-data-row:last-child{border:0}.player-data-row:hover{background:#fafcfb}.player-data-row>span:nth-child(n+3){color:#748491}.player-name{display:flex;align-items:center;gap:12px;min-width:0}.player-name strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.jersey-no{font-weight:800;color:#8b98a5}.club-dl{display:grid;grid-template-columns:1fr 1fr;margin:0;gap:0;font-size:12px}.club-dl dt,.club-dl dd{border-bottom:1px solid #eef1f4;margin:0;padding:12px 0}.club-dl dt{color:#8a97a2}.club-dl dd{text-align:right;font-weight:700}.club-dl a:hover{color:var(--green)}.player-hero{position:relative;min-height:266px;padding-left:60px;overflow:hidden;background:#132a2b}.player-number{font-size:210px;font-weight:900;line-height:1;color:#32524c;letter-spacing:-15px;position:absolute;left:10px;bottom:-53px;user-select:none}.player-info{z-index:1;margin-left:125px}.player-info>span:not(.crest){color:#aac6bc;font-size:12px;margin-left:10px}.player-info h1{font-size:44px;line-height:1.05;margin:10px 0 12px;letter-spacing:-1.8px}.player-info p{font-size:12px;color:#b8ceca}.player-profile-cards{display:flex;gap:12px;margin-left:auto;z-index:1}.player-profile-cards>div{min-width:100px;border:1px solid #48625c;padding:14px 18px;border-radius:8px;background:#1a3939}.player-profile-cards span{font-size:10px;color:#a9c6bd;display:block}.player-profile-cards strong{font-size:27px}.player-season-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.player-season-head h2{font-size:21px;margin:3px 0}.season-select{display:flex;align-items:center;gap:9px;color:#617487;font-size:11px}.season-select .dvk-select-shell{min-width:140px}.season-select select{font-size:12px!important;max-width:190px}.metric-board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.metric-board>div{background:#fff;border:1px solid var(--line);border-radius:9px;padding:18px 20px}.metric-board span{color:#8894a3;display:block;font-size:11px}.metric-board strong{font-size:27px;font-weight:840}.performance-table .perf-head,.perf-row{display:grid;grid-template-columns:minmax(0,1fr) repeat(4,62px);gap:5px;align-items:center;font-size:12px}.perf-head{background:#f8fafb;color:#83929e;padding:12px;border-bottom:1px solid var(--line);font-size:10px}.perf-row{padding:15px 12px;border-bottom:1px solid var(--line)}.perf-row a{font-weight:750}.perf-row a:hover{color:var(--green)}.perf-row span,.perf-head span:not(:first-child){text-align:center}.skill-bars{display:grid;grid-template-columns:1fr 1fr;gap:25px}.skill-bars>div>div{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:8px}.skill-bars>div>div span{color:#718193}.skill-bars>div>i{display:block;height:8px;border-radius:10px;background:#eef1f4;overflow:hidden}.skill-bars>div>i b{height:100%;display:block;background:var(--green)}.competition-hero{background:#142530;min-height:155px}.competition-icon{width:70px;height:70px;background:#263f45;border-radius:12px;display:grid;place-items:center;font-size:40px}.competition-hero h2{font-size:26px;margin:0;letter-spacing:-.7px}.competition-hero p{font-size:12px;color:#afc3bf}.competition-stage{margin-left:auto;display:grid;justify-items:center;gap:2px;color:#bcd0c9;font-size:11px}.competition-stage strong{font-size:35px;color:white;line-height:1}.competition-stage small{font-size:10px}.main-column .standing-table{font-size:13px}.main-column .standing-table th{font-size:11px}.main-column .standing-table td{padding:13px 8px}.main-column .standing-table .team-col a{font-size:13px}.table-key{color:#8793a0;font-size:11px}.table-key i{display:inline-block;width:10px;height:10px;border-radius:2px;margin:0 5px 0 12px}.key-blue{background:#0daa6e}.key-orange{background:#e1ac37}.stat-vertical{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-vertical>div{background:#f8fafb;padding:13px;border:1px solid var(--line);border-radius:8px}.stat-vertical strong{font-size:22px;display:block}.stat-vertical span{font-size:10px;color:#8996a2}
/* Admin preview – markup and styles of Deviking UI Elements v0.0.14 */
.admin-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:8px 0 24px}.admin-heading h1{font-size:30px;margin:4px 0 5px}.admin-heading p{color:#8994a2;font-size:12px;margin:0}.demo-tag,.safe-chip{padding:8px 10px;background:#ecf8f1;border:1px solid #d4eadf;border-radius:8px;color:#0d8150;font-size:11px;font-weight:750;display:flex;gap:7px;align-items:center}.admin-columns{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px}.admin-menu{background:#fff;border:1px solid var(--line);border-radius:11px;padding:16px 8px;align-self:start;position:sticky;top:100px}.admin-menu h3{font-size:13px;padding:0 12px}.admin-menu a{display:flex;align-items:center;gap:11px;padding:12px;color:#66798a;border-radius:7px;font-weight:690;font-size:12px}.admin-menu a:hover{background:#f7fafb}.admin-menu a.current{color:#165cc9;background:#eaf1ff}.admin-main{min-width:0}.admin-main .dvk-el{font-size:14px}.admin-main .dvk-tabs{background:#fff;border-radius:10px;border:1px solid var(--line);padding:10px;margin-bottom:17px}.admin-content{display:none}.admin-content.active{display:block}.admin-content .panel{max-width:930px}.admin-fieldrow{border-top:1px solid var(--line);padding:21px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-fieldrow>div:first-child strong{font-size:13px}.admin-fieldrow>div:first-child p{margin:4px 0 0;color:#8392a0;font-size:11px}.admin-fieldrow .dvk-field-wrap{max-width:230px}.admin-api{margin:18px 0 30px;max-width:490px}.warning-api{margin:14px 0 20px;background:#fff7e7;border:1px solid #f5e3ba;color:#825d19;border-radius:7px;padding:11px 12px;display:flex;align-items:center;gap:7px;font-size:12px}.shortcode-demo{padding:16px 0;border-top:1px solid var(--line)}.shortcode-demo>strong{font-size:13px;display:block;margin-bottom:13px}.shortcode-demo .dvk-stack{max-width:680px}.shortcode-demo .dvk-copy-row{max-width:650px}
/* Breakpoints */
@media(max-width:1390px){.home-grid{grid-template-columns:minmax(0,1fr) 210px 252px;gap:15px}.hero-teams{padding-left:17px;padding-right:17px}.score-row{grid-template-columns:25px 40px minmax(0,1fr) 25px 62px 25px minmax(0,1fr) 20px;gap:5px;padding:4px 9px}.card-top{padding:15px 13px}.search-field input{width:135px}}
@media(max-width:1130px){.home-grid{grid-template-columns:minmax(0,1fr) 215px;grid-template-areas:'main side' 'right right'}.right-pane{display:grid;grid-template-columns:1fr 1fr;gap:16px}.aside-card{margin:0}.quiet-note{grid-column:1/-1}.match-layout{grid-template-columns:minmax(0,1fr)}.match-aside{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.match-aside .aside-panel{margin-bottom:0}.content-layout{grid-template-columns:minmax(0,1fr) 245px}.player-profile-cards>div{min-width:76px;padding:11px}}
@media(max-width:800px){.header-inside{height:65px;gap:12px}.main-nav,.head-actions{display:none}.mobile-menu{display:grid;place-items:center;margin-left:auto;color:#17251f;border:1px solid #dce4e9;border-radius:7px;width:38px;height:36px;background:white}.mobile-links.show{display:grid;position:sticky;top:65px;z-index:59;background:white;border-bottom:1px solid var(--line);padding:12px 18px;gap:10px;font-size:13px}.mobile-links a{padding:5px 0}.site-main{padding:20px 16px 42px}.home-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:'main' 'side' 'right';gap:20px}.left-pane{position:static}.left-pane .side-section:first-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:13px}.side-section h3{grid-column:1/-1;margin:0 5px 10px}.right-pane{display:grid;grid-template-columns:1fr 1fr;gap:15px}.two-col-content{grid-template-columns:1fr}.content-layout{grid-template-columns:1fr}.team-aside,.match-aside{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.match-aside{grid-template-columns:repeat(2,1fr)}.match-aside .aside-panel{margin:0}.club-hero{padding:20px}.club-hero-side{min-width:180px}.player-hero{padding:22px}.player-info{margin-left:110px}.player-profile-cards{flex-direction:column;gap:6px}.player-profile-cards>div{padding:7px 14px}.admin-columns{grid-template-columns:1fr}.admin-menu{position:static}.admin-menu a{display:inline-flex}.admin-menu h3{display:none}}
@media(max-width:580px){.demo-ribbon{font-size:9px;line-height:1.2;text-align:center;padding:0 8px;min-height:35px;height:auto}.header-inside{height:60px}.brand{font-size:23px}.site-main{padding:17px 12px 40px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.page-heading .today-label{display:none}.page-heading{margin-bottom:17px}.hero-teams{grid-template-columns:1fr 112px 1fr;padding:13px 12px 17px}.hero-teams>span{flex-direction:column;gap:3px;text-align:center;font-size:10px}.hero-teams strong{font-size:33px}.hero-teams small{font-size:9px}.crest-lg{width:40px;height:40px}.hero-foot{font-size:10px;padding:10px 12px}.card-top{align-items:stretch;display:block}.heading-inline{margin-bottom:12px}.filter-tools{align-items:stretch;flex-direction:column;gap:10px}.segmented{width:100%}.segmented button{flex:1;justify-content:center;font-size:11px;padding:7px 5px}.search-field input{width:100%;flex:1}.search-field{width:100%}.score-row{grid-template-columns:18px 32px minmax(0,1fr) 21px 49px 21px minmax(0,1fr) 12px;gap:3px;padding:7px 5px}.team-name{font-size:10px}.score-link{font-size:11px;min-height:30px}.match-clock{font-size:10px}.fav-btn svg{width:14px;height:14px}.crest-sm{height:22px;width:22px;font-size:7px}.go-match svg{width:12px}.league-line{padding:10px}.league-open{font-size:10px}.left-pane .side-section:first-child{grid-template-columns:1fr}.right-pane,.team-aside,.match-aside{display:block}.right-pane .card,.match-aside .aside-panel{margin-bottom:15px}.quiet-note{margin-top:4px}.footer{padding:19px 13px;display:block}.footer>div:last-child{text-align:left;margin-top:15px}.match-hero-main{grid-template-columns:1fr 112px 1fr;padding:30px 8px;gap:4px}.score-team .crest-xl{width:53px;height:53px;font-size:12px;border-width:2px}.score-team strong{font-size:13px;letter-spacing:-.25px}.score-team span:last-child{font-size:9px}.huge-score{font-size:43px;letter-spacing:-2px}.live-indicator{font-size:9px}.score-subtext{font-size:10px}.progress-track{width:100px}.breadcrumb{padding:10px;font-size:10px}.fixture-metadata{justify-content:flex-start;gap:9px;padding:13px;font-size:10px}.fixture-metadata span{width:calc(50% - 9px)}.match-tabs .dvk-tab-bar{overflow-x:auto}.match-tabs .dvk-tab-bar button{min-width:90px;flex:none;font-size:11px}.panel{padding:15px}.panel-title h2{font-size:17px}.panel-title{margin-bottom:18px}.stat-top{grid-template-columns:50px 1fr 50px}.lineup-grid{display:block}.lineup-team{margin-bottom:15px}.pitch{height:470px;aspect-ratio:auto}.field-player small{font-size:9px}.sub-row{gap:7px}.h2h-row{grid-template-columns:62px 1fr 46px 1fr;gap:4px;font-size:10px}.mini-lineup-preview{grid-template-columns:1fr}.mini-pitch{height:130px}.club-hero{gap:12px;flex-wrap:wrap;min-height:0}.club-hero .crest-xxl{width:74px;height:74px;font-size:17px}.club-name h2{font-size:26px}.club-quick{gap:15px}.club-hero-side{border-top:1px solid #476057;border-left:0;width:100%;padding:10px 0 0;margin:5px 0 0;min-width:0}.club-hero-side small{margin-top:4px}.page-banner h1{font-size:24px}.metric-tiles{grid-template-columns:repeat(2,1fr)}.player-hero{flex-wrap:wrap;gap:9px}.player-number{font-size:150px;left:-20px;bottom:20px}.player-info{margin-left:45px;width:calc(100% - 45px)}.player-info h1{font-size:32px}.player-profile-cards{margin-left:0;flex-direction:row;width:100%;gap:6px}.player-profile-cards>div{flex:1;min-width:0}.player-profile-cards strong{font-size:20px}.player-profile-cards span{font-size:9px}.player-season-head{align-items:flex-start;flex-direction:column}.metric-board{grid-template-columns:repeat(2,1fr)}.performance-table .perf-head,.perf-row{grid-template-columns:minmax(0,1fr) repeat(4,35px);font-size:10px}.skill-bars{grid-template-columns:1fr}.competition-hero{padding:17px;gap:11px}.competition-icon{height:50px;width:50px;font-size:28px}.competition-hero h2{font-size:19px}.competition-stage{display:none}.section-tab-wrap .dvk-tab-bar{overflow-x:auto}.section-tab-wrap .dvk-tab-bar button{min-width:85px}.roster-table-head,.player-data-row{grid-template-columns:22px minmax(0,1fr) 34px 58px 13px;gap:4px;padding:9px;font-size:10px}.player-name{gap:5px}.player-bubble{width:21px;height:21px;flex:none}.team-schedule{grid-template-columns:32px 19px minmax(0,1fr) 38px minmax(0,1fr) 19px;gap:3px;font-size:10px}.team-schedule .crest-xxs{width:18px;height:18px}.club-dl{font-size:11px}.admin-heading{display:block}.admin-heading h1{font-size:23px}.admin-heading .demo-tag{display:inline-flex;margin-top:12px}.admin-menu{padding:8px}.admin-menu a{padding:8px;font-size:11px}.admin-fieldrow{align-items:flex-start;flex-direction:column}.admin-api{width:100%}.shortcode-demo .dvk-copy-row{flex-wrap:wrap}.shortcode-demo .dvk-copy-row code{width:100%}}
/* Wide league tables remain scrollable inside their own surface on narrow screens. */
.standings-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
/* Functional UI-049 segmented and UI-032 search structures from UI Elements. */
.filter-tools .dvk-el .dvk-segment.segmented{border:1px solid #e5ebef;padding:3px;border-radius:8px;background:#f5f7fa}
.filter-tools .dvk-el .dvk-segment.segmented button{min-height:29px;font-size:12px;padding:6px 9px;background:transparent;border:0;box-shadow:none;color:#617181}
.filter-tools .dvk-el .dvk-segment.segmented button.active{background:#fff;border:1px solid #dbe4e0;color:#0e6447}
.search-field .dvk-input-addon{width:100%;height:100%}
.search-field .dvk-input-addon>svg{position:static;width:16px;height:16px;flex:none}
.search-field input.dvk-field{border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important;height:100%;background:transparent!important;font-size:12px}

/* Standalone site: editable design tokens and independent ads. Original approved composition remains the baseline. */
body{font-family:var(--site-body-font,Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif);font-size:var(--site-font-size,14px)}
h1,h2,h3,h4,.brand,.score-link,.huge-score{font-family:var(--site-heading-font,Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)}
.site-main{max-width:var(--site-width,1440px)}
.header,.brand-glyph{--green:var(--site-accent,#0da36d)}
.brand-dot,.kicker,.soft-link,.header a:hover,.league-open:hover{color:var(--site-accent,#0da36d)}
.dvk-ad-page{width:100%}.dvk-page-with-rails{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;max-width:calc(var(--site-width,1440px) + 320px);margin:0 auto;align-items:start}
.dvk-page-with-rails:has(.dvk-ad-left){grid-template-columns:160px minmax(0,1fr)}
.dvk-page-with-rails:has(.dvk-ad-right){grid-template-columns:minmax(0,1fr) 160px}
.dvk-page-with-rails:has(.dvk-ad-left):has(.dvk-ad-right){grid-template-columns:160px minmax(0,1fr) 160px}
.dvk-page-with-rails>.site-main{max-width:100%;min-width:0;width:100%;margin:0;padding-left:0;padding-right:0}
.dvk-ad{margin:12px auto;max-width:100%;min-width:0;text-align:center;overflow:hidden;color:#82909c;font-size:10px}
.dvk-ad img{display:block;max-width:100%;height:auto;margin:auto;object-fit:contain}
.dvk-ad .ad-caption{display:block;font-size:10px;margin:0 0 5px;letter-spacing:.02em}
.dvk-ad-top,.dvk-ad-bottom{max-width:980px;min-height:0;padding:4px}
.dvk-ad-left,.dvk-ad-right{width:160px;position:sticky;top:84px;margin:12px 0}
.dvk-ad-infeed{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.ad-code-frame{display:block;width:100%;height:250px;border:0;overflow:hidden;background:transparent}
@media(min-width:1000px){.dvk-ad-top .ad-code-frame,.dvk-ad-bottom .ad-code-frame{height:110px}}
@media(max-width:1200px){.dvk-page-with-rails,.dvk-page-with-rails:has(.dvk-ad-left),.dvk-page-with-rails:has(.dvk-ad-right),.dvk-page-with-rails:has(.dvk-ad-left):has(.dvk-ad-right){display:block}.dvk-ad-left,.dvk-ad-right{display:block;position:static;width:auto;max-width:100%;margin:12px auto}.dvk-ad-left img,.dvk-ad-right img{max-height:120px}}
@media(max-width:650px){.device-desktop{display:none!important}.dvk-page-with-rails>.site-main{padding-left:12px;padding-right:12px}.dvk-ad-left,.dvk-ad-right{display:none!important}}
@media(min-width:651px){.device-mobile{display:none!important}}

/* Preserve baseline centered layout without side campaigns. */
.dvk-page-with-rails{max-width:var(--site-width,1440px)}
.dvk-page-with-rails:has(.dvk-ad-left),.dvk-page-with-rails:has(.dvk-ad-right){max-width:calc(var(--site-width,1440px) + 320px)}
.dvk-page-with-rails>.site-main{margin:0 auto;padding:26px clamp(16px,3vw,52px) 68px}
@media(max-width:800px){.dvk-page-with-rails>.site-main{padding:20px 16px 42px}}
@media(max-width:580px){.dvk-page-with-rails>.site-main{padding:17px 12px 40px}}

/* Feature toggles apply to already-rendered sections and lazy fixture updates. */
body[data-feature-favorites="off"] [data-fav],body[data-feature-favorites="off"] [data-status-filter="favorites"]{display:none!important}
body[data-feature-standings="off"] [data-feature="standings"]{display:none!important}
body[data-feature-scorers="off"] [data-feature="scorers"]{display:none!important}

.brand-upload{max-height:40px;max-width:145px;width:auto;height:auto;object-fit:contain;display:block}