/* A.U.G.U.R rebrand preview: header mark, splash wordmark, art sizing. Live /app/ never loads this. */
.brand.augur-brand{display:inline-flex;align-items:center;gap:8px}
/* the app's own avatar button already shows the emblem, so no second mark here */
.brand.augur-brand .augur-mark{display:none}
.brand.augur-brand .bmad{font-weight:800;letter-spacing:.02em;font-size:16px;white-space:nowrap;background:linear-gradient(180deg,#fff 30%,#b49aff)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
#splash .wordmark{font-size:clamp(34px,11vw,54px)!important;letter-spacing:.02em}
#splash .wordmark::before,#splash .wordmark::after{content:"A.U.G.U.R"!important}
#splash .wordmark .l:nth-child(n+4){animation-delay:.9s}
#splash .tag{letter-spacing:.16em;text-transform:uppercase;font-size:11px;opacity:.85}
#splashAlf{object-fit:contain;filter:drop-shadow(0 18px 50px rgba(139,92,246,.55))}
.gate img{border-radius:0;object-fit:contain}
img[src^="/augur/app/brand/augur-pfp"]{border-radius:50%}

/* ===== A.U.G.U.R splash v2 (10-16): cinematic, minimal. The portrait fades up out of the dark, the eyes ignite,
   wordmark resolves, one thin progress line. Exit = zoom through the eyes into the app.
   Boot contract kept: #splash, #spBar (scaleX), #spStatus, .ready, .gone. */
#splash.as{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;background:#050509;overflow:hidden;
  transition:opacity .6s cubic-bezier(.4,0,.2,1),visibility .6s}
#splash.as .as-glow{position:absolute;left:50%;top:44%;width:150vmax;height:150vmax;transform:translate(-50%,-50%);pointer-events:none;
  background:radial-gradient(closest-side,rgba(139,92,246,.20),rgba(91,33,182,.08) 45%,transparent 72%);opacity:0;animation:asFade 1.6s ease .15s forwards}
#splash.as .as-grid{position:absolute;inset:0;pointer-events:none;opacity:.32;
  background-image:linear-gradient(rgba(196,180,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(196,180,255,.07) 1px,transparent 1px);background-size:44px 44px;
  -webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 46%,#000,transparent 75%);mask-image:radial-gradient(ellipse 60% 50% at 50% 46%,#000,transparent 75%)}
#splash.as .as-stage{position:relative;margin-top:-7vh}
#splash.as .as-portrait{position:relative;width:min(82vw,430px);aspect-ratio:1100/1366;transition:transform .7s cubic-bezier(.5,0,.2,1),filter .7s,opacity .6s;
  -webkit-mask-image:radial-gradient(ellipse 52% 50% at 50% 44%,#000 52%,transparent 80%);mask-image:radial-gradient(ellipse 52% 50% at 50% 44%,#000 52%,transparent 80%)}
#splash.as .as-portrait img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.12) saturate(.6);transform:scale(1.08);
  animation:asReveal 1.3s cubic-bezier(.2,.7,.2,1) .05s forwards}
#splash.as .as-eye{position:absolute;top:34.2%;width:10%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.3);border-radius:50%;opacity:0;pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(circle,rgba(232,222,255,.95) 0,rgba(180,154,255,.55) 22%,rgba(139,92,246,.18) 48%,transparent 70%);
  animation:asIgnite .5s cubic-bezier(.2,1.4,.4,1) .7s forwards,asBreathe 2.4s ease-in-out 1.25s infinite}
#splash.as .as-eye.l{left:43.6%}#splash.as .as-eye.r{left:56.3%;animation-delay:.76s,1.31s}
#splash.as .as-scan{position:absolute;left:0;right:0;top:-20%;height:20%;pointer-events:none;mix-blend-mode:screen;
  background:linear-gradient(180deg,transparent,rgba(180,154,255,.16),transparent);animation:asScan 1.6s cubic-bezier(.4,0,.2,1) .25s 1 forwards;opacity:0}
#splash.as .as-brand{position:relative;margin-top:-6vh;display:flex;flex-direction:column;align-items:center;gap:14px}
#splash.as .as-word{display:flex;font:800 clamp(30px,9.4vw,46px)/1 "AugurMark",system-ui,sans-serif;letter-spacing:.16em;padding-left:.16em;color:#f5f3fc}
#splash.as .as-word span{display:inline-block;opacity:0;filter:blur(10px);transform:translateY(8px);
  background:linear-gradient(180deg,#fff 30%,#c9b8ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  animation:asLetter .55s cubic-bezier(.2,.7,.2,1) forwards}
#splash.as .as-word span:nth-child(1){animation-delay:0.80s}#splash.as .as-word span:nth-child(2){animation-delay:0.85s}
#splash.as .as-word span:nth-child(3){animation-delay:0.90s}#splash.as .as-word span:nth-child(4){animation-delay:0.95s}
#splash.as .as-word span:nth-child(5){animation-delay:1.00s}#splash.as .as-word span:nth-child(6){animation-delay:1.05s}
#splash.as .as-word span:nth-child(7){animation-delay:1.10s}#splash.as .as-word span:nth-child(8){animation-delay:1.15s}
#splash.as .as-word span:nth-child(9){animation-delay:1.20s}
#splash.as .as-tag{font:500 10.5px/1 "JetBrains Mono",monospace;letter-spacing:.34em;padding-left:.34em;text-transform:uppercase;color:#8e86ab;opacity:0;animation:asFade .6s ease 1.3s forwards}
#splash.as .as-foot{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 64px);transform:translateX(-50%);width:176px;display:flex;flex-direction:column;align-items:center;gap:14px;opacity:0;animation:asFade .5s ease .3s forwards}
#splash.as .as-bar{width:100%;height:2px;border-radius:2px;background:rgba(196,180,255,.1);overflow:visible}
#splash.as .as-bar i{display:block;height:100%;width:100%;border-radius:2px;transform-origin:left center;transform:scaleX(0);
  background:linear-gradient(90deg,#7c4ff0,#b49aff);box-shadow:0 0 12px rgba(180,154,255,.75)}
#splash.as .as-status{font:500 10px/1 "JetBrains Mono",monospace;letter-spacing:.22em;text-transform:uppercase;color:#8e86ab;min-height:12px;white-space:nowrap}
#splash.as .as-status b{color:#33e2a0;font-weight:600}
#splash.as.ready .as-eye{animation:none;opacity:1;transform:translate(-50%,-50%) scale(1.25);transition:transform .3s}
#splash.as.ready .as-status{color:#f5f3fc}
#splash.as.gone{opacity:0;visibility:hidden}
#splash.as.gone .as-portrait{transform:scale(1.9);filter:blur(6px);opacity:0}
#splash.as.gone .as-brand,#splash.as.gone .as-foot{opacity:0;transition:opacity .3s}
@keyframes asFade{to{opacity:1}}
@keyframes asReveal{to{filter:brightness(1) saturate(1);transform:scale(1)}}
@keyframes asIgnite{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.25)}100%{opacity:.9;transform:translate(-50%,-50%) scale(1)}}
@keyframes asBreathe{0%,100%{opacity:.9;transform:translate(-50%,-50%) scale(1)}50%{opacity:.65;transform:translate(-50%,-50%) scale(.9)}}
@keyframes asScan{0%{top:-20%;opacity:0}15%{opacity:1}100%{top:100%;opacity:0}}
@keyframes asLetter{to{opacity:1;filter:blur(0);transform:none}}
@media (prefers-reduced-motion:reduce){#splash.as *{animation-duration:.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important}}

/* splash blink (10-16): lids in the face's own black close over eye + glow. Double blink as the wordmark lands, then every 2.6 s */
#splash.as .as-lid{position:absolute;top:30.5%;width:11.4%;height:7.4%;border-radius:50%;background:#040208;filter:blur(1.5px);pointer-events:none;
  transform-origin:50% 0;transform:scaleY(0);animation:asBlink 2.6s cubic-bezier(.4,0,.2,1) 1.85s infinite}
#splash.as .as-lid.l{left:37.9%}#splash.as .as-lid.r{left:50.6%}
@keyframes asBlink{0%{transform:scaleY(0)}4%,7%{transform:scaleY(1)}11%{transform:scaleY(0)}17%{transform:scaleY(0)}20%,22%{transform:scaleY(1)}26%,100%{transform:scaleY(0)}}

/* 10-17 Arcade: A.U.G.U.R Foresight card art (the bundle's CSS points at the MAD runner card) */
html body .ar-run-bg{background-image:url(/augur/app/brand/foresight-card.jpg)!important;background-position:50% 30%!important}