/* Late cosmetic fixes loaded after all theme files. */
.app .desktop-brand{display:none!important}
.app .mobile-brand{
  position:fixed!important;
  z-index:30!important;
  top:var(--tg-brand-top,18px)!important;
  left:50%!important;
  display:grid!important;
  justify-items:center!important;
  gap:5px!important;
  width:max-content!important;
  margin:0 auto 2px!important;
  text-align:center!important;
  transform:translate(-50%,-50%)!important;
  animation:none!important;
}
.app .mobile-brand strong,
.app .desktop-brand strong{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
.app .mobile-brand .beta-badge,
.app .desktop-brand .beta-badge{
  display:inline-grid!important;
  place-items:center!important;
  width:max-content!important;
  padding:3px 7px!important;
  border:1px solid rgba(104,217,255,.72)!important;
  border-radius:999px!important;
  color:#fff7e6!important;
  background:linear-gradient(100deg,rgba(53,242,255,.18),rgba(255,68,198,.22))!important;
  box-shadow:0 0 12px rgba(255,68,198,.16),inset 0 0 8px rgba(255,255,255,.06)!important;
  font:800 10px/1 Manrope,sans-serif!important;
  letter-spacing:.03em!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
}
.app.theme-base :is(.mobile-brand,.desktop-brand) strong{color:#fff7e6!important;text-shadow:0 0 14px rgba(155,108,255,.55),2px 2px rgba(8,3,18,.72)!important}
.app.theme-matrix :is(.mobile-brand,.desktop-brand) strong{color:#d9ffdf!important;text-shadow:none!important}
.app.theme-retro :is(.mobile-brand,.desktop-brand) strong{color:#fff!important;background:linear-gradient(#3287ed,#0754ce)!important;text-shadow:1px 1px #003c9e!important}
.app.theme-synthwave :is(.mobile-brand,.desktop-brand) strong{color:#fff!important;text-transform:uppercase!important;text-shadow:2px 2px #ff39c5,-2px -2px #27dfff!important}
.app.theme-rich :is(.mobile-brand,.desktop-brand) strong{color:#ffe58a!important;text-shadow:0 2px #6f3f00!important}
.app.theme-matrix :is(.mobile-brand,.desktop-brand) .beta-badge{border-color:#43e968!important;color:#aaffb7!important;background:#071309!important;box-shadow:none!important;font-family:"Cascadia Mono Local",Consolas,monospace!important;text-transform:uppercase!important;text-shadow:none!important}
.app.theme-retro :is(.mobile-brand,.desktop-brand) .beta-badge{border:1px solid #003c9e!important;border-radius:2px!important;color:#fff!important;background:linear-gradient(#2f91ff,#0754ce)!important;box-shadow:1px 1px 0 rgba(255,255,255,.75),2px 2px 0 rgba(0,0,0,.22)!important;font-family:Tahoma,"Segoe UI",sans-serif!important;text-transform:none!important;text-shadow:1px 1px #003c9e!important}
.app.theme-synthwave :is(.mobile-brand,.desktop-brand) .beta-badge{border-color:#38dcff!important;border-radius:0!important;color:#fff!important;background:#17062e!important;box-shadow:2px 2px 0 #ff3fc7!important;font-family:"Cascadia Mono Local",monospace!important;text-transform:uppercase!important;text-shadow:none!important}
.app.theme-rich :is(.mobile-brand,.desktop-brand) .beta-badge{border-color:#d99a28!important;color:#fff0ad!important;background:#251703!important;box-shadow:none!important;text-shadow:none!important}
.app .theme-ui-preview header>button{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  aspect-ratio:1!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  background:rgba(255,255,255,.08)!important;
  border:0!important;
  border-radius:50%!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
  clip-path:none!important;
  transform:none!important;
}
.app .theme-ui-preview header>button::before,
.app .theme-ui-preview header>button::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:13px!important;
  height:2px!important;
  border:0!important;
  border-radius:2px!important;
  background:#d9d8e8!important;
  box-shadow:none!important;
  filter:none!important;
  transform-origin:center!important;
}
.app .theme-ui-preview header>button::before{transform:translate(-50%,-50%) rotate(45deg)!important}
.app .theme-ui-preview header>button::after{transform:translate(-50%,-50%) rotate(-45deg)!important}
.app .theme-ui-preview.mini-base header>button,.app .theme-ui-preview.mini-rich header>button{border-radius:50%!important}
.app .theme-ui-preview.mini-matrix header>button,.app .theme-ui-preview.mini-synthwave header>button{border-radius:0!important}
.app .theme-ui-preview.mini-retro header>button{background:#e84a3c!important;border:1px outset #fff!important;border-radius:0!important}
.app .theme-ui-preview.mini-retro header>button::before,.app .theme-ui-preview.mini-retro header>button::after{background:#fff!important}
.app .theme-ui-preview.mini-matrix header>button{background:#0a3213!important;border:1px solid #43e968!important}
.app .theme-ui-preview.mini-matrix header>button::before,.app .theme-ui-preview.mini-matrix header>button::after{background:#aaffb7!important}
.app .theme-ui-preview.mini-synthwave header>button{background:#4e125e!important;border:1px solid #38dcff!important;box-shadow:2px 2px 0 #ff3fc7!important}
.app .theme-ui-preview.mini-synthwave header>button::before,.app .theme-ui-preview.mini-synthwave header>button::after{background:#fff!important}
.app .theme-ui-preview.mini-rich header>button{background:#2a1904!important;border:1px solid #d99a28!important}
.app .theme-ui-preview.mini-rich header>button::before,.app .theme-ui-preview.mini-rich header>button::after{background:#fff0ad!important}
.app.theme-base .theme-ui-preview.mini-base header>button,.app.theme-matrix .theme-ui-preview.mini-base header>button,.app.theme-retro .theme-ui-preview.mini-base header>button,.app.theme-synthwave .theme-ui-preview.mini-base header>button,.app.theme-rich .theme-ui-preview.mini-base header>button{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,214,137,.16)!important;border-radius:50%!important;box-shadow:none!important}
.app.theme-base .theme-ui-preview.mini-matrix header>button,.app.theme-matrix .theme-ui-preview.mini-matrix header>button,.app.theme-retro .theme-ui-preview.mini-matrix header>button,.app.theme-synthwave .theme-ui-preview.mini-matrix header>button,.app.theme-rich .theme-ui-preview.mini-matrix header>button{background:#0a3213!important;border:1px solid #43e968!important;border-radius:0!important;box-shadow:none!important}
.app.theme-base .theme-ui-preview.mini-retro header>button,.app.theme-matrix .theme-ui-preview.mini-retro header>button,.app.theme-retro .theme-ui-preview.mini-retro header>button,.app.theme-synthwave .theme-ui-preview.mini-retro header>button,.app.theme-rich .theme-ui-preview.mini-retro header>button{background:#e84a3c!important;border:1px outset #fff!important;border-radius:0!important;box-shadow:none!important}
.app.theme-base .theme-ui-preview.mini-synthwave header>button,.app.theme-matrix .theme-ui-preview.mini-synthwave header>button,.app.theme-retro .theme-ui-preview.mini-synthwave header>button,.app.theme-synthwave .theme-ui-preview.mini-synthwave header>button,.app.theme-rich .theme-ui-preview.mini-synthwave header>button{background:#4e125e!important;border:1px solid #38dcff!important;border-radius:0!important;box-shadow:2px 2px 0 #ff3fc7!important}
.app.theme-base .theme-ui-preview.mini-rich header>button,.app.theme-matrix .theme-ui-preview.mini-rich header>button,.app.theme-retro .theme-ui-preview.mini-rich header>button,.app.theme-synthwave .theme-ui-preview.mini-rich header>button,.app.theme-rich .theme-ui-preview.mini-rich header>button{background:#2a1904!important;border:1px solid #d99a28!important;border-radius:50%!important;box-shadow:none!important}
.app .theme-ui-preview main,
.app .theme-ui-preview main>section,
.app .theme-ui-preview main button{
  box-sizing:border-box!important;
  filter:none!important;
  clip-path:none!important;
  transform:none!important;
  animation:none!important;
}
.app .theme-ui-preview main button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:0!important;
  padding:7px 3px!important;
  line-height:1.15!important;
  text-align:center!important;
}
.app .theme-ui-preview.mini-base main{color:#fffaf0!important;background:linear-gradient(180deg,rgba(18,22,31,.9),rgba(7,9,15,.98))!important}
.app .theme-ui-preview.mini-base main>section{color:#fffaf0!important;background:radial-gradient(circle at 50% 25%,rgba(103,217,232,.1),transparent 58%),rgba(20,24,34,.82)!important;border:1px solid rgba(255,204,112,.24)!important;border-radius:18px!important;box-shadow:none!important}
.app .theme-ui-preview.mini-base main button{color:#fffaf0!important;background:linear-gradient(135deg,rgba(53,242,255,.09),rgba(155,108,255,.07))!important;border:1px solid rgba(255,214,137,.16)!important;border-radius:16px!important;box-shadow:none!important;text-shadow:none!important}
.app .theme-ui-preview.mini-matrix main{color:#aaffb7!important;background:#000!important}
.app .theme-ui-preview.mini-matrix main>section,.app .theme-ui-preview.mini-matrix main button{color:#aaffb7!important;background:#071309!important;border:1px solid #205b2d!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important}
.app .theme-ui-preview.mini-retro main{color:#111!important;background:#ece9d8!important}
.app .theme-ui-preview.mini-retro main>section,.app .theme-ui-preview.mini-retro main button{color:#111!important;background:#f5f4ea!important;border:1px outset #fff!important;border-radius:1px!important;box-shadow:none!important;text-shadow:none!important}
.app .theme-ui-preview.mini-synthwave main{color:#fff!important;background:#12052c!important}
.app .theme-ui-preview.mini-synthwave main>section,.app .theme-ui-preview.mini-synthwave main button{color:#fff!important;background:#17062e!important;border:1px solid #38dcff!important;border-radius:0!important;box-shadow:2px 2px 0 #ff3fc7!important;text-shadow:none!important}
.app .theme-ui-preview.mini-rich main{color:#fff0ad!important;background:#160e03!important}
.app .theme-ui-preview.mini-rich main>section,.app .theme-ui-preview.mini-rich main button{color:#fff0ad!important;background:#251703!important;border:1px solid #d99a28!important;border-radius:10px!important;box-shadow:none!important;text-shadow:none!important}
.app .theme-ui-preview main small,.app .theme-ui-preview main strong{background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
.app .theme-ui-preview.mini-base main small{color:#aeb8c8!important}.app .theme-ui-preview.mini-base main strong{color:#fffaf0!important}
.app .theme-ui-preview.mini-matrix main small,.app .theme-ui-preview.mini-matrix main strong{color:#aaffb7!important}
.app .theme-ui-preview.mini-retro main small,.app .theme-ui-preview.mini-retro main strong{color:#111!important}
.app .theme-ui-preview.mini-synthwave main small,.app .theme-ui-preview.mini-synthwave main strong{color:#fff!important}
.app .theme-ui-preview.mini-rich main small,.app .theme-ui-preview.mini-rich main strong{color:#fff0ad!important}

/* Desktop home header: brand is part of the center-orbit card, mirrored with the comet counter. */
@media (pointer:fine) and (min-width:480px){
  .desktop-layout .mobile-brand{display:none!important}
  .desktop-layout .center-orbit>.desktop-brand{display:grid!important}
  .desktop-layout .center-orbit{position:relative!important}
  .desktop-layout .center-orbit>.desktop-brand{
    position:absolute!important;
    z-index:2;
    left:22px!important;
    right:auto!important;
    top:20px!important;
    width:max-content!important;
    min-height:44px!important;
    margin:0!important;
    display:grid!important;
    align-content:center!important;
    justify-items:center!important;
    text-align:center!important;
    transform:none!important;
    animation:none!important;
  }
  .desktop-layout .center-orbit>.desktop-brand strong{font-size:22px!important;line-height:1!important}
  .desktop-layout .center-orbit>.desktop-brand .beta-badge{margin-top:1px!important}
  .desktop-layout.theme-matrix .center-orbit>.desktop-brand{left:22px!important}
}

@media (max-width:479px){
  .app .center-orbit>.desktop-brand{display:none!important}
  .app .mobile-brand,
  .app.theme-base .mobile-brand,
  .app.theme-matrix .mobile-brand,
  .app.theme-retro .mobile-brand,
  .app.theme-synthwave .mobile-brand,
  .app.theme-rich .mobile-brand{
    position:fixed!important;
    z-index:30!important;
    left:50%!important;
    right:auto!important;
    top:var(--tg-brand-top,18px)!important;
    display:grid!important;
    justify-items:center!important;
    width:max-content!important;
    margin:0!important;
    opacity:1!important;
    visibility:visible!important;
    transform:translate(-50%,-50%)!important;
    translate:none!important;
    animation:none!important;
    pointer-events:none!important;
  }
  .app .mobile-brand strong,
  .app .mobile-brand .beta-badge{
    opacity:1!important;
    visibility:visible!important;
  }
}