/* Eyes Up logo (Tab, Nov 9 2026, worker 7475f9e4). Remove the <link href="h2/brand.css"> line in index.html to turn the logo look off. */
:root{--brand-navy:#0c1a33;--brand-gold:#c9a45c}
/* login: big badge floating above the card */
#login .login-card{margin-top:104px;overflow:visible!important;padding-top:26px!important;border-color:rgba(201,164,92,.18)!important}
#login .login-card .logo{display:block;width:176px!important;height:176px!important;margin:-128px auto 10px;border-radius:50%!important;object-fit:contain;
  box-shadow:0 22px 60px -14px rgba(0,0,0,.95),0 0 0 1px rgba(201,164,92,.35),0 0 70px -10px rgba(201,164,92,.35)!important;background:#0b1b34}
#login .login-card h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#login .login-card .acct-login{color:var(--brand-gold)!important;letter-spacing:.22em!important;margin:4px 0 20px!important}
@media (max-height:640px){#login .login-card{margin-top:78px}#login .login-card .logo{width:132px!important;height:132px!important;margin-top:-96px}}
/* app header: small round mark before "Eyes Up" */
header h1#title::before{content:"";display:inline-block;width:30px;height:30px;margin-right:9px;vertical-align:-8px;border-radius:50%;
  background:url(brand-mark-64.png) center/contain no-repeat;background-image:image-set(url(brand-mark-64.png) 1x,url(brand-mark-128.png) 2x);
  box-shadow:0 0 0 1px rgba(201,164,92,.28),0 4px 14px -4px rgba(0,0,0,.8)}
@media (min-width:900px){header h1#title::before{width:34px;height:34px;vertical-align:-10px}}
/* What's new sheet header */
.h2-wnh{gap:12px;align-items:center!important}
.h2-wnh::before{content:"";flex:0 0 52px;height:52px;border-radius:50%;background:url(brand-badge-128.png) center/contain no-repeat;
  box-shadow:0 0 0 1px rgba(201,164,92,.3),0 8px 24px -8px rgba(0,0,0,.9)}
.h2-wnh>div{flex:1;min-width:0}
.h2-wnh small{color:var(--brand-gold)!important}
.h2-wnh{background:radial-gradient(400px 160px at 100% 0,rgba(201,164,92,.16),transparent 70%)!important}