.rami-favorite,.rami-favorite-slot{width:2.75rem;height:2.75rem;display:inline-grid;place-items:center;vertical-align:middle;margin-inline-start:.35rem;flex:none}
.rami-favorite{border:0;background:transparent;color:#857d82;border-radius:50%;cursor:pointer}
.rami-favorite-slot{border:0;background:transparent;color:#857d82;border-radius:50%;pointer-events:none}
.rami-favorite svg,.rami-favorite-slot 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,.game-detail-title-row .rami-favorite-slot{margin:0}
.rami-share-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:.42rem;min-height:2.5rem;padding:.42rem .72rem;border:1px solid #cbd5df;border-radius:999px;background:#fff;color:#315b78;font:inherit;font-size:.8rem;font-weight:750;line-height:1;white-space:nowrap;cursor:pointer;flex:none}
.rami-share-button svg{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rami-share-button:hover{border-color:#91acc5;background:#eef5fb;color:#214c70}.rami-share-button:focus-visible{outline:3px solid #1c75bc;outline-offset:2px}
.rami-share-notice{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:40;margin:0;padding:.72rem 1rem;border:1px solid #b8cee4;border-radius:999px;background:#fff;color:#294e70;font-size:.86rem;font-weight:750;box-shadow:0 8px 24px #203b5830}.rami-share-notice[hidden]{display:none}.rami-share-copy-source{position:fixed;left:-9999px;top:0;width:1px;height:1px;opacity:0}
@media(max-width:520px){.game-detail-title-row{gap:.35rem}.game-detail-title-row .rami-share-button{width:2.75rem;height:2.75rem;min-height:2.75rem;padding:0}.game-detail-title-row .rami-share-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.rami-share-notice{right:12px;bottom:12px}}
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-share-button{border-color:var(--color-border-strong);background:var(--color-surface);color:var(--color-info)}
.rami-share-button:hover{background:var(--color-info-soft);color:var(--color-info-dark)}
.rami-share-button: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)}
