.rami-favorite{border:0;background:transparent;color:#857d82;border-radius:50%;width:2.5rem;height:2.5rem;display:inline-grid;place-items:center;vertical-align:middle;margin-inline-start:.35rem;cursor:pointer;flex:none}
.rami-favorite svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rami-favorite:hover{background:#f9edf0;color:#a31638}
.rami-favorite[aria-pressed="true"]{color:#d51d4a}
.rami-favorite[aria-pressed="true"] svg{fill:currentColor}
.rami-favorite:focus-visible{outline:3px solid #1c75bc;outline-offset:2px}
.rami-favorite:disabled{opacity:.5;cursor:wait}
.game-detail-title-row{display:flex;align-items:center;gap:.75rem}
.game-detail-title-row h1{flex:1;min-width:0}
.game-detail-title-row h1::after{display:none}
.game-detail-title-row .rami-favorite{margin:0}
header .brand-name[href^="/"],header nav a[href^="/"]{text-decoration:none}
header:has(> .rami-account-label){display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'brand account' 'nav search';column-gap:20px;row-gap:12px}
header:has(> .rami-account-label) > .brand{grid-area:brand;min-width:0}
header:has(> .rami-account-label) > nav{grid-area:nav;min-width:0}
header:has(> .rami-account-label) > .header-search{grid-area:search;width:min(100%,300px);margin-left:0}
.rami-account-label{grid-area:account;justify-self:end;align-self:center;display:inline-flex;align-items:center;max-width:220px;min-height:44px;min-width:0;padding:6px 12px;border-radius:999px;background:transparent;color:#8e1730;font-size:.8125rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rami-account-label[href]{background:#e8f2fc;color:#1f567a}
.rami-account-label[href]:hover{background:#d6e9f8;color:#173e62}
@media(max-width:700px){header:has(> .rami-account-label){grid-template-areas:'brand account' 'nav nav' 'search search';column-gap:10px;row-gap:8px}header:has(> .rami-account-label) > .header-search{width:100%;min-width:0;max-width:none}.rami-account-label{max-width:clamp(96px,25vw,170px)}}
@media(max-width:480px){header:has(> .rami-account-label) > nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}