.page-intro { color:var(--muted); line-height:1.5; }
.cup-bracket { display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:18px; }
.cup-bracket>section { flex:0 0 min(84vw,300px); scroll-snap-align:start; }
.cup-round { display:grid; gap:9px; }
.cup-match { position:relative; padding:12px; background:var(--panel); border:1px solid var(--line); border-radius:14px; }
.cup-match.mine { border-color:var(--gold); box-shadow:inset 3px 0 var(--gold); }
.cup-match>span { display:block; margin-bottom:6px; color:var(--muted); font-size:8px; text-transform:uppercase; }
.cup-match>div { display:grid; grid-template-columns:1fr 25px; padding:5px 0; border-bottom:1px solid #ffffff0a; font-size:11px; }
.cup-match>div b { color:var(--gold); text-align:center; }
.cup-match small { color:var(--muted); font-size:8px; }
.cup-match a { float:right; color:var(--gold); font-size:9px; }
.level-pill { padding:7px 10px; color:var(--gold); background:#1d304b; border-radius:99px; font-size:10px; font-weight:900; }
.youth-grid { display:grid; gap:12px; }
.youth-card { position:relative; padding:14px; background:linear-gradient(150deg,#18314d,#101b2b); border:1px solid var(--line); border-radius:18px; overflow:hidden; }
.youth-photo { height:180px; margin:-14px -14px 12px; }
.youth-role { position:absolute; top:12px; left:12px; padding:7px; color:#101820; background:var(--gold); border-radius:8px; font-size:10px; font-weight:950; }
.youth-card>span { color:var(--gold); font-size:11px; }
.youth-card h2 { margin:3px 0; }
.youth-card>small { color:var(--muted); }
.youth-estimates { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:14px 0; }
.youth-estimates>div { padding:10px; text-align:center; background:#07111d88; border-radius:10px; }
.youth-estimates span,.youth-estimates b { display:block; }
.youth-estimates span { color:var(--muted); font-size:8px; }
.youth-estimates b { color:var(--gold); font-size:22px; }
.history-hero { display:flex; align-items:center; gap:15px; padding:18px; background:var(--panel); border:1px solid var(--line); border-radius:18px; }
.history-hero strong,.history-hero span { display:block; }
.history-hero strong { font-size:20px; }
.history-hero span { color:var(--muted); font-size:10px; }
.trophy-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.trophy-grid article { padding:15px; text-align:center; background:linear-gradient(145deg,#3e3112,#181c22); border:1px solid #d4a93466; border-radius:14px; }
.trophy-grid article span,.trophy-grid article strong,.trophy-grid article small { display:block; }
.trophy-grid article span { font-size:28px; }
.trophy-grid article strong { font-size:11px; margin:5px 0; }
.trophy-grid article small { color:var(--muted); font-size:8px; }
.season-list>div { display:grid; grid-template-columns:38px 1fr; gap:3px 9px; padding:12px; border-bottom:1px solid var(--line); }
.season-list>div>b { grid-row:1/3; color:var(--gold); }
.season-list strong { font-size:11px; }
.season-list span { color:var(--muted); font-size:9px; }
.legend-list>div { display:grid; grid-template-columns:30px 1fr; padding:11px; border-bottom:1px solid var(--line); }
.legend-list small { grid-column:2; color:var(--muted); font-size:9px; }
@media(min-width:700px) {
  .youth-grid { grid-template-columns:repeat(3,1fr); }
  .cup-bracket>section { flex-basis:310px; }
  .trophy-grid { grid-template-columns:repeat(4,1fr); }
}