.favorite-button{display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--muted);touch-action:manipulation}
.favorite-button:hover{color:var(--text);border-color:var(--acid)}
.favorite-button[aria-pressed="true"]{color:#ff8fa9;border-color:#ff8fa955;background:color-mix(in srgb,var(--bg) 90%,#ff8fa9)}
.favorite-button[aria-pressed="true"] svg{fill:currentColor}
.favorite-button.star-button[aria-pressed="true"]{color:#efc66f;border-color:#efc66f55;background:color-mix(in srgb,var(--bg) 90%,#efc66f)}
.favorite-button:disabled{opacity:.7;cursor:progress}
.catalog-card{position:relative}
.catalog-card>.favorite-button{position:absolute;top:8px;right:8px;z-index:2;box-shadow:0 2px 8px #0005}
.result-card{position:relative}
.result-card>.favorite-button{position:absolute;right:10px;bottom:12px}
.result-card .result-details{padding-right:48px}
.history-game{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.history-game>div{min-width:0}
.history-item>.favorite-button{margin-left:auto}
.favorites-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
[data-favorite-manage]{display:flex;align-items:center;justify-content:center;gap:12px;min-height:56px;border:1px solid color-mix(in srgb,var(--acid) 35%,var(--line));border-radius:12px;padding:12px 22px;background:var(--panel2);color:var(--text);font-size:15px;font-weight:600;line-height:22px;font-variant-numeric:tabular-nums}
[data-favorite-manage]:before{content:'☆';color:var(--acid);font-size:26px;line-height:24px}
[data-favorite-manage]:hover{background:color-mix(in srgb,var(--panel2) 85%,var(--acid));border-color:var(--acid)}
.picker-favorites-button{flex:none;width:min(100%,560px);align-self:center;margin-top:8px}
.ranking-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.ranking-tabs{display:flex;gap:6px;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.ranking-tabs button{border:0;border-radius:8px;min-height:44px;padding:0 16px;background:transparent;color:var(--muted);font-weight:600;font-size:13px}
.ranking-tabs button[aria-pressed="true"]{color:var(--text);background:var(--panel2)}
.leaderboard-columns,.leaderboard-page .popular-card,.leaderboard-page .popular-placeholder{grid-template-columns:56px minmax(0,1fr)minmax(120px,20%) 68px 44px}
.leaderboard-columns>[data-metric]{text-align:right}
.leaderboard-favorite-label{text-align:center!important;font-size:16px}
.favorite-notice{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:60;max-width:calc(100vw - 32px);width:max-content;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);padding:14px 20px;box-shadow:0 8px 30px #0006;font-size:13px}
.favorites-dialog{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;width:min(480px,calc(100vw - 24px));max-height:min(720px,85dvh);overscroll-behavior:contain}
.favorites-dialog::backdrop{background:#0009}
.favorites-dialog{color-scheme:dark;scrollbar-width:thin;scrollbar-color:var(--muted) var(--panel)}
.favorites-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}
.favorites-dialog h2{font-size:28px}
.favorite-close{width:44px;height:44px;background:var(--bg);border:1px solid var(--line);border-radius:10px;font-size:26px}
.favorites-help,.favorites-list>p{font-size:13px;color:var(--muted);margin:14px 0}
.favorites-list{overflow-anchor:none}
.favorite-saved-row{display:flex;align-items:center;gap:12px;height:80px;padding:12px 0;border-bottom:1px solid var(--line);overflow-anchor:none}
.favorite-saved-row:last-child{border:0}
.favorite-saved-art{position:relative;width:36px;height:48px;flex:0 0 36px;display:grid;place-items:center}
.favorite-saved-art img{grid-area:1/1;width:36px;height:48px;object-fit:contain;border-radius:4px;opacity:0}
.favorite-saved-art img.artwork-ready{opacity:1}
.favorite-saved-art>span{grid-area:1/1;color:var(--muted);font-size:22px}
.favorite-saved-art img.artwork-ready+span{display:none}
.favorite-saved-details{flex:1;min-width:0}
.favorite-saved-row strong{font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.favorite-saved-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.favorite-signin{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;padding:8px 14px;background:var(--acid);color:var(--dark);border-radius:10px;font-weight:600}
@media(max-width:760px){
 .leaderboard-columns,.leaderboard-page .popular-card,.leaderboard-page .popular-placeholder{grid-template-columns:28px minmax(0,1fr)36px 44px;gap:8px;padding-inline:10px}
 .leaderboard-page .popular-rank{width:26px}
 .leaderboard-page .popular-game{gap:8px}
 .leaderboard-page .popular-details h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .leaderboard-page .popular-summary{align-self:flex-start}
 .ranking-tabs{flex:1}
 .ranking-tabs button{flex:1;padding:0 10px;font-size:12px}
 .ranking-controls>[data-favorite-manage]{width:100%;text-align:left}
 .catalog-section .section-heading{flex-wrap:wrap}
 .catalog-section .favorites-tools{width:100%;justify-content:space-between}
 .history-item>.favorite-button{flex-basis:44px}
 .history-grid{grid-template-columns:1fr}
 .history-section .history-item{min-height:76px}
 .history-game{gap:12px}
 .history-section .history-item h3{font-size:13px}
 .result-card>.favorite-button{right:8px;bottom:10px}
}