:root{--bg:#101010;--surface:#1a1a1a;--line:#303030;--ink:#fff;--muted:#b8b8b8;--wine:#87001f;--pink:#fff}
body{font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65;background:#101010;color:#fff}h1,h2,h3,.rank,.score,.countdown-unit b{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:700;letter-spacing:-.02em}a:not(.emblem){text-underline-offset:4px}a:hover{text-decoration:underline}button{min-height:44px;font-family:Inter,Arial,sans-serif;transition:background .15s,border-color .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #fff;outline-offset:4px}a:focus-visible{background:#87001f;color:white}.testbar{background:#1a1a1a;color:#b8b8b8;font-size:10px;padding:8px 24px;letter-spacing:1px}.preview-switch{display:flex;align-items:center;justify-content:center;gap:24px;padding:8px 16px;background:#000;color:#b8b8b8;font-size:12px}.preview-switch a{color:white;text-decoration:underline;min-height:24px}
header.masthead{display:block;max-width:none;margin:0;padding:0;background:#fff;color:#000}.emblem{display:flex;justify-content:center;padding:8px 24px}.emblem img{width:208px;height:208px;object-fit:contain;display:block}.masthead-nav{max-width:1248px;margin:auto;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ddd;gap:24px}.masthead nav{display:flex;margin:0;gap:32px;font-size:14px;color:#000}.masthead .outline{color:#000;border-color:#777;padding:8px 16px}.masthead .outline:hover{background:#eee}.masthead a:focus-visible,.masthead button:focus-visible{outline-color:#87001f}main{max-width:1248px;padding:0 24px}#leaderboard.leaderboard-first{margin:32px 0 64px}.eyebrow{font-size:11px;letter-spacing:1.6px;color:#b8b8b8}.leaderboard-first h1{font-size:clamp(32px,3.7vw,48px);line-height:1.12;letter-spacing:-.02em;margin:8px 0}.leaderboard-first .intro{font-size:16px;color:#b8b8b8;margin:12px 0 32px}.leaderboard-first .voting{grid-template-columns:minmax(0,1fr) 320px;gap:40px}.searchbox{border:1px solid #858585;background:#1a1a1a;border-radius:6px;padding:4px 16px;min-height:56px}.searchbox span{color:#fff}.searchbox input{font-size:16px;min-height:44px}.searchbox input::placeholder{font-size:14px;color:#b8b8b8}.clear-search{color:white;min-width:44px}.filters{gap:8px;margin-top:16px;flex-wrap:wrap}.filters button{border:1px solid #858585;border-radius:6px;color:#b8b8b8;font-size:14px;padding:8px 16px}.filters button:hover{color:#fff;background:#303030}.filters .selected{background:#87001f;border-color:#b8b8b8;color:white;font-weight:600}.filters .selected::before{content:'✓ ';font-size:12px}.list-heading{margin-top:32px;gap:16px}.list-heading h2{font-size:30px;font-weight:600;letter-spacing:-.02em}.pill,.list-heading .pill{font-size:9px;border-radius:6px;padding:6px 8px;color:#b8b8b8;border-color:#555;letter-spacing:.7px}.subtle{font-size:13px;line-height:1.65;color:#b8b8b8}.subtle a{text-decoration:underline;color:#fff}#list-help{margin:12px 0 8px;max-width:640px}
.boardrow{display:flex;flex-wrap:nowrap;gap:16px;padding:20px 0;border-bottom:1px solid #303030}.rank{color:#b8b8b8;font-size:26px;min-width:28px;font-variant-numeric:tabular-nums}.boardrow:nth-child(-n+3) .rank{color:#fff;font-size:32px}.boardrow .art{display:grid;flex:0 0 64px;width:64px;height:96px;background:#303030;border-radius:6px;color:white}.art.game,.art.series,.art.season,.art.episode{background:#303030;color:#fff}.boardrow:nth-child(-n+3) .art{flex-basis:72px;width:72px;height:108px}.art img{object-fit:cover}.boardrow .result-main{flex:1;min-width:0}.title-link{font-size:16px;font-weight:600;line-height:1.4;min-height:44px;color:#fff}.title-link:hover{text-decoration:underline;text-underline-offset:4px}.meta{font-size:10px;letter-spacing:.6px;color:#b8b8b8}.developer{font-size:12px;color:#b8b8b8}.boardrow .score{font-size:28px;min-width:46px;color:white;font-variant-numeric:tabular-nums}.score small{font-family:Inter,sans-serif;font-size:8px;line-height:1.5;margin-top:4px;color:#b8b8b8}.boardrow .add,.add{font-size:12px;font-weight:600;min-height:44px;border:1px solid #b8b8b8;border-radius:6px;color:white;background:#87001f;padding:8px 12px}.add:hover,.primary:hover{background:#87001f;border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.boardrow:has([data-manage]){flex-wrap:wrap}.boardrow [data-manage]{margin-left:auto}.status{color:#fff;text-decoration:underline}
.ballot{border:1px solid #555;border-top:4px solid #87001f;background:#1a1a1a;padding:24px;border-radius:6px}.leaderboard-first .ballot{top:24px}.ballot-head{border-color:#555;padding-bottom:16px}.ballot h3{font-size:30px;line-height:1.15;margin:24px 0 16px;letter-spacing:-.02em}.ballot p{font-size:14px;line-height:1.7;color:#b8b8b8}.primary{background:#87001f;color:white;border:1px solid #b8b8b8;border-radius:6px;min-height:48px;font-size:14px;line-height:1.4;justify-content:center;padding:12px 16px}.outline{border-color:#858585;border-radius:6px;color:#fff;font-size:14px}.locked{color:white!important}.ballot .pending-vote{background:#87001f;color:white;border-color:#b8b8b8}.ballot .final-warning{color:#b8b8b8}.ballot .countdown-wrap p{color:#b8b8b8}.countdown-unit b{color:#fff;font-size:30px}.countdown-colon{color:#b8b8b8}.countdown-unit span{font-size:9px;letter-spacing:0}.allocation input{border-color:#858585}.remove{color:white;min-height:44px;text-decoration:underline}.vote-message{background:#1a1a1a;color:white;border:1px solid #b8b8b8;border-left:4px solid #87001f}.empty{background:#1a1a1a;border:1px dashed #777;border-radius:6px;color:#b8b8b8;padding:24px}.history-week{color:white;font-weight:600;font-size:14px}.history-row{padding:16px 0;font-size:16px}.watch{color:white;text-decoration:underline}.about{background:#87001f;border:0;border-radius:8px;padding:40px;margin:64px 0 40px}.about h2{font-family:Oswald,sans-serif;font-weight:700;font-size:40px;letter-spacing:-.02em}.about p,.about .eyebrow{color:#fff}.about p{font-size:16px;max-width:640px}h2{font-size:36px}footer{max-width:1248px;padding:24px;gap:24px;border-top:1px solid #303030;font-size:12px}.brand{font-family:Oswald,sans-serif;font-size:22px;letter-spacing:0}dialog{background:#1a1a1a;border:1px solid #858585;border-radius:8px;padding:24px}dialog::backdrop{background:#000c;backdrop-filter:none}dialog p{font-size:16px}.close{color:white;min-width:44px}.warning{background:#303030;border-color:white;color:white}.adminrow{background:#1a1a1a}.adminrow select,#manage-title select,#admin-video{border-color:#858585;background:#1a1a1a}#admin-error,#submit-error,#ballot-error{color:#fff;font-weight:600;text-decoration:underline}#notice{background:#fff;color:#000;border-radius:6px;box-shadow:none;font-size:14px}
@media(max-width:1000px){.leaderboard-first .voting{grid-template-columns:minmax(0,1fr) 280px;gap:24px}.boardrow{gap:12px;flex-wrap:wrap}.boardrow .add{margin-left:auto}.masthead-nav{gap:16px}.masthead nav{gap:20px}.boardrow .art{display:grid}.title-link{font-size:15px}}
@media(max-width:700px){.preview-switch{font-size:10px;gap:12px}.testbar{font-size:8px}.emblem img{width:176px;height:176px}.emblem{padding:8px 16px}.masthead-nav{padding:8px 16px;flex-wrap:wrap;justify-content:center;gap:8px}.masthead nav{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;font-size:12px}.masthead .outline{font-size:12px;min-height:44px}main{padding:0 16px}#leaderboard.leaderboard-first{margin:24px 0 48px}.leaderboard-first h1{font-size:34px}.leaderboard-first .intro{font-size:15px;margin-bottom:24px}.leaderboard-first .voting{grid-template-columns:1fr;gap:24px}.leaderboard-first .ballot{position:static}.list-heading{align-items:center;flex-direction:row;flex-wrap:wrap}.list-heading h2{font-size:28px}.filters button{font-size:13px;padding:8px 14px}.boardrow,.boardrow:not(:has(.rank)){display:grid;grid-template-columns:28px 56px minmax(0,1fr) 44px;gap:8px 12px;padding:16px 0}.boardrow:not(:has(.rank)){grid-template-columns:56px minmax(0,1fr) 44px}.boardrow .art,.boardrow:nth-child(-n+3) .art{width:56px;height:84px;grid-row:1}.boardrow .result-main{min-width:0}.boardrow .rank{font-size:24px}.boardrow .score{font-size:25px;min-width:0}.boardrow .add{grid-column:3/5;justify-self:stretch;margin:0}.boardrow:not(:has(.rank)) .add{grid-column:2/4}.boardrow [data-manage]{grid-column:3/5;justify-self:stretch;margin:0}.boardrow:not(:has(.rank)) [data-manage]{grid-column:2/4}.boardrow .title-link{font-size:15px}.meta{font-size:9px}.score small{font-size:7px;letter-spacing:0}.about{padding:24px}.about h2{font-size:34px}.history-row{font-size:14px}footer{padding:24px 16px;flex-wrap:wrap}footer small{margin:0}.searchbox{padding:4px 12px;gap:8px}.countdown-unit b{font-size:30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Compact opening: put useful voting content near the masthead. */
.testbar{display:none}.emblem img{width:160px;height:160px}.masthead-nav{padding-top:8px;padding-bottom:8px}.leaderboard-first h1{font-size:clamp(32px,3.2vw,40px)}#leaderboard.leaderboard-first{margin-top:24px}.leaderboard-first .intro{margin:8px 0 24px}.leaderboard-first .eyebrow{margin:0 0 8px}.list-heading{margin-top:24px}
@media(max-width:700px){.emblem img{width:144px;height:144px}.masthead-nav{gap:4px}.leaderboard-first h1{font-size:32px}.leaderboard-first .intro{font-size:15px}.preview-switch{min-height:32px}}
@media(max-width:700px){.boardrow .rank{grid-column:1;grid-row:1}.boardrow .art,.boardrow:nth-child(-n+3) .art{grid-column:2;grid-row:1}.boardrow .result-main{grid-column:3;grid-row:1}.boardrow .score{grid-column:4;grid-row:1}.boardrow:not(:has(.rank)) .art{grid-column:1}.boardrow:not(:has(.rank)) .result-main{grid-column:2}.boardrow:not(:has(.rank)) .score{grid-column:3}}
/* Poster-led podium, only on the unfiltered leaderboard. Search stays a list. */
#results:has(.rank){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px;align-items:stretch}
#results:has(.rank)>.boardrow{grid-column:1/-1}
#results:has(.rank)>.boardrow:nth-child(-n+3){grid-column:auto;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(44px,1fr) auto;grid-template-rows:1fr auto auto;gap:16px 8px;min-height:460px;padding:16px;margin:16px 0 12px;border:1px solid #777;border-radius:8px;background:#101010;align-items:end}
#results:has(.rank)>.boardrow:nth-child(-n+3) .art{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;border-radius:0;background:#303030}
#results:has(.rank)>.boardrow:nth-child(-n+3) .art>span{display:none}
#results:has(.rank)>.boardrow:nth-child(-n+3) .art img{object-fit:cover;object-position:center top;width:100%;height:100%}
#results:has(.rank)>.boardrow:nth-child(-n+3)::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.2) 0%,transparent 35%,rgba(0,0,0,.88) 69%,#101010 100%);pointer-events:none}
#results:has(.rank)>.boardrow:nth-child(-n+3) .rank{position:absolute;top:16px;left:16px;grid-area:auto;color:#fff;font-size:40px;line-height:1.1;text-shadow:0 1px 6px #000;background:#0009;padding:4px 8px 8px;border-radius:4px}
#results:has(.rank)>.boardrow:nth-child(-n+3) .rank::after{content:'';display:block;height:4px;background:#87001f;margin-top:8px}
#results:has(.rank)>.boardrow:nth-child(-n+3) .result-main{grid-column:1/-1;grid-row:2;min-width:0;align-self:end}
#results:has(.rank)>.boardrow:nth-child(-n+3) .title-link{font-size:18px;font-weight:600;line-height:1.35;min-height:0;margin-bottom:8px;text-shadow:0 1px 3px #000}
#results:has(.rank)>.boardrow:nth-child(-n+3) .meta{font-size:10px;color:#ddd}
#results:has(.rank)>.boardrow:nth-child(-n+3) .developer{color:#ddd}
#results:has(.rank)>.boardrow:nth-child(-n+3) .score{grid-column:1;grid-row:3;text-align:left;margin:0;font-size:30px;line-height:1.2}
#results:has(.rank)>.boardrow:nth-child(-n+3) .add{grid-column:2;grid-row:3;margin:0;padding:8px 10px;font-size:11px;white-space:nowrap;justify-self:stretch}
#results:has(.rank)>.boardrow:nth-child(-n+3) [data-manage]{grid-column:1/-1;grid-row:4;justify-self:stretch;margin:0;background:#1a1a1a}
@media(min-width:1400px){#results:has(.rank)>.boardrow:nth-child(-n+3){min-height:500px}}
@media(max-width:1000px){#results:has(.rank){grid-template-columns:1fr}#results:has(.rank)>.boardrow:nth-child(-n+3){grid-column:1;min-height:500px;grid-template-columns:1fr auto}#results:has(.rank)>.boardrow:nth-child(-n+3) .title-link{font-size:22px}#results:has(.rank)>.boardrow:nth-child(-n+3) .add{font-size:14px;padding:12px 20px}}
@media(max-width:700px){#results:has(.rank)>.boardrow:nth-child(-n+3){min-height:520px;margin:12px 0;padding:20px}#results:has(.rank)>.boardrow:nth-child(-n+3) .rank{top:20px;left:20px}#results:has(.rank)>.boardrow:nth-child(-n+3) .art{grid-area:auto}#results:has(.rank)>.boardrow:nth-child(-n+3) .score{font-size:32px}}
/* Branding shares the ballot sidebar on desktop; one component moves to mobile. */
.mobile-masthead{display:none}
.voting-sidebar{position:sticky;top:24px;align-self:start;max-height:calc(100dvh - 48px);overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain;padding:4px;margin:-4px}
.sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;min-width:0}
.sidebar-logo{display:block;flex:0 0 96px;line-height:0}
.sidebar-logo img{display:block;width:96px;height:96px;object-fit:contain}
.sidebar-brand .outline{font-size:12px;font-weight:500;line-height:1.4;padding:8px 10px;min-height:44px;max-width:190px}
.leaderboard-first .voting-sidebar .ballot{position:static;margin:0}
#leaderboard.leaderboard-first{margin-top:28px}
.footer-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0;font-size:12px;width:100%}
.footer-links a{display:inline-flex;align-items:center;min-height:44px}
footer{flex-wrap:wrap}
@media(max-width:1000px) and (min-width:701px){.sidebar-brand{gap:8px}.sidebar-brand .outline{font-size:11px;padding:8px}}
@media(max-width:700px){.mobile-masthead{display:block;margin:0;padding:0 16px;max-width:none;background:#101010;border-bottom:1px solid #303030}.mobile-masthead .sidebar-brand{height:64px;margin:0;gap:16px}.sidebar-logo{flex-basis:60px}.sidebar-logo img{width:60px;height:60px}.sidebar-brand .outline{font-size:12px}.voting-sidebar{position:static;max-height:none;overflow:visible;margin:0;padding:0}#leaderboard.leaderboard-first{margin-top:24px}}

/* A compact, vertically grouped identity and account rail. */
.sidebar-brand{flex-direction:column;justify-content:center;gap:12px;margin-bottom:16px}
.sidebar-logo{flex:0 0 auto}.sidebar-logo img{width:160px;height:160px;border-radius:50%}
.account-control{position:relative;max-width:100%;text-align:center}
.sidebar-brand #account-open{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#account-menu{min-width:180px;max-width:100%;padding:6px;margin-top:8px;background:#1a1a1a;border:1px solid #555;border-radius:6px;text-align:left}
#account-menu:not([hidden]){display:grid}
#account-menu button,#account-menu a{display:flex;align-items:center;min-height:44px;padding:8px 12px;border:0;border-radius:3px;background:transparent;color:#fff;font-size:13px;text-align:left}
#account-menu button:hover,#account-menu a:hover{background:#303030;text-decoration:none}
@media(min-width:701px) and (max-height:800px){.sidebar-logo img{width:112px;height:112px}.sidebar-brand{gap:8px;margin-bottom:12px}}
@media(max-width:700px){.mobile-masthead .sidebar-brand{flex-direction:row;justify-content:space-between}.sidebar-logo img{width:60px;height:60px}.mobile-masthead #account-menu{position:absolute;right:0;top:100%;z-index:30;width:180px;max-width:none}.sidebar-brand #account-open{max-width:200px}}

/* Updated centred badge; retain its proportions and mobile size. */
@media(min-width:701px){.sidebar-logo img{width:210px;height:210px}.sidebar-brand{gap:16px;margin-bottom:16px}}
@media(min-width:701px) and (max-height:650px){.sidebar-logo img{width:180px;height:180px}}
@media(max-width:700px){.voting-sidebar{padding-top:0!important}}

/* Mobile-only three-card featured row; desktop podium remains unchanged. */
@media(max-width:700px){
 #results:has(.rank){grid-template-columns:repeat(3,minmax(0,1fr));column-gap:8px}
 #results:has(.rank)>.boardrow:nth-child(-n+3){grid-column:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto auto auto;min-height:360px;gap:8px;padding:8px 6px;margin:12px 0;min-width:0;border-radius:6px}
 #results:has(.rank)>.boardrow:nth-child(-n+3) .rank{top:8px;left:6px;font-size:26px;padding:3px 5px 5px}
 #results:has(.rank)>.boardrow:nth-child(-n+3) .rank::after{margin-top:5px;height:3px}
 #results:has(.rank)>.boardrow:nth-child(-n+3) .result-main{grid-column:1;grid-row:2;min-width:0}
 #results:has(.rank)>.boardrow:nth-child(-n+3) .title-link{font-size:12px;line-height:1.3;margin:0;overflow-wrap:anywhere;min-height:44px;display:flex;align-items:end;width:100%}
 #results:has(.rank)>.boardrow:nth-child(-n+3) .meta,#results:has(.rank)>.boardrow:nth-child(-n+3) .developer{display:none}
 #results:has(.rank)>.boardrow:nth-child(-n+3) .score{grid-column:1;grid-row:3;font-size:26px;min-width:0;overflow-wrap:anywhere}
 #results:has(.rank)>.boardrow:nth-child(-n+3) .score small{font-size:7px;letter-spacing:.3px}
 #results:has(.rank)>.boardrow:nth-child(-n+3) .add{grid-column:1;grid-row:4;width:100%;min-width:0;min-height:44px;padding:8px 4px;font-size:13px;white-space:normal}
 #results:has(.rank)>.boardrow:nth-child(-n+3) .choose-label{display:none}
 #results:has(.rank)>.boardrow:nth-child(-n+3) .mobile-vote-label{display:inline}
 #results:has(.rank)>.boardrow:nth-child(-n+3) [data-manage]{grid-column:1;grid-row:5;min-width:0;padding:8px 2px;font-size:11px}
 #results:has(.rank)>.boardrow:nth-child(n+4){grid-column:1/-1}
}
@media(max-width:350px){#results:has(.rank){column-gap:6px}#results:has(.rank)>.boardrow:nth-child(-n+3){padding-inline:5px}#results:has(.rank)>.boardrow:nth-child(-n+3) .title-link{font-size:11px}}

/* Compact mobile composition only. */
@media(max-width:700px){
 .mobile-masthead{padding:0 12px}.mobile-masthead .sidebar-brand{height:62px;gap:8px}
 .mobile-masthead .sidebar-logo{display:flex;align-items:center;gap:8px;flex:0 1 auto;min-width:0}
 .mobile-masthead .sidebar-logo img{width:44px;height:44px;flex:none}
 .mobile-masthead .sidebar-logo::after{content:'BURGUNBEERD';font-family:Inter,Arial,sans-serif;font-weight:700;font-size:16px;line-height:1;letter-spacing:-.4px}
 .mobile-masthead .account-control{min-width:0;flex:0 1 auto}.mobile-masthead #account-open{font-size:11px;padding:6px 8px;max-width:110px}
 main{padding-inline:12px}#leaderboard.leaderboard-first{margin-top:16px}
 .search-panel>.section-head .eyebrow,.search-panel>.intro{display:none}
 .leaderboard-first h1{font-family:Inter,Arial,sans-serif;font-size:24px;line-height:1.2;letter-spacing:-.7px;margin:0 0 14px}
 .searchbox{min-height:48px;padding:0 10px}.searchbox input{font-size:14px}.searchbox input::placeholder{font-size:12px}
 .filters{margin-top:10px;gap:8px}.filters button{min-height:40px;padding:6px 13px;border-radius:16px}
 .list-heading{margin-top:18px;gap:6px;flex-wrap:nowrap}.list-heading h2{font-family:Inter,Arial,sans-serif;font-size:21px;font-weight:700;letter-spacing:-.5px;white-space:nowrap}
 .desktop-board-heading{display:none}.mobile-board-heading{display:inline}
 .list-heading .pill{border:0;padding:0;font-family:Inter,Arial,sans-serif;font-size:10px;letter-spacing:0;text-transform:none;border-radius:0}
 #list-help{display:none}
 #results:has(.rank)>.boardrow:nth-child(-n+3){min-height:330px;gap:6px;margin:10px 0;padding:7px 5px}
 #results:has(.rank)>.boardrow:nth-child(-n+3) .title-link{font-size:11px;line-height:1.25;min-height:0;margin-bottom:4px}
 #results:has(.rank)>.boardrow:nth-child(-n+3) .meta{display:block;font-size:7px;line-height:1.35;letter-spacing:0;overflow-wrap:anywhere}
 #results:has(.rank)>.boardrow:nth-child(-n+3) .developer{display:none}
 #results:has(.rank)>.boardrow:nth-child(-n+3) .score{font-size:24px}
 #results:has(.rank)>.boardrow:nth-child(-n+3) .score small{font-size:6px}
 #results:has(.rank)>.boardrow:nth-child(n+4){display:grid;grid-template-columns:22px 38px minmax(0,1fr) 52px;grid-template-rows:auto auto;gap:2px 8px;min-height:94px;padding:12px 0;align-items:center}
 #results:has(.rank)>.boardrow:nth-child(n+4) .rank{grid-column:1;grid-row:1/3;font-size:22px;min-width:0}
 #results:has(.rank)>.boardrow:nth-child(n+4) .art{grid-column:2;grid-row:1/3;width:38px;height:57px;display:grid}
 #results:has(.rank)>.boardrow:nth-child(n+4) .result-main{grid-column:3;grid-row:1;align-self:end}
 #results:has(.rank)>.boardrow:nth-child(n+4) .title-link{font-size:13px;line-height:1.25;min-height:0;overflow-wrap:anywhere;margin:0 0 3px}
 #results:has(.rank)>.boardrow:nth-child(n+4) .meta{font-size:8px;line-height:1.3;letter-spacing:0}
 #results:has(.rank)>.boardrow:nth-child(n+4) .developer{display:none}
 #results:has(.rank)>.boardrow:nth-child(n+4) .score{grid-column:3;grid-row:2;text-align:left;align-self:start;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:500;line-height:1.5;margin:0}
 #results:has(.rank)>.boardrow:nth-child(n+4) .score small{display:none}
 #results:has(.rank)>.boardrow:nth-child(n+4) .score::after{content:' votes'}
 #results:has(.rank)>.boardrow:nth-child(n+4) .add{grid-column:4;grid-row:1/3;width:52px;min-height:44px;padding:6px 3px;font-size:12px;white-space:normal;margin:0}
 #results:has(.rank)>.boardrow:nth-child(n+4) .choose-label{display:none}
 #results:has(.rank)>.boardrow:nth-child(n+4) .mobile-vote-label{display:inline}
 #results:has(.rank)>.boardrow:nth-child(n+4) [data-manage]{grid-column:3/5;grid-row:3;min-height:44px}
}
@media(max-width:350px){.mobile-masthead .sidebar-logo::after{font-size:14px}.mobile-masthead .sidebar-logo{gap:6px}.mobile-masthead #account-open{max-width:88px}.leaderboard-first h1{font-size:22px}.list-heading h2{font-size:19px}.list-heading .pill{font-size:9px}}
/* Mobile featured cards: compact shared bottom voting row. */
@media(max-width:700px){
 #results:has(.rank)>.boardrow:nth-child(-n+3){grid-template-columns:minmax(0,1fr) 44px;grid-template-rows:1fr auto auto;min-height:280px;column-gap:3px;row-gap:5px;padding:7px 5px}
 #results:has(.rank)>.boardrow:nth-child(-n+3) .result-main{grid-column:1/-1;grid-row:2}
 #results:has(.rank)>.boardrow:nth-child(-n+3) .title-link{margin-bottom:3px}
 #results:has(.rank)>.boardrow:nth-child(-n+3) .score{grid-column:1;grid-row:3;align-self:center;font-size:22px;line-height:1.1;letter-spacing:-.5px}
 #results:has(.rank)>.boardrow:nth-child(-n+3) .score small{font-size:6px;line-height:1.2;letter-spacing:0;overflow-wrap:normal}
 #results:has(.rank)>.boardrow:nth-child(-n+3) .add{grid-column:2;grid-row:3;align-self:end;width:44px;min-height:44px;padding:4px 1px;font-size:11px}
 #results:has(.rank)>.boardrow:nth-child(-n+3) [data-manage]{grid-column:1/-1;grid-row:4}
}
@media(max-width:350px){
 #results:has(.rank)>.boardrow:nth-child(-n+3){padding-inline:4px;column-gap:2px}
 #results:has(.rank)>.boardrow:nth-child(-n+3) .score{font-size:19px}
 #results:has(.rank)>.boardrow:nth-child(-n+3) .score small{font-size:5px}
}
/* Final mobile height trim; retain typography, controls and poster crop. */
@media(max-width:700px){
 #results:has(.rank)>.boardrow:nth-child(-n+3){min-height:250px}
}
/* Prevent iOS focus zoom without disabling user-controlled pinch zoom. */
@media(max-width:700px){
 .searchbox input{font-size:16px}
}

.mobile-search-toolbar{display:none}
@media(max-width:700px){
 body.mobile-search-open{overflow:hidden}
 .mobile-search-open .search-panel{position:fixed;z-index:40;inset:auto 0 auto 0;top:var(--search-top,0px);height:var(--search-height,100dvh);width:100%;box-sizing:border-box;padding:8px 12px max(8px,env(safe-area-inset-bottom));background:#101010;display:flex;flex-direction:column;gap:8px;overflow:hidden}
 .mobile-search-open .mobile-search-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;order:0}
 .mobile-search-toolbar strong{font-size:16px}.mobile-search-toolbar button{min-height:44px;padding:6px 12px;font-size:13px}
 .mobile-search-open .search-panel>.section-head,.mobile-search-open .search-panel>.intro,.mobile-search-open .search-panel>.list-heading,.mobile-search-open .search-panel>.subtle,.mobile-search-open #vote-message{display:none}
 .mobile-search-open .filters{order:1;flex:none;margin:0;gap:6px;flex-wrap:wrap}
 .mobile-search-open .filters button{min-height:36px;padding:4px 12px;font-size:12px}
 .mobile-search-open #results{order:3;display:block;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0;scrollbar-width:thin}
 .mobile-search-open .searchbox{order:4;flex:none;margin:0;min-height:48px}
 .mobile-search-open #results>.boardrow:nth-child(n){position:relative;isolation:auto;overflow:visible;display:grid;grid-template-columns:38px minmax(0,1fr) 60px;grid-template-rows:auto auto;gap:2px 8px;min-height:84px;margin:0;padding:10px 0;border:0;border-bottom:1px solid #303030;border-radius:0;background:transparent;align-items:center}
 .mobile-search-open #results>.boardrow:nth-child(n)::after{display:none}
 .mobile-search-open #results>.boardrow:nth-child(n) .rank{display:none}
 .mobile-search-open #results>.boardrow:nth-child(n) .art{position:relative;inset:auto;z-index:auto;display:grid;width:38px;height:57px;grid-column:1;grid-row:1/3;border-radius:4px}
 .mobile-search-open #results>.boardrow:nth-child(n) .art>span{display:block}
 .mobile-search-open #results>.boardrow:nth-child(n) .result-main{grid-column:2;grid-row:1;align-self:end}
 .mobile-search-open #results>.boardrow:nth-child(n) .title-link{display:block;font-family:Inter,Arial,sans-serif;font-size:13px;line-height:1.25;min-height:0;margin:0 0 3px;overflow-wrap:anywhere;text-shadow:none}
 .mobile-search-open #results>.boardrow:nth-child(n) .meta{display:block;font-size:9px;letter-spacing:0;line-height:1.3}
 .mobile-search-open #results>.boardrow:nth-child(n) .developer{display:none}
 .mobile-search-open #results>.boardrow:nth-child(n) .score{grid-column:2;grid-row:2;align-self:start;text-align:left;font-family:Inter,Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:500;margin:0;min-width:0}
 .mobile-search-open #results>.boardrow:nth-child(n) .score small{display:none}
 .mobile-search-open #results>.boardrow:nth-child(n) .score::after{content:' votes'}
 .mobile-search-open #results>.boardrow:nth-child(n) .add{grid-column:3;grid-row:1/3;align-self:center;width:60px;min-height:44px;padding:6px 4px;font-size:12px;margin:0;white-space:normal}
 .mobile-search-open #results>.boardrow:nth-child(n) .choose-label{display:none}
 .mobile-search-open #results>.boardrow:nth-child(n) .mobile-vote-label{display:inline}
 .mobile-search-open #results>.boardrow:nth-child(n) [data-manage]{grid-column:2/4;grid-row:3;min-height:44px}
}

/* Compact controls and results only inside the mobile search dialog. */
@media(max-width:700px){
 .mobile-search-open .search-panel{gap:6px}
 .mobile-search-open .mobile-search-toolbar{position:absolute;top:8px;right:12px;height:44px}
 .mobile-search-open .mobile-search-toolbar strong{display:none}
 .mobile-search-open .mobile-search-toolbar button{width:64px;min-height:44px;padding:6px;font-size:12px}
 .mobile-search-open #media-filters{min-height:44px;padding-right:72px;align-items:center;flex-wrap:nowrap;gap:5px}
 .mobile-search-open #media-filters button{min-height:44px;padding:4px 9px;font-size:12px;white-space:nowrap}
 .mobile-search-open #results>.boardrow:nth-child(n){grid-template-columns:32px minmax(0,1fr) 60px;min-height:66px;padding:6px 0;gap:0 8px}
 .mobile-search-open #results>.boardrow:nth-child(n) .art{width:32px;height:48px}
 .mobile-search-open #results>.boardrow:nth-child(n) .title-link{margin-bottom:1px}
 .mobile-search-open #results>.boardrow:nth-child(n) .score{font-size:11px;line-height:1.35}
}
/* Keep a visible focus cue on the search container instead of an inner rectangle. */
@media(max-width:700px){
 .mobile-search-open .searchbox input:focus-visible{outline:none}
 .mobile-search-open .searchbox:focus-within{border-color:#b8b8b8;box-shadow:0 0 0 1px #b8b8b8}
}

/* Shorter desktop posters; keep enough room to align the complete ballot rail. */
@media(min-width:1001px){
 #results:has(.rank)>.boardrow:nth-child(-n+3){min-height:max(360px,var(--rail-card-min,0px))}
}

/* Weekly movement is a monochrome brand chevron, never an emoji. */
.rank{position:relative;text-align:center}
.rank-change{position:absolute;left:50%;transform:translateX(-50%);color:var(--wine);filter:drop-shadow(0 0 1px #fff3)}
.rank-change-up{top:-11px}.rank-change-down{bottom:-11px}
#results:has(.rank)>.boardrow:nth-child(-n+3) .rank-up{padding-top:15px}
#results:has(.rank)>.boardrow:nth-child(-n+3) .rank-down{padding-bottom:15px}
#results:has(.rank)>.boardrow:nth-child(-n+3) .rank-up .rank-change{top:3px}
#results:has(.rank)>.boardrow:nth-child(-n+3) .rank-down .rank-change{bottom:3px}
#results:has(.rank)>.boardrow:nth-child(-n+3) .rank-down::after{display:block}
@media(max-width:700px){
 /* Keep scores next to the action, matching the desktop hierarchy. */
 body:not(.mobile-search-open) #results:has(.rank)>.boardrow:nth-child(n+4){grid-template-columns:22px 38px minmax(0,1fr) 42px 52px;grid-template-rows:auto;column-gap:8px}
 body:not(.mobile-search-open) #results:has(.rank)>.boardrow:nth-child(n+4) .rank,
 body:not(.mobile-search-open) #results:has(.rank)>.boardrow:nth-child(n+4) .art,
 body:not(.mobile-search-open) #results:has(.rank)>.boardrow:nth-child(n+4) .result-main{grid-row:1;align-self:center}
 body:not(.mobile-search-open) #results:has(.rank)>.boardrow:nth-child(n+4) .score{grid-column:4;grid-row:1;align-self:center;text-align:center;font-family:Oswald,'Arial Narrow',sans-serif;font-size:25px;font-weight:700;line-height:1.15;min-width:0;overflow-wrap:anywhere}
 body:not(.mobile-search-open) #results:has(.rank)>.boardrow:nth-child(n+4) .score::after{content:none}
 body:not(.mobile-search-open) #results:has(.rank)>.boardrow:nth-child(n+4) .score small{display:block;font-size:6px;letter-spacing:0;line-height:1.2}
 body:not(.mobile-search-open) #results:has(.rank)>.boardrow:nth-child(n+4) .add{grid-column:5;grid-row:1}
 body:not(.mobile-search-open) #results:has(.rank)>.boardrow:nth-child(n+4) [data-manage]{grid-column:3/6;grid-row:2}
}
@media(max-width:350px){
 body:not(.mobile-search-open) #results:has(.rank)>.boardrow:nth-child(n+4){column-gap:6px;grid-template-columns:22px 32px minmax(0,1fr) 36px 48px}
 body:not(.mobile-search-open) #results:has(.rank)>.boardrow:nth-child(n+4) .art{width:32px;height:48px}
 body:not(.mobile-search-open) #results:has(.rank)>.boardrow:nth-child(n+4) .add{width:48px}
 body:not(.mobile-search-open) #results:has(.rank)>.boardrow:nth-child(n+4) .score{font-size:23px}
}

/* Give desktop vote actions a deliberate footprint without increasing row height. */
@media(min-width:701px){
 #results:has(.rank)>.boardrow:nth-child(n) .score{font-size:36px;line-height:1.15;min-height:56px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}
 #results:has(.rank)>.boardrow:nth-child(n) .score small{font-size:9px;line-height:1.2;margin-top:4px}
 #results:has(.rank)>.boardrow:nth-child(n) .add{min-width:96px;min-height:56px;font-size:15px;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
 #results:has(.rank)>.boardrow:nth-child(-n+3) .score{align-items:flex-start}
 #results:has(.rank)>.boardrow:nth-child(-n+3) .add{align-self:center}
}