/* The dedicated competition page uses desktop width; shared rows also serve the games. */
.competition-main{max-width:1240px;margin:0 auto;padding:calc(var(--nav-h) + 52px) var(--gutter) 88px}
.competition-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:40px}
.competition-intro .dp-eyebrow{margin-bottom:18px}
.competition-intro h1{font:500 clamp(2.6rem,5.1vw,4.5rem)/1.06 var(--f-display);letter-spacing:-.04em;margin-bottom:22px}
.competition-intro h1 em{font-weight:400;color:#93621d}
.competition-intro>div>p:last-child{max-width:53ch;color:var(--muted);font-size:1rem;line-height:1.65}
.competition-intro-note{flex:none;padding:0 0 8px 28px;border-left:1px solid var(--line)}
.competition-intro-note>span{font:500 .7rem var(--f-mono);letter-spacing:.1em;color:#93621d}
.competition-intro-note p{font:500 1.25rem/1.35 var(--f-display);margin:14px 0 18px}
.competition-intro-note a{font-size:.8rem;text-decoration:underline;text-underline-offset:4px}
.competition-board.lb-panel{max-width:none;max-height:none;overflow:visible;padding:0;box-shadow:0 14px 50px -30px rgba(64,40,14,.25)}
.competition-game-switch{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--lb-line);padding:12px;gap:8px}
.competition-game-switch button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:64px;padding:8px 12px;background:transparent;color:var(--lb-muted);border:1px solid transparent;border-radius:var(--r-sm);cursor:pointer;font:600 1rem var(--f-sans)}
.competition-game-switch button[aria-pressed=true]{background:var(--lb-gold-tint);border-color:var(--lb-gold);color:var(--lb-ink)}
.competition-game-switch img{width:46px;height:46px;object-fit:contain}
.competition-body{display:grid;grid-template-columns:minmax(0,1fr) 250px}
.competition-results{min-width:0;padding:26px 28px 28px}
.competition-board-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}
.competition-board .lb-heading{font-size:1.6rem;text-align:left;margin:0}
.competition-board .lb-heading{font-size:1.5rem}
/* On the page the stepper sits left under the title, its dates beside it. */
.competition-board .lb-period{flex-direction:row;align-items:center;gap:6px 14px;flex-wrap:wrap;margin:14px 0 0 -8px}
.competition-board .lb-period .lb-nav-label{min-width:5.5em}
.competition-board .lb-period-dates{text-align:left}
.competition-board .lb-board-tools{margin-top:12px}
.competition-board .lb-competition-row{grid-template-columns:28px 44px minmax(0,1fr) auto;gap:0 14px;padding:11px 10px}
.competition-board .lb-competition-row .lb-avatar-wrap,.competition-board .lb-list--podium .lb-competition-row .lb-avatar-wrap{width:44px;height:44px}
.competition-board .lb-recent{grid-column:3 / 5}
.competition-board .lb-pts b{font-size:1.125rem}
.competition-board .lb-history-note{margin-top:18px;line-height:1.6;font-size:.85rem;color:var(--lb-muted)}
.competition-sidebar{padding:28px 24px;border-left:1px solid var(--lb-line);background:var(--lb-gold-tint)}
.competition-sidebar>label{display:block;font:500 .625rem var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--lb-muted);margin-bottom:10px}
/* The history picker keeps the native menu (and its accessibility) but draws
   its own field: a hairline box and a fine chevron in place of the browser's. */
.competition-select{position:relative;display:block}
.competition-select::after{content:"";position:absolute;top:50%;right:16px;width:7px;height:7px;margin-top:-6px;border-right:1.5px solid var(--lb-muted);border-bottom:1.5px solid var(--lb-muted);transform:rotate(45deg);pointer-events:none;transition:border-color .2s var(--e-out)}
.competition-sidebar select{-webkit-appearance:none;appearance:none;display:block;width:100%;min-height:44px;margin:0;padding:0 40px 0 14px;border:1px solid var(--lb-line-firm);border-radius:var(--r-sm);background:var(--lb-surface);color:var(--lb-ink);font:500 .875rem/1.2 var(--f-sans);cursor:pointer;box-shadow:0 1px 2px rgba(31,21,12,.06);transition:border-color .2s var(--e-out),box-shadow .2s var(--e-out)}
.competition-sidebar select:hover:not(:disabled){border-color:var(--lb-gold)}
.competition-select:hover::after{border-color:var(--lb-gold)}
.competition-sidebar select:focus{outline:none}
.competition-sidebar select:focus-visible{border-color:var(--lb-gold);box-shadow:0 0 0 3px var(--lb-gold-tint),0 0 0 1px var(--lb-gold)}
.competition-sidebar select:disabled{opacity:.6;cursor:default}
.competition-sidebar>p{font-size:.8rem;line-height:1.55;color:var(--lb-muted);margin:12px 0 20px}
.competition-sidebar .lb-scoring{margin:0 0 20px;padding-top:6px}
.competition-sidebar .lb-scoring-grid{font-size:.72rem}
.competition-sidebar-note{padding-top:20px;border-top:1px solid var(--lb-line)}
.competition-sidebar-note h3{font:600 1.1rem var(--f-display);margin-bottom:10px}
.competition-sidebar-note p{font-size:.8rem;color:var(--lb-muted);margin-bottom:16px}
.dp-dark .competition-intro>div>p:last-child{color:var(--cream-mute)}
.dp-dark .competition-intro h1 em,.dp-dark .competition-intro-note>span{color:#E6B34C}
.dp-dark .competition-intro-note{border-color:var(--night-line)}
@media(min-width:1050px){.competition-board .lb-competition-row{grid-template-columns:28px 44px minmax(120px,1fr) minmax(190px,auto) 72px}.competition-board .lb-recent{grid-column:4;grid-row:1;justify-content:flex-end;margin-top:0}.competition-board .lb-pts{grid-column:5;grid-row:1}.competition-board .lb-recent--missing{max-width:190px}}
@media(max-width:900px){.competition-body{grid-template-columns:1fr}.competition-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;border-left:0;border-top:1px solid var(--lb-line)}.competition-sidebar>p{grid-column:1}.competition-sidebar>.lb-scoring{grid-column:2;grid-row:1 / 4;margin:0}.competition-sidebar-note{grid-column:1 / -1}.competition-intro-note{display:none}}
@media(max-width:540px){.competition-main{padding:calc(var(--nav-h) + 30px) 16px 52px}.competition-intro{margin-bottom:28px}.competition-intro h1{font-size:2.5rem}.competition-game-switch{padding:8px;gap:4px}.competition-game-switch button{flex-direction:column;gap:4px;font-size:.78rem;min-height:80px;padding:8px 3px}.competition-game-switch img{width:34px;height:34px}.competition-results{padding:22px 14px}.competition-board-heading{align-items:flex-start}.competition-board .lb-heading{font-size:1.3rem;max-width:12ch}.competition-board .lb-competition-row{grid-template-columns:26px 38px minmax(0,1fr) auto;gap:0 10px;padding:10px 4px}.competition-board .lb-competition-row .lb-avatar-wrap,.competition-board .lb-list--podium .lb-competition-row .lb-avatar-wrap{width:38px;height:38px}.competition-board .lb-pts b{font-size:1rem}.competition-sidebar{display:block;padding:24px 20px}.competition-sidebar .lb-scoring{margin:24px 0}.competition-board .lb-recent{grid-column:3 / 5}.competition-intro>div>p:last-child{font-size:.94rem}}