.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; }
.academy-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:14px 0 24px; }
.academy-summary>div { padding:13px; border:1px solid var(--line); border-radius:13px; background:var(--panel); text-align:center; }
.academy-summary span,.academy-summary strong { display:block; }
.academy-summary span { color:var(--muted); font-size:8px; }
.academy-summary strong { margin-top:4px; color:var(--gold); font-size:22px; }
.academy-progress { height:7px; margin-top:12px; overflow:hidden; border-radius:10px; background:#07111d; }
.academy-progress i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#22c55e,var(--gold)); }
.academy-progress-label { display:block; margin-top:5px; }
.academy-plan { margin:13px 0; }
.academy-plan label { display:block; margin-bottom:5px; color:var(--muted); font-size:8px; }
.academy-plan>div { display:grid; grid-template-columns:1fr auto; gap:6px; }
.academy-plan select { min-width:0; }
.academy-plan>small { display:block; margin-top:7px; color:#f6c94c; font-size:8px; line-height:1.45; }
.academy-plan-locked { display:grid; gap:3px; margin:13px 0; padding:12px; border:1px solid #22c55e55; border-radius:11px; background:#22c55e0c; }
.academy-plan-locked span { color:var(--green); font-size:8px; font-weight:900; letter-spacing:.08em; }
.academy-plan-locked small { color:var(--muted); }
.academy-proposals { margin:20px 0 34px; padding:18px; border:1px solid #f7c94855; border-radius:20px; background:linear-gradient(145deg,#2b2818,#101b2b); }
.academy-proposals>.section-head { margin-bottom:6px; }
.academy-proposals>.section-head b { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:var(--gold); color:#101820; }
.academy-proposals>p { margin:0 0 16px; color:var(--muted); font-size:10px; line-height:1.55; }
.youth-proposal { border-color:#f7c94866; }
.proposal-actions { display:grid; gap:7px; margin-top:12px; }
.proposal-actions form { margin:0; }
.academy-roster-head { margin-top:24px; }
.academy-economy { display:flex; align-items:center; justify-content:space-between; margin:10px 0; padding:10px; border-radius:10px; background:#07111d88; }
.academy-economy span { color:var(--muted); font-size:8px; }
.academy-economy strong { color:var(--gold); font-size:13px; }
.academy-rules,.academy-history { margin-top:18px; padding:16px; border:1px solid var(--line); border-radius:17px; background:var(--panel); }
.academy-rules h2,.academy-history h2 { margin-top:0; }
.academy-rules p { margin-bottom:0; color:var(--muted); font-size:10px; line-height:1.6; }
.academy-history a { display:grid; grid-template-columns:1fr auto; padding:10px 0; border-bottom:1px solid var(--line); color:inherit; }
.academy-history a span { grid-column:1; color:var(--muted); font-size:8px; }
.academy-history a strong { grid-column:1; font-size:11px; }
.academy-history a b { grid-column:2; grid-row:1/3; align-self:center; color:var(--gold); font-size:20px; }
.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; }
.history-sections { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:18px; align-items:stretch; }
.history-sections>section { min-width:0; padding:14px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,var(--panel2),var(--panel)); }
.history-sections>section>header { display:flex; align-items:center; gap:10px; min-height:48px; margin-bottom:12px; padding-bottom:11px; border-bottom:1px solid var(--line); }
.history-sections>section>header>span { display:grid; place-items:center; flex:0 0 38px; width:38px; height:38px; border-radius:11px; background:#233653; color:var(--gold); font-size:20px; }
.history-sections h2 { margin:0; font-size:17px; }
.history-sections header small { display:block; margin-top:3px; color:var(--muted); font-size:8px; }
.history-sections .empty-state { min-height:110px; display:grid; grid-template-columns:1fr!important; place-items:center; width:100%; padding:15px; text-align:center; }
.history-sections .trophy-grid { grid-template-columns:1fr; }
.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 img{display:block;width:90px;height:100px;margin:auto;object-fit:contain;filter:drop-shadow(0 7px 9px #0008)}.trophy-grid article a{display:block;color:#93c5fd;font-size:8px}
.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); }
  .history-sections .trophy-grid { grid-template-columns:1fr; }
}
@media(max-width:760px) { .history-sections { grid-template-columns:1fr; } }
@media(max-width:560px) { .academy-summary { grid-template-columns:1fr 1fr; } .academy-plan>div { grid-template-columns:1fr; } }
.flash-dialog{--flash-accent:var(--gold);--flash-soft:#facc151c;width:min(90vw,460px);margin:auto;padding:24px;border:1px solid color-mix(in srgb,var(--flash-accent) 42%,#42536a);border-radius:22px;background:linear-gradient(145deg,#172438,#0d1726);color:var(--ink);box-shadow:0 28px 90px #000d;text-align:center}.flash-dialog::backdrop{background:#020817c9;backdrop-filter:blur(5px)}.flash-dialog-success{--flash-accent:#4ade80;--flash-soft:#22c55e1c}.flash-dialog-error{--flash-accent:#fb7185;--flash-soft:#ef44441c}.flash-dialog-warning{--flash-accent:#facc15;--flash-soft:#facc151c}.flash-dialog-info{--flash-accent:#60a5fa;--flash-soft:#3b82f61c}.flash-dialog-mark{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 12px;border:1px solid color-mix(in srgb,var(--flash-accent) 55%,transparent);border-radius:50%;background:var(--flash-soft);color:var(--flash-accent)}.flash-dialog-mark svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.flash-dialog h2{margin:0 0 12px}.flash-dialog-messages{display:grid;gap:8px;margin-bottom:20px}.flash-dialog-messages p{margin:0;padding:11px;border-radius:11px;background:#ffffff0a;color:#d7e2ef;font-size:12px;line-height:1.5}.flash-dialog-messages p.error{border-left:3px solid var(--danger);background:#ef444414}.flash-dialog-messages p.success{border-left:3px solid var(--green);background:#22c55e12}.flash-dialog-messages p.warning{border-left:3px solid #facc15;background:#facc1512}.flash-dialog-messages p.info,.flash-dialog-messages p.message{border-left:3px solid #60a5fa;background:#3b82f612}.flash-dialog .btn{min-height:52px;border-color:var(--flash-accent);background:var(--flash-accent);color:#08111f;font-size:16px}.bottom-nav .main-action small{max-width:120px;line-height:1.12;text-align:center}