/* =====================================================================
   BRARFLIX V59 — SIMPLE CUSTOMER UI LAYER
   Purpose: keep V58 mechanics/data hooks intact while replacing the
   MOD//OS command-center HUD with a familiar storefront/admin interface.
   ===================================================================== */

:root{
  --simple-bg:#070b12;
  --simple-bg-soft:#0a1019;
  --simple-panel:#0d1420;
  --simple-panel-2:#111a28;
  --simple-line:rgba(148,177,214,.16);
  --simple-line-strong:rgba(89,184,255,.38);
  --simple-text:#f5f8fc;
  --simple-muted:#96a5b8;
  --simple-blue:#3ca7ff;
  --simple-blue-2:#6f7cff;
  --simple-green:#67dda0;
  --simple-red:#ff7181;
  --simple-shadow:0 18px 55px rgba(0,0,0,.28);
  --simple-radius:16px;
}

html{background:var(--simple-bg)!important}
body{
  padding:0!important;
  padding-bottom:0!important;
  margin:0!important;
  background:linear-gradient(180deg,#070b12 0%,#09111c 45%,#070b12 100%)!important;
  color:var(--simple-text)!important;
  overflow-x:hidden!important;
}
body::before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  background:radial-gradient(circle at 75% 0%,rgba(60,167,255,.08),transparent 34rem)!important;
  opacity:1!important;
  animation:none!important;
  filter:none!important;
  transform:none!important;
  pointer-events:none!important;
}
body::after{display:none!important}

.site-main,body>main{padding-left:0!important;margin-left:0!important}
.wrap{width:min(1220px,calc(100% - 36px))!important;margin-inline:auto!important}

/* ---------- NORMAL TOP NAVIGATION ---------- */
.nav{
  position:sticky!important;
  top:0!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid var(--simple-line)!important;
  border-radius:0!important;
  background:rgba(7,11,18,.96)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(10px)!important;
  overflow:visible!important;
  animation:none!important;
  z-index:1000!important;
}
.nav:hover,.nav:focus-within{width:100%!important}
.nav-inner{
  width:min(1220px,calc(100% - 36px))!important;
  height:72px!important;
  min-height:72px!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:22px!important;
  overflow:visible!important;
}
.logo{
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:none!important;
  flex:0 0 auto!important;
}
.logo img{
  width:auto!important;
  height:44px!important;
  max-width:190px!important;
  padding:0!important;
  object-fit:contain!important;
  filter:none!important;
  transform:none!important;
}
.rail-cap,.rail-status,.nav-group-label{display:none!important}
.links{
  position:static!important;
  inset:auto!important;
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:4px!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
.links a{
  width:auto!important;
  height:40px!important;
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:0!important;
  padding:0 12px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#aab7c7!important;
  font-size:13px!important;
  font-weight:750!important;
  letter-spacing:0!important;
  overflow:visible!important;
  transform:none!important;
  text-shadow:none!important;
}
.links a::before{display:none!important;content:none!important}
.links a span{
  opacity:1!important;
  transform:none!important;
  font-size:13px!important;
  font-weight:750!important;
  letter-spacing:0!important;
}
.links a:hover{color:white!important;background:rgba(255,255,255,.055)!important;border-color:var(--simple-line)!important;transform:none!important;text-shadow:none!important}
.links a.active{color:white!important;background:rgba(60,167,255,.11)!important;border-color:rgba(60,167,255,.24)!important}
.nav-actions{
  width:auto!important;
  min-width:0!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  border:0!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:8px!important;
  overflow:visible!important;
}
.nav-actions .user-pill{margin:0!important}
.chat-top-btn{
  width:auto!important;
  min-width:44px!important;
  height:42px!important;
  padding:0 12px!important;
  border-radius:10px!important;
  background:#0d1623!important;
  border:1px solid var(--simple-line)!important;
  color:#dce8f5!important;
  box-shadow:none!important;
}
.nav-market-cta{min-height:42px!important;padding:0 15px!important;border-radius:10px!important}
.nav-toggle{display:none!important}

/* ---------- SHARED UI ---------- */
.btn,.icon-btn{
  border-radius:10px!important;
  box-shadow:none!important;
  font-weight:800!important;
  letter-spacing:0!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease!important;
}
.btn:hover,.icon-btn:hover{transform:translateY(-1px)!important;box-shadow:none!important}
.btn-primary{
  color:#04111d!important;
  background:linear-gradient(135deg,var(--simple-blue),#69c4ff)!important;
  border-color:rgba(111,202,255,.55)!important;
  box-shadow:0 8px 24px rgba(60,167,255,.16)!important;
}
.btn-primary:hover{box-shadow:0 10px 28px rgba(60,167,255,.22)!important}
.btn::before,.btn::after,.panel::before,.panel::after,.mod-card::before,.mod-card::after,.hero-card::before,.hero-card::after{animation:none!important}

.eyebrow{
  display:inline-block!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  color:#70c8ff!important;
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.eyebrow::after{display:none!important}
.grad{
  color:#73c7ff!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  animation:none!important;
}
.lead{color:var(--simple-muted)!important;line-height:1.65!important}

.panel,.card,.hero-card,.command-frame,.account-terminal,.verify-card{
  clip-path:none!important;
  border:1px solid var(--simple-line)!important;
  border-radius:var(--simple-radius)!important;
  background:linear-gradient(180deg,var(--simple-panel-2),var(--simple-panel))!important;
  box-shadow:var(--simple-shadow)!important;
  backdrop-filter:none!important;
  animation:none!important;
}
.frame-corners,.command-status,.cockpit-code,.account-code,.identity-lines,.terminal-top,.verify-status,.signal-line,.console-label,.console-foot,.game-card-no,.head-command,.support-code,.filter-index,.filter-foot{display:none!important}

.field,textarea,select{
  border-radius:10px!important;
  background:#08111c!important;
  border:1px solid var(--simple-line)!important;
  color:#eef5fc!important;
  box-shadow:none!important;
}
.field:focus,textarea:focus,select:focus{
  border-color:rgba(75,176,255,.58)!important;
  box-shadow:0 0 0 3px rgba(60,167,255,.08)!important;
}

/* ---------- HOMEPAGE: KEEP PREMIUM, REMOVE HUD NOISE ---------- */
.nova-hero{padding:68px 0 54px!important;min-height:auto!important}
.hero-grid-bg,.hero-marquee{display:none!important}
.hero-stage{grid-template-columns:minmax(0,1fr) minmax(380px,.82fr)!important;gap:48px!important;align-items:center!important}
.hero-copy h1{font-size:clamp(52px,6.7vw,92px)!important;line-height:.94!important;letter-spacing:-3px!important;margin:18px 0 20px!important}
.hero-copy .lead{max-width:690px!important;font-size:18px!important}
.hero-micro{margin-top:24px!important;display:flex!important;gap:18px!important;flex-wrap:wrap!important}
.hero-micro span{font-size:11px!important;color:#93a4b7!important;letter-spacing:.04em!important}
.hero-micro b{color:#65c6ff!important;margin-right:5px!important}
.hero-console{padding:0!important;background:none!important;border:0!important;box-shadow:none!important;transform:none!important}
.hero-feature,[data-featured]{min-height:0!important;perspective:none!important;transform-style:flat!important}
.featured-deck-shell{transform-style:flat!important;will-change:auto!important}
.featured-back-card{display:none!important}
.featured-basic-card,.featured-deck-shell .hero-card{border-radius:18px!important;overflow:hidden!important}

.section{padding:48px 0!important;animation:none!important}
.mega-head{align-items:end!important;gap:24px!important}
.mega-head h2,.section h2{letter-spacing:-1.5px!important}
.game-grid{gap:18px!important}
.game-card{
  min-height:320px!important;
  border-radius:18px!important;
  border:1px solid var(--simple-line)!important;
  background:#0c1420!important;
  box-shadow:none!important;
  clip-path:none!important;
}
.game-card::before,.game-card::after{animation:none!important}
.game-copy{padding:24px!important}
.game-copy b{color:#65c6ff!important}
.protocol-shell,.support-cta{
  clip-path:none!important;
  border-radius:18px!important;
  border:1px solid var(--simple-line)!important;
  background:#0c1420!important;
  box-shadow:none!important;
}
.process-grid article,.manifesto-stack article{
  clip-path:none!important;
  border-radius:14px!important;
  border:1px solid var(--simple-line)!important;
  background:#0b131e!important;
}
.manifesto-section .manifesto-grid{gap:28px!important}

/* ---------- MARKETPLACE ---------- */
.market-command-hero{padding:52px 0 26px!important;border:0!important}
.market-command-hero::before,.market-command-hero::after{display:none!important}
.market-command-hero h1{
  font-size:clamp(46px,6vw,72px)!important;
  line-height:1!important;
  letter-spacing:-2.5px!important;
  margin:10px 0 14px!important;
}
.market-hero-row{grid-template-columns:1fr!important;gap:0!important}
.market-hero-aside{display:none!important}
.marketplace-workspace{padding-top:16px!important;padding-bottom:70px!important}
.market-layout{grid-template-columns:250px minmax(0,1fr)!important;gap:22px!important}
.marketplace-filters{
  position:sticky!important;
  top:92px!important;
  padding:20px!important;
  border-radius:16px!important;
  background:#0c1420!important;
  border:1px solid var(--simple-line)!important;
  box-shadow:none!important;
  clip-path:none!important;
}
.marketplace-filters::before,.marketplace-filters::after{display:none!important}
.filter-heading{padding-bottom:8px!important}
.filter-heading h3{font-size:24px!important;margin:8px 0 7px!important}
.filter-heading p{font-size:13px!important;color:var(--simple-muted)!important;margin:0!important;line-height:1.55!important}
.filter-block{padding:11px 0!important;border-top:1px solid rgba(148,177,214,.09)!important}
.filter-block label{font-size:12px!important;color:#b8c5d4!important;letter-spacing:0!important;text-transform:none!important}
.market-head{margin:0 0 20px!important}
.market-head h2{font-size:clamp(34px,4vw,50px)!important}
.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.mod-card{
  clip-path:none!important;
  border-radius:16px!important;
  border:1px solid var(--simple-line)!important;
  background:#0c1420!important;
  box-shadow:none!important;
  transform:none!important;
}
.mod-card:hover{transform:translateY(-2px)!important;border-color:rgba(60,167,255,.32)!important;box-shadow:0 16px 36px rgba(0,0,0,.2)!important}
.mod-body{padding:16px!important}
.mod-body h3{font-size:19px!important}
.filter-mobile-toggle{display:none!important}

/* ---------- DASHBOARDS ---------- */
.dashboard-page{padding:42px 0 72px!important}
.cockpit-hero{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:24px!important;
  padding:0 0 26px!important;
  margin-bottom:18px!important;
  border-bottom:1px solid var(--simple-line)!important;
  animation:none!important;
}
.cockpit-hero>div:nth-child(2){max-width:780px!important}
.cockpit-hero h1{font-size:clamp(38px,5vw,58px)!important;margin:8px 0 10px!important;letter-spacing:-2px!important}
.cockpit-actions{margin-left:auto!important}
.dashboard-shell,.invoice-dashboard,.member-browser,.member-detail{padding:22px!important}
.command-head{margin-bottom:18px!important}
.dashboard-stats{gap:12px!important;margin-bottom:18px!important}
.dashboard-stats>div{
  clip-path:none!important;
  border:1px solid var(--simple-line)!important;
  border-radius:12px!important;
  background:#0a131e!important;
  box-shadow:none!important;
  padding:16px!important;
}
.dashboard-stats>div span{color:#91a0b2!important;font-size:12px!important;letter-spacing:0!important;text-transform:none!important}
.dashboard-stats>div b{font-size:26px!important}
.order-card,.sales-case-card,.case-card,.invoice-card{
  clip-path:none!important;
  border-radius:13px!important;
  border:1px solid var(--simple-line)!important;
  background:#0a131e!important;
  box-shadow:none!important;
}
.sales-tabs{gap:8px!important}
.sales-tab{
  clip-path:none!important;
  border-radius:10px!important;
  background:#0b1420!important;
  border:1px solid var(--simple-line)!important;
  box-shadow:none!important;
  text-align:center!important;
  letter-spacing:0!important;
}
.sales-tab.active{background:rgba(60,167,255,.12)!important;border-color:rgba(60,167,255,.38)!important}
.timeline span{border-radius:999px!important}

/* Staff */
.admin-workspace{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)!important;gap:20px!important}
.member-list{gap:8px!important}
.member-item{
  clip-path:none!important;
  border-radius:11px!important;
  background:#0a131e!important;
  border:1px solid var(--simple-line)!important;
}
.member-item.active{border-color:rgba(60,167,255,.55)!important;background:rgba(60,167,255,.08)!important}

/* Invoices */
.invoice-table-head{
  border:0!important;
  border-bottom:1px solid var(--simple-line)!important;
  background:transparent!important;
  color:#8191a4!important;
  padding:0 12px 10px!important;
  font-size:11px!important;
  letter-spacing:.04em!important;
}
.invoice-list>.invoice-card{border-radius:11px!important;margin-bottom:8px!important}
.invoice-paper{box-shadow:none!important}

/* Account */
.account-page{padding:52px 0 72px!important}
.account-stage{grid-template-columns:.8fr 1.2fr!important;gap:34px!important;align-items:start!important}
.account-signal{padding:28px 0!important}
.account-signal h1{font-size:clamp(42px,5.6vw,68px)!important;line-height:1!important;margin:12px 0 16px!important}
.account-terminal{padding:24px!important;min-height:0!important}
.auth-stage form,.profile-card-big,.mini-auth-box{
  clip-path:none!important;
  border-radius:14px!important;
  border:1px solid var(--simple-line)!important;
  background:#0a131e!important;
  box-shadow:none!important;
}
.auth-switch{border-radius:12px!important;background:#08111b!important}
.auth-switch button{border-radius:9px!important}
.auth-switch button.active{background:rgba(60,167,255,.16)!important;color:#fff!important;box-shadow:none!important}

/* Terms */
.terms-layout{grid-template-columns:210px minmax(0,1fr)!important;gap:20px!important}
.terms-index{position:sticky!important;top:92px!important;padding:18px!important}
.terms-page{padding:30px!important;background:#0c1420!important}
.terms-page p,.terms-page li{color:#b8c4d2!important}

/* Verify */
.verify-shell{background:var(--simple-bg)!important;padding:30px!important}
.verify-grid{display:none!important}
.verify-card{width:min(560px,100%)!important;padding:34px!important;text-align:center!important}
.verify-card h1{font-size:38px!important;letter-spacing:-1.5px!important}
.verify-check{box-shadow:none!important}

/* ---------- SIMPLE FOOTER ---------- */
.footer{
  margin:0!important;
  margin-left:0!important;
  padding:40px 0 24px!important;
  border-top:1px solid var(--simple-line)!important;
  background:#060a10!important;
  box-shadow:none!important;
}
.footer::before,.footer-orbit{display:none!important}
.footer-core{grid-template-columns:1.4fr .7fr .9fr!important;gap:34px!important}
.footer-brand img{width:190px!important;height:auto!important;filter:none!important}
.footer-command span{color:#718197!important;letter-spacing:.05em!important;font-size:10px!important}
.footer-command a,.footer-command b{color:#b1bfce!important}
.footer-bottom{border-top:1px solid var(--simple-line)!important;margin-top:28px!important;padding-top:18px!important}

/* ---------- REDUCE OLD HEAVY MOTION ---------- */
.nav,.section,.page-hero,.panel,.hero-card,.mod-card,.mini-stat,.game-card,.protocol-shell,.support-cta,.account-terminal,.verify-card{
  animation:none!important;
  filter:none!important;
}
.reveal-pop,.bf-v43-reveal{
  filter:none!important;
}
body.bf-v43-ready .bf-v43-reveal:not(.bf-v43-show){opacity:1!important;transform:none!important;filter:none!important;pointer-events:auto!important}
body.bf-v43-ready .bf-v43-reveal{transition:none!important;will-change:auto!important}

/* ---------- MOBILE ---------- */
@media(max-width:920px){
  .wrap,.nav-inner{width:min(100% - 28px,760px)!important}
  .nav-inner{height:66px!important;min-height:66px!important;gap:10px!important}
  .logo img{height:40px!important;max-width:170px!important}
  .nav-toggle{
    display:grid!important;
    width:42px!important;height:42px!important;place-items:center!important;
    margin:0!important;padding:10px!important;order:3!important;
    border-radius:10px!important;border:1px solid var(--simple-line)!important;
    background:#0d1622!important;box-shadow:none!important;
  }
  .nav-toggle span{width:20px!important;height:2px!important;background:#dce7f4!important;border-radius:3px!important;display:block!important;margin:2px 0!important}
  .nav-actions{margin-left:auto!important;order:2!important}
  .nav-actions .user-pill,.nav-actions .nav-market-cta,.nav-actions .nav-auth-group{display:none!important}
  .chat-top-btn{font-size:0!important;width:42px!important;min-width:42px!important;padding:0!important}
  .chat-top-btn .chat-label{display:none!important}
  .chat-top-btn b{font-size:12px!important}
  .links{
    position:fixed!important;
    top:74px!important;
    left:14px!important;
    right:14px!important;
    bottom:auto!important;
    width:auto!important;
    max-height:calc(100vh - 92px)!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:4px!important;
    padding:10px!important;
    border:1px solid var(--simple-line)!important;
    border-radius:14px!important;
    background:#0a111b!important;
    box-shadow:0 20px 55px rgba(0,0,0,.42)!important;
    overflow:auto!important;
    z-index:1005!important;
  }
  body.nav-open .links,.nav-open .links{display:flex!important}
  .links a{width:100%!important;height:46px!important;min-height:46px!important;padding:0 13px!important;justify-content:flex-start!important}

  .hero-stage,.account-stage,.admin-workspace,.terms-layout{grid-template-columns:1fr!important}
  .nova-hero{padding:46px 0 36px!important}
  .hero-copy h1{font-size:clamp(48px,13vw,72px)!important;letter-spacing:-2.5px!important}
  .hero-console{margin-top:6px!important}
  .game-grid{grid-template-columns:1fr!important}
  .game-card{min-height:280px!important}
  .mega-head{align-items:flex-start!important;flex-direction:column!important}
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .dashboard-page{padding:30px 0 60px!important}
  .cockpit-hero{display:block!important;padding-bottom:20px!important}
  .cockpit-actions{margin-top:16px!important}

  .market-command-hero{padding:38px 0 18px!important}
  .market-command-hero h1{font-size:clamp(42px,12vw,62px)!important}
  .market-layout{grid-template-columns:1fr!important;gap:12px!important}
  .filter-mobile-toggle{display:flex!important;width:100%!important;margin:0 0 12px!important}
  body[data-page="marketplace"] .marketplace-filters{
    display:block!important;
    position:fixed!important;
    z-index:1201!important;
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
    top:auto!important;
    max-height:min(78vh,690px)!important;
    overflow:auto!important;
    padding:18px!important;
    border-radius:16px!important;
    background:#0b1420!important;
    border:1px solid rgba(115,176,224,.25)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.58)!important;
    transform:translateY(28px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:transform .18s ease,opacity .18s ease,visibility 0s linear .18s!important;
  }
  body[data-page="marketplace"].filters-open .marketplace-filters{
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:transform .18s ease,opacity .18s ease,visibility 0s!important;
  }
  body[data-page="marketplace"] .filter-backdrop{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:1200!important;
    border:0!important;
    background:rgba(0,0,0,.56)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .18s ease,visibility 0s linear .18s!important;
  }
  body[data-page="marketplace"].filters-open .filter-backdrop{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:opacity .18s ease,visibility 0s!important;
  }

  .footer{padding-bottom:26px!important}
  .footer-core{grid-template-columns:1fr 1fr!important}
  .footer-brand{grid-column:1/-1!important}
}

@media(max-width:620px){
  .wrap,.nav-inner{width:min(100% - 22px,560px)!important}
  .logo img{height:36px!important;max-width:145px!important}
  .hero-copy h1{font-size:clamp(44px,13.5vw,64px)!important;line-height:.96!important}
  .hero-cta{display:grid!important;grid-template-columns:1fr!important}
  .hero-cta .btn{width:100%!important}
  .hero-micro{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
  .catalog-grid{grid-template-columns:1fr!important}
  .dashboard-stats{grid-template-columns:1fr 1fr!important}
  .dashboard-shell,.invoice-dashboard,.member-browser,.member-detail{padding:15px!important}
  .cockpit-hero h1{font-size:38px!important}
  .admin-workspace{display:grid!important}
  .terms-index{position:static!important}
  .terms-page{padding:20px!important}
  .invoice-table-head{display:none!important}
  .invoice-list>.invoice-card{display:block!important}
  .account-signal{padding:12px 0!important}
  .account-signal h1{font-size:42px!important}
  .account-terminal{padding:16px!important}
  .footer-core{grid-template-columns:1fr!important}
  .footer-brand{grid-column:auto!important}
  .footer-bottom{display:block!important}
  .footer-bottom span{display:block!important;margin-top:5px!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Mobile account actions live at the bottom of the opened menu so login,
   register and logout remain obvious without crowding the top bar. */
@media(max-width:920px){
  .nav-actions .nav-auth-group{display:none!important}
  body.nav-open .links,.nav-open .links{bottom:82px!important;max-height:none!important}
  body.nav-open .nav-actions .nav-auth-group,
  .nav-open .nav-actions .nav-auth-group{
    display:flex!important;
    position:fixed!important;
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
    top:auto!important;
    z-index:1006!important;
    justify-content:stretch!important;
    gap:8px!important;
    padding:9px!important;
    border:1px solid var(--simple-line)!important;
    border-radius:14px!important;
    background:#0a111b!important;
    box-shadow:0 18px 45px rgba(0,0,0,.4)!important;
  }
  body.nav-open .nav-actions .nav-auth-group .btn,
  .nav-open .nav-actions .nav-auth-group .btn{flex:1 1 0!important;min-height:42px!important}
}

/* Desktop nav actions override the old command-rail button sizing. */
@media(min-width:921px){
  .nav-auth-group{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important}
  .nav .btn,.nav .icon-btn{width:auto!important;min-width:0!important;min-height:42px!important;padding:0 14px!important;border-radius:10px!important}
  .nav .chat-top-btn{min-width:44px!important}
}
.nav:hover .logo,.nav:focus-within .logo{width:auto!important}
@media(max-width:920px){.nav .chat-top-btn{width:42px!important;min-width:42px!important;padding:0!important}}

/* =====================================================================
   BRARFLIX V60 — STORE LIST + CART + CLEAN AUTH
   Familiar customer flow, premium presentation, unchanged Supabase flow.
   ===================================================================== */

/* ---------- CLEAN LOGIN / REGISTER MODAL ---------- */
.auth-modal-backdrop{
  background:rgba(2,6,12,.78)!important;
  backdrop-filter:blur(8px)!important;
  padding:18px!important;
}
.auth-modal-card{
  width:min(440px,calc(100vw - 28px))!important;
  max-height:min(88vh,760px)!important;
  overflow:auto!important;
  padding:0!important;
  border-radius:20px!important;
  border:1px solid rgba(113,181,235,.24)!important;
  background:#0b121c!important;
  box-shadow:0 30px 90px rgba(0,0,0,.58)!important;
}
.auth-simple-shell{padding:26px!important}
.auth-simple-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:20px!important;
}
.auth-simple-head h2{
  margin:7px 0 6px!important;
  font-size:31px!important;
  line-height:1.05!important;
  letter-spacing:-1.3px!important;
}
.auth-simple-head p{margin:0!important;line-height:1.5!important;font-size:13px!important}
.auth-close-x{
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  padding:0!important;
  border:1px solid var(--simple-line)!important;
  border-radius:10px!important;
  background:#101a27!important;
  color:#dce8f4!important;
  font-size:22px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.auth-close-x:hover{background:#172336!important;border-color:rgba(101,190,255,.4)!important}
.auth-modal-card .auth-switch{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:5px!important;
  padding:5px!important;
  margin-bottom:20px!important;
  border:1px solid var(--simple-line)!important;
  border-radius:12px!important;
  background:#07101a!important;
}
.auth-modal-card .auth-switch button{
  min-height:42px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#8494a8!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.auth-modal-card .auth-switch button.active{
  color:#fff!important;
  background:rgba(60,167,255,.16)!important;
  box-shadow:inset 0 0 0 1px rgba(91,187,255,.15)!important;
}
.auth-modal-card .auth-stage{padding:0!important}
.auth-modal-card .auth-stage form{
  display:none!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  clip-path:none!important;
}
.auth-modal-card .auth-stage form.active{display:block!important}
.auth-modal-card label{
  margin:13px 0 7px!important;
  font-size:12px!important;
  color:#b9c7d6!important;
  font-weight:800!important;
}
.auth-modal-card label small{color:#66778b!important;font-weight:700!important}
.auth-modal-card .field{min-height:48px!important}
.auth-modal-card .password-wrap{position:relative!important}
.auth-modal-card .password-wrap .field{padding-right:50px!important}
.auth-modal-card .password-eye{
  position:absolute!important;
  right:7px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:36px!important;
  height:36px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#aab9c9!important;
  cursor:pointer!important;
}
.auth-modal-card .keep-row{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:15px 0 0!important;
  color:#9fb0c2!important;
}
.auth-modal-card .keep-row input{width:17px!important;height:17px!important;accent-color:#49afff!important}
.auth-submit{width:100%!important;min-height:49px!important;margin-top:18px!important;font-size:14px!important}
.auth-bottom-hint{margin:13px 0 0!important;text-align:center!important;color:#6f8094!important;font-size:11px!important;line-height:1.5!important}
.auth-optional-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}

/* ---------- CART BUTTON ---------- */
.cart-top-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:68px!important;
  padding:0 11px!important;
}
.cart-top-btn b{
  min-width:21px!important;
  height:21px!important;
  padding:0 6px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:#4bb5ff!important;
  color:#04101a!important;
  font-size:10px!important;
}
.cart-label{font-size:12px!important}

/* ---------- ONE PRODUCT = ONE MARKETPLACE ROW ---------- */
body[data-page="marketplace"] .catalog-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
}
body[data-page="marketplace"] .mod-list-row{
  position:relative!important;
  display:grid!important;
  grid-template-columns:176px minmax(0,1fr) 125px minmax(250px,auto)!important;
  align-items:center!important;
  gap:20px!important;
  min-height:130px!important;
  padding:10px 12px 10px 10px!important;
  overflow:hidden!important;
  border:1px solid rgba(137,180,218,.14)!important;
  border-radius:15px!important;
  background:linear-gradient(100deg,#0d1622 0%,#0b121b 58%,#091019 100%)!important;
  box-shadow:none!important;
  transform:none!important;
  transition:border-color .18s ease,background .18s ease,transform .18s ease!important;
}
body[data-page="marketplace"] .mod-list-row::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:3px!important;
  background:linear-gradient(180deg,#57c7ff,#6777ff)!important;
  opacity:.32!important;
  transition:width .18s ease,opacity .18s ease!important;
}
body[data-page="marketplace"] .mod-list-row:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(82,186,255,.36)!important;
  background:linear-gradient(100deg,#101c2b,#0c1520 60%,#0b121b)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.16)!important;
}
body[data-page="marketplace"] .mod-list-row:hover::before{width:5px!important;opacity:1!important}
.mod-row-image{
  position:relative!important;
  display:block!important;
  width:176px!important;
  height:108px!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:11px!important;
  background:#060b12!important;
  cursor:pointer!important;
}
.mod-row-image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .22s ease!important}
.mod-list-row:hover .mod-row-image img{transform:scale(1.035)!important}
.mod-row-image .badge{top:7px!important;left:7px!important;right:auto!important;bottom:auto!important;font-size:9px!important}
.mod-row-copy{min-width:0!important;padding:4px 0!important}
.mod-row-copy .mod-meta{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;margin-bottom:7px!important}
.game-chip{
  display:inline-flex!important;
  align-items:center!important;
  min-height:25px!important;
  padding:0 8px!important;
  border-radius:7px!important;
  background:rgba(60,167,255,.11)!important;
  border:1px solid rgba(60,167,255,.2)!important;
  color:#75caff!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}
.mod-row-copy h3{margin:0 0 6px!important;font-size:20px!important;line-height:1.15!important;letter-spacing:-.45px!important;color:#f4f8fd!important}
.mod-row-copy p{margin:0!important;max-width:660px!important;color:#8292a5!important;font-size:12px!important;line-height:1.5!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.mod-row-price{padding-left:14px!important;border-left:1px solid rgba(139,177,214,.1)!important}
.mod-row-price small{display:block!important;margin-bottom:4px!important;color:#66788c!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.1em!important;font-weight:850!important}
.mod-row-price b{font-size:20px!important;color:#f5f9ff!important}
.mod-row-actions{
  display:grid!important;
  grid-template-columns:1.15fr .8fr .9fr!important;
  gap:7px!important;
  justify-content:end!important;
}
.mod-row-actions .btn{min-height:42px!important;padding:0 11px!important;white-space:nowrap!important;font-size:11px!important}
.mod-row-actions .mod-edit-btn,.mod-row-actions [data-feature-mod],.mod-row-actions [data-unfeature-mod],.mod-row-actions [data-delete-mod]{grid-column:auto!important}
.add-cart-btn{background:linear-gradient(135deg,#46b9ff,#7080ff)!important;color:#03101a!important;border-color:transparent!important}
.dm-buy-btn{background:#0f1a27!important;color:#cfe4f7!important}

/* ---------- CART DRAWER ---------- */
.cart-drawer-wrap{position:fixed!important;inset:0!important;z-index:2100!important}
.cart-drawer-backdrop{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;background:rgba(1,5,10,.67)!important;backdrop-filter:blur(5px)!important;cursor:pointer!important}
.cart-drawer{
  position:absolute!important;
  right:0!important;
  top:0!important;
  bottom:0!important;
  width:min(470px,92vw)!important;
  display:flex!important;
  flex-direction:column!important;
  padding:24px!important;
  background:#09111b!important;
  border-left:1px solid rgba(102,177,231,.2)!important;
  box-shadow:-28px 0 80px rgba(0,0,0,.42)!important;
  animation:cartSlideIn .22s cubic-bezier(.2,.8,.2,1) both!important;
}
@keyframes cartSlideIn{from{transform:translateX(28px);opacity:.4}to{transform:none;opacity:1}}
.cart-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;padding-bottom:17px!important;border-bottom:1px solid var(--simple-line)!important}
.cart-head h2{margin:6px 0 0!important;font-size:28px!important;letter-spacing:-1px!important}
.cart-head p{max-width:560px!important;margin:8px 0 0!important;color:#7e8ea2!important;font-size:12px!important;line-height:1.5!important}
.cart-list{flex:1 1 auto!important;overflow:auto!important;padding:12px 2px 12px 0!important}
.cart-line{display:grid!important;grid-template-columns:82px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:10px 0!important;border-bottom:1px solid rgba(137,176,212,.09)!important}
.cart-line>img{width:82px!important;height:66px!important;object-fit:cover!important;border-radius:9px!important;background:#050a10!important}
.cart-line-copy{min-width:0!important}
.cart-line-copy span{display:block!important;color:#698097!important;font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.cart-line-copy h4{margin:4px 0!important;color:#edf5fc!important;font-size:14px!important;line-height:1.25!important}
.cart-line-copy b{font-size:13px!important;color:#6ac8ff!important}
.cart-line-actions{display:flex!important;align-items:center!important;gap:5px!important}
.cart-mini,.cart-remove{
  min-height:34px!important;
  padding:0 9px!important;
  border:1px solid var(--simple-line)!important;
  border-radius:8px!important;
  background:#101a27!important;
  color:#b9c8d8!important;
  font-size:10px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
.cart-remove{width:34px!important;padding:0!important;color:#ff95a0!important;font-size:18px!important}
.cart-summary{padding-top:18px!important;border-top:1px solid var(--simple-line)!important}
.cart-summary>div,.checkout-total{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-bottom:14px!important}
.cart-summary>div span,.checkout-total span{color:#8495a8!important;font-size:12px!important}
.cart-summary>div strong,.checkout-total strong{font-size:25px!important;color:#f5f9ff!important}
.cart-summary>.btn{width:100%!important;margin-top:8px!important;min-height:46px!important}
.cart-summary>p{margin:12px 0 0!important;color:#66778b!important;font-size:10px!important;line-height:1.5!important;text-align:center!important}
.cart-empty{padding:42px 16px!important;text-align:center!important;color:#8393a6!important}
.cart-empty h3{margin:0 0 7px!important;color:#edf5fc!important}

/* ---------- CART CHECKOUT ---------- */
.cart-checkout-card{width:min(620px,calc(100vw - 28px))!important;padding:24px!important;border-radius:18px!important;background:#0a121d!important;border:1px solid rgba(101,179,235,.22)!important}
.checkout-items{display:grid!important;gap:0!important;margin:16px 0!important;border-top:1px solid var(--simple-line)!important;border-bottom:1px solid var(--simple-line)!important}
.checkout-items>div{display:flex!important;justify-content:space-between!important;gap:18px!important;padding:11px 0!important;border-bottom:1px solid rgba(134,174,210,.08)!important;color:#b7c5d4!important;font-size:12px!important}
.checkout-items>div:last-child{border-bottom:0!important}
.checkout-items b{color:#eaf3fb!important}
.cart-checkout-card textarea{resize:vertical!important;min-height:100px!important}
.cart-checkout-card .terms-check{display:flex!important;align-items:flex-start!important;gap:9px!important;font-size:12px!important;color:#9fafc0!important}
.cart-checkout-card .terms-check input{margin-top:3px!important;accent-color:#4ab6ff!important}

@media(max-width:1100px){
  body[data-page="marketplace"] .mod-list-row{grid-template-columns:150px minmax(0,1fr) 105px!important;gap:15px!important}
  .mod-row-image{width:150px!important;height:98px!important}
  .mod-row-actions{grid-column:2/-1!important;display:flex!important;justify-content:flex-end!important;flex-wrap:wrap!important}
  .mod-row-actions .btn{min-width:105px!important}
}

@media(max-width:720px){
  .cart-label{display:none!important}
  .cart-top-btn{min-width:42px!important;width:42px!important;height:42px!important;padding:0!important;gap:0!important}
  .cart-top-btn b{min-width:22px!important;height:22px!important;padding:0!important}
  .auth-modal-backdrop{align-items:flex-end!important;padding:0!important}
  .auth-modal-card{width:100%!important;max-width:none!important;max-height:92vh!important;border-radius:20px 20px 0 0!important;border-bottom:0!important}
  .auth-simple-shell{padding:22px 18px calc(22px + env(safe-area-inset-bottom,0px))!important}
  .auth-optional-grid{grid-template-columns:1fr!important;gap:0!important}

  body[data-page="marketplace"] .catalog-grid{gap:9px!important}
  body[data-page="marketplace"] .mod-list-row{
    grid-template-columns:104px minmax(0,1fr)!important;
    gap:12px!important;
    min-height:0!important;
    padding:9px!important;
    border-radius:13px!important;
  }
  .mod-row-image{width:104px!important;height:92px!important;border-radius:9px!important}
  .mod-row-copy{align-self:start!important;padding:2px 0!important}
  .mod-row-copy .mod-meta{gap:5px!important;margin-bottom:5px!important}
  .mod-row-copy .mod-date{display:none!important}
  .mod-row-copy h3{font-size:16px!important;margin-bottom:4px!important}
  .mod-row-copy p{-webkit-line-clamp:2!important;font-size:10.5px!important;line-height:1.4!important}
  .game-chip,.mod-row-copy .tag{font-size:8px!important;min-height:21px!important;padding:0 6px!important}
  .mod-row-price{grid-column:1/2!important;grid-row:2!important;padding:4px 0 0 2px!important;border-left:0!important;align-self:center!important}
  .mod-row-price small{display:none!important}
  .mod-row-price b{font-size:17px!important}
  .mod-row-actions{grid-column:2/3!important;grid-row:2!important;display:grid!important;grid-template-columns:1.25fr .8fr!important;gap:6px!important;justify-content:stretch!important}
  .mod-row-actions .btn{min-width:0!important;min-height:38px!important;padding:0 8px!important;font-size:9.5px!important}
  .mod-row-actions .dm-buy-btn{grid-column:1/-1!important}
  .mod-row-actions .mod-edit-btn,.mod-row-actions [data-feature-mod],.mod-row-actions [data-unfeature-mod],.mod-row-actions [data-delete-mod]{grid-column:auto!important}

  .cart-drawer{
    left:0!important;
    right:0!important;
    top:auto!important;
    bottom:0!important;
    width:100%!important;
    height:min(82vh,720px)!important;
    padding:18px 14px calc(16px + env(safe-area-inset-bottom,0px))!important;
    border-left:0!important;
    border-top:1px solid rgba(102,177,231,.2)!important;
    border-radius:20px 20px 0 0!important;
    animation:cartSheetIn .2s cubic-bezier(.2,.8,.2,1) both!important;
  }
  @keyframes cartSheetIn{from{transform:translateY(28px);opacity:.4}to{transform:none;opacity:1}}
  .cart-line{grid-template-columns:68px minmax(0,1fr) auto!important;gap:9px!important}
  .cart-line>img{width:68px!important;height:56px!important}
  .cart-mini{display:none!important}
  .cart-summary>div strong{font-size:22px!important}
  .cart-checkout-card{max-height:90vh!important;overflow:auto!important;padding:18px!important}
}

/* ======================================================================
   BRARFLIX V61 — STATIC NAV LABELS + SIMPLE PAGE TRANSITION
   Keeps every visible nav word literal/static; disables legacy pseudo-copy.
   ====================================================================== */
.nav .nav-auth-group .btn,
.nav .nav-market-cta{
  font-size:12px!important;
  letter-spacing:0!important;
}
.nav .nav-auth-group .btn::before,
.nav .nav-market-cta::before,
.chat-top-btn .chat-label::after{
  content:none!important;
  display:none!important;
}
.chat-top-btn .chat-label{
  display:inline!important;
  font-size:12px!important;
  letter-spacing:0!important;
}
.nav:hover .chat-top-btn .chat-label,
.nav:focus-within .chat-top-btn .chat-label{
  font-size:12px!important;
}

.bf-page-transition{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:24px;
  background:#050a11;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .16s ease,visibility .16s ease;
}
.bf-page-transition.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:all;
}
.bf-page-transition-card{
  width:min(360px,88vw);
  text-align:center;
}
.bf-page-transition-brand{
  display:block;
  margin-bottom:16px;
  color:#f4f8ff;
  font-size:18px;
  font-weight:900;
  letter-spacing:.04em;
}
.bf-page-transition-label{
  display:block;
  margin-top:13px;
  color:#8da0b7;
  font-size:12px;
  font-weight:700;
}
.bf-page-transition-track{
  height:3px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.08);
}
.bf-page-transition-bar{
  width:34%;
  height:100%;
  border-radius:inherit;
  background:#4dbbff;
  transform:translateX(-110%);
}
.bf-page-transition.is-active .bf-page-transition-bar{
  animation:bfV61Load 1.9s cubic-bezier(.2,.75,.2,1) forwards;
}
@keyframes bfV61Load{
  0%{transform:translateX(-110%)}
  55%{transform:translateX(115%)}
  100%{transform:translateX(290%)}
}
@media(prefers-reduced-motion:reduce){
  .bf-page-transition{transition:none!important}
  .bf-page-transition-bar{animation:none!important;transform:none!important;width:100%!important}
}

/* ======================================================================
   BRARFLIX V62 — BLURRED PAGE LOADER + VISIBLE ACCOUNT NAME
   ====================================================================== */

/* The legacy command-rail layer used opacity:0 on this copy. The simple
   navbar should always show the signed-in customer's real display name. */
.nav-actions .user-pill{
  width:auto!important;
  max-width:190px!important;
  display:inline-flex!important;
}
.nav-actions .user-pill-link{
  width:auto!important;
  min-width:0!important;
  max-width:190px!important;
  padding:5px 10px 5px 5px!important;
  border:1px solid rgba(103,177,230,.16)!important;
  border-radius:11px!important;
  background:#0b1420!important;
  color:#f5f9ff!important;
  overflow:hidden!important;
}
.nav-actions .user-pill-link .pill-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  opacity:1!important;
  transform:none!important;
  visibility:visible!important;
}
.nav-actions .user-pill-link .pill-copy b{
  display:block!important;
  color:#f7fbff!important;
  opacity:1!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1.12!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.nav-actions .user-pill-link .pill-copy small{
  display:block!important;
  margin-top:2px!important;
  color:#76caff!important;
  opacity:.92!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}

/* V62 page transition: keep the page visually present behind a soft blur so
   changing pages feels intentional instead of like the website froze. */
.bf-page-transition{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  display:grid!important;
  place-items:center!important;
  padding:24px!important;
  background:rgba(3,8,14,.48)!important;
  -webkit-backdrop-filter:blur(13px) saturate(.8) brightness(.62)!important;
  backdrop-filter:blur(13px) saturate(.8) brightness(.62)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .18s ease,visibility .18s ease!important;
}
.bf-page-transition.is-active{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:all!important;
}
.bf-page-transition-card{
  width:min(290px,84vw)!important;
  min-height:230px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:26px 24px!important;
  border:1px solid rgba(109,192,246,.18)!important;
  border-radius:22px!important;
  background:linear-gradient(160deg,rgba(13,27,43,.82),rgba(5,14,24,.72))!important;
  box-shadow:0 24px 75px rgba(0,0,0,.34),0 0 45px rgba(60,167,255,.07)!important;
  animation:bfV62CardIn .28s cubic-bezier(.2,.8,.2,1) both!important;
}
.bf-page-loader-orbit{
  position:relative!important;
  width:82px!important;
  height:82px!important;
  margin-bottom:20px!important;
}
.bf-page-loader-ring{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  border-radius:50%!important;
}
.bf-page-loader-ring-a{
  border:3px solid rgba(100,195,255,.13)!important;
  border-top-color:#67c8ff!important;
  border-right-color:#3f8fff!important;
  box-shadow:0 0 22px rgba(66,166,255,.12)!important;
  animation:bfV62Spin .82s linear infinite!important;
}
.bf-page-loader-ring-b{
  inset:10px!important;
  border:2px solid rgba(149,113,255,.11)!important;
  border-bottom-color:#9a76ff!important;
  border-left-color:#62dcff!important;
  animation:bfV62SpinReverse 1.25s linear infinite!important;
}
.bf-page-loader-core{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:14px!important;
  height:14px!important;
  border-radius:50%!important;
  transform:translate(-50%,-50%)!important;
  background:#69caff!important;
  box-shadow:0 0 0 6px rgba(75,176,255,.08),0 0 24px rgba(81,188,255,.36)!important;
  animation:bfV62Core 1s ease-in-out infinite!important;
}
.bf-page-transition-brand{
  display:block!important;
  margin:0!important;
  color:#f4f9ff!important;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
}
.bf-page-transition-label{
  display:block!important;
  margin-top:7px!important;
  color:#8fa6bc!important;
  font-size:11px!important;
  font-weight:700!important;
}
.bf-page-transition-dots{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  margin-top:14px!important;
}
.bf-page-transition-dots i{
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
  background:#6bc9ff!important;
  opacity:.25!important;
  animation:bfV62Dot 1s ease-in-out infinite!important;
}
.bf-page-transition-dots i:nth-child(2){animation-delay:.13s!important}
.bf-page-transition-dots i:nth-child(3){animation-delay:.26s!important}
/* V61 progress-bar elements are no longer rendered. Keep them suppressed if
   a cached fragment is briefly present. */
.bf-page-transition-track,.bf-page-transition-bar{display:none!important}

@keyframes bfV62Spin{to{transform:rotate(360deg)}}
@keyframes bfV62SpinReverse{to{transform:rotate(-360deg)}}
@keyframes bfV62Core{0%,100%{transform:translate(-50%,-50%) scale(.82);opacity:.72}50%{transform:translate(-50%,-50%) scale(1);opacity:1}}
@keyframes bfV62Dot{0%,100%{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
@keyframes bfV62CardIn{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}

@media(max-width:700px){
  .bf-page-transition{padding:18px!important;-webkit-backdrop-filter:blur(10px) brightness(.62)!important;backdrop-filter:blur(10px) brightness(.62)!important}
  .bf-page-transition-card{min-height:205px!important;width:min(270px,86vw)!important;padding:24px 20px!important}
  .bf-page-loader-orbit{width:70px!important;height:70px!important;margin-bottom:17px!important}
  .nav-actions .user-pill{max-width:148px!important}
  .nav-actions .user-pill-link{max-width:148px!important}
}
@media(prefers-reduced-motion:reduce){
  .bf-page-transition-card{animation:none!important}
  .bf-page-loader-ring-a,.bf-page-loader-ring-b,.bf-page-loader-core,.bf-page-transition-dots i{animation:none!important}
  .bf-page-loader-ring-a{border-top-color:#67c8ff!important}
  .bf-page-loader-core{opacity:1!important}
}