body { margin:0; font-family:Poppins,sans-serif; }

.favorite-game { max-width:1180px; padding-top:42px; padding-bottom:80px; }
.favorite-round-heading, .favorite-answer-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:23px; }
.favorite-round-heading h2 { margin:5px 0 5px; color:#f4f0e9; font-size:clamp(1.65rem,3vw,2.4rem); letter-spacing:-.045em; }
.favorite-round-heading p:last-child { margin:0; color:#aeb6b8; font-size:14px; }
.favorite-round-label { margin:0; color:#ff9f60; font-size:10px; font-weight:700; letter-spacing:.18em; }
.favorite-round-stats { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; max-width:390px; }
.favorite-round-stats > span { display:inline-flex; align-items:center; gap:7px; min-height:32px; padding:7px 10px; border:1px solid #456184; border-radius:8px; background:#172b45; color:#a9c5da; font-size:11px; font-weight:600; white-space:nowrap; }
.favorite-round-stats strong { color:#f6f8fa; font-size:13px; }
.favorite-round-stats .favorite-round-count { color:#ffad76; font-size:10px; font-weight:700; letter-spacing:.1em; }

.favorite-known-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; margin-bottom:48px; }
.favorite-known-card { display:flex; align-items:center; gap:18px; min-width:0; padding:14px; border:1px solid #395472; border-radius:14px; background:linear-gradient(135deg,#20334e,#17263d); box-shadow:0 12px 24px rgba(0,0,0,.13); }
.favorite-known-card img { flex:none; width:79px; height:115px; border-radius:7px; object-fit:cover; background:#30373a; }
.favorite-known-card h3 { margin:5px 0 0; color:#eee8de; font-size:clamp(13px,1.3vw,17px); line-height:1.4; }
.favorite-known-number { color:#8bc7ff; font-size:10px; font-weight:700; letter-spacing:.15em; }

.favorite-answer-heading { margin-bottom:18px; }
.favorite-answer-heading h3 { margin:4px 0 0; color:#f3eee5; font-size:clamp(1.45rem,2.5vw,2rem); letter-spacing:-.04em; }
.favorite-answer-heading > span { color:#a2afb1; font-size:12px; }
.favorite-choice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.favorite-choice { display:flex; align-items:center; gap:16px; width:100%; min-height:112px; padding:11px 16px 11px 11px; border:1px solid #3d5879; border-radius:13px; background:#1a2b44; color:#f4f0e8; text-align:left; cursor:pointer; transition:background .2s,border-color .2s,transform .2s,box-shadow .2s; }
.favorite-choice:hover:not(:disabled), .favorite-choice:focus-visible { transform:translateY(-2px); border-color:#ff9f60; background:#243c5c; box-shadow:0 14px 26px rgba(0,0,0,.18); }
.favorite-choice img { flex:none; width:58px; height:87px; border-radius:6px; object-fit:cover; background:#354044; }
.favorite-choice img.poster-unavailable, .favorite-known-card img.poster-unavailable { visibility:hidden; }
.favorite-choice-copy { display:flex; flex:1; flex-direction:column; gap:5px; min-width:0; }
.favorite-choice-copy small { color:#90caff; font-size:9px; font-weight:700; letter-spacing:.16em; }
.favorite-choice-copy strong { font-size:clamp(13px,1.5vw,17px); line-height:1.35; overflow-wrap:anywhere; }
.favorite-choice:disabled { cursor:default; }
.favorite-choice.is-correct { border-color:#8dc9a3; background:#254238; box-shadow:inset 0 0 0 1px rgba(141,201,163,.28); }
.favorite-choice.is-wrong { border-color:#ca8b7f; background:#462d2d; }
.favorite-choice:disabled:not(.is-correct):not(.is-wrong) { opacity:.58; }
.favorite-result { min-height:32px; margin:23px 0 8px; color:#d3d9d3; font-size:15px; font-weight:600; }
.favorite-result.is-correct { color:#a5ddba; }
.favorite-result.is-revealed { color:#e8c5a2; }
.favorite-round-actions { display:flex; align-items:center; justify-content:flex-end; gap:15px; }
.favorite-skip { min-height:42px; padding:10px 16px; border:1px solid #6380a0; border-radius:9px; background:#203551; color:#e7f2ff; font-size:13px; font-weight:700; cursor:pointer; transition:background .2s,border-color .2s; }
.favorite-skip:hover { border-color:#90caff; background:#294568; }
.favorite-next { padding:11px 18px; }
.favorite-next[hidden], .favorite-skip[hidden] { display:none; }

@media(max-width:850px) { .favorite-known-grid { gap:10px; } .favorite-known-card { display:block; padding:10px; } .favorite-known-card img { width:100%; height:175px; margin-bottom:11px; } }
@media(max-width:600px) { .favorite-game { padding-top:42px; padding-bottom:70px; } .favorite-round-heading { align-items:start; flex-direction:column; } .favorite-round-stats { justify-content:flex-start; } .favorite-known-grid { gap:8px; margin-bottom:52px; } .favorite-known-card img { height:auto; aspect-ratio:2/3; } .favorite-known-card h3 { font-size:11px; line-height:1.3; } .favorite-known-number { font-size:9px; } .favorite-choice-grid { grid-template-columns:1fr; } .favorite-answer-heading > span { display:none; } .favorite-choice { min-height:98px; } .favorite-choice img { width:50px; height:75px; } }
@media(prefers-reduced-motion:reduce) { .favorite-choice { transition:none; } }