/* Reference revision 2026-10-28. Existing artwork, colours, and Poppins are retained. */
.mars-theme .address-bar{background:#245da6;color:#e1e9f5}.mars-theme .address-bar a{color:inherit;text-decoration:underline;font-weight:600}
.side-favorite-count{display:grid;place-items:center;flex:none;margin-left:auto;width:18px;height:18px;border-radius:50%;background:#e82813;color:white;font:600 12px/1 'Mars Poppins',Arial,sans-serif}
body:not(.sidebar-open) .side-favorite-count{display:none}.side-link:has(.side-favorite-count){gap:12px}
.member-menu-chevron{margin-left:auto;font-size:22px;line-height:1}.member-menu-dot{margin-left:auto;width:7px;height:7px;border-radius:50%;background:#e4202b}
.studio-member-menu{background:linear-gradient(120deg,#192d3bfa,#1b2d3aec);backdrop-filter:blur(16px)}
.collection-page{min-height:calc(100dvh - var(--header-height) - var(--announcement));background:#172735}.collection-page .page-content{padding-top:16px;padding-bottom:48px}
.collection-search{display:flex;align-items:center;gap:14px;height:44px;padding:0 13px;margin-bottom:16px;background:#263746;border:1px solid #3a4b58;border-radius:8px;color:#7d909e}.collection-search .icon{width:16px;height:16px;flex:none}.collection-search input{flex:1;min-width:0;width:100%;height:100%;border:0;outline:0;background:transparent;color:#dce3eb;font:500 16px/1.4 'Mars Poppins',Arial,sans-serif}.collection-search input::placeholder{color:#7d909e;opacity:1}.collection-search:focus-within{border-color:#839eb2}
.collection-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.collection-grid .game-cover{aspect-ratio:4/3}.collection-grid .game-meta:empty{display:none}.collection-grid .game-card[hidden],.collection-page [hidden]{display:none!important}
.collection-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:310px;color:#96a6b4;text-align:center;gap:18px}.collection-empty-icon{width:34px;height:34px;color:#8798a7}.collection-empty p{margin:0;font-size:16px}.collection-empty .button{min-height:36px;padding:9px 26px;font-size:14px;background:#dc2025;border-radius:7px}.collection-empty [role=alert]{font-size:14px}
@media(max-width:1100px){.collection-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:768px){.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.collection-page .page-heading h1{font-size:21px}.collection-page .page-heading{padding-block:22px}.collection-page .page-content{padding-top:16px}.collection-search{height:44px}.collection-search input{font-size:16px}.collection-empty{min-height:330px}.collection-empty p{font-size:14px}.side-favorite-count{display:grid!important}body:not(.sidebar-open) .site-sidebar .side-favorite-count{display:none!important}}
@media(max-width:380px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Genuine two-factor verification uses the existing server challenge. */
.mfa-reference-overlay{position:fixed;inset:0;z-index:180;display:grid;place-items:center;padding:20px;background:#000b;overflow:auto}
.mfa-reference{position:relative;width:min(440px,100%);padding:20px 24px 18px;background:#0e1922;border-radius:16px;color:#dce3eb;text-align:center;box-shadow:0 20px 80px #0007}
.mfa-reference h1{margin:0 30px 32px;font-size:18px;line-height:1.4;font-weight:600}.mfa-reference>p{font-size:12px;color:#899fae;margin:0 0 14px}.mfa-reference .mp-otp{margin:12px 0 28px;gap:8px}.mfa-reference .mp-otp input:not([type=hidden]){width:44px;max-width:calc((100% - 40px)/6);height:52px;border:1px solid #355269;border-radius:8px;background:#203447;font-size:24px;color:white}.mfa-reference .mp-otp input:focus{outline:1px solid #9aaebb;outline-offset:3px;box-shadow:0 0 0 4px #52657740}.mfa-reference .mp-primary{background:#dc2025;min-height:52px;border-radius:8px;font-size:17px}.mfa-reference-close{position:absolute;right:18px;top:16px;border:0;background:none;color:#e5ecf2;font-size:26px;cursor:pointer}.mfa-reference .mp-reset{font-size:11px;margin-top:16px;color:#899fae}.mfa-reference .notice{font-size:12px;text-align:left}
@media(max-width:480px){.mfa-reference{padding:20px}.mfa-reference h1{font-size:17px}.mfa-reference .mp-otp{gap:7px}}

/* Opening the mobile sidebar must not dismiss the address notice. */
@media(max-width:768px){body.mars-theme.sidebar-open:not(.address-hidden){--announcement:44px}body.mars-theme.sidebar-open .address-bar:not([hidden]){display:flex!important}body.mars-theme.sidebar-open .site-header{top:var(--announcement)}body.mars-theme .site-sidebar,body.mars-theme.sidebar-open .site-sidebar{top:var(--announcement);padding-top:var(--header-height)}}
/* Collection columns follow the supplied favourites screen, independent of lobby grids. */
body.mars-theme .collection-grid,body.mars-theme.sidebar-open .collection-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
@media(max-width:1100px){body.mars-theme .collection-grid,body.mars-theme.sidebar-open .collection-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:768px){body.mars-theme .collection-grid,body.mars-theme.sidebar-open .collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:380px){body.mars-theme .collection-grid,body.mars-theme.sidebar-open .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mfa-reference .sms-error{color:#ff9898;font-size:12px}.mfa-reference .sms-notice{color:#71cf98;font-size:12px}.sms-resend-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;color:#899fae;font-size:10px}.sms-resend-row form{margin:0}.sms-resend-row .mp-reset{margin:0;font-size:10px}.sms-resend-row button:disabled{opacity:.55;cursor:default}.mfa-reference .mp-reset{background:transparent;padding:0;border:0;border-bottom:1px solid currentColor;cursor:pointer}
