:root{--bg:#16001e;--panel:#24002f;--card:#ffffff;--ink:#21142a;--muted:#6f5b79;--brand:#b400b9;--brand2:#77189c;--brand3:#4d006b;--soft:#f8e8ff;--line:#ead3f5;--ok:#14a85c;--shadow:0 20px 50px rgba(25,0,35,.25);--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(160deg,var(--bg),#3c0059 42%,#b400b9);color:var(--ink);min-height:100vh}.skip{position:absolute;left:-999px;top:auto}.skip:focus{left:16px;top:16px;z-index:99;background:white;padding:12px;border-radius:14px}.hero{color:white;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 5%,#d000c3 0,#8d10a8 33%,#32004b 100%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.08) 0 18%,transparent 18% 30%,rgba(255,255,255,.12) 30% 42%,transparent 42% 100%);mix-blend-mode:screen}.topbar,.heroGrid,main,.footer{position:relative;z-index:1}.topbar{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:18px clamp(16px,4vw,54px)}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-weight:900;letter-spacing:.2px}.brand img,.footer img{width:54px;height:54px;object-fit:cover;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.25)}.actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.chip,.btn,select,input{font:inherit}.chip{border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.13);color:white;border-radius:999px;padding:10px 15px;font-weight:800;cursor:pointer}.chip.primary,.btn.solid{background:white;color:#7d008e;border-color:white}.heroGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,630px);gap:28px;align-items:center;padding:24px clamp(16px,4vw,54px) 56px}.eyebrow{text-transform:uppercase;font-size:.86rem;letter-spacing:.16em;font-weight:900;color:#ffe3ff}.hero h1{font-size:clamp(2.1rem,7vw,5.8rem);line-height:.92;margin:16px 0 18px;max-width:780px}.lead{font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55;max-width:720px;color:#f8e8ff}.heroButtons{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.btn{border:0;border-radius:999px;padding:13px 19px;font-weight:900;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.15)}.btn.ghost{background:rgba(255,255,255,.13);color:white;border:1px solid rgba(255,255,255,.5)}.btn.small{padding:11px 14px;background:var(--brand2);color:white;box-shadow:none}.installHelp{background:rgba(0,0,0,.23);border:1px solid rgba(255,255,255,.22);padding:14px 16px;border-radius:20px;color:#fff;max-width:780px}.coverLink{display:block;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transform:rotate(-1.2deg);background:#4d006b}.coverLink img{width:100%;height:auto;display:block}.notice,.controls,.scoreBanner,.matchList,.footer{width:min(1180px,calc(100% - 28px));margin-left:auto;margin-right:auto}.notice{margin-top:-28px;background:white;display:flex;gap:16px;align-items:center;padding:18px;border-radius:var(--radius);box-shadow:var(--shadow)}.notice img{width:70px;height:70px;border-radius:18px;object-fit:cover}.notice h2{margin:0 0 6px;color:var(--brand3);font-size:1.5rem}.notice p{margin:0;color:var(--muted);line-height:1.5}.controls{margin-top:24px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.searchBox label{font-weight:900;color:var(--brand3);display:block;margin:0 0 8px}input,select{width:100%;border:1px solid var(--line);border-radius:17px;padding:13px 14px;background:white;color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(180,0,185,.13)}.controlRow{display:grid;grid-template-columns:1fr 1fr auto auto;gap:10px;margin-top:12px}.scoreBanner{margin-top:18px;background:linear-gradient(135deg,#fff,#f4d7ff);border-radius:var(--radius);padding:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:var(--shadow)}.scoreBanner strong{font-size:1.25rem;color:var(--brand3)}.scoreBanner p{margin:5px 0 0;color:var(--muted)}.matchList{margin-top:24px;margin-bottom:34px;display:grid;gap:16px}.dateHeader{color:white;font-size:1.45rem;margin:20px 0 4px;text-shadow:0 2px 8px rgba(0,0,0,.35)}.matchCard{background:white;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border:1px solid rgba(255,255,255,.6)}.matchTop{display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(90deg,#410066,#b400b9);color:white;padding:14px 16px}.badge{font-size:.82rem;font-weight:900;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:7px 10px;white-space:nowrap}.matchBody{padding:16px}.teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.team{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;min-width:0}.team.away{text-align:right;grid-template-columns:1fr auto}.flag{font-size:2rem;line-height:1}.teamName{font-size:clamp(1rem,2vw,1.28rem);font-weight:950;color:var(--brand3);overflow-wrap:anywhere}.teamInput{font-weight:900;color:var(--brand3);padding:11px 12px;border-radius:14px}.score{display:flex;align-items:center;gap:6px}.score input{width:58px;text-align:center;font-weight:950;font-size:1.3rem;padding:10px 4px}.score span{font-weight:950;color:var(--brand2)}.meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;color:var(--muted)}.meta span{background:var(--soft);border-radius:999px;padding:7px 10px;font-size:.9rem}.cardActions{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:10px}.status{font-size:.88rem;color:var(--ok);font-weight:800;min-height:1.2em}.saveBtn{background:var(--brand2);color:white;box-shadow:none;padding:10px 14px}.promo{display:grid;grid-template-columns:minmax(120px,280px) 1fr;align-items:center;gap:16px;background:#20002d;color:white;border-radius:var(--radius);overflow:hidden;text-decoration:none;box-shadow:var(--shadow);min-height:120px}.promo img{width:100%;height:100%;object-fit:cover}.promo span{font-size:clamp(1.25rem,3vw,2.4rem);font-weight:950;line-height:1.05;padding-right:20px}.footer{margin-top:28px;margin-bottom:28px;background:rgba(255,255,255,.94);border-radius:var(--radius);padding:24px;text-align:center;box-shadow:var(--shadow)}.tagline{font-weight:950;color:var(--brand3);font-size:1.25rem}.socials{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:16px 0}.socials a{background:var(--soft);color:var(--brand3);font-weight:900;text-decoration:none;border-radius:999px;padding:10px 14px}.credits{color:var(--muted)}.credits a{color:var(--brand2);font-weight:900}.floatWhats{position:fixed;right:16px;bottom:16px;z-index:50;background:#25d366;color:#062910;text-decoration:none;font-weight:900;border-radius:999px;padding:13px 16px;box-shadow:0 12px 30px rgba(0,0,0,.25);text-align:center;line-height:1.1;border:3px solid white}.empty{background:white;border-radius:var(--radius);padding:24px;text-align:center;font-weight:900;color:var(--brand3)}
@media (max-width:860px){.heroGrid{grid-template-columns:1fr;padding-top:4px}.coverLink{transform:none}.topbar{align-items:flex-start}.brand span{font-size:.95rem}.controlRow{grid-template-columns:1fr 1fr}.scoreBanner{align-items:flex-start;flex-direction:column}.teams{grid-template-columns:1fr;gap:10px}.team.away{text-align:left;grid-template-columns:auto 1fr}.team.away .flag{order:0}.team.away .teamName,.team.away .teamInput{order:1}.score{justify-content:center}.promo{grid-template-columns:1fr}.promo img{height:145px}.promo span{padding:0 18px 18px}.matchTop{align-items:flex-start;flex-direction:column}.cardActions{align-items:flex-start;flex-direction:column}.saveBtn{width:100%}}@media (max-width:520px){.topbar{flex-direction:column}.actions,.chip{width:100%}.chip{justify-content:center}.controlRow{grid-template-columns:1fr}.hero h1{font-size:2.5rem}.notice{align-items:flex-start}.notice img{width:52px;height:52px}.floatWhats{right:10px;bottom:10px;font-size:.85rem}.footer{margin-bottom:88px}.score input{width:54px}}