[data-league-theme]{--league-accent:#ff954a;--league-light:#fff1e5;--league-line:#f999555c;--league-deep:#301b18;--league-panel:#201c24}
[data-league-theme=hard]{--league-accent:#9ecbff;--league-light:#e5f2ff;--league-line:#789cfa70;--league-deep:#080d36;--league-panel:#111d46}
[data-league-theme=daily]{--league-accent:#78ebcb;--league-light:#defff4;--league-line:#70d7bf66;--league-deep:#072d31;--league-panel:#102d36}
.league-dialog[data-league-theme]{width:min(620px,calc(100vw - 24px));padding:24px;border:1px solid var(--league-line);background:linear-gradient(150deg,var(--league-deep),#071329 72%);box-shadow:0 24px 100px #000b,inset 0 1px #ffffff24}
.league-dialog .dialog-close{z-index:2;color:var(--league-light);background:#071329b0;border-radius:50%}
.league-dialog>h2#league-title{font:700 16px 'DM Sans',sans-serif;letter-spacing:2px;color:var(--league-accent);margin:20px 0 8px}
.league-dialog>.eyebrow{display:none}
.league-hero{position:relative;isolation:isolate;display:flex;align-items:center;gap:20px;min-height:162px;padding:28px 24px;border:1px solid var(--league-line);border-radius:14px;overflow:hidden;background:linear-gradient(100deg,var(--league-deep),#0a183ba8),url('next-stadium.png') center 56%/cover;box-shadow:inset 0 -4px var(--league-accent)}
.league-dialog .league-hero{margin:14px -8px 0;padding-right:22px}
.league-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,transparent 48%,#ffffff13 49%,transparent 70%);pointer-events:none}
.league-emblem{flex:none;display:grid;place-items:center;font-size:66px;line-height:1;color:var(--league-light);text-shadow:0 0 24px var(--league-accent)}
.league-kicker{font:800 14px/1.4 'DM Sans',sans-serif;letter-spacing:2px;color:var(--league-accent)}
.league-hero h2{font:900 clamp(28px,6vw,44px)/1.08 'Barlow Condensed',sans-serif;color:var(--league-light);letter-spacing:.4px;margin:8px 0 0;overflow-wrap:anywhere}
.league-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px;margin:22px 0}
.league-podium[hidden]{display:none}.podium-player{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:18px 8px 14px;background:linear-gradient(160deg,var(--league-panel),#09182b);border:1px solid var(--league-line);border-radius:12px 12px 5px 5px;box-shadow:0 8px 16px #0004;min-height:160px}
.podium-1{grid-column:2;grid-row:1;min-height:185px;border-color:var(--league-accent);box-shadow:0 0 24px #d3c38714,inset 0 3px var(--league-accent)}.podium-2{grid-column:1;grid-row:1}.podium-3{grid-column:3;grid-row:1}
.podium-rank{font:900 25px 'Barlow Condensed',sans-serif;color:var(--league-accent)}.podium-name{font:700 16px/1.3 'DM Sans',sans-serif;color:var(--league-light);overflow-wrap:anywhere;width:100%}.podium-score{font:900 36px/1 'Barlow Condensed',sans-serif;color:#fff;margin-top:auto}.podium-player small{font-size:12px;color:#b9c9df;letter-spacing:2px}
.league-dialog .league-own,.board[data-league-theme] .my-rank{border:1px solid var(--league-line);border-left:4px solid var(--league-accent);background:var(--league-panel);font-size:16px;line-height:1.5}
.league-dialog .league-row{grid-template-columns:34px minmax(0,1fr) auto;min-height:64px;border-color:var(--league-line);background:#ffffff03;margin:5px 0;border-radius:8px;padding:12px}.league-dialog .league-row>strong{font:900 25px 'Barlow Condensed',sans-serif;color:var(--league-accent)}.league-dialog .league-row>b{font:900 27px 'Barlow Condensed',sans-serif;color:var(--league-light)}.league-dialog .league-row.is-you{background:var(--league-panel);outline:1px solid var(--league-accent)}
.league-dialog select{border-color:var(--league-line);background:var(--league-panel);color:var(--league-light)}.league-dialog .league-rules{font-size:14px}.league-reset{padding-top:14px;border-top:1px solid var(--league-line)}
.board[data-league-theme] .board-title{margin:18px 0}.board[data-league-theme] .board-title>div{display:none}.board[data-league-theme] .board-title>p{max-width:none;font-size:16px;margin:0}.board[data-league-theme] .board-panel{border-color:var(--league-line);background:var(--league-panel)}.board[data-league-theme] .board-table td:nth-child(3){color:var(--league-light)}.board[data-league-theme] .board-table tr:first-child{background:linear-gradient(90deg,var(--league-deep),transparent)}.board[data-league-theme] .board-table .board-rank{color:var(--league-accent)}.board[data-league-theme] .board-modes select{min-height:44px;font-size:16px;border-color:var(--league-line)}.board[data-league-theme] .board-footer{font-size:14px}.board[data-league-theme] .board-tools span{font-size:14px}
@media(max-width:380px){.league-dialog[data-league-theme]{padding:18px 14px}.league-hero{gap:12px;padding:20px 14px;min-height:135px}.league-emblem{font-size:44px}.league-hero h2{font-size:29px}.league-kicker{letter-spacing:1px}.league-podium{gap:5px}.podium-player{padding:12px 5px}.podium-name{font-size:14px}.podium-score{font-size:30px}}
@media(prefers-reduced-motion:no-preference){.league-hero::after{animation:leagueLight 8s ease-in-out infinite alternate}@keyframes leagueLight{to{transform:translateX(20%);opacity:.35}}}

/* Give the long league name the full card width; never split Turkish words. */
.league-dialog .league-hero,.board .league-hero{display:block;container-type:inline-size;padding:25px 20px 23px;min-height:165px}
.league-dialog .league-hero>div,.board .league-hero>div{min-width:0;width:100%}
.league-dialog .league-hero .league-emblem,.board .league-hero .league-emblem{position:absolute;right:17px;top:17px;font-size:33px;line-height:1;width:38px;height:38px}
.league-dialog .league-hero .league-kicker,.board .league-hero .league-kicker{display:block;padding-right:44px;font-size:14px;line-height:1.5;letter-spacing:1.4px;overflow-wrap:normal;word-break:normal}
.league-dialog .league-hero h2,.board .league-hero h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(1.3rem,8.8cqi,2.65rem);font-weight:900;line-height:1.12;letter-spacing:.3px;margin:15px 0 0;overflow-wrap:normal;word-break:normal;hyphens:none;text-align:left}
.league-dialog .league-hero h2 span,.board .league-hero h2 span{display:block;white-space:nowrap;font:inherit;letter-spacing:inherit}
@media(max-width:380px){.league-dialog .league-hero,.board .league-hero{padding:22px 16px}.league-dialog .league-hero .league-kicker,.board .league-hero .league-kicker{font-size:13px;letter-spacing:1px}}