:root{
  --bg:#061126;--bg2:#0b1b38;--panel:#0c1c38;--panel2:#11284d;--line:#27436f;--line-soft:#1a3155;
  --text:#f5f7fb;--muted:#a9bbda;--gold:#f4d35e;--gold2:#e9b93e;--blue:#2a5aa0;--red:#9f4545;--green:#1e8d72;
  --shadow:0 18px 48px rgba(0,0,0,.24);--radius:18px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 18% 5%,#18386c 0,#09162e 34%,#050c1b 100%);color:var(--text);font-family:Inter,Arial,sans-serif;font-weight:600;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button,a,select,input{touch-action:manipulation}img{max-width:100%}.container{width:min(100% - 36px,1480px);margin-inline:auto;min-width:0}
.site-header{position:sticky;top:0;z-index:50;background:rgba(4,12,28,.96);border-bottom:1px solid #1d3154;backdrop-filter:blur(14px)}.header-inner{min-height:76px;display:flex;align-items:center;gap:18px;min-width:0}.brand{display:flex;align-items:center;gap:12px;width:248px;flex:0 0 248px;min-width:0}.brand img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(34,117,255,.35))}.brand strong{font-size:20px;line-height:1.05;letter-spacing:-.02em}.nav{display:flex;align-items:center;gap:4px;min-width:0}.nav a{padding:10px 12px;border-radius:10px;color:#c0cce1;font-size:13px;font-weight:850;white-space:nowrap}.nav a:hover,.nav a.active{background:#152b51;color:#fff}.header-season{margin-left:auto;display:flex;align-items:center;gap:7px}.header-season label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:900}.header-season select{width:150px;background:#112445;color:#fff;border:1px solid #2b4776;border-radius:10px;padding:9px 30px 9px 10px;font-size:12px;font-weight:850}.header-actions{display:flex;gap:6px}.social-short{height:38px;min-width:38px;padding:0 10px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:1000;border:1px solid transparent}.social-short.video{background:#8e3d43;border-color:#ad545a}.social-short.live{background:#18345e;border-color:#31558c}.social-short.tg{background:#197aa6;border-color:#3b96bd}.menu-toggle{display:none;background:#152b51;color:#fff;border:1px solid #2e4a78;border-radius:10px;padding:9px 12px;font-weight:850}.mobile-links{padding:0 0 14px;display:grid;grid-template-columns:repeat(5,auto);gap:7px}.mobile-links>a,.mobile-socials a{padding:9px 11px;background:#102345;border:1px solid #27436f;border-radius:9px;text-align:center}.mobile-socials{display:flex;gap:7px;grid-column:1/-1}
main{padding:34px 0 60px;min-height:70vh}.kicker,.section-label{display:inline-block;color:var(--gold);font-size:12px;font-weight:1000;letter-spacing:.1em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:12px;padding:12px 18px;font-weight:900;min-height:44px}.button.primary{background:linear-gradient(135deg,#ffe477,#e5b93e);color:#09152b;box-shadow:0 10px 28px rgba(229,185,62,.18)}.button.secondary{background:#173361;border-color:#30538b;color:#fff}.button.videos{background:#913e42;border-color:#b05a5e;color:#fff}.text-link{color:#d4e0f6;font-weight:850;padding:10px 4px}.button:hover,.text-link:hover{filter:brightness(1.08)}
.prediction-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr);gap:20px}.prediction-hero-copy,.prediction-hero-side{border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(20,44,84,.98),rgba(7,19,42,.98));box-shadow:var(--shadow)}.prediction-hero-copy{padding:46px 42px;position:relative;overflow:hidden}.prediction-hero-copy::after{content:'ESO';position:absolute;right:-15px;bottom:-55px;font-size:175px;font-weight:1000;color:rgba(36,77,138,.17);pointer-events:none}.prediction-hero h1{font-size:clamp(44px,5vw,72px);line-height:.96;letter-spacing:-.045em;margin:18px 0 22px;max-width:850px}.prediction-hero-copy p{font-size:19px;line-height:1.55;color:#c0cee5;max-width:800px;position:relative;z-index:1}.hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:28px;position:relative;z-index:1}.prediction-hero-side{padding:24px;min-width:0}.hero-side-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.status-pill{display:inline-flex;padding:6px 9px;border-radius:999px;background:rgba(31,139,109,.17);border:1px solid rgba(72,181,145,.35);color:#9be3c7;font-size:10px;font-weight:900}.start-state{display:flex;min-height:290px;flex-direction:column;justify-content:center;align-items:flex-start}.start-state>strong{font-size:56px;color:var(--gold)}.start-state p{color:var(--muted);line-height:1.55}
.section{margin-top:28px}.primary-section{margin-top:32px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:14px}.section-head h2,.section h2{font-size:30px;margin:4px 0 5px;letter-spacing:-.025em}.section-head p,.section>p{margin:0;color:var(--muted)}.section-head>a{color:#dbe6f8;font-weight:850;white-space:nowrap}.card{background:rgba(10,27,55,.96);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);min-width:0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.prediction-grid{align-items:start}.official-note{margin-top:10px}.upl-secondary{padding-top:22px;border-top:1px solid rgba(64,92,139,.4)}
.top-list{display:grid;gap:8px}.top-row{display:grid;grid-template-columns:46px 42px minmax(0,1fr) auto;align-items:center;gap:10px;background:#13284e;border:1px solid #294875;border-radius:14px;padding:10px 12px}.top-row:hover{background:#18315d}.name{min-width:0}.name strong,.name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name small{font-size:11px;color:var(--muted);margin-top:3px}.place{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#264878;color:#fff;font-weight:1000}.place.p1{background:linear-gradient(145deg,#fff4a6,#d6a82d);color:#0b1427}.place.p2{background:linear-gradient(145deg,#f4f7ff,#a9bad0);color:#0b1427}.place.p3{background:linear-gradient(145deg,#f2c697,#bd7951);color:#0b1427}.avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;background:#6b53b5;border:2px solid #93845a;color:#fff;font-weight:900;flex:0 0 auto}.score{display:inline-flex;padding:7px 11px;border-radius:999px;background:#274f8d;color:#ffe579;font-weight:1000}.score-inline{color:var(--gold)}
.table-card{padding:0;overflow:hidden}.table-scroll{overflow:auto;max-width:100%;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}table{width:100%;border-collapse:collapse;min-width:780px}th{background:#162744;color:#cbd7ea;text-align:left;font-size:12px;padding:13px 14px;white-space:nowrap}td{border-top:1px solid #1d3459;padding:12px 14px}tbody tr:hover td{background:rgba(31,60,107,.24)}.table-user{display:flex;align-items:center;gap:10px;min-width:210px}.number{font-variant-numeric:tabular-nums;font-weight:950}.details-link{color:#dce7fb;font-size:12px;font-weight:850;white-space:nowrap}.clickable-row{cursor:pointer}.clickable-row:focus{outline:2px solid var(--gold);outline-offset:-2px}.sort-button{border:0;background:transparent;color:inherit;font-size:inherit;font-weight:900;padding:0;white-space:nowrap}.sort-button span{color:#7fa5df}.sort-button.active{color:#fff}.predictor-table td:nth-child(n+3){text-align:center}.predictor-table th:nth-child(n+3){text-align:center}.upl-table td,.upl-table th{text-align:center}.upl-table td:nth-child(2),.upl-table th:nth-child(2){text-align:left}.upl-table.with-status{min-width:980px}.upl-table .status-cell{text-align:right;white-space:nowrap}.upl-row.zone-champion td:first-child,.upl-row.zone-conference td:first-child,.upl-row.zone-playoff td:first-child,.upl-row.zone-relegation td:first-child{position:relative}.upl-row.zone-champion td:first-child::before,.upl-row.zone-conference td:first-child::before,.upl-row.zone-playoff td:first-child::before,.upl-row.zone-relegation td:first-child::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:4px;border-radius:999px}.upl-row.zone-champion td:first-child::before{background:#2d6cff}.upl-row.zone-conference td:first-child::before{background:#2ba85e}.upl-row.zone-playoff td:first-child::before{background:#f1b42f}.upl-row.zone-relegation td:first-child::before{background:#e14444}.upl-place{width:42px;height:42px;font-size:17px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.upl-place.regular{background:#2a4777;color:#fff}.upl-place.champion{background:linear-gradient(145deg,#5393ff,#215eff);color:#fff}.upl-place.conference{background:linear-gradient(145deg,#41ba6e,#198b43);color:#fff}.upl-place.playoff{background:linear-gradient(145deg,#ffd55a,#eda513);color:#10131a}.upl-place.relegation{background:linear-gradient(145deg,#ff6969,#df2f2f);color:#fff}.upl-status{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border-radius:999px;border:1px solid transparent;font-size:12px;font-weight:900;line-height:1.15;text-align:center}.upl-status.regular{background:rgba(88,112,152,.12);border-color:rgba(88,112,152,.24);color:#9db0cd}.upl-status.champion{background:rgba(45,108,255,.15);border-color:rgba(83,147,255,.42);color:#9fc3ff}.upl-status.conference{background:rgba(43,168,94,.14);border-color:rgba(65,186,110,.4);color:#97e0b2}.upl-status.playoff{background:rgba(241,180,47,.14);border-color:rgba(255,213,90,.36);color:#ffd56d}.upl-status.relegation{background:rgba(225,68,68,.14);border-color:rgba(255,105,105,.34);color:#ff9797}.upl-legend{display:flex;gap:10px;flex-wrap:wrap;padding:14px 16px 16px;border-top:1px solid #1d3459;background:rgba(8,19,39,.72)}.legend-item{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#ced8ea}.legend-item i{display:inline-block;width:16px;height:16px;border-radius:5px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.legend-item.champion i{background:linear-gradient(145deg,#5393ff,#215eff)}.legend-item.conference i{background:linear-gradient(145deg,#41ba6e,#198b43)}.legend-item.playoff i{background:linear-gradient(145deg,#ffd55a,#eda513)}.legend-item.relegation i{background:linear-gradient(145deg,#ff6969,#df2f2f)}.club-cell{display:flex;align-items:center;gap:10px;min-width:185px}
.club-logo{width:38px;height:38px;object-fit:contain;flex:0 0 38px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.28))}.club-logo.small{width:32px;height:32px;flex-basis:32px}.club-placeholder{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#1d3764;color:#f5d65c;border:1px solid #41639a;font-weight:900;flex:0 0 auto}.club-placeholder.small{width:32px;height:32px;font-size:9px}.fixture-list,.official-match-list{display:grid;gap:7px}.fixture{display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);align-items:center;gap:9px;padding:7px 0;border-bottom:1px solid rgba(94,124,174,.15)}.fixture:last-child{border-bottom:0}.fixture-team{min-width:0;display:flex;align-items:center;gap:8px}.fixture-team.home{justify-content:flex-end;text-align:right}.fixture-team.away{justify-content:flex-start;text-align:left}.fixture-team strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fixture-score{min-width:68px;text-align:center;font-weight:1000;color:var(--gold);background:#10203e;border:1px solid #294876;border-radius:9px;padding:7px 4px}.fixture-score.finished{background:#10203e;color:var(--gold)}.fixture.inactive{opacity:.55}.official-match{padding:2px 0 7px}.match-date{text-align:center;font-size:10px;color:var(--muted);margin-bottom:2px}
.participant-search{position:relative;width:min(100%,720px)}.participant-search.compact{width:min(100%,650px)}.search-control{height:54px;display:grid;grid-template-columns:30px minmax(0,1fr) 38px;align-items:center;background:#07152f;border:1px solid #2c4c80;border-radius:14px;padding:0 8px 0 12px}.search-control>span{color:#89a8d8;font-size:22px}.search-control input{min-width:0;width:100%;height:100%;border:0;background:transparent;color:#fff;outline:0;font-size:16px}.search-control button{border:0;background:transparent;color:#9eb2d2;font-size:22px}.search-results{position:absolute;z-index:20;top:61px;left:0;right:0;padding:7px;background:#07142d;border:1px solid #2b4b7d;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.45);max-height:390px;overflow:auto}.search-result{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border-radius:10px}.search-result:hover{background:#142d55}.search-result span strong,.search-result span small{display:block}.search-result span small{color:var(--muted);margin-top:2px}.search-result>b{font-size:11px;color:#dce8fa}.search-empty{padding:16px;color:var(--muted)}.search-section{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(420px,1.3fr);align-items:center;gap:28px;background:linear-gradient(135deg,rgba(18,43,82,.94),rgba(8,21,46,.94));border:1px solid var(--line);border-radius:18px;padding:24px}.search-section h2{margin:3px 0 7px}.search-section p{color:var(--muted)}.rating-tools{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;background:#0a1b37;border:1px solid var(--line);border-radius:16px;padding:16px 18px}.rating-tools>div:first-child{display:flex;align-items:baseline;gap:9px}.rating-tools>div:first-child strong{font-size:32px;color:var(--gold)}.rating-tools>div:first-child span{color:var(--muted)}
.round-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.round-mini{padding:14px;background:#11274c;border:1px solid #294776;border-radius:12px}.round-mini span,.round-mini strong,.round-mini small{display:block}.round-mini span{color:var(--gold);font-size:11px;font-weight:900}.round-mini strong{margin:5px 0}.round-mini small{color:var(--muted)}.round-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.round-card{padding:20px;background:#0d213f;border:1px solid var(--line);border-radius:16px}.round-card h3{font-size:24px;margin:12px 0 7px}.round-card p,.round-card small{color:var(--muted)}.round-card:hover{transform:translateY(-2px);border-color:#496da7}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.video-grid.compact .video-card{min-height:135px}.video-card{min-height:158px;padding:19px;border-radius:15px;border:1px solid #315182;background:linear-gradient(135deg,#1a3563,#0a1833);display:flex;flex-direction:column;justify-content:space-between}.video-card.review{background:linear-gradient(135deg,#4c2630,#17162c);border-color:#75434c}.video-card span{font-size:11px;color:var(--gold);font-weight:950}.video-card h3{font-size:19px;margin:10px 0}.video-card p{font-size:12px;color:var(--muted)}
.page-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:16px;margin-bottom:24px}.page-heading h1{font-size:clamp(40px,5vw,62px);line-height:1;margin:7px 0 10px;letter-spacing:-.04em}.page-heading p{margin:0;color:var(--muted);max-width:920px;line-height:1.5}.back-button{margin-top:4px;border:1px solid #2d4c7d;background:#10254a;color:#fff;border-radius:11px;padding:9px 12px;font-weight:850}.page-heading-actions{padding-top:30px}.compact-rules{padding-left:20px;color:#c4d0e4;line-height:1.5}.compact-rules li{margin:8px 0}
.profile-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;margin-top:14px;background:linear-gradient(145deg,#142c55,#091831);border:1px solid var(--line);border-radius:20px;padding:25px;box-shadow:var(--shadow)}.profile-card>.avatar{width:78px;height:78px;font-size:24px}.profile-main h1{font-size:40px;margin:6px 0 8px}.profile-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.profile-actions a,.text-button{color:#cfe0f8;font-weight:850;font-size:12px}.text-button{border:0;background:transparent;padding:0}.profile-total{text-align:right}.profile-total small,.profile-total strong{display:block}.profile-total small{color:var(--muted)}.profile-total strong{font-size:44px;color:var(--gold)}.profile-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}.profile-stats>div{padding:16px;background:#0b1d3a;border:1px solid #294873;border-radius:14px;text-align:center}.profile-stats strong,.profile-stats span{display:block}.profile-stats strong{font-size:27px;color:#fff}.profile-stats span{font-size:11px;color:var(--muted);margin-top:4px}.history-list{display:grid;gap:10px}.history-round{background:#0a1b36;border:1px solid #284671;border-radius:15px;overflow:hidden}.history-round summary{display:grid;grid-template-columns:minmax(200px,1.6fr) repeat(3,minmax(80px,.5fr)) auto;gap:12px;align-items:center;padding:15px 18px;cursor:pointer;list-style:none}.history-round summary::-webkit-details-marker{display:none}.history-round summary span small,.history-round summary span b{display:block}.history-round summary small{color:var(--muted);font-size:10px}.history-round summary i{font-style:normal;color:#cddaf0;font-size:12px}.history-round[open] summary{background:#12284e}.history-body{padding:0 18px 18px}.history-actions{text-align:right;margin:10px 0}.history-actions a{color:#dce8fa;font-weight:850;font-size:12px}.detail-table{min-width:680px}.count-badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900}.count-badge.exact{background:rgba(31,142,113,.2);color:#9be6ca}.count-badge.correct{background:rgba(41,90,159,.25);color:#b8d2ff}.count-badge.zero{background:rgba(158,62,62,.2);color:#f2b3b3}.count-badge.ignored{background:rgba(115,127,149,.2);color:#c7d0df}
.rules-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.rules-hero>div{display:flex;align-items:center;gap:16px;background:#10254a;border:1px solid #2d4d7e;border-radius:15px;padding:17px}.rules-hero b{font-size:25px;color:var(--gold)}.rules-hero span{font-size:12px;line-height:1.45}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rule-block{background:#0a1a35;border:1px solid #28466f;border-radius:16px;padding:21px}.rule-block h2{color:#fff4a0;font-size:21px;margin:0 0 12px}.rule-block li{margin:8px 0;line-height:1.5;color:#d8e1f0}.rules-note{padding:11px 13px;border-radius:10px;background:rgba(240,194,70,.1);color:#f0d67d;font-size:12px}.template-section{margin-top:18px;padding:22px;background:linear-gradient(145deg,#1b3157,#0a1831);border:1px solid #655c36;border-radius:18px}.template-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.template-head h2{margin:4px 0 5px}.template-head p{margin:0;color:var(--muted)}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:16px}.template-card{background:#07142c;border:1px solid #294875;border-radius:14px;padding:15px}.template-card.preferred{border-color:#8d793c;box-shadow:inset 0 0 0 1px rgba(244,211,94,.12)}.template-card>b{display:block;color:#ffe579;margin-bottom:10px}.template-card pre{margin:0;white-space:pre-wrap;font:600 13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;color:#f4f7fb}.rules-channel-note,.rules-warning{margin-top:14px;padding:15px 17px;border-radius:13px}.rules-channel-note{background:#15345c;border:1px solid #376096}.rules-warning{background:rgba(115,35,46,.28);border:1px solid #80404b;color:#ffc6c9}.rules-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}
.upl-tabs{display:flex;align-items:center;gap:8px;margin-bottom:18px}.upl-tabs>a{padding:10px 14px;border:1px solid #2c4c7d;border-radius:10px;background:#102448;font-weight:850}.upl-tabs>a.active{background:linear-gradient(135deg,#ffe477,#e5b93e);color:#08142a;border-color:#e5b93e}.upl-tabs>span{margin-left:auto}.calendar-rounds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.calendar-round{min-width:0}.live-source{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:850}.live-source.fresh{background:rgba(31,142,113,.18);color:#9be3c8;border:1px solid rgba(69,181,145,.34)}.live-source.stale{background:rgba(184,130,43,.18);color:#f1d58e;border:1px solid rgba(218,166,67,.34)}.live-source.loading{background:rgba(50,94,157,.18);color:#bad2fa;border:1px solid rgba(79,123,190,.34)}
.empty{padding:28px;color:var(--muted);text-align:center}.empty.compact{padding:15px}.site-footer{border-top:1px solid #1c3153;padding:25px 0 38px;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer-links{display:flex;gap:16px}.toast{position:fixed;right:22px;bottom:22px;z-index:100;background:#112b4f;border:1px solid #3e6598;color:#fff;border-radius:12px;padding:13px 16px;box-shadow:var(--shadow);transform:translateY(30px);opacity:0;pointer-events:none;transition:.2s}.toast.visible{transform:translateY(0);opacity:1}.toast.error{background:#55232b;border-color:#8b4c56}
@media(max-width:1240px){.header-inner{gap:10px}.brand{width:215px;flex-basis:215px}.brand strong{font-size:17px}.nav a{padding:9px 8px}.header-season select{width:130px}.prediction-hero{grid-template-columns:1fr .75fr}.round-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1040px){.site-header{position:static;top:auto}.nav{display:none}.menu-toggle{display:inline-flex}.header-season{margin-left:auto}.prediction-hero{grid-template-columns:1fr}.prediction-hero-side{min-height:0}.search-section{grid-template-columns:1fr}.round-cards{grid-template-columns:repeat(2,1fr)}.calendar-rounds{grid-template-columns:1fr}.page-heading{grid-template-columns:auto minmax(0,1fr)}.page-heading-actions{grid-column:2;padding-top:0}.profile-stats{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1041px){.mobile-links{display:none!important}}
@media(max-width:700px){
.site-header{position:static;top:auto;z-index:40;background:#07142b;backdrop-filter:none;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.container{width:min(100% - 20px,1480px)}
.header-inner{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 112px 76px;align-items:center;gap:8px;padding:8px 0}
.brand{width:auto;min-width:0;gap:9px}.brand img{width:42px;height:42px}.brand strong{font-size:15px;line-height:1.08;max-width:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.header-season{width:100%;margin:0}.header-season label{display:none}.header-season select{width:100%;min-height:44px;padding:8px 28px 8px 9px;border-radius:12px;font-size:12px}
.header-actions{display:none}.menu-toggle{order:initial;width:76px;min-width:76px;min-height:44px;padding:8px 9px;gap:5px;align-items:center;justify-content:center;border-radius:12px;font-size:11px}.menu-toggle::before{content:'☰';font-size:17px;line-height:1}.menu-toggle[aria-expanded="true"]::before{content:'×';font-size:21px}
.mobile-links{width:100%;padding:10px 0 14px;border-top:1px solid rgba(49,78,123,.55);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-links>a,.mobile-socials a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 8px;border-radius:12px;font-size:15px;font-weight:900}.mobile-links>a:nth-child(5){grid-column:1/-1}.mobile-socials{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mobile-socials a{min-height:44px;font-size:13px}
main{padding-top:18px;overflow-x:clip}.prediction-hero-copy{padding:29px 21px}.prediction-hero h1{font-size:43px}.prediction-hero-copy p{font-size:15px}.prediction-hero-copy::after{font-size:105px}.hero-actions{align-items:stretch}.hero-actions .button{width:100%}.prediction-hero-side{padding:17px}.section-head{align-items:flex-start;flex-direction:column}.section-head h2,.section h2{font-size:25px}.grid-2,.video-grid,.template-grid,.rules-grid,.rules-hero{grid-template-columns:1fr}.search-section{padding:18px}.rating-tools{align-items:flex-start;flex-direction:column}.participant-search.compact{width:100%}.round-cards,.round-strip{grid-template-columns:1fr}.page-heading{grid-template-columns:1fr}.page-heading .back-button{width:max-content}.page-heading-actions{grid-column:auto}.profile-card{grid-template-columns:auto 1fr}.profile-card>.avatar{width:60px;height:60px}.profile-total{grid-column:1/-1;text-align:left}.profile-main h1{font-size:28px}.profile-stats{grid-template-columns:repeat(2,1fr)}.history-round summary{grid-template-columns:1fr auto auto}.history-round summary span:nth-child(4){display:none}.history-round summary i{grid-column:1/-1;text-align:right}.template-head{align-items:flex-start;flex-direction:column}.template-head .button{width:100%}.upl-tabs{flex-wrap:wrap}.upl-tabs>span{width:100%;margin-left:0}.fixture{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);gap:5px}.fixture-team{gap:4px;font-size:12px}.club-logo.small{width:27px;height:27px;flex-basis:27px}.fixture-score{min-width:56px;padding:6px 2px}.footer-inner{flex-direction:column}.footer-links{flex-wrap:wrap}.toast{left:10px;right:10px;bottom:10px}.upl-place{width:38px;height:38px;font-size:15px}.upl-table.with-status{min-width:920px}.upl-status{font-size:11px;padding:6px 10px}.upl-legend{padding:12px}.legend-item{font-size:11px}}
@media(max-width:380px){.header-inner{grid-template-columns:minmax(0,1fr) 98px 48px;gap:6px}.brand{gap:7px}.brand img{width:38px;height:38px}.brand strong{font-size:13px}.header-season select{font-size:11px;padding-left:7px}.menu-toggle{width:48px;min-width:48px;padding:0;font-size:0}.menu-toggle::before{font-size:20px}.mobile-links>a{font-size:14px}.mobile-socials a{font-size:12px}}

/* v6.1: очки одразу після назви команди */
.upl-table .points-first{background:rgba(246,207,86,.075);color:var(--gold);font-weight:900;}


.button.copy-success{
  background:#197d63!important;
  border-color:#49bd99!important;
  color:#fff!important;
  box-shadow:0 0 0 3px rgba(73,189,153,.16);
}
.button.copy-error{
  background:#7a3038!important;
  border-color:#bf6670!important;
  color:#fff!important;
}

@media(max-width:700px){
  .template-head .button.copy-success,
  .rules-actions .button.copy-success{
    min-height:48px;
  }
}

.upl-sync-note{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  padding:13px 16px;
  margin:0 0 14px;
  border:1px solid #285270;
  border-radius:14px;
  background:linear-gradient(135deg,rgba(15,70,77,.34),rgba(11,27,54,.78));
}
.upl-sync-note b{color:#6ee0bd}
.upl-sync-note span{color:var(--muted)}
.upl-sync-note a{margin-left:auto;font-weight:800;color:#8ecaff}
@media(max-width:700px){
  .upl-sync-note{align-items:flex-start;gap:6px 10px}
  .upl-sync-note b,.upl-sync-note span,.upl-sync-note a{width:100%;margin-left:0}
}


/* v7.4 — коректна історія прогнозів, клубні логотипи й однакові плашки рахунку/часу */
.club-logo.history{width:27px;height:27px;flex-basis:27px}
.club-placeholder.history{width:27px;height:27px;font-size:8px}
.club-inline{display:inline-flex;align-items:center;gap:7px;min-width:0}
.club-inline strong{white-space:nowrap}
.club-match-inline{display:inline-flex;align-items:center;gap:8px;min-width:280px;white-space:nowrap}
.club-match-inline>span:nth-child(2){color:#8fa2c1;font-weight:900}
.detail-table td:first-child{min-width:320px}
.fixture-score,.fixture-score.finished{background:#10203e!important;border-color:#294876!important;color:var(--gold)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
@media(max-width:700px){.club-logo.history{width:23px;height:23px;flex-basis:23px}.club-placeholder.history{width:23px;height:23px}.club-match-inline{min-width:250px;gap:5px}.club-inline{gap:4px}.detail-table td:first-child{min-width:270px}}


/* v7.5 — мобільна шапка не прилипає до екрана, меню працює в потоці сторінки та не перекриває контент. */
