@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(/fonts/roboto-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(/fonts/roboto-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(/fonts/roboto-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(/fonts/roboto-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url(/fonts/roboto-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(/fonts/roboto-5.ttf) format('truetype');
}
/* Fever Games by FeverTV. Brand layer shared by portal and game controls. */
:root{--bg:#111418;--panel:#191f27;--sidebar:#111820;--accent:#1474ec;--muted:#b8b8b8;--line:#ffffff14;--pink:#80caff;font-family:Roboto,"Helvetica Neue",Arial,sans-serif;background:#0a0a0a;color:#f5f5f5}
.brand{display:inline-flex;flex-direction:column;align-items:flex-start;gap:5px;line-height:1;letter-spacing:-.8px}
.brand .brand-title{color:#fff;margin:0;font-size:21px;font-weight:900}.brand-title>span{color:#1474ec;margin-left:3px}
.brand .brand-endorsement{color:#b8b8b8;font-size:9px;font-weight:500;letter-spacing:1.3px;margin:0}.brand-endorsement span{color:#fff;margin-left:0}
.rail-logo{margin-left:2px;letter-spacing:0}.rail-logo img{display:block;border-radius:9px}.game-rail{background:#0b0b0b}
.profile-avatar,.account-avatar{background:linear-gradient(145deg,#1474ec,#093c87);border-color:#ffffff30}
.sidebar-profile{padding-top:30px}.sidebar-label,.sidebar-profile small,.sidebar-footer,.rail-bottom{color:#9b9b9b}
.sidebar-link{color:#c2c2c2}.sidebar-link.active,.sidebar-link:hover{color:#fff;background:#1474ec14;border-color:#1474ec38}.sidebar-link.active svg,.sidebar-link span{color:#80caff}
.family-card{background:linear-gradient(145deg,#102840,#1c1c1c 75%);border-color:#ffffff12}.family-card-icon{color:#fff}.family-card a{color:#80caff}.family-card p{color:#b8b8b8}
.hero-shade{background:linear-gradient(90deg,#080808f5,#111418a8 46%,#1114180d 86%),linear-gradient(0deg,#111418e8,transparent 55%)}
.hero-content h1{font-family:Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:900;text-transform:none;font-size:clamp(42px,4.7vw,72px);line-height:1.04;letter-spacing:-2px}
.hero-strip{background:#181818e8}.hero-choices a.selected,.eyebrow,.heading-dot{color:#80caff}.hero-choices a.selected{border-color:#1474ec}
.hero-tagline{color:#d1d1d1}.hero-tags span{color:#ddd}.primary,.topbar button,.topbar .install-trigger,.auth-tabs button[aria-pressed=true],.auth-panel form>button{background:#1474ec;color:#fff;box-shadow:none}
.primary:hover,.topbar .install-trigger:hover{background:#105ec4;color:#fff;box-shadow:0 5px 24px #1474ec26}
.genre-chip[aria-pressed=true],.view-switch button[aria-pressed=true]{background:#1474ec1c;color:#fff;border-color:#1474ec55}.card:hover{border-color:#1474ec66}
.search-label,.view-switch{background:#202020}.search-label input,.genre-chip{color:#c2c2c2}.search-label input::placeholder{color:#a0a0a0}
.card{background:#191f27}.card-explore,.detail-tabs button[aria-selected=true],.password-toggle[aria-pressed=true],.auth-panel .password-toggle:hover,.auth-panel .password-toggle[aria-pressed=true]{color:#80caff}
.game-options,.about-panel,.leaderboard-panel{background:#191f27}.game-facts small{color:#aaa}.build-status:not(.previous) strong{color:#b8d89f}
#player{background:#111418}#player nav a{color:#fff}#player nav button,#player-menu button{background:#1474ec;color:#fff}#player-menu{background:#161616f5}#player-menu-toggle{background:#161616e8}
footer .brand-title{font-size:17px}footer .brand-endorsement{font-size:8px}
@media(max-width:620px){.brand .brand-title{font-size:18px}.brand .brand-endorsement{font-size:8px;letter-spacing:.9px}.hero-content h1{font-size:42px;letter-spacing:-1.4px}.site-sidebar .brand{gap:4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Preserve status meaning and readable accent text on charcoal. */
.card-genre{color:#80caff}.card-foot .live-dot{background:#8acb9b}.game-options>.primary{background:#1474ec}.game-options>.primary:hover{background:#105ec4}
.mobile-brand{display:none}
@media(max-width:620px){.mobile-brand{display:block;flex-shrink:0;font-size:13px;font-weight:900;letter-spacing:-.5px;line-height:1}.mobile-brand>span{color:#1474ec}.mobile-brand small{display:block;margin-top:5px;font-size:7px;letter-spacing:1px;color:#b8b8b8}.topbar{gap:8px}.topbar .install-trigger{padding:10px 8px}.topbar #account{gap:6px}.topbar #account button{padding:10px 8px}.game-landing .mobile-brand{display:none}.topbar>.top-label{display:none}}

/* Keep account security controls reachable on smaller family devices. */
@media(max-width:620px){
 .topbar,.game-landing .topbar{height:auto;min-height:74px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;row-gap:10px}
 .topbar #account{min-width:0;max-width:100%;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}
 .topbar .account-profile{min-width:0;max-width:100%}
 .topbar .account-profile>span:last-child{max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .topbar #account>.button{font-size:9px;padding:9px 10px;border-radius:7px;white-space:nowrap}
}

/* Green signals an available game; brand actions retain Fever TV red. */
.card-foot>span:before{background:#8acb9b}

#operations-link[hidden]{display:none!important}

/* BitBeak selected identity; retain established navigation and player controls. */
.brand .bitbeak-wordmark{width:164px;height:auto;aspect-ratio:700/270;object-fit:contain;mix-blend-mode:screen}
.brand .brand-endorsement{font-size:8px;letter-spacing:1.1px;color:#b8c8d8}
.brand{gap:0}.rail-logo img{object-fit:contain;border-radius:10px;background:#000}
.family-card{background:linear-gradient(145deg,#102840,#191f27 75%)}
.profile-avatar,.account-avatar{background:linear-gradient(145deg,#1474ec,#093c87)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #80caff;outline-offset:3px}
footer .brand .bitbeak-wordmark{width:120px}
.card-foot>span:before,.card-foot .live-dot{background:#8acb9b}
@media(max-width:620px){.mobile-brand img{width:92px;height:auto;mix-blend-mode:screen}.brand .bitbeak-wordmark{width:135px}}

/* Center the tagline on the wordmark in sidebar and footer. */
.brand{align-items:center}.brand .brand-endorsement{align-self:stretch;text-align:center}
/* Authenticator enrollment stays on-device; later logins show only the code. */
#auth-dialog .mfa-setup{margin:18px 0;text-align:center}
#auth-mfa-qr{display:block;width:256px;max-width:100%;height:auto;margin:0 auto 16px;background:#fff;border:8px solid #fff;border-radius:8px}
#auth-dialog .mfa-setup details{margin:10px 0 20px;text-align:left;font-size:12px;color:#c5d6e9}
#auth-dialog .mfa-setup summary{cursor:pointer;min-height:36px;padding:8px 0}
#auth-dialog .mfa-setup code{display:block;overflow-wrap:anywhere;padding:12px;background:#111418;border-radius:6px;color:#fff;user-select:all}