@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#07110e;--panel:rgba(13,29,24,.82);--panel2:#10231d;--line:rgba(193,255,222,.12);--text:#effff6;--muted:#8ea99d;--mint:#91ffc8;--acid:#d8ff58;--danger:#ff7474;--home-color:#91ffc8;--away-color:#d8ff58;--shadow:0 20px 60px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;background:radial-gradient(circle at 80% 0%,#143529 0,transparent 35%),linear-gradient(180deg,#07110e,#081713 70%,#07110e);color:var(--text);font-family:Manrope,system-ui,sans-serif;min-height:100vh}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.appbar{height:76px;padding:0 clamp(18px,4vw,54px);display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(7,17,14,.82);backdrop-filter:blur(18px);z-index:20}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-ball{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--mint);border-radius:50%;font-weight:800;color:var(--mint);box-shadow:inset 0 0 20px rgba(145,255,200,.08)}.brand strong{display:block;letter-spacing:-.02em}.brand small{display:block;font:10px DM Mono,monospace;color:var(--muted);letter-spacing:.14em;margin-top:2px}.shield{margin-left:auto;font:11px DM Mono,monospace;color:var(--mint);border:1px solid var(--line);padding:9px 12px;border-radius:999px}.shield span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);margin-right:7px;box-shadow:0 0 10px var(--mint)}.icon-btn,.refresh-btn{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:12px;width:42px;height:42px;font-size:20px;cursor:pointer}.view{max-width:1180px;margin:0 auto;padding:clamp(28px,5vw,70px) clamp(16px,4vw,32px) 80px}.hero-copy{max-width:760px;margin:30px 0 38px}.kicker,.label{font:11px DM Mono,monospace;letter-spacing:.18em;color:var(--mint)}h1{font-size:clamp(44px,7vw,88px);line-height:.95;letter-spacing:-.055em;margin:12px 0 22px}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--mint)}.hero-copy>p:last-child{max-width:630px;color:var(--muted);font-size:clamp(16px,2vw,19px);line-height:1.7}.glass{background:linear-gradient(180deg,rgba(20,43,35,.82),rgba(10,27,22,.82));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.list-toolbar{display:grid;grid-template-columns:auto 1fr auto;gap:12px;padding:12px;border-radius:20px;margin-bottom:16px}.segmented{display:flex;background:#091a15;padding:4px;border-radius:13px}.segment{border:0;background:transparent;color:var(--muted);padding:10px 16px;border-radius:10px;font:600 13px Manrope;cursor:pointer}.segment.active{background:var(--mint);color:#062016}.search-wrap{display:flex;align-items:center;gap:9px;background:#091a15;border-radius:13px;padding:0 14px}.search-wrap span{color:var(--muted);font-size:20px}.search-wrap input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:500 14px Manrope}.refresh-btn{height:auto}.loading-card,.match-loading{display:flex;align-items:center;gap:14px;padding:20px;border-radius:18px}.loading-card small{display:block;color:var(--muted);margin-top:3px}.spinner{width:18px;height:18px;border:2px solid rgba(145,255,200,.25);border-top-color:var(--mint);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.match-list{display:grid;gap:10px}.match-card{width:100%;border-radius:18px;padding:16px 18px;display:grid;grid-template-columns:100px 1fr 80px;align-items:center;color:inherit;cursor:pointer;text-align:left;transition:.2s transform,.2s border-color}.match-card:hover{transform:translateY(-2px);border-color:rgba(145,255,200,.35)}.date-col{border-right:1px solid var(--line)}.date-col strong{font-size:14px}.date-col span,.date-col small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.fixture-teams{display:grid;grid-template-columns:1fr 36px 1fr;align-items:center;gap:10px;padding:0 20px}.fixture-teams>div{display:flex;align-items:center;gap:10px}.fixture-teams>div:last-child{justify-content:flex-end;text-align:right}.fixture-teams img{width:34px;height:34px;object-fit:contain}.vs{font:10px DM Mono,monospace;color:var(--muted);text-align:center}.resume{text-align:right;color:var(--mint);font:11px DM Mono,monospace}.source-note{color:#668078;font:11px DM Mono,monospace;line-height:1.7;margin:28px 4px}.match-head{padding:18px 0 28px}.match-meta{display:flex;justify-content:space-between;color:var(--muted);font:11px DM Mono,monospace;text-transform:uppercase;letter-spacing:.12em}.teams-row{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;margin-top:24px}.team{display:flex;align-items:center;gap:16px;min-width:0}.team.away{justify-content:flex-end;text-align:right}.team img{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(0,0,0,.3))}.team strong{font-size:clamp(18px,3vw,28px);display:block}.team strong:after{content:"";display:block;width:42px;height:3px;border-radius:99px;margin-top:7px;background:var(--home-color)}.team.away strong:after{margin-left:auto;background:var(--away-color)}.team small{font:10px DM Mono,monospace;color:var(--muted)}.safe-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;min-width:150px;text-align:center}.safe-score>span{font-size:clamp(42px,6vw,70px);font-weight:800;letter-spacing:-.05em}.safe-score>span:first-child{color:var(--home-color)}.safe-score>span:nth-of-type(2){color:var(--away-color)}.safe-score b{font-size:24px;color:var(--muted)}.safe-score small{grid-column:1/-1;color:var(--mint);font:10px DM Mono,monospace;letter-spacing:.12em}.time-machine{border-radius:24px;padding:24px;margin:12px 0 42px}.time-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.time-heading p{color:var(--muted);margin:6px 0 0}.minute-display{display:flex;align-items:baseline;color:var(--acid);flex:0 0 auto}.minute-display input{width:132px;min-width:132px;border:0;background:transparent;color:inherit;text-align:right;font:800 52px Manrope;outline:0;padding:0 4px}.minute-display span{font-size:34px;font-weight:700}.match-ended{margin-top:16px;padding:11px 13px;border-radius:12px;border:1px solid rgba(216,255,88,.25);background:rgba(216,255,88,.07);color:var(--acid);font:11px DM Mono,monospace;letter-spacing:.06em}.slider-wrap{margin-top:20px}.slider-wrap input{width:100%;accent-color:var(--acid)}.ticks{display:flex;justify-content:space-between;color:var(--muted);font:10px DM Mono,monospace;margin-top:6px}.quick-times{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.quick-times button{border:1px solid var(--line);background:#0a1a15;color:var(--muted);padding:8px 12px;border-radius:10px;cursor:pointer}.quick-times button:hover{border-color:var(--mint);color:var(--mint)}.section-title{display:flex;align-items:end;justify-content:space-between;margin:28px 0 14px}.section-title>div{display:flex;align-items:baseline;gap:10px}.section-title span,.section-title small{font:10px DM Mono,monospace;color:var(--mint)}h2{margin:0;font-size:24px}.stats-card{border-radius:24px;padding:8px 22px}.stat-row{display:grid;grid-template-columns:48px 1fr 110px 1fr 48px;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.stat-row:last-child{border-bottom:0}.stat-row .num{font-size:18px;font-weight:700}.stat-row .num:first-child{color:var(--home-color)}.stat-row .num:last-child{text-align:right;color:var(--away-color)}.stat-label{text-align:center;color:var(--muted);font:10px DM Mono,monospace;text-transform:uppercase}.bar{height:4px;background:rgba(255,255,255,.07);border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:var(--home-color);border-radius:99px}.bar.away i{float:right;background:var(--away-color)}.timeline{position:relative;padding-left:14px}.timeline:before{content:"";position:absolute;left:31px;top:0;bottom:0;width:1px;background:var(--line)}.event{display:grid;grid-template-columns:36px 58px 1fr;gap:12px;align-items:start;position:relative;margin:12px 0}.event-icon{width:36px;height:36px;border:1px solid var(--line);background:var(--bg);border-radius:50%;display:grid;place-items:center;z-index:1}.event.home-event .event-icon{border-color:var(--home-color)}.event.away-event .event-icon{border-color:var(--away-color)}.event-minute{padding-top:9px;color:var(--mint);font:11px DM Mono,monospace}.event-card{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(13,29,24,.65)}.event-card strong{display:block;font-size:14px}.event-card p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.empty-events{padding:34px;text-align:center;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}.caveat,.error-card{margin-top:18px;padding:16px;border:1px solid rgba(255,116,116,.25);background:rgba(90,25,25,.12);border-radius:14px;color:#ffc3c3;font-size:13px}.hidden{display:none!important}
@media(max-width:720px){.appbar{height:66px;padding:0 14px}.shield{font-size:9px;padding:7px 9px}.view{padding:24px 14px 70px}.hero-copy{margin-top:12px}.list-toolbar{grid-template-columns:1fr auto}.segmented{grid-column:1/-1}.search-wrap{min-height:44px}.match-card{grid-template-columns:74px 1fr 34px;padding:14px 12px}.fixture-teams{padding:0 10px;grid-template-columns:1fr 24px 1fr}.fixture-teams>div{display:grid;justify-items:start;gap:5px}.fixture-teams>div:last-child{justify-items:end}.fixture-teams img{width:30px;height:30px}.resume span{display:none}.teams-row{gap:10px}.team{display:grid;gap:8px}.team.away{justify-items:end}.team img{width:48px;height:48px}.team strong{font-size:16px}.safe-score{min-width:110px;gap:5px}.safe-score>span{font-size:42px}.time-machine{padding:18px}.time-heading{align-items:center}.time-heading p{display:none}.minute-display input{font-size:44px;width:108px;min-width:108px}.stat-row{grid-template-columns:36px 1fr 82px 1fr 36px;gap:7px}.stats-card{padding-left:14px;padding-right:14px}.event{grid-template-columns:34px 46px 1fr;gap:8px}.timeline{padding-left:0}.timeline:before{left:17px}.brand small{display:none}}