img{pointer-events:none}:root{--bg-deep:#03061c;--bg-panel:#080f3a;--cyan:#4fd8ff;--white:#f0f4ff;--dim:#7a92cc;--home:#20e3a2;--gold:#ffd166;--surface:rgba(255,255,255,.04);--surface-hover:rgba(255,255,255,.08);--border:rgba(255,255,255,.09);--border-mid:rgba(255,255,255,.15);--border-strong:rgba(255,255,255,.18);--topbar-bg:rgba(3,6,28,.75);--topbar-border:rgba(79,216,255,.12);--suggestions-bg:rgba(6,12,50,.97);--input-border:rgba(255,255,255,.14);--on-accent:#04122c;--hero-gradient:linear-gradient(90deg,#fff,#bcd0ff 45%,var(--cyan));--result-border:rgba(79,216,255,.2)}html.light{--bg-deep:#f2f5ff;--bg-panel:#ffffff;--white:#0d1b40;--dim:#5e6f96;--surface:#ffffff;--surface-hover:#eef2ff;--border:#e0e6f8;--border-mid:#c8d2ee;--border-strong:#b4c0e0;--topbar-bg:#ffffff;--topbar-border:#e0e6f8;--suggestions-bg:#ffffff;--input-border:#c8d2ee;--hero-gradient:linear-gradient(90deg,#0d1b40,#1a4fa8 45%,#007fa3);--result-border:#c8d2ee}html.light body{background:transparent}html.light .topbar{box-shadow:0 1px 0 var(--border)}html.light .brand small{color:#5e6f96}html.light .brand img{filter:invert(1) sepia(1) saturate(2) hue-rotate(190deg) brightness(.35)}html.light .search-box{background:#fff;box-shadow:0 2px 10px #0d1b4012}html.light .search-box:focus-within{border-color:#1a4fa8;box-shadow:0 0 0 4px #1a4fa81a}html.light .search-box input{color:#0d1b40}html.light .suggestions{box-shadow:0 12px 40px #0d1b4021}html.light .sugg-pot{background:#1a4fa8;color:#fff}html.light .pot-chip.active,html.light .pot-chip:hover{background:#1a4fa8;border-color:#1a4fa8;color:#fff}html.light .team-card{box-shadow:0 1px 6px #0d1b4014}html.light .team-card:hover,html.light .team-card:focus-visible{border-color:#1a4fa8;box-shadow:0 6px 24px #1a4fa824}html.light .result-head{background:#fff;box-shadow:0 4px 24px #0d1b4017;border-color:var(--border)}html.light .result-head:before,html.light .result-head:after{display:none}html.light .fx-card{box-shadow:0 1px 6px #0d1b4012}html.light .fx-card:hover,html.light .fx-card:focus-visible{border-color:#1a4fa8;box-shadow:0 6px 20px #1a4fa821}html.light .back-btn{background:#eef2ff;border-color:var(--border)}html.light .cd-box{background:#fff;border-color:var(--border);box-shadow:0 2px 8px #0d1b4012}html.light .cd-num{color:#1a4fa8}html.light .empty-state{border-color:var(--border-mid)}html.light .lang-select option{background:#fff}*{box-sizing:border-box}html,body{margin:0;padding:0}html{background:radial-gradient(ellipse 80% 50% at 10% 0%,#1a3bff18,transparent),radial-gradient(ellipse 60% 40% at 90% 5%,#6a20ff14,transparent),radial-gradient(ellipse 50% 60% at 50% 100%,#0a2aff0d,transparent),var(--bg-deep);background-attachment:fixed;min-height:100vh}html.light{background:#f2f5ff}body{background:transparent;color:var(--white);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;min-height:100vh;letter-spacing:.2px;transition:background-color .3s,color .3s}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:var(--topbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--topbar-border);position:sticky;top:0;z-index:50;transition:background .3s}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:1px;background:none;border:none;padding:0;color:inherit;cursor:pointer;text-align:left}.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.brand small{display:block;font-weight:400;color:var(--dim);font-size:11px;letter-spacing:1.5px;margin-top:2px}.lang-select{background:var(--surface-hover);border:1px solid var(--border-mid);color:var(--white);padding:7px 10px;border-radius:10px;font-size:13px;cursor:pointer;outline:none;transition:.15s}.lang-select:hover,.lang-select:focus{border-color:var(--cyan);background:var(--surface-hover)}.lang-select option{background:var(--bg-panel);color:var(--white)}.theme-btn{background:transparent;border:1px solid var(--border-mid);color:var(--white);width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;flex:none;padding:0}.theme-btn:hover{background:var(--surface-hover);border-color:var(--cyan)}.theme-btn svg{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.theme-btn:hover svg{transform:rotate(30deg)}html.light .theme-btn:hover{border-color:#1a4fa8}html.light .theme-btn:hover svg{transform:rotate(20deg)}.hero{text-align:center;padding:46px 20px 20px}.hero h1{font-size:clamp(28px,4.4vw,52px);margin:0;font-weight:800;background:var(--hero-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.5px}.hero p{color:var(--dim);margin:10px auto 0;max-width:560px;font-size:15px}.countdown{display:flex;gap:16px;justify-content:center;margin-top:22px;flex-wrap:wrap}.cd-box{display:flex;flex-direction:column;align-items:center;background:#4fd8ff12;border:1px solid rgba(79,216,255,.15);border-radius:12px;padding:10px 18px;min-width:64px}.cd-num{font-size:28px;font-weight:800;color:var(--cyan);line-height:1;letter-spacing:-1px}.cd-label{font-size:10px;color:var(--dim);letter-spacing:1.5px;margin-top:4px;text-transform:uppercase}.cd-title{color:var(--dim);font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-top:18px;opacity:.7}.search-wrap{max-width:640px;margin:28px auto 8px;padding:0 20px;position:relative}.search-box{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--input-border);border-radius:16px;padding:14px 18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:.2s}.search-box:focus-within{border-color:var(--cyan);box-shadow:0 0 0 4px #4fd8ff22}.search-box svg{flex:none;opacity:.7}.search-box input{flex:1;background:none;border:none;outline:none;color:var(--white);font-size:17px;font-weight:600}.search-box input::placeholder{color:var(--dim);font-weight:400}.clear-btn{background:var(--surface-hover);border:none;color:var(--dim);width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:14px}.suggestions{position:absolute;left:20px;right:20px;top:calc(100% + 6px);background:var(--suggestions-bg);border:1px solid var(--topbar-border);border-radius:14px;overflow:hidden;z-index:30;box-shadow:0 20px 50px #00000040;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sugg-item{display:flex;align-items:center;gap:12px;padding:11px 16px;cursor:pointer}.sugg-item:hover,.sugg-item.active{background:var(--surface-hover)}.sugg-pot{font-size:10px;font-weight:800;color:#0a0e2a;background:var(--cyan);padding:2px 7px;border-radius:8px}.sugg-name{font-weight:600}.pot-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0}.filters-bar{display:flex;align-items:center;gap:12px}@media (max-width:600px){.pot-filters{flex-wrap:wrap;justify-content:center}}.pot-chip{border:1px solid var(--border-strong);background:var(--surface);color:var(--dim);padding:7px 14px;border-radius:20px;font-size:12.5px;font-weight:700;letter-spacing:.4px;cursor:pointer;transition:.15s}.pot-chip.active,.pot-chip:hover{background:var(--cyan);color:#04122c;border-color:var(--cyan)}.pot-chip:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.content{max-width:1040px;margin:34px auto 60px;padding:0 20px}.grid-title{color:var(--dim);font-size:13px;text-transform:uppercase;letter-spacing:1.5px;margin:6px 4px 14px}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;transition:opacity .18s ease}.team-grid.fading{opacity:0}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.team-card{animation:cardIn .25s ease both}.team-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 12px;cursor:pointer;transition:.18s;display:flex;flex-direction:column;gap:8px;align-items:flex-start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.team-card:hover,.team-card:focus-visible{transform:translateY(-3px);border-color:var(--cyan);box-shadow:0 8px 30px #4fd8ff1f;outline:none}.crest{border-radius:9px;flex:none;object-fit:contain}.team-card .name{font-weight:700;font-size:13.5px;line-height:1.25}.team-card .pot-tag{font-size:10px;color:var(--dim);font-weight:700;letter-spacing:.5px}.team-card .country-tag{font-size:10px;color:var(--dim);opacity:.7;letter-spacing:.3px}.result{display:none}.result.show{display:block;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.result-head{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--result-border);border-radius:18px;padding:20px 22px;margin-bottom:22px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 60px #4fd8ff0f,inset 0 1px 0 var(--border)}.result-head:before{content:"";position:absolute;right:-60px;top:-80px;width:280px;height:280px;background:radial-gradient(circle,#4fd8ff1a,transparent 65%);pointer-events:none}.result-head:after{content:"";position:absolute;left:-40px;bottom:-60px;width:200px;height:200px;background:radial-gradient(circle,#6a20ff12,transparent 65%);pointer-events:none}.result-head .crest{border-radius:14px}.result-head h2{margin:0;font-size:24px}.result-head .country-tag{display:inline-block;margin-top:4px;margin-left:6px;font-size:11px;color:var(--dim);letter-spacing:.4px}.result-head .pot-tag{display:inline-block;margin-top:4px;font-size:11px;font-weight:800;color:#04122c;background:var(--gold);padding:3px 10px;border-radius:20px;letter-spacing:.4px}.result-head-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.back-btn{background:var(--surface-hover);border:1px solid var(--border-strong);color:var(--white);padding:9px 16px;border-radius:12px;cursor:pointer;font-size:13px;font-weight:600}.back-btn:hover,.back-btn:focus-visible{background:#ffffff2e;outline:2px solid var(--cyan);outline-offset:2px}.share-btn{display:flex;align-items:center;gap:6px;background:var(--surface-hover);border:1px solid var(--border-strong);color:var(--dim);padding:9px 14px;border-radius:12px;cursor:pointer;font-size:13px;font-weight:600;transition:color .15s,background .15s;white-space:nowrap}.share-btn:hover,.share-btn:focus-visible{color:var(--cyan);border-color:var(--cyan);outline:2px solid var(--cyan);outline-offset:2px}html.light .share-btn,html.light .back-btn{background:#eef2ff;border-color:var(--border)}.fixtures{display:flex;flex-direction:column;gap:10px}.fx-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 20px;display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;gap:12px;cursor:pointer;transition:.18s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fx-card:hover,.fx-card:focus-visible{border-color:var(--cyan);box-shadow:0 4px 24px #4fd8ff1f;outline:none}.fx-card.common{border-color:var(--cyan);box-shadow:0 0 14px #4fd8ff2e}.fx-team{display:flex;align-items:center;gap:10px;min-width:0}.fx-home{justify-content:flex-end}.fx-away{justify-content:flex-start}.fx-team-name{font-weight:700;font-size:13.5px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fx-home .fx-team-name{text-align:right}.fx-center{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.fx-vs{font-size:13px;font-weight:800;color:var(--cyan);letter-spacing:2px}.fx-tbd{font-size:10px;color:var(--dim);opacity:.7;letter-spacing:.3px}.fx-time{font-size:15px;font-weight:800}.fx-channel{font-size:10.5px;color:var(--dim)}.fx-pot-badge{font-size:10px;color:var(--dim);background:var(--surface-hover);border:1px solid var(--border);border-radius:6px;padding:2px 7px;margin-top:2px;font-weight:700;letter-spacing:.4px}.compare-bar{margin-top:16px;margin-bottom:20px;position:relative;z-index:200;isolation:isolate}.cmp-search-wrap{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:10px 14px}.cmp-search-wrap input{background:none;border:none;outline:none;color:var(--white);font-size:14px;flex:1}.cmp-search-wrap input::placeholder{color:var(--dim)}html.light .cmp-search-wrap input{color:#0d1b4b}.cmp-suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:9999;background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:14px;overflow:hidden;box-shadow:0 8px 32px #00000080}.cmp-sugg-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;font-size:13px}.cmp-sugg-item:hover{background:var(--surface-hover)}.compare-summary{margin-top:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 16px}.common-count{font-size:22px;font-weight:800;color:var(--cyan)}.common-label{font-size:13px;color:var(--dim);margin-right:4px}.common-logos{display:flex;gap:6px;flex-wrap:wrap}.common-none{font-size:13px;color:var(--dim)}.fx-crest{width:36px;height:36px;border-radius:10px;object-fit:contain;flex:none}.empty-state{text-align:center;color:var(--dim);padding:50px 10px;border:1px dashed var(--border-strong);border-radius:16px}footer{text-align:center;color:var(--dim);font-size:12px;padding:20px;opacity:.7}@media (max-width:520px){.team-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.result-head{flex-wrap:wrap}.result-head-actions{order:3;width:100%}.back-btn,.share-btn{width:100%;text-align:center;justify-content:center}.fx-card{grid-template-columns:1fr 76px 1fr;padding:10px 12px;gap:8px}.fx-crest{width:28px;height:28px}.fx-team-name,.fx-vs{font-size:11px}}.fixtures-table th{font-size:13px;color:var(--dim);text-transform:uppercase;letter-spacing:1px}.table-row:hover td{background-color:var(--border)!important}.table-row td{transition:.1s background-color}.fixtures-table td>div:hover{border-color:var(--cyan)!important}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:scale(.93) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.match-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#03061cd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto;animation:overlayFade .22s ease}.match-modal{background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:20px;width:100%;position:relative;box-shadow:0 32px 100px #000000b3;overflow:hidden}.match-modal-wrapper{position:relative;max-width:680px;width:100%;animation:modalPop 1s cubic-bezier(.22,.68,0,1.2)}.match-modal-actions{position:absolute;top:-16px;right:-16px;z-index:11;display:flex;gap:6px}.match-modal-close,.match-modal-copy{width:32px;height:32px;border-radius:50%;background:var(--bg-panel);border:1px solid var(--border);color:var(--white);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}.match-modal-close:hover,.match-modal-copy:hover{background:var(--border-mid)}.match-modal-copy{z-index:10}html.light .match-modal-copy{color:#0d1b40}.match-modal-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:28px 20px 20px;background:var(--surface);border-bottom:1px solid var(--border)}.match-modal-team{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.match-modal-team img{width:64px;height:64px;object-fit:contain;border-radius:16px}.mmt-name{font-weight:800;font-size:14px;line-height:1.3}.mmt-country{font-size:11px;color:var(--dim)}.match-modal-vs{display:flex;flex-direction:column;align-items:center;gap:5px}.modal-vs-text{font-size:22px;font-weight:900;color:var(--cyan);letter-spacing:3px}.modal-time{font-size:20px;font-weight:900;text-align:center}.modal-channel{font-size:11px;color:var(--dim)}.modal-tbd{font-size:10px;color:var(--dim);opacity:.7;letter-spacing:.3px}.modal-pot-badge{font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--dim);background:var(--surface-hover);border:1px solid var(--border);border-radius:6px;padding:3px 8px;margin-top:2px}.match-modal-squads{display:grid;grid-template-columns:1fr 1px 1fr;min-height:180px}.squad-divider{background:var(--border)}.squad-panel{padding:18px 16px}.squad-panel-title{font-size:11px;letter-spacing:1px;color:var(--dim);font-weight:700;margin-bottom:14px;line-height:1.4}.squad-pos-group{margin-bottom:12px}.squad-pos-label{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--cyan);text-transform:uppercase;margin-bottom:5px}.squad-player{display:flex;align-items:center;gap:8px;padding:3px 0}.squad-player-no{font-size:11px;color:var(--dim);min-width:18px;text-align:right;flex:none}.squad-player-name{font-size:13px;font-weight:600}.squad-tbd{font-size:13px;color:var(--dim);padding:24px 0;text-align:center;opacity:.7}html.light .match-modal-overlay{background:#f2f5ffd9}html.light .match-modal{box-shadow:0 16px 60px #0d1b402e}html.light .match-modal-close{color:#0d1b40}html.light .squad-pos-label{color:#1a4fa8}@media (max-width:520px){.match-modal-header{grid-template-columns:1fr auto 1fr;padding:22px 12px 16px;gap:8px}.match-modal-team img{width:48px;height:48px}.mmt-name{font-size:12px}.modal-vs-text{font-size:18px}.match-modal-squads{grid-template-columns:1fr;grid-template-rows:auto 1px auto}.squad-divider{height:1px;width:auto}}.countdown-wrap-modal .countdown{gap:8px;margin-top:8px}.countdown-wrap-modal .cd-box{padding:6px 10px;min-width:48px;border-radius:8px}.countdown-wrap-modal .cd-num{font-size:16px}.countdown-wrap-modal .cd-label{font-size:8px;margin-top:2px}.match-modal-header{grid-template-columns:1fr auto 1fr}@media (max-width:520px){.match-modal-header{grid-template-columns:1fr auto 1fr}.countdown-wrap-modal .countdown{max-width:130px;margin-left:auto;margin-right:auto}}