.rami-favorite{border:0;background:transparent;color:#857d82;border-radius:50%;width:2.75rem;height:2.75rem;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;gap:.3rem;max-width:min(300px,42vw);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}.rami-account-section{flex:none}.rami-account-user{min-width:0;overflow:hidden;text-overflow:ellipsis}
.rami-account-label[href]{background:#e8f2fc;color:#1f567a}
.rami-account-label[href]:hover{background:#d6e9f8;color:#173e62}
.rami-account-label.is-signed-in[href]{background:transparent;color:#8e1730}
.rami-account-label.is-signed-in[href]:hover{background:#fce9ed}
.rami-account-label[href][aria-current="page"]{background:#fce9ed;color:#8e1730}
@media(max-width:700px){header:has(> .rami-account-label){grid-template-areas:'brand account' 'nav nav';column-gap:10px;row-gap:8px}header:has(> .rami-account-label) > .header-search{display:none}.rami-account-label{max-width:clamp(145px,43vw,210px)}.rami-account-label.is-signed-in{align-items:flex-start;flex-direction:column;gap:0;line-height:1.25}.rami-account-label.is-signed-in .rami-account-user{display:block;max-width:100%;font-size:.75rem}}
@media(max-width:480px){header:has(> .rami-account-label) > nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}header:has(> .rami-account-label) > nav a{grid-column:span 2}header:has(> .rami-account-label) > nav a:nth-child(n+4){grid-column:span 3}}
.back-to-top{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:20;display:grid;place-items:center;width:44px;height:44px;border:1px solid #7599bd;border-radius:50%;background:#fff;color:#254f7b;font:inherit;font-size:1.35rem;font-weight:900;line-height:1;box-shadow:0 8px 24px #203b582e;cursor:pointer}
.back-to-top:hover{background:#e8f1fc}.back-to-top:focus-visible{outline:3px solid #a11c35;outline-offset:3px}.back-to-top[hidden]{display:none}
@media(max-width:700px){.back-to-top{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}}

/* Shared semantic colours. */
.rami-favorite:hover{background:var(--color-brand-soft);color:var(--color-brand)}
.rami-favorite[aria-pressed="true"]{color:var(--color-brand)}
.rami-favorite:focus-visible,.back-to-top:focus-visible{outline-color:var(--color-focus)}
.rami-account-label[href]{background:var(--color-info-soft);color:var(--color-info)}
.rami-account-label[href]:hover{background:#d6e9f8;color:var(--color-info-dark)}
.rami-account-label.is-signed-in[href]{background:transparent;color:var(--color-info)}
.rami-account-label.is-signed-in[href]:hover{background:var(--color-info-soft);color:var(--color-info-dark)}
.rami-account-label[href][aria-current="page"]{background:var(--color-brand-soft);color:var(--color-brand-dark)}
.back-to-top{border-color:#7599bd;color:var(--color-info)}