:root{
 --fw-bg:#f3f4f6;--fw-surface:rgba(255,255,255,.68);--fw-surface-strong:rgba(255,255,255,.82);--fw-surface-soft:rgba(255,255,255,.48);
 --fw-text:#202226;--fw-muted:#85888e;--fw-border:rgba(255,255,255,.68);--fw-glass-border:rgba(255,255,255,.62);
 --fw-glass-blur:22px;--fw-glass-blur-heavy:32px;--fw-radius-lg:26px;--fw-radius-md:20px;--fw-radius-sm:15px;
 --fw-shadow-xs:0 1px 2px rgba(20,22,26,.035);--fw-shadow-sm:0 12px 35px rgba(25,28,34,.075);--fw-shadow-floating:0 24px 70px rgba(25,28,34,.13);
 --fw-ease:cubic-bezier(.2,.8,.2,1);--fw-duration:240ms
}
*{box-sizing:border-box}html{background:var(--fw-bg)}body{margin:0;min-height:100vh;color:var(--fw-text);font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",sans-serif;background:radial-gradient(circle at 8% -5%,rgba(255,255,255,.98),transparent 32%),radial-gradient(circle at 92% 5%,rgba(224,227,231,.72),transparent 34%),linear-gradient(145deg,#f8f8f9,#eceef1);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}.shell{max-width:1160px;margin:auto;padding:22px 22px 112px;position:relative}.top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.brand{font-size:14px;font-weight:850;letter-spacing:.15em}.date{margin-top:6px;color:var(--fw-muted);font-size:11px;letter-spacing:.05em}.pill,.nav,.card,.back-button,.time-controls{background:var(--fw-surface);border:1px solid var(--fw-glass-border);backdrop-filter:blur(var(--fw-glass-blur)) saturate(125%);-webkit-backdrop-filter:blur(var(--fw-glass-blur)) saturate(125%);box-shadow:var(--fw-shadow-sm),inset 0 1px 0 rgba(255,255,255,.82)}.pill{padding:9px 13px;border-radius:999px;font-size:10px;color:#777b81;letter-spacing:.06em}.nav{position:sticky;top:12px;z-index:20;display:flex;gap:5px;flex-wrap:wrap;padding:6px;margin-bottom:20px;border-radius:21px}.nav button,.btn,.tabs button,.back-button{position:relative;overflow:hidden;border:0;color:#70747a;background:transparent;border-radius:15px;padding:10px 13px;transition:transform var(--fw-duration) var(--fw-ease),background var(--fw-duration) var(--fw-ease),box-shadow var(--fw-duration) var(--fw-ease),color var(--fw-duration) var(--fw-ease)}.nav button:hover,.btn:hover,.tabs button:hover,.back-button:hover{transform:translateY(-1px);background:rgba(255,255,255,.55);box-shadow:0 7px 20px rgba(25,28,34,.055),inset 0 1px rgba(255,255,255,.9)}.nav button.active,.btn.primary,.tabs button.active{color:#fff;background:rgba(32,35,40,.94);box-shadow:0 10px 24px rgba(24,26,30,.15),inset 0 1px rgba(255,255,255,.12)}.btn.primary{padding-left:15px;padding-right:15px}.time-controls{display:flex;gap:4px;margin-left:auto;padding:4px;border-radius:16px}.time-controls button{padding:7px 9px;font-size:11px}.back-button{display:inline-flex;align-items:center;gap:7px;margin:0 0 12px;padding:9px 13px}.back-button span{font-size:24px;line-height:10px}.btn::before,.nav button::before,.tabs button::before,.back-button::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.36),transparent 38%,rgba(255,255,255,.12));opacity:0;transition:opacity 260ms ease;pointer-events:none}.btn:hover::before,.nav button:hover::before,.tabs button:hover::before,.back-button:hover::before{opacity:1}.btn::after,.nav button::after,.tabs button::after,.back-button::after{content:"";position:absolute;top:-70%;bottom:-70%;left:-50%;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:translateX(-240%) rotate(14deg);transition:transform .62s ease;pointer-events:none}.btn:hover::after,.nav button:hover::after,.tabs button:hover::after,.back-button:hover::after{transform:translateX(720%) rotate(14deg)}.pressing{transform:scale(.965)!important;background:rgba(255,255,255,.78)!important;box-shadow:inset 0 2px 8px rgba(25,28,34,.12),0 3px 10px rgba(25,28,34,.045)!important}.btn.primary.pressing,.nav button.active.pressing,.tabs button.active.pressing{background:rgba(24,27,31,.98)!important;box-shadow:inset 0 2px 9px rgba(0,0,0,.26),0 4px 12px rgba(20,22,25,.10)!important}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.card{grid-column:span 12;position:relative;padding:22px;border-radius:var(--fw-radius-lg);overflow:hidden;transition:transform .28s var(--fw-ease),box-shadow .28s var(--fw-ease),background .28s ease}.card::before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.96),transparent);pointer-events:none}.card:hover{transform:translateY(-2px);box-shadow:var(--fw-shadow-floating),inset 0 1px rgba(255,255,255,.9)}.half{grid-column:span 6}.third{grid-column:span 4}.hero-card{min-height:250px;display:flex;flex-direction:column;justify-content:space-between}.hero{display:flex;align-items:center;gap:17px}.avatar{width:72px;height:72px;flex:none;display:grid;place-items:center;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(226,228,231,.72));border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 0 rgba(255,255,255,1),0 14px 32px rgba(25,28,34,.085);font-size:25px;font-weight:850}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#a0a3a8;font-size:9px;font-weight:800}.title{font-size:31px;line-height:1.04;margin:7px 0 6px;letter-spacing:-.045em}.muted{color:var(--fw-muted)}h2,h3{letter-spacing:-.035em}h2{margin:6px 0 12px}h3{margin:5px 0}.kpi{display:flex;gap:10px;flex-wrap:wrap}.k{min-width:112px;padding:14px 15px;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.43);border-radius:19px;box-shadow:inset 0 1px rgba(255,255,255,.7);transition:transform .22s var(--fw-ease),background .22s ease,box-shadow .22s ease}.k:hover{transform:translateY(-2px);background:rgba(255,255,255,.63);box-shadow:0 12px 28px rgba(25,28,34,.065),inset 0 1px rgba(255,255,255,.92)}.k b{display:block;font-size:25px;letter-spacing:-.045em}.k span{font-size:10px;color:#8c8f94}.actions{display:flex;gap:8px;flex-wrap:wrap}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}.tabs{display:flex;gap:4px;overflow:auto;margin:18px -5px 20px;padding:4px 5px;border-bottom:1px solid rgba(40,42,46,.07)}.tabs button{white-space:nowrap;padding:9px 12px}.tabs button.active{color:#26292e;background:rgba(255,255,255,.76);box-shadow:0 6px 20px rgba(25,28,34,.07),inset 0 1px rgba(255,255,255,.95)}.row{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid rgba(40,42,46,.07)}.row:last-child{border-bottom:0}.notice,.stat{border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.43);box-shadow:inset 0 1px rgba(255,255,255,.78)}.notice{padding:14px 16px;border-radius:18px;color:#65686e}.match{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid rgba(40,42,46,.07)}.match:last-child{border-bottom:0}.score{font-size:19px;font-weight:850;letter-spacing:-.04em}.scorebox{display:flex;gap:7px;align-items:center}.badge{font-size:9px;padding:5px 8px;border-radius:999px;background:rgba(232,234,236,.72);color:#74787e;border:1px solid rgba(255,255,255,.75)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:420px}th,td{text-align:left;padding:11px 8px;border-bottom:1px solid rgba(40,42,46,.07);font-size:13px}th{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#a0a3a8}tr:last-child td{border-bottom:0}.rank{width:30px;color:#a0a3a8}.club-name{font-weight:650}.input,.select{width:100%;padding:12px 13px;border:1px solid rgba(255,255,255,.78);border-radius:15px;background:rgba(255,255,255,.63);outline:none;color:var(--fw-text);box-shadow:inset 0 1px rgba(255,255,255,.86),0 5px 18px rgba(25,28,34,.025);transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.input:focus,.select:focus{background:rgba(255,255,255,.9);box-shadow:0 0 0 4px rgba(35,38,42,.055),0 10px 28px rgba(25,28,34,.055),inset 0 1px rgba(255,255,255,1)}.form{display:grid;gap:13px;max-width:520px}.form label{font-size:12px;color:#777a80}.form .input,.form .select{margin-top:7px}.empty{padding:30px 10px;text-align:center;color:var(--fw-muted)}.subtle{font-size:11px;color:var(--fw-muted)}.meter{height:7px;background:rgba(219,221,224,.72);border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.045)}.meter i{display:block;height:100%;background:linear-gradient(90deg,#24272b,#50545a);border-radius:999px;box-shadow:0 1px 5px rgba(30,32,36,.12)}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:13px 14px;border-radius:18px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.stat:hover{transform:translateY(-1px);background:rgba(255,255,255,.61);box-shadow:0 10px 25px rgba(25,28,34,.055),inset 0 1px rgba(255,255,255,.92)}.stat-top{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px}.footer-note{text-align:center;color:#a1a4a9;font-size:10px;margin-top:25px}.mobile-label{display:none}
@media(max-width:760px){.shell{padding:15px 12px 96px}.top{align-items:flex-start}.brand{font-size:13px}.pill{display:none}.nav{position:fixed;left:10px;right:10px;bottom:10px;top:auto;margin:0;border-radius:23px;padding:6px;justify-content:space-around;box-shadow:0 18px 55px rgba(25,28,34,.14),inset 0 1px rgba(255,255,255,.92);background:rgba(250,250,251,.72);backdrop-filter:blur(30px) saturate(140%);-webkit-backdrop-filter:blur(30px) saturate(140%)}.nav button{padding:9px 8px;font-size:11px}.nav .mobile-label{display:inline}.nav .desktop-time{display:none}.nav .time-controls{position:fixed;right:10px;bottom:70px;background:rgba(250,250,251,.72);padding:5px;border:1px solid rgba(255,255,255,.72);border-radius:18px;backdrop-filter:blur(30px) saturate(135%);-webkit-backdrop-filter:blur(30px) saturate(135%);box-shadow:0 14px 35px rgba(25,28,34,.10),inset 0 1px rgba(255,255,255,.9)}.half,.third{grid-column:span 12}.card{padding:18px;border-radius:23px}.card:hover{transform:none}.title{font-size:27px}.match{grid-template-columns:66px 1fr;gap:10px}.match .scorebox{grid-column:2}.stat-grid{grid-template-columns:1fr}.hero-card{min-height:220px}.back-button{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.btn,.nav button,.tabs button,.back-button,.card,.k,.stat,.input,.select{transition:none!important}.btn::after,.nav button::after,.tabs button::after{display:none}}

/* iOS-style material pass: background stays visible and soft; foreground stays crisp. */
body{position:relative;overflow-x:hidden;background:#eef0f3}
body::before,body::after{content:"";position:fixed;z-index:-1;border-radius:50%;filter:blur(52px);pointer-events:none;opacity:.72;transform:translateZ(0)}
body::before{width:420px;height:420px;left:-150px;top:70px;background:radial-gradient(circle,rgba(255,255,255,.98) 0,rgba(255,255,255,.62) 34%,rgba(215,220,226,.18) 68%,transparent 72%)}
body::after{width:520px;height:520px;right:-190px;top:180px;background:radial-gradient(circle,rgba(220,224,229,.8) 0,rgba(246,247,248,.46) 38%,transparent 72%)}
.shell{isolation:isolate}
.pill,.nav,.card,.back-button,.time-controls{background:rgba(255,255,255,.46);border-color:rgba(255,255,255,.72);box-shadow:0 8px 30px rgba(20,24,30,.055),inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(255,255,255,.16);backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%)}
.card{background:rgba(255,255,255,.49);box-shadow:0 10px 34px rgba(20,24,30,.06),inset 0 1px 0 rgba(255,255,255,.94),inset 0 -1px 0 rgba(255,255,255,.16)}
.card::after,.nav::after,.back-button::after{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.38),transparent 28%,transparent 70%,rgba(255,255,255,.12));mix-blend-mode:screen;opacity:.8}
.card::after{z-index:0}.card>*{position:relative;z-index:1}
.nav,.back-button{position:relative}
.nav button,.btn,.tabs button,.back-button{transition:transform 180ms cubic-bezier(.2,.8,.2,1),background 180ms ease,box-shadow 180ms ease,color 180ms ease}
.btn,.nav button,.tabs button,.back-button{background:rgba(255,255,255,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
.btn:hover,.nav button:hover,.tabs button:hover,.back-button:hover{background:rgba(255,255,255,.52);box-shadow:0 8px 22px rgba(20,24,30,.055),inset 0 1px 0 rgba(255,255,255,.94)}
.btn.primary,.nav button.active{background:rgba(30,33,38,.88);box-shadow:0 10px 25px rgba(20,23,28,.13),inset 0 1px 0 rgba(255,255,255,.16)}
.btn:active,.nav button:active,.tabs button:active,.back-button:active{transform:scale(.965);box-shadow:inset 0 2px 8px rgba(20,24,30,.12),0 3px 9px rgba(20,24,30,.035)}
.btn.primary:active,.nav button.active:active{background:rgba(22,25,30,.96);box-shadow:inset 0 2px 9px rgba(0,0,0,.22),0 4px 11px rgba(20,23,28,.08)}
.k,.stat,.notice{background:rgba(255,255,255,.34);border-color:rgba(255,255,255,.64);box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 5px 18px rgba(20,24,30,.028);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%)}
.input,.select{background:rgba(255,255,255,.5);backdrop-filter:blur(15px) saturate(120%);-webkit-backdrop-filter:blur(15px) saturate(120%)}
.avatar{background:rgba(255,255,255,.54);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}
@media(max-width:760px){.nav{background:rgba(250,250,251,.54);backdrop-filter:blur(30px) saturate(140%);-webkit-backdrop-filter:blur(30px) saturate(140%);box-shadow:0 18px 55px rgba(20,24,30,.11),inset 0 1px 0 rgba(255,255,255,.94)}.nav .time-controls{background:rgba(250,250,251,.54);backdrop-filter:blur(30px) saturate(140%);-webkit-backdrop-filter:blur(30px) saturate(140%);box-shadow:0 14px 35px rgba(20,24,30,.08),inset 0 1px 0 rgba(255,255,255,.94)}}
@supports not ((backdrop-filter:blur(1px))){.pill,.nav,.card,.back-button,.time-controls,.k,.stat,.notice,.input,.select,.avatar{background:rgba(248,249,250,.9)}}

/* iOS-like navigation transition: no glass overlay. The entering page itself briefly defocuses, then resolves to crisp. */
.fw-page{transform-origin:50% 46%;will-change:transform,opacity,filter}
.fw-page-out{animation:fwPageOut 150ms cubic-bezier(.4,0,1,1) both;pointer-events:none}
.fw-page-in{opacity:0;filter:blur(9px) saturate(108%);transform:translateY(8px) scale(.992);will-change:transform,opacity,filter}
.fw-page-in-active{animation:fwPageIn 340ms cubic-bezier(.22,.72,.2,1) both}
@keyframes fwPageIn{0%{opacity:0;filter:blur(9px) saturate(108%);transform:translateY(8px) scale(.992)}45%{opacity:.82;filter:blur(4px) saturate(104%);transform:translateY(2px) scale(.997)}100%{opacity:1;filter:blur(0) saturate(100%);transform:none}}
@keyframes fwPageOut{0%{opacity:1;filter:blur(0);transform:none}100%{opacity:0;filter:blur(3px);transform:translateY(-4px) scale(.998)}}
.nav button,.btn,.tabs button,.back-button,.time-controls button{transition:transform 220ms cubic-bezier(.2,.8,.2,1),background 220ms cubic-bezier(.2,.8,.2,1),box-shadow 220ms cubic-bezier(.2,.8,.2,1),color 220ms cubic-bezier(.2,.8,.2,1),filter 220ms ease}

@media (prefers-reduced-motion:reduce){.fw-page,.fw-page-out,.fw-page-in,.fw-page-in-active{animation:none!important;filter:none!important;opacity:1!important;transform:none!important}}

/* V35 visual refresh — match center */
.matches-page{padding:24px 24px 28px;background:rgba(255,255,255,.57)}
.matches-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 2px 22px;border-bottom:1px solid rgba(40,42,46,.07)}
.matches-hero h1{font-size:34px;letter-spacing:-.055em;margin:6px 0 5px}
.matches-hero p{margin:0;color:#8a8e94;font-size:13px}
.match-count{min-width:118px;padding:13px 15px;border-radius:20px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.78);box-shadow:inset 0 1px rgba(255,255,255,.9),0 10px 28px rgba(20,24,30,.05);text-align:right}
.match-count strong{display:block;font-size:25px;letter-spacing:-.045em}.match-count span{font-size:10px;color:#8a8e94}
.match-list{display:grid;gap:12px;margin-top:16px}
.match-card{position:relative;padding:17px 18px 15px;border-radius:22px;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.78);box-shadow:0 9px 28px rgba(20,24,30,.045),inset 0 1px rgba(255,255,255,.9);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.match-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.66);box-shadow:0 16px 38px rgba(20,24,30,.075),inset 0 1px rgba(255,255,255,.96)}
.match-card-top{display:flex;align-items:center;gap:8px;color:#9a9da2;font-size:10px}.match-league{padding-left:8px;border-left:1px solid rgba(40,42,46,.09)}.match-status{margin-left:auto;padding:5px 8px;border-radius:999px;background:rgba(235,238,240,.65);color:#777b81}
.match-scoreline{display:grid;grid-template-columns:1fr 92px 1fr;align-items:center;gap:16px;margin:16px 0 13px}.team-block{display:flex;align-items:center;gap:10px;min-width:0}.team-block b{font-size:15px;letter-spacing:-.02em}.team-block.away{justify-content:flex-end;text-align:right}.team-mark{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(225,228,232,.65));border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px rgba(255,255,255,1),0 7px 16px rgba(20,24,30,.06);font-size:13px;font-weight:850;color:#656a70}.score-center{text-align:center}.score-center strong{display:block;font-size:31px;letter-spacing:-.06em;line-height:1}.score-center span{display:inline-block;margin-top:6px;font-size:9px;letter-spacing:.12em;color:#9a9da2}
.match-meta{display:flex;justify-content:center;align-items:center;gap:9px;color:#7d8187;font-size:10px}.match-meta i{font-style:normal;color:#b0b3b7}.match-stat-strip{display:grid;grid-template-columns:repeat(5,1fr);margin-top:15px;border:1px solid rgba(255,255,255,.7);border-radius:17px;overflow:hidden;background:rgba(245,246,247,.45)}.match-stat-strip>div{padding:10px 7px;text-align:center;border-right:1px solid rgba(40,42,46,.055)}.match-stat-strip>div:last-child{border-right:0}.match-stat-strip small{display:block;color:#9a9da2;font-size:9px;margin-bottom:5px}.match-stat-strip b{font-size:13px}.match-stat-strip em{font-style:normal;color:#9a9da2;font-size:12px;margin-left:5px}.match-stat-strip .xg-stat{background:rgba(255,255,255,.5)}.match-stat-strip .xg-stat b{font-size:14px}
.event-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.event-line span{font-size:10px;color:#74787e;padding:6px 8px;border-radius:999px;background:rgba(235,237,239,.55);border:1px solid rgba(255,255,255,.7)}
.evaluation{display:flex;align-items:center;gap:8px;margin-top:11px;padding-top:11px;border-top:1px solid rgba(40,42,46,.055);font-size:10px;color:#8f9298}.evaluation span{margin-right:auto}.evaluation b{font-weight:650;color:#666a70}.evaluation i{font-style:normal;color:#b2b5b9}
@media(max-width:760px){.matches-page{padding:18px 15px 22px}.matches-hero{align-items:flex-start}.matches-hero h1{font-size:28px}.match-count{min-width:98px}.match-scoreline{grid-template-columns:1fr 70px 1fr;gap:8px}.team-block b{font-size:13px}.team-mark{width:34px;height:34px;border-radius:11px}.score-center strong{font-size:26px}.match-stat-strip{grid-template-columns:repeat(5,minmax(58px,1fr));overflow:auto}.match-stat-strip>div{min-width:64px}.evaluation{flex-wrap:wrap}.evaluation span{width:100%;margin:0}.evaluation i{display:none}}

/* V35 UI refresh: cleaner match center */
.matches-page{padding:24px 24px 28px;background:rgba(255,255,255,.57)}
.matches-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 2px 22px;border-bottom:1px solid rgba(40,42,46,.07)}
.matches-hero h1{font-size:34px;letter-spacing:-.055em;margin:6px 0 5px}.matches-hero p{margin:0;color:#8a8e94;font-size:13px}
.match-count{min-width:118px;padding:13px 15px;border-radius:20px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.78);box-shadow:inset 0 1px rgba(255,255,255,.9),0 10px 28px rgba(20,24,30,.05);text-align:right}.match-count strong{display:block;font-size:25px;letter-spacing:-.045em}.match-count span{font-size:10px;color:#8a8e94}
.match-list{display:grid;gap:12px;margin-top:16px}.match-card{position:relative;padding:17px 18px 15px;border-radius:22px;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.78);box-shadow:0 9px 28px rgba(20,24,30,.045),inset 0 1px rgba(255,255,255,.9);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.match-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.66);box-shadow:0 16px 38px rgba(20,24,30,.075),inset 0 1px rgba(255,255,255,.96)}
.match-card-top{display:flex;align-items:center;gap:8px;color:#9a9da2;font-size:10px}.match-league{padding-left:8px;border-left:1px solid rgba(40,42,46,.09)}.match-status{margin-left:auto;padding:5px 8px;border-radius:999px;background:rgba(235,238,240,.65);color:#777b81}
.match-scoreline{display:grid;grid-template-columns:1fr 92px 1fr;align-items:center;gap:16px;margin:16px 0 13px}.team-block{display:flex;align-items:center;gap:10px;min-width:0}.team-block b{font-size:15px;letter-spacing:-.02em}.team-block.away{justify-content:flex-end;text-align:right}.team-mark{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(225,228,232,.65));border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px rgba(255,255,255,1),0 7px 16px rgba(20,24,30,.06);font-size:13px;font-weight:850;color:#656a70}.score-center{text-align:center}.score-center strong{display:block;font-size:31px;letter-spacing:-.06em;line-height:1}.score-center span{display:inline-block;margin-top:6px;font-size:9px;letter-spacing:.12em;color:#9a9da2}
.match-meta{display:flex;justify-content:center;align-items:center;gap:9px;color:#7d8187;font-size:10px}.match-meta i{font-style:normal;color:#b0b3b7}.match-stat-strip{display:grid;grid-template-columns:repeat(5,1fr);margin-top:15px;border:1px solid rgba(255,255,255,.7);border-radius:17px;overflow:hidden;background:rgba(245,246,247,.45)}.match-stat-strip>div{padding:10px 7px;text-align:center;border-right:1px solid rgba(40,42,46,.055)}.match-stat-strip>div:last-child{border-right:0}.match-stat-strip small{display:block;color:#9a9da2;font-size:9px;margin-bottom:5px}.match-stat-strip b{font-size:13px}.match-stat-strip em{font-style:normal;color:#9a9da2;font-size:12px;margin-left:5px}.match-stat-strip .xg-stat{background:rgba(255,255,255,.5)}.match-stat-strip .xg-stat b{font-size:14px}
.event-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.event-line span{font-size:10px;color:#74787e;padding:6px 8px;border-radius:999px;background:rgba(235,237,239,.55);border:1px solid rgba(255,255,255,.7)}.evaluation{display:flex;align-items:center;gap:8px;margin-top:11px;padding-top:11px;border-top:1px solid rgba(40,42,46,.055);font-size:10px;color:#8f9298}.evaluation span{margin-right:auto}.evaluation b{font-weight:650;color:#666a70}.evaluation i{font-style:normal;color:#b2b5b9}
@media(max-width:760px){.matches-page{padding:18px 15px 22px}.matches-hero{align-items:flex-start}.matches-hero h1{font-size:28px}.match-count{min-width:98px}.match-scoreline{grid-template-columns:1fr 70px 1fr;gap:8px}.team-block b{font-size:13px}.team-mark{width:34px;height:34px;border-radius:11px}.score-center strong{font-size:26px}.match-stat-strip{grid-template-columns:repeat(5,minmax(64px,1fr));overflow:auto}.evaluation{flex-wrap:wrap}.evaluation span{width:100%;margin:0}.evaluation i{display:none}}


/* Focus match alerts: restrained iOS / premium glass presentation. */
.focus-layer{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;opacity:0;transition:opacity 320ms ease;padding:20px}.focus-layer-show{opacity:1}.focus-backdrop{position:absolute;inset:0;background:rgba(24,27,32,.28);backdrop-filter:blur(15px) saturate(110%);-webkit-backdrop-filter:blur(15px) saturate(110%)}.focus-dialog,.focus-result{position:relative;width:min(520px,100%);border:1px solid rgba(255,255,255,.74);background:rgba(250,251,252,.78);backdrop-filter:blur(28px) saturate(125%);-webkit-backdrop-filter:blur(28px) saturate(125%);box-shadow:0 30px 90px rgba(10,13,18,.20),inset 0 1px rgba(255,255,255,.95);border-radius:30px;padding:30px;transform:translateY(12px) scale(.97);transition:transform 420ms cubic-bezier(.2,.8,.2,1)}.focus-layer-show .focus-dialog,.focus-layer-show .focus-result{transform:none}.focus-kicker{font-size:9px;letter-spacing:.18em;font-weight:850;color:#a0a3a8;text-transform:uppercase}.focus-icon,.focus-result-mark{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;margin:16px 0 12px;background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.86);box-shadow:inset 0 1px rgba(255,255,255,.98),0 10px 25px rgba(20,24,30,.07);font-size:21px}.focus-dialog h2,.focus-result h2{font-size:29px;letter-spacing:-.045em;margin:0 0 8px}.focus-lead{margin:0 0 18px;color:#7b7f85;font-size:12px}.focus-match{padding:18px;border-radius:21px;background:rgba(255,255,255,.52);border:1px solid rgba(255,255,255,.78);display:flex;justify-content:space-between;align-items:center;gap:15px}.focus-match div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.focus-match span{width:100%;font-size:9px;letter-spacing:.1em;color:#9a9da2;text-transform:uppercase;font-weight:800}.focus-match b{font-size:15px}.focus-match small{color:#aaa;font-size:10px}.focus-match time{font-size:10px;color:#8b8e94;white-space:nowrap}.focus-more,.focus-note{font-size:10px;color:#96999f;margin-top:10px}.focus-actions{display:flex;gap:8px;margin-top:18px}.focus-actions .btn{flex:1}.focus-result{text-align:center;padding:34px 28px}.focus-result-mark{margin:16px auto 8px}.focus-result-kind{font-size:10px;letter-spacing:.12em;color:#a0a3a8;font-weight:800}.focus-result h2{margin-top:8px}.focus-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:22px 0 7px;font-size:12px}.focus-score b{font-size:30px;letter-spacing:-.05em}.focus-score i{font-style:normal;color:#aaa;font-size:18px}.focus-date{font-size:10px;color:#9b9ea3;margin-bottom:20px}.focus-result .btn{min-width:130px}@media(max-width:560px){.focus-dialog,.focus-result{padding:24px;border-radius:25px}.focus-dialog h2,.focus-result h2{font-size:25px}.focus-match{align-items:flex-start;flex-direction:column}.focus-match time{align-self:flex-end}.focus-score{grid-template-columns:1fr;gap:4px}.focus-score b{order:2}.focus-score span:first-child{order:1}.focus-score span:last-child{order:3}.focus-actions{flex-direction:column}}
.focus-promotion{display:block;width:100%;margin:2px 0 6px;font-size:11px;font-style:normal;font-weight:800;letter-spacing:-.01em;color:#4b4f55}
.career-outcome.is-promotion .focus-result-mark{box-shadow:inset 0 1px rgba(255,255,255,.98),0 14px 35px rgba(180,145,45,.14);transform:scale(1.08)}
.career-outcome-detail{margin:0 auto;color:#6f7379;font-size:12px;line-height:1.7;max-width:390px}
.career-outcome-advice{margin:18px 0 20px;padding:13px 15px;border-radius:16px;background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.68);font-size:11px;color:#55595f}
.career-outcome.is-promotion h2{letter-spacing:-.05em}
.league-legend{display:flex;gap:7px;flex-wrap:wrap;margin:-4px 0 10px}.legend-chip,.table-status{display:inline-flex;align-items:center;border-radius:999px;font-size:9px;font-weight:750;letter-spacing:.02em}.legend-chip{padding:5px 9px;background:rgba(240,241,243,.72);border:1px solid rgba(255,255,255,.8)}.table-status{padding:4px 7px}.league-row.ucl{background:linear-gradient(90deg,rgba(83,130,255,.10),transparent 72%)}.league-row.uel{background:linear-gradient(90deg,rgba(55,178,111,.10),transparent 72%)}.league-row.uecl{background:linear-gradient(90deg,rgba(145,92,218,.10),transparent 72%)}.league-row.relegation{background:linear-gradient(90deg,rgba(231,76,76,.10),transparent 72%)}.league-row.promotion{background:linear-gradient(90deg,rgba(224,167,54,.11),transparent 72%)}.legend-chip.ucl,.table-status.ucl{color:#3866d8;background:rgba(83,130,255,.12);border-color:rgba(83,130,255,.20)}.legend-chip.uel,.table-status.uel{color:#23854e;background:rgba(55,178,111,.12);border-color:rgba(55,178,111,.20)}.legend-chip.uecl,.table-status.uecl{color:#7642b2;background:rgba(145,92,218,.12);border-color:rgba(145,92,218,.20)}.legend-chip.relegation,.table-status.relegation{color:#b83a3a;background:rgba(231,76,76,.12);border-color:rgba(231,76,76,.20)}.legend-chip.promotion,.table-status.promotion{color:#9a6b16;background:rgba(224,167,54,.13);border-color:rgba(224,167,54,.20)}
.player-name-stack{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.05;vertical-align:middle}
.player-name-zh{font-size:1em;font-weight:750;letter-spacing:.01em}
.player-name-en{font-size:.72em;font-weight:500;opacity:.52;margin-top:3px;letter-spacing:.01em}

.table-club-link,.club-player-link{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}
.table-club-link{font-weight:650}
.table-club-link:hover,.club-player-link:hover{opacity:.72}
.club-player-link{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}
.club-player-link .player-name-stack{display:inline-flex}
.club-player-meta{display:flex;gap:18px;margin-top:7px;font-size:12px;color:var(--muted,#777)}

/* 顶部导航在滚动后切换为毛玻璃样式 */
.nav.nav-scrolled{background:rgba(255,255,255,.72);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);box-shadow:0 10px 30px rgba(25,28,34,.08),inset 0 1px rgba(255,255,255,.9)}
/* 玩家所在球队高亮 */
.league-row.is-me td{font-weight:700;box-shadow:inset 3px 0 0 #d8a63a}
.league-row.is-me .club-name button{color:#a97b12}