/* website look: agentfilm.css, the film design's own colours (webcore/agentlook.py) */
:root {
  --wc-film-poster: var(--art-film-poster, var(--art-background, none));
  --wc-film-cloud: var(--art-film-cloud, none);

  --wc-film-lift: color-mix(in srgb, var(--edge-lit) 20%, transparent);
  --wc-film-lift-soft: color-mix(in srgb, var(--edge-lit) 9%, transparent);
  --wc-film-haze: color-mix(in srgb, var(--fg-dim) 30%, transparent);
  --wc-film-haze-soft: color-mix(in srgb, var(--edge-lit) 12%, transparent);
}

[data-agent-look] .night {
  background:
    var(--wc-film-poster) 50% 42% / cover no-repeat;
  background-color: var(--bg-deep);
}

[data-agent-look] .night::after { content: none; }

[data-agent-look] .night::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--bg-deep) 95%, transparent) 0%,
      color-mix(in srgb, var(--bg-deep) 88%, transparent) 18%,
      color-mix(in srgb, var(--bg-deep) 91%, transparent) 100%);
}

:root[data-wc-film="home"] .night::before {
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--bg-deep) 88%, transparent) 0%,
      color-mix(in srgb, var(--bg-deep) 46%, transparent) 24%,
      color-mix(in srgb, var(--bg-deep) 34%, transparent) 52%,
      color-mix(in srgb, var(--bg-deep) 62%, transparent) 78%,
      color-mix(in srgb, var(--bg-deep) 97%, transparent) 100%),
    radial-gradient(120% 80% at 50% 40%,
      transparent 42%,
      color-mix(in srgb, var(--bg-deep) 52%, transparent) 94%);
}

.wc-film {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.wc-film-reel {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 42%;
  opacity: 0;
  transition: opacity 700ms linear;

  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: opacity;
  pointer-events: none;
}

.wc-film-reel[data-on] { opacity: 1; }

.wc-film[data-film="poster"]::before {
  content: "";
  position: absolute;
  inset: -4%;
  background: var(--wc-film-poster) 50% 42% / cover no-repeat;
  animation: wcFilmBreathe 44s ease-in-out infinite alternate;
}

@keyframes wcFilmBreathe {
  from { transform: scale(1) translate3d(0, 0, 0); }
  to { transform: scale(1.06) translate3d(-1.2%, -0.8%, 0); }
}

.wc-film-glow {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(26% 20% at 79% 4%, var(--wc-film-lift), transparent 62%),
    radial-gradient(110% 80% at 50% 118%, var(--wc-film-lift-soft), transparent 55%);
}

.wc-film-fog {
  position: absolute;
  width: 96vw;
  height: 96vw;
  border-radius: 50%;
  opacity: 0.2;
  will-change: transform;
}

.wc-film-fog-far {
  left: -26vw;
  top: 12vh;
  background: radial-gradient(ellipse 60% 42% at 50% 55%,
    var(--wc-film-haze) 0%, var(--wc-film-haze-soft) 42%, transparent 68%);
  animation: wcFilmFogA 34s cubic-bezier(0.16, 1, 0.3, 1) infinite alternate;
}

.wc-film-fog-near {
  right: -30vw;
  bottom: -14vh;
  background: radial-gradient(ellipse 58% 40% at 50% 50%,
    var(--wc-film-haze) 0%, var(--wc-film-haze-soft) 44%, transparent 66%);
  animation: wcFilmFogB 42s cubic-bezier(0.16, 1, 0.3, 1) infinite alternate;
}

@keyframes wcFilmFogA {
  from { transform: translate3d(-4%, -3%, 0) scale(1); }
  to { transform: translate3d(6%, 5%, 0) scale(1.14); }
}
@keyframes wcFilmFogB {
  from { transform: translate3d(4%, 3%, 0) scale(1.07); }
  to { transform: translate3d(-6%, -4%, 0) scale(1); }
}

.wc-film-clouds {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.wc-film-cloudrow {
  position: absolute;
  left: 0;
  right: 0;
  top: -7vh;
  height: 38vh;
  opacity: 0.3;
  transform: scaleY(-1);
}

.wc-film-band {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 6400px;
  background-image: var(--wc-film-cloud);
  background-repeat: repeat-x;
  background-size: 1600px 100%;
  animation: wcFilmDrift 160s linear infinite;
  will-change: transform;
}

@keyframes wcFilmDrift { to { transform: translate3d(-1600px, 0, 0); } }

.wc-film-ash {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: translateZ(0);
}

.wc-film-vig {
  position: absolute;
  inset: 0;
  background: radial-gradient(130% 100% at 50% 32%,
    transparent 50%,
    color-mix(in srgb, var(--bg-deep) 55%, transparent) 86%,
    color-mix(in srgb, var(--bg-deep) 92%, transparent) 100%);
}

[data-agent-look] .night[data-film-q="low"] .wc-film-reel,
[data-agent-look] .night[data-film-q="off"] .wc-film-reel,
[data-agent-look] .night[data-film-q="low"] .wc-film-ash,
[data-agent-look] .night[data-film-q="off"] .wc-film-ash { display: none !important; }

[data-agent-look] .night[data-film-q="low"] .wc-film-fog,
[data-agent-look] .night[data-film-q="off"] .wc-film-fog,
[data-agent-look] .night[data-film-q="low"] .wc-film-band,
[data-agent-look] .night[data-film-q="off"] .wc-film-band { animation: none; }

@media (prefers-reduced-motion: reduce) {
  .wc-film-reel { display: none !important; }
  .wc-film-ash { display: none !important; }
  .wc-film-fog,
  .wc-film-band,
  .wc-film[data-film="poster"]::before { animation: none !important; }
}

@media (forced-colors: active) {
  [data-agent-look] .night,
  .wc-film { display: none; }
}

@media print {
  [data-agent-look] .night,
  .wc-film { display: none !important; }
}

@media (max-width: 820px) {
  .wc-film-fog-near { display: none; }
  .wc-film-fog-far { opacity: 0.15; }
  .wc-film-cloudrow { height: 28vh; opacity: 0.24; }
}
:root[data-agent-look] {

  --maxw: 1200px;
  --gut: clamp(18px, 3.4vw, 40px);
  --ff-ease: cubic-bezier(0.16, 1, 0.3, 1);

  --ff-disp: var(--font-display);
  --ff-title: var(--font-brand, var(--font-display));
  --ff-sans: var(--font-ui);
  --ff-mono: var(--font-mono);

  --ff-bg-0: var(--bg);
  --ff-bg-1: var(--surface);
  --ff-ink: var(--bg-deep);
  --ff-white: var(--art-plate);
  --ff-panel: color-mix(in srgb, var(--surface) 72%, transparent);
  --ff-panel-2: color-mix(in srgb, color-mix(in srgb, var(--surface) 82%, var(--primary)) 78%, transparent);
  --ff-panel-3: color-mix(in srgb, var(--bg-deep) 55%, transparent);
  --ff-well: color-mix(in srgb, var(--bg-deep) 85%, transparent);

  --ff-bone: var(--fg);
  --ff-bone-80: color-mix(in srgb, var(--fg) 80%, transparent);
  --ff-bone-62: color-mix(in srgb, var(--fg) 62%, transparent);
  --ff-bone-44: color-mix(in srgb, var(--fg) 44%, transparent);
  --ff-bone-28: color-mix(in srgb, var(--fg) 28%, transparent);
  --ff-bone-14: color-mix(in srgb, var(--fg) 14%, transparent);
  --ff-bone-08: color-mix(in srgb, var(--fg) 8%, transparent);

  --ff-blood: var(--accent);
  --ff-blood-hot: var(--accent-hi);
  --ff-blood-deep: color-mix(in srgb, var(--primary) 70%, var(--bg));
  --ff-blood-glow: color-mix(in srgb, var(--accent-hi) 50%, transparent);
  --ff-blood-14: color-mix(in srgb, var(--accent-hi) 14%, transparent);
  --ff-blood-08: color-mix(in srgb, var(--accent-hi) 8%, transparent);

  --ff-gold: var(--edge-lit);
  --ff-gold-hot: color-mix(in srgb, var(--edge-lit) 40%, var(--fg));
  --ff-gold-deep: color-mix(in srgb, var(--edge-lit) 30%, var(--primary));
  --ff-gold-glow: color-mix(in srgb, var(--edge-lit) 50%, transparent);
  --ff-gold-14: color-mix(in srgb, var(--edge-lit) 14%, transparent);
  --ff-gold-08: color-mix(in srgb, var(--edge-lit) 8%, transparent);

  --ff-live: var(--ok);

  --ff-glass-border: color-mix(in srgb, var(--fg) 15%, transparent);
  --ff-glass-border-lit: color-mix(in srgb, var(--edge-lit) 60%, transparent);

  --ff-plate-ink: var(--bg-deep);

  --ff-grad-btn: linear-gradient(180deg, var(--accent-hi), var(--primary));

  --ff-nebula: var(--art-text-plate, none);

  --wc-film-lift: color-mix(in srgb, var(--ff-gold-hot) 20%, transparent);
  --wc-film-lift-soft: color-mix(in srgb, var(--ff-blood) 14%, transparent);
  --wc-film-haze: color-mix(in srgb, color-mix(in srgb, var(--ff-blood-hot) 55%, var(--ff-gold)) 30%, transparent);
  --wc-film-haze-soft: color-mix(in srgb, var(--ff-blood) 12%, transparent);
}

[data-agent-look] body {
  background: var(--ff-bg-0);
  color: var(--ff-bone-80);
  font-family: var(--ff-sans);
  font-size: 15.5px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
[data-agent-look] ::selection { background: var(--ff-blood); color: var(--ff-white); }
[data-agent-look] :focus-visible { outline: 1px solid var(--ff-blood-hot); outline-offset: 3px; }
[data-agent-look] a { color: inherit; text-decoration: none; }

[data-agent-look] main { background-image: none; }

[data-agent-look] .night::before {
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--ff-ink) 92%, transparent) 0%,
      color-mix(in srgb, var(--ff-ink) 78%, transparent) 18%,
      color-mix(in srgb, var(--ff-ink) 86%, transparent) 100%);
}
:root[data-agent-look][data-wc-film="home"] .night::before {
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--ff-ink) 88%, transparent) 0%,
      color-mix(in srgb, var(--ff-ink) 46%, transparent) 24%,
      color-mix(in srgb, var(--ff-ink) 34%, transparent) 52%,
      color-mix(in srgb, var(--ff-ink) 62%, transparent) 78%,
      color-mix(in srgb, var(--ff-ink) 97%, transparent) 100%),
    radial-gradient(120% 80% at 50% 40%,
      transparent 42%,
      color-mix(in srgb, var(--ff-ink) 52%, transparent) 94%);
}

[data-agent-look] .wc-film-glow {
  background:
    radial-gradient(26% 20% at 79% 4%, var(--wc-film-lift), transparent 62%),
    radial-gradient(110% 80% at 50% 118%, var(--wc-film-lift-soft), transparent 55%),
    radial-gradient(70% 55% at 82% -12%, color-mix(in srgb, var(--ff-blood-hot) 8%, transparent), transparent 60%);
}

[data-agent-look] .wc-film-fog-near {
  background: radial-gradient(ellipse 58% 40% at 50% 50%,
    color-mix(in srgb, color-mix(in srgb, var(--ff-blood-hot) 40%, var(--ff-gold)) 22%, transparent) 0%,
    color-mix(in srgb, var(--ff-blood) 8%, transparent) 44%,
    transparent 66%);
}

[data-agent-look] .wc-film-cloudrow { opacity: 0.32; }
[data-agent-look] .wc-film-reel { transition-duration: 600ms; }

[data-agent-look] .hero h1,
[data-agent-look] .tmetal,
[data-agent-look] .cloudtext {
  background:
    var(--ff-nebula) center / 1100px auto,
    linear-gradient(180deg,
      color-mix(in srgb, var(--ff-gold-hot) 60%, var(--ff-bone)) 0%,
      color-mix(in srgb, var(--ff-gold) 85%, var(--ff-blood)) 42%,
      color-mix(in srgb, var(--ff-gold) 45%, var(--ff-blood-deep)) 100%);
  background-blend-mode: screen, normal;
  -webkit-background-clip: text; background-clip: text; color: transparent;
  text-shadow: none;

  text-shadow: none;
  -webkit-text-stroke: 1px color-mix(in srgb, var(--ff-white) 22%, transparent);
  filter:
    drop-shadow(0 0 6px color-mix(in srgb, var(--ff-gold-hot) 50%, transparent))
    drop-shadow(0 0 28px color-mix(in srgb, var(--ff-blood-hot) 42%, transparent))
    drop-shadow(0 14px 44px color-mix(in srgb, var(--ff-ink) 60%, transparent));
}

[data-agent-look] .tblood {
  background:
    var(--ff-nebula) center / 1100px auto,
    linear-gradient(180deg,
      color-mix(in srgb, var(--ff-blood-hot) 40%, var(--ff-bone)) 0%,
      var(--ff-blood) 48%,
      var(--ff-blood-deep) 100%);
  background-blend-mode: screen, normal;
  -webkit-background-clip: text; background-clip: text; color: transparent;
  text-shadow: none;
  -webkit-text-stroke: 1px color-mix(in srgb, var(--ff-blood-hot) 25%, transparent);
  filter:
    drop-shadow(0 0 6px color-mix(in srgb, var(--ff-blood-hot) 50%, transparent))
    drop-shadow(0 0 30px color-mix(in srgb, var(--ff-blood) 50%, transparent))
    drop-shadow(0 14px 44px color-mix(in srgb, var(--ff-ink) 55%, transparent));
}

[data-agent-look] .hero h1:has(> .tmetal) {
  background: none;
  -webkit-text-stroke: 0;
  color: var(--ff-bone);
  filter: none;
}

[data-agent-look] .sec-head h2,
[data-agent-look] .sc-head h2,
[data-agent-look] #join .card > h3,
[data-agent-look] .rec-name,
[data-agent-look] .rec-animal-name,
[data-agent-look] .gate h3,
[data-agent-look] .rec-gate-title {
  background:
    var(--ff-nebula) center / 900px auto,
    linear-gradient(180deg,
      color-mix(in srgb, var(--ff-gold) 85%, var(--ff-bone)) 0%,
      color-mix(in srgb, var(--ff-gold) 60%, var(--ff-gold-deep)) 46%,
      color-mix(in srgb, var(--ff-gold) 40%, var(--ff-blood-deep)) 100%);
  background-blend-mode: screen, normal;
  -webkit-background-clip: text; background-clip: text; color: transparent;
  text-shadow: none;
  -webkit-text-stroke: 0.5px color-mix(in srgb, var(--ff-white) 10%, transparent);
  filter:
    drop-shadow(0 0 4px color-mix(in srgb, var(--ff-gold-hot) 26%, transparent))
    drop-shadow(0 0 16px color-mix(in srgb, var(--ff-blood-hot) 20%, transparent))
    drop-shadow(0 8px 26px color-mix(in srgb, var(--ff-ink) 50%, transparent));
}

[data-agent-look] .sec-head h2 em,
[data-agent-look] .sc-head h2 em,
[data-agent-look] .page-h1 em,
[data-agent-look] .gate h3 em,
[data-agent-look] .cta-card h2 em {
  font-style: normal;
  background:
    var(--ff-nebula) center / 900px auto,
    linear-gradient(180deg,
      color-mix(in srgb, var(--ff-blood-hot) 45%, var(--ff-bone)) 0%,
      color-mix(in srgb, var(--ff-blood) 85%, var(--ff-blood-deep)) 50%,
      color-mix(in srgb, var(--ff-blood-deep) 80%, var(--ff-blood)) 100%);
  background-blend-mode: screen, normal;
  -webkit-background-clip: text; background-clip: text; color: transparent;
  text-shadow: none;
}

[data-agent-look] main:has(> .isle-strip) .rec-name,
[data-agent-look] main:has(> .isle-strip) .rec-animal-name,
[data-agent-look] main:has(> .isle-strip) .rec-gate-title,
[data-agent-look] main:has(> .isle-strip) .sec-head h2,
[data-agent-look] main:has(> .isle-strip) .sc-head h2,
[data-agent-look] main:has(> .isle-strip) .sc-panel h3,
[data-agent-look] main:has(> .isle-strip) .gate h3,
[data-agent-look] main:has(> .isle-strip) .cloudtext,
[data-agent-look] main:has(> .isle-strip) .tmetal,
[data-agent-look] main:has(> .isle-strip) .tblood,
[data-agent-look] body:has(main > .isle-strip) .hero h1 {
  text-shadow: none;
}

[data-agent-look] .nav .nav-links a::before,
[data-agent-look] .nav .nav-links.grouped a::before,
[data-agent-look] .nav-links a::before,
[data-agent-look] .nav-links.grouped a::before,
[data-agent-look] .nav .nav-links a[aria-current="page"]::before,
[data-agent-look] .nav .nav-links.grouped a[aria-current="page"]::before,
[data-agent-look] .nav .nav-in:has(.nav-lang:not([hidden]):not(:empty)) .nav-links.grouped a[aria-current="page"]::before,
[data-agent-look] .nav .nav-links a::after,
[data-agent-look] .nav .nav-links.grouped a::after,
[data-agent-look] .nav-links a::after,
[data-agent-look] .nav-links.grouped a::after,
[data-agent-look] .nav-links a[aria-current="page"]::after,
[data-agent-look] .nav-links.grouped a[aria-current="page"]::after,
[data-agent-look] .sec-head::before,
[data-agent-look] .sec-head::after,
[data-agent-look] .page-head::before,
[data-agent-look] .page-head::after,
[data-agent-look] :is(.page-head, .sec-head:has(> .page-h1))::before,
[data-agent-look] :is(.page-head, .sec-head:has(> .page-h1))::after,
[data-agent-look] .foot::before,
[data-agent-look] .foot::after,
[data-agent-look] .nav::before,
[data-agent-look] .nav::after,
[data-agent-look] .hero h1::after,
[data-agent-look] .hero-copy > p::after,
[data-agent-look] .hero .lede::after,
[data-agent-look] .fig span::after,
[data-agent-look] .kv span::after,
[data-agent-look] .fig::after,
[data-agent-look] .kv::after,
[data-agent-look] .status::before,
[data-agent-look] .steps li:not(:last-child)::after,
[data-agent-look] .feat > div::before,
[data-agent-look] .eyebrow::after,
[data-agent-look] .cta-card::before,
[data-agent-look] .rec-fig + .rec-fig::before {
  content: none;
  display: none;
  background: none;
  border: 0;
  box-shadow: none;
}
[data-agent-look] .brand-cursor { display: none; }
[data-agent-look] .nav-links .sep { display: none; }
[data-agent-look] .page-h1 { animation: none; }
[data-agent-look] .hero-cta { border-top: 0; padding-top: 0; }
[data-agent-look] .hero.wrap[data-scroll-label]::before,
[data-agent-look] .hero.wrap[data-scroll-label]::after { content: none; display: none; }

[data-agent-look] .nav {
  position: sticky; top: 0; z-index: var(--z-nav);
  background-color: transparent;
  background-image: none;
  border-bottom: 1px solid transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: background-color 0.35s ease, border-color 0.35s ease;
}
[data-agent-look] .nav.solid {
  background-color: color-mix(in srgb, var(--ff-ink) 84%, transparent);
  backdrop-filter: blur(14px) saturate(112%);
  -webkit-backdrop-filter: blur(14px) saturate(112%);
  border-bottom-color: var(--ff-bone-08);
}
[data-agent-look] .nav .nav-in {
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px;
  max-width: none;
  min-height: 0;
  padding-block: 14px;
  transition: padding 0.35s ease;
}
[data-agent-look] .nav.solid .nav-in { padding-block: 10px; }
[data-agent-look] .nav .brand { grid-column: 1; grid-row: 1; }
[data-agent-look] .nav .nav-links { grid-column: 2; grid-row: 1; }
[data-agent-look] .nav .nav-util { grid-column: 3; grid-row: 1; }
[data-agent-look] .nav .burger { grid-column: 3; grid-row: 1; }

[data-agent-look] .brand { display: flex; align-items: center; gap: 13px; justify-self: start; margin-right: 0; }
[data-agent-look] .brand img {
  width: 42px; height: 42px; border-radius: 9px; flex: 0 0 auto;
  object-fit: contain;
  mix-blend-mode: screen;
  box-shadow: 0 0 22px color-mix(in srgb, var(--ff-blood) 22%, transparent), 0 0 0 1px var(--ff-bone-08);
}
[data-agent-look] .brand-txt { display: flex; flex-direction: column; line-height: 1; min-width: 0; }
[data-agent-look] .brand-txt b {
  font: 400 22px/1 var(--ff-disp); letter-spacing: 0.16em;
  color: var(--ff-bone); white-space: nowrap; text-transform: uppercase;
}
[data-agent-look] .brand-txt b i { font-style: normal; color: var(--ff-gold-hot); }

[data-agent-look] .brand-txt > span:not(.brand-cursor) {
  display: block;
  font: 400 8.5px/1.3 var(--ff-mono); letter-spacing: 0.3em; text-transform: uppercase;
  color: var(--ff-bone-44); margin-top: 4px;
}

[data-agent-look] .nav-links { gap: 4px; align-items: center; justify-self: center; flex: none; }
[data-agent-look] .nav-links a {
  padding: 8px 15px; border-radius: 7px;
  font: 500 11.5px/1 var(--ff-mono); letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--ff-bone-62); background: none; border: 1px solid transparent;
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}
[data-agent-look] .nav-links a:hover { color: var(--ff-bone); background: var(--ff-blood-08); }
[data-agent-look] .nav-links a[aria-current="page"] {
  color: var(--ff-bone);
  border-color: color-mix(in srgb, var(--ff-blood) 50%, transparent);
  background: var(--ff-blood-08);
  box-shadow: inset 0 0 14px color-mix(in srgb, var(--ff-blood) 12%, transparent);
}

[data-agent-look] .nav-util { display: flex; align-items: center; gap: 14px; justify-self: end; }

[data-agent-look] .nav-cta {
  display: grid; place-items: center;
  width: 38px; height: 38px; padding: 0; border-radius: 10px;
  color: var(--ff-blood-hot);
  border: 1px solid color-mix(in srgb, var(--ff-blood-hot) 35%, transparent);
  background: var(--ff-blood-08);
  box-shadow: none;
  transition: box-shadow 0.25s ease, border-color 0.25s ease;
}
[data-agent-look] .nav-cta svg { width: 22px; height: 22px; animation: dcbob 2.8s ease-in-out infinite; transform-origin: center; }
[data-agent-look] .nav-cta:hover { border-color: var(--ff-blood-hot); box-shadow: 0 0 22px color-mix(in srgb, var(--ff-blood-hot) 35%, transparent); transform: none; color: var(--ff-blood-hot); }
@keyframes dcbob {
  0%, 100% { transform: translateY(0) rotate(0); }
  25% { transform: translateY(-2.5px) rotate(-7deg); }
  75% { transform: translateY(2.5px) rotate(7deg); }
}

[data-agent-look] .nav-auth-btn {
  font: 600 12px/1 var(--ff-sans); letter-spacing: 0.15em; text-transform: uppercase;
  color: var(--ff-white); background: var(--ff-grad-btn);
  border: 1px solid color-mix(in srgb, var(--ff-blood-hot) 60%, transparent);
  padding: 10px 18px; border-radius: 8px; white-space: nowrap;
  box-shadow: 0 0 24px color-mix(in srgb, var(--ff-blood) 35%, transparent);
  transition: box-shadow 0.25s ease, transform 0.15s ease;
}
[data-agent-look] .nav-auth-btn:hover { box-shadow: 0 0 34px color-mix(in srgb, var(--ff-blood) 55%, transparent); transform: translateY(-1px); border-color: color-mix(in srgb, var(--ff-blood-hot) 60%, transparent); color: var(--ff-white); }
[data-agent-look] .nav-auth-btn svg { width: 16px; height: 16px; }

[data-agent-look] .nav-chip {
  display: flex; align-items: center; gap: 11px;
  padding: 0; border: 0; background: none; box-shadow: none; border-radius: 0;
}
[data-agent-look] .nav-chip:hover { background: none; border-color: transparent; }
[data-agent-look] .nav-avatar {
  width: 36px; height: 36px; border-radius: 50%; overflow: hidden; flex: 0 0 auto;
  border: 1px solid color-mix(in srgb, var(--ff-blood) 55%, transparent);
  box-shadow: 0 0 14px color-mix(in srgb, var(--ff-blood) 30%, transparent);
  background: var(--ff-blood-deep);
  object-fit: cover;
}
[data-agent-look] .nav-who { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.25; }
[data-agent-look] .nav-who-top { display: flex; align-items: center; gap: 8px; }
[data-agent-look] .nav-who-name { font: 600 13px/1.25 var(--ff-sans); color: var(--ff-bone); max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-agent-look] .nav-who-sub,
[data-agent-look] .nav-who-rank { font: 400 9.5px/1.25 var(--ff-mono); letter-spacing: 0.18em; text-transform: uppercase; color: var(--ff-blood-hot); background: none; border: 0; padding: 0; }
[data-agent-look] .nav-caret { color: var(--ff-bone-44); }

[data-agent-look] .nav-menu {
  background: var(--ff-panel-2);
  border: 1px solid color-mix(in srgb, var(--ff-blood) 45%, transparent);
  border-radius: 12px;
  box-shadow: 0 0 40px color-mix(in srgb, var(--ff-blood) 20%, transparent), 0 20px 60px color-mix(in srgb, var(--ff-ink) 60%, transparent);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
[data-agent-look] .nav-menu-name { font: 600 13px/1.3 var(--ff-sans); color: var(--ff-bone); }
[data-agent-look] .nav-menu-sub { font: 400 9.5px/1.4 var(--ff-mono); letter-spacing: 0.16em; text-transform: uppercase; color: var(--ff-bone-44); }
[data-agent-look] .nav-menu-sep { border-color: var(--ff-bone-08); background: var(--ff-bone-08); }
[data-agent-look] .nav-menu-item {
  font: 500 11px/1 var(--ff-mono); letter-spacing: 0.13em; text-transform: uppercase;
  color: var(--ff-bone-62); border-radius: 8px;
}
[data-agent-look] .nav-menu-item:hover { color: var(--ff-bone); background: var(--ff-blood-08); }
[data-agent-look] .nav-menu-pts { font-family: var(--ff-mono); color: var(--ff-bone-62); }
[data-agent-look] .nav-menu-pts b { color: var(--ff-gold-hot); }

[data-agent-look] .wc-aud-btn {
  position: relative;
  display: grid; place-items: center;
  width: 38px; height: 38px; padding: 0; border-radius: 10px;
  color: var(--ff-bone-44);
  border: 1px solid color-mix(in srgb, var(--ff-white) 16%, transparent);
  background: color-mix(in srgb, var(--ff-white) 3%, transparent);
  transition: box-shadow 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}
[data-agent-look] .wc-aud-btn:hover { border-color: var(--ff-blood-hot); box-shadow: 0 0 22px color-mix(in srgb, var(--ff-blood-hot) 30%, transparent); color: var(--ff-bone-44); }
[data-agent-look] .wc-aud[data-on="1"] .wc-aud-btn {
  color: var(--ff-blood-hot);
  border-color: color-mix(in srgb, var(--ff-blood-hot) 40%, transparent);
  background: var(--ff-blood-08);
}
[data-agent-look] .wc-aud-say { font: 400 9.5px/1.3 var(--ff-mono); letter-spacing: 0.16em; text-transform: uppercase; color: var(--ff-bone-44); }

[data-agent-look] .nav-lang select,
[data-agent-look] .nav-lang button,
[data-agent-look] .pswitch a,
[data-agent-look] .pswitch button {
  font: 500 10.5px/1 var(--ff-mono); letter-spacing: 0.13em; text-transform: uppercase;
  color: var(--ff-bone-62); background: var(--ff-panel); border: 1px solid var(--ff-glass-border);
  border-radius: 8px; padding: 8px 10px;
}

[data-agent-look] .burger {
  display: none; flex-direction: column; gap: 5px; padding: 9px;
  width: auto; height: auto; border: 0; border-radius: 0; background: transparent;
  justify-self: end;
}
[data-agent-look] .burger span,
[data-agent-look] .burger::before,
[data-agent-look] .burger::after {
  content: ""; position: static; display: block;
  left: auto; right: auto; top: auto;
  width: 22px; height: 2px; background: var(--ff-bone); border-radius: 2px;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
[data-agent-look] .burger[aria-expanded="true"]::before { transform: translateY(7px) rotate(45deg); }
[data-agent-look] .burger[aria-expanded="true"] span { opacity: 0; }
[data-agent-look] .burger[aria-expanded="true"]::after { transform: translateY(-7px) rotate(-45deg); }

[data-agent-look] .btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 14px 28px; border-radius: 9px;
  font-family: var(--ff-sans);
  font-size: 12.5px; font-weight: 650; letter-spacing: 0.16em; text-transform: uppercase;
  line-height: 1.65;
  background: var(--ff-grad-btn);
  color: var(--ff-white); border: 1px solid color-mix(in srgb, var(--ff-blood-hot) 65%, transparent);
  box-shadow: 0 0 28px color-mix(in srgb, var(--ff-blood) 38%, transparent), inset 0 1px 0 color-mix(in srgb, var(--ff-white) 18%, transparent);
  transition: box-shadow 0.25s var(--ff-ease), transform 0.15s ease;
  text-shadow: none;
}
[data-agent-look] .btn:hover {
  box-shadow: 0 0 44px color-mix(in srgb, var(--ff-blood) 60%, transparent), inset 0 1px 0 color-mix(in srgb, var(--ff-white) 22%, transparent);
  transform: translateY(-1px);
  background: var(--ff-grad-btn); color: var(--ff-white);
  border-color: color-mix(in srgb, var(--ff-blood-hot) 65%, transparent);
}
[data-agent-look] .btn:active { transform: scale(0.98); }
[data-agent-look] .btn.btn-ghost,
[data-agent-look] .btn.dock-secondary,
[data-agent-look] .btn-ghost {
  background: color-mix(in srgb, var(--ff-white) 4%, transparent); color: var(--ff-bone);
  border-color: var(--ff-glass-border);
  box-shadow: none;
}
[data-agent-look] .btn.btn-ghost:hover,
[data-agent-look] .btn.dock-secondary:hover,
[data-agent-look] .btn-ghost:hover {
  border-color: var(--ff-glass-border-lit); background: var(--ff-blood-08);
  box-shadow: 0 0 22px color-mix(in srgb, var(--ff-blood) 18%, transparent);
  color: var(--ff-bone);
}
[data-agent-look] .btn.btn-sm,
[data-agent-look] .btn-sm { padding: 8px 14px; font-size: 10px; }
[data-agent-look] .btn.btn-danger,
[data-agent-look] .btn-danger {
  background: linear-gradient(180deg, color-mix(in srgb, var(--bad) 80%, var(--ff-white)), color-mix(in srgb, var(--bad) 60%, var(--ff-ink)));
  border-color: color-mix(in srgb, var(--bad) 60%, transparent);
  box-shadow: 0 0 24px color-mix(in srgb, var(--bad) 30%, transparent);
}
[data-agent-look] .btn[disabled],
[data-agent-look] .btn[aria-disabled="true"] { opacity: 0.45; pointer-events: none; }

[data-agent-look] .textlink,
[data-agent-look] .rec-profile,
[data-agent-look] .ifeed-more,
[data-agent-look] .rec-animal-go,
[data-agent-look] a.more {
  font-family: var(--ff-mono);
  font-size: 11px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--ff-blood-hot); display: inline-flex; align-items: center; gap: 9px;
  background: none; border: 0; padding: 0; box-shadow: none;
  transition: color 0.2s ease, gap 0.2s ease;
}
[data-agent-look] .textlink:hover,
[data-agent-look] .rec-profile:hover,
[data-agent-look] .ifeed-more:hover,
[data-agent-look] .rec-animal-go:hover,
[data-agent-look] a.more:hover { color: color-mix(in srgb, var(--ff-blood-hot) 70%, var(--ff-white)); gap: 13px; background: none; }
[data-agent-look] .textlink::after,
[data-agent-look] .rec-profile::after,
[data-agent-look] .ifeed-more::after,
[data-agent-look] .rec-animal-go::after,
[data-agent-look] a.more::after { content: "\2192"; font-size: 14px; }

[data-agent-look] .livechip,
[data-agent-look] .status-top .status-label,
[data-agent-look] .pill,
[data-agent-look] .lvc-pill,
[data-agent-look] .conn-pill,
[data-agent-look] .cas-chip,
[data-agent-look] .gpause-chip,
[data-agent-look] .pts-wallet-tag,
[data-agent-look] .st-diet {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--ff-mono); font-size: 10px; font-weight: 500; letter-spacing: 0.24em; text-transform: uppercase;
  color: var(--ff-blood-hot);
  border: 1px solid color-mix(in srgb, var(--ff-blood) 50%, transparent); border-radius: 6px;
  padding: 6px 11px;
  background: none;
  animation: chipThrob 2.6s ease-in-out infinite;
}
[data-agent-look] .livechip .rec,
[data-agent-look] .status-top .dot,
[data-agent-look] .conn-pill i,
[data-agent-look] .pill i {
  width: 8px; height: 8px; border-radius: 0; background: var(--ff-blood-hot); animation: recBlink 1.1s steps(1) infinite;
  box-shadow: none;
}
[data-agent-look] .status-top .dot.wait { background: var(--ff-bone-28); animation: none; }
[data-agent-look] .status-top .dot.on,
[data-agent-look] .status-top .dot.ok,
[data-agent-look] .conn-pill[data-state="on"] i,
[data-agent-look] .conn-pill[data-state="ok"] i { background: var(--ff-live); }
[data-agent-look] .pill[data-state="on"],
[data-agent-look] .pill[data-state="ok"],
[data-agent-look] .conn-pill[data-state="on"],
[data-agent-look] .conn-pill[data-state="ok"] { color: var(--ff-live); border-color: color-mix(in srgb, var(--ff-live) 45%, transparent); }
[data-agent-look] .pill[data-state="off"],
[data-agent-look] .pill[data-state="bad"],
[data-agent-look] .conn-pill[data-state="off"],
[data-agent-look] .conn-pill[data-state="bad"] { color: var(--bad); border-color: color-mix(in srgb, var(--bad) 45%, transparent); animation: none; }
@keyframes chipThrob { 0%, 100% { box-shadow: 0 0 0 color-mix(in srgb, var(--ff-blood) 0%, transparent); } 50% { box-shadow: 0 0 20px -3px var(--ff-blood-glow); } }
@keyframes recBlink { 0%, 60% { opacity: 1; } 61%, 100% { opacity: 0.15; } }

[data-agent-look] main:has(> .hero) { display: flex; flex-direction: column; }
[data-agent-look] main:has(> .hero) > * { order: 70; }
[data-agent-look] main:has(> .hero) > .hero { order: 10; }
[data-agent-look] main:has(> .hero) > .isle-strip { order: 20; }
[data-agent-look] main:has(> .hero) > #promise { order: 30; }
[data-agent-look] main:has(> .hero) > .showcase { order: 40; }
[data-agent-look] main:has(> .hero) > #record { order: 50; }
[data-agent-look] main:has(> .hero) > .ifeed { order: 60; }
[data-agent-look] main:has(> .hero) > #join { order: 90; }
[data-agent-look] main:has(> .hero) > .section:has(> .cta-card) { order: 100; }

[data-agent-look] .hero.wrap,
[data-agent-look] .hero {
  position: relative;
  min-height: calc(100svh - 70px - 92px);
  display: grid; place-items: center; text-align: center;
  padding-block: 40px 30px;
  max-width: none;
  margin: 0;
  z-index: 1;
}
[data-agent-look] .hero-grid { display: block; width: 100%; max-width: var(--maxw); margin: 0 auto; }
[data-agent-look] .hero-art,
[data-agent-look] .hero-visual { display: none; }
[data-agent-look] .hero-copy {
  display: flex; flex-direction: column; align-items: center; text-align: center;
  max-width: none; margin: 0 auto;
}
[data-agent-look] .hero-copy > * { order: 5; }
[data-agent-look] .hero-copy > .kicker { order: 1; }
[data-agent-look] .hero-copy > h1 { order: 2; }
[data-agent-look] .hero-copy > .hero-sub { order: 3; }
[data-agent-look] .hero-copy > .lede { order: 4; }
[data-agent-look] .hero-copy > .hero-cta { order: 6; }

[data-agent-look] .hero .kicker {
  display: inline-flex; align-items: center; gap: 14px;
  font-family: var(--ff-mono);
  font-size: 11px; font-weight: 500; letter-spacing: 0.3em; text-transform: uppercase;
  color: var(--ff-blood-hot); margin: 0 0 20px;
  background: none; border: 0; padding: 0; border-radius: 0; box-shadow: none;
  animation: riseIn 0.7s var(--ff-ease) 0.05s both;
}
[data-agent-look] .hero .kicker::before,
[data-agent-look] .hero .kicker::after {
  content: ""; display: block; position: static; width: 34px; height: 1px;
  background: var(--ff-blood); box-shadow: 0 0 12px var(--ff-blood-glow);
  border: 0; border-radius: 0;
}

[data-agent-look] .hero h1 {
  position: relative;
  font-family: var(--ff-title);
  font-weight: 800;
  font-size: clamp(56px, 9.8vw, 152px);
  line-height: 0.98; letter-spacing: 0.035em;
  text-transform: uppercase;
  margin: 0 0 14px;
  max-width: none;
  animation: titleIn 1.05s var(--ff-ease) 0.16s both;
}
[data-agent-look] .hero h1 .tmetal,
[data-agent-look] .hero h1 .tblood { animation: titleCharge 2.6s var(--ff-ease) 0.2s both; }
@keyframes titleCharge {
  0% { filter: drop-shadow(0 0 0 transparent) drop-shadow(0 10px 34px color-mix(in srgb, var(--ff-ink) 55%, transparent)) brightness(0.45); }
  60% { filter: drop-shadow(0 0 38px color-mix(in srgb, var(--ff-gold-hot) 75%, transparent)) drop-shadow(0 10px 34px color-mix(in srgb, var(--ff-ink) 55%, transparent)) brightness(1.3); }
  100% { filter: drop-shadow(0 0 14px color-mix(in srgb, var(--ff-gold-hot) 30%, transparent)) drop-shadow(0 10px 34px color-mix(in srgb, var(--ff-ink) 55%, transparent)) brightness(1); }
}
@keyframes titleIn {
  from { opacity: 0; transform: translateY(24px) scale(1.045); letter-spacing: 0.055em; }
  to { opacity: 1; transform: none; letter-spacing: 0.005em; }
}

[data-agent-look] .hero h1 .gx { position: absolute; inset: 0; pointer-events: none; background: none; -webkit-text-stroke: 0; filter: none; }
[data-agent-look] .hero h1 .gx.r { color: var(--ff-blood-hot); opacity: 0; z-index: -1; animation: gxr 7s steps(1) 1.2s infinite; }
[data-agent-look] .hero h1 .gx.w { color: color-mix(in srgb, var(--ff-gold-hot) 85%, transparent); opacity: 0; z-index: -2; animation: gxw 7s steps(1) 1.2s infinite; }
@keyframes gxr { 0%, 90%, 94%, 100% { opacity: 0; transform: none; } 91% { opacity: 0.55; transform: translate(5px, 2px); } 92% { opacity: 0.3; transform: translate(-4px, -1px); } }
@keyframes gxw { 0%, 90%, 94%, 100% { opacity: 0; transform: none; } 91% { opacity: 0.35; transform: translate(-5px, -2px); } 93% { opacity: 0.2; transform: translate(4px, 2px); } }

[data-agent-look] .hero .hero-sub {
  display: flex; flex-direction: column; gap: 5px; align-items: center;
  margin: 18px 0 22px;
  max-width: none;
  font-family: var(--ff-mono); font-size: clamp(10.5px, 1.1vw, 12.5px); font-weight: 400;
  letter-spacing: 0.12em; color: var(--ff-bone-44); text-transform: uppercase;
  line-height: 1.6; white-space: pre-line;
  animation: riseIn 0.7s var(--ff-ease) 0.32s both;
}
[data-agent-look] .hero .hero-sub .tl { display: block; white-space: nowrap; }
[data-agent-look] .hero .hero-sub .tl b { color: var(--ff-bone-28); font-weight: 400; letter-spacing: 0; }
[data-agent-look] .hero .hero-sub .ok { color: var(--ff-live); }
[data-agent-look] .hero .hero-sub .hot { color: var(--ff-blood-hot); }
[data-agent-look] .hero .hero-sub .num { color: var(--ff-bone); }

[data-agent-look] .hero .hero-sub .tw {
  display: inline-block; white-space: pre; vertical-align: bottom;
  clip-path: inset(0 100% 0 0);
  animation: twClip 0.85s steps(24, end) forwards;
}
[data-agent-look] .hero .hero-sub .tl:nth-child(1) .tw { animation-delay: 0.55s; }
[data-agent-look] .hero .hero-sub .tl:nth-child(2) .tw { animation-delay: 1.75s; }
[data-agent-look] .hero .hero-sub .tl:nth-child(3) .tw { animation-delay: 2.95s; }
@keyframes twClip { to { clip-path: inset(0 -2% 0 0); } }
[data-agent-look] .hero .hero-sub .tr { opacity: 0; animation: trIn 0.45s ease forwards; }
[data-agent-look] .hero .hero-sub .tl:nth-child(1) .tr { animation-delay: 1.5s; }
[data-agent-look] .hero .hero-sub .tl:nth-child(2) .tr { animation-delay: 2.7s; }
[data-agent-look] .hero .hero-sub .tl:nth-child(3) .tr { animation-delay: 3.9s; }
@keyframes trIn { to { opacity: 1; } }
[data-agent-look] .hero .hero-sub .cur {
  display: inline-block; width: 8px; height: 12px; margin-left: 6px;
  background: var(--ff-blood-hot); vertical-align: -2px;
  animation: curBlink 1.05s steps(1) infinite;
}
@keyframes curBlink { 0%, 55% { opacity: 1; } 56%, 100% { opacity: 0; } }

[data-agent-look] .hero .lede {
  max-width: 62ch; font-size: clamp(14.5px, 1.4vw, 16.5px); line-height: 1.75;
  color: var(--ff-bone-80); margin: 0 auto 30px;
  font-family: var(--ff-sans); text-align: center;
  animation: riseIn 0.7s var(--ff-ease) 0.44s both;
}

[data-agent-look] .hero .hero-cta {
  display: flex; gap: 14px; flex-wrap: wrap; justify-content: center;
  margin: 0;
  animation: riseIn 0.7s var(--ff-ease) 0.56s both;
}
@keyframes riseIn { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }

[data-agent-look] .hero .hero-badges,
[data-agent-look] .hero .hero-proof,
[data-agent-look] .hero .scroll-cue { display: none; }

[data-agent-look] .isle-strip {
  position: relative; z-index: 1;
  padding: 0;
  border-top: 1px solid var(--ff-bone-08);
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--ff-bg-0) 60%, transparent),
    color-mix(in srgb, var(--ff-bg-0) 86%, transparent));
}
[data-agent-look] .isle-sky,
[data-agent-look] .isle-claim,
[data-agent-look] .isle-spark,
[data-agent-look] .isle-server,
[data-agent-look] .isle-discord { display: none; }
[data-agent-look] .isle-strip-in {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 0; align-items: stretch;
  max-width: var(--maxw); margin: 0 auto; padding: 0 var(--gut);
}
[data-agent-look] .isle-panel,
[data-agent-look] .isle-facts { display: contents; }

[data-agent-look] .isle-live,
[data-agent-look] .isle-peak,
[data-agent-look] .isle-fact {
  display: block;
  padding: 16px 24px 18px; border-left: 1px solid var(--ff-bone-08);
  margin: 0; min-width: 0;
}
[data-agent-look] .isle-live { border-left: 0; padding-left: 0; }
[data-agent-look] .isle-fact:nth-of-type(n + 3) { display: none; }
[data-agent-look] .isle-live-k,
[data-agent-look] .isle-peak dt,
[data-agent-look] .isle-fact dt {
  font-family: var(--ff-mono); font-size: 9.5px; font-weight: 500; letter-spacing: 0.26em; text-transform: uppercase;
  color: var(--ff-bone-44); margin: 0 0 7px;
}
[data-agent-look] .isle-live-v,
[data-agent-look] .isle-peak dd,
[data-agent-look] .isle-fact dd {
  font-family: var(--ff-mono); font-size: 20px; font-weight: 500; color: var(--ff-bone); line-height: 1.1;
  display: flex; align-items: center; gap: 10px; margin: 0;
}
[data-agent-look] .isle-live-v b,
[data-agent-look] .isle-fact dd b { font-family: var(--ff-mono); font-size: inherit; font-weight: 500; color: var(--ff-bone); letter-spacing: 0; }
[data-agent-look] .isle-live-v small,
[data-agent-look] .isle-fact dd small { font-size: 11px; color: var(--ff-bone-44); letter-spacing: 0.06em; text-transform: uppercase; }
[data-agent-look] .isle-dot {
  width: 8px; height: 8px; border-radius: 50%; background: var(--ff-live);
  order: -1; margin: 0; box-shadow: none;
  animation: livePulse 2.2s ease-in-out infinite;
}
@keyframes livePulse {
  0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--ff-live) 70%, transparent); }
  50% { box-shadow: 0 0 0 7px color-mix(in srgb, var(--ff-live) 0%, transparent); }
}

[data-agent-look] .wrap { max-width: var(--maxw); margin-inline: auto; padding-inline: var(--gut); }
[data-agent-look] .section { margin-block: clamp(52px, 7vw, 88px) 0; padding-block: 0; }
[data-agent-look] .section + .section { margin-block-start: clamp(52px, 7vw, 88px); }
[data-agent-look] .sec-head,
[data-agent-look] .sc-head { margin-block: 0 clamp(24px, 3.6vw, 38px); margin-inline: 0; padding: 0; display: block; text-align: left; }
[data-agent-look] .eyebrow {
  display: inline-flex; align-items: center; gap: 12px;
  font-family: var(--ff-mono);
  font-size: 10.5px; font-weight: 500; letter-spacing: 0.3em; text-transform: uppercase;
  color: var(--ff-blood-hot); margin: 0 0 12px;
  background: none; border: 0; padding: 0; border-radius: 0;
}
[data-agent-look] .eyebrow::before {
  content: ""; display: block; width: 30px; height: 1px;
  background: var(--ff-blood); box-shadow: 0 0 12px var(--ff-blood-glow);
  position: static; border: 0; border-radius: 0;
}
[data-agent-look] .sec-head h2,
[data-agent-look] .sc-head h2 {
  font-family: var(--ff-disp); font-weight: 400;
  font-size: clamp(36px, 5.2vw, 60px);
  line-height: 0.94; letter-spacing: 0.045em;
  margin: 0; text-transform: uppercase;
  max-width: none;
}
[data-agent-look] .sec-head p:not(.eyebrow),
[data-agent-look] .sec-head .lede,
[data-agent-look] .sc-head p { margin: 12px 0 0; color: var(--ff-bone-62); font-size: 14px; line-height: 1.75; max-width: 62ch; }
[data-agent-look] .sec-head .row { display: flex; align-items: flex-end; justify-content: space-between; gap: 22px; flex-wrap: wrap; }

[data-agent-look] #promise.promise {
  position: relative;
  display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(26px, 4vw, 56px); align-items: center;
  padding-block: clamp(22px, 3.4vw, 36px);
  padding-inline: calc(var(--gut) + clamp(22px, 3.4vw, 36px));
}
[data-agent-look] #promise.promise::before {
  content: ""; position: absolute; inset: 0 var(--gut);
  background: var(--ff-panel);
  border: 1px solid var(--ff-glass-border); border-radius: 16px;
  z-index: -1;
}
[data-agent-look] #promise .sec-head { grid-column: 1; margin: 0; }
[data-agent-look] #promise .sec-head h2 {
  font-size: clamp(28px, 3.8vw, 46px);
  line-height: 1.02; letter-spacing: 0.04em;
}

[data-agent-look] #promise .promise-intro { margin: 14px 0 0; color: var(--ff-bone-62); line-height: 1.75; font-size: 14px; }
[data-agent-look] #promise > p.mt-s { grid-column: 2; margin: 0 0 18px; color: var(--ff-bone-62); line-height: 1.75; font-size: 14px; }

[data-agent-look] #promise .promise-pledges {
  grid-column: 1 / -1; grid-row: 2;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(158px, 1fr));
  border-top: 1px solid var(--ff-bone-08); margin: 6px 0 0; padding: 18px 0 0; gap: 18px 14px;
  list-style: none; counter-reset: none;
}
[data-agent-look] #promise .promise-pledges li {
  display: block; position: static;
  border-left: 1px solid var(--ff-bone-08); padding: 8px 0 8px 18px; border-radius: 10px;
  margin: 0; background: none; box-shadow: none; border-top: 0; border-right: 0; border-bottom: 0;
  font-family: var(--ff-mono); font-size: clamp(13px, 1.3vw, 15px); font-weight: 600; color: var(--ff-bone); line-height: 1.35;
  animation: cellGlow 7s ease-in-out infinite;
}
[data-agent-look] #promise .promise-pledges li::before { content: none; display: none; }
[data-agent-look] #promise .promise-pledges li:nth-child(1) { animation-delay: 0s; }
[data-agent-look] #promise .promise-pledges li:nth-child(2) { animation-delay: 1.75s; }
[data-agent-look] #promise .promise-pledges li:nth-child(3) { animation-delay: 3.5s; }
[data-agent-look] #promise .promise-pledges li:nth-child(4) { animation-delay: 5.25s; }
[data-agent-look] #promise .promise-pledges li:first-child { border-left: 0; padding-left: 0; }

[data-agent-look] #promise .promise-pledges li b,
[data-agent-look] #promise .promise-pledges li strong { display: block; font-family: var(--ff-mono); font-size: clamp(12.5px, 1.15vw, 14.5px); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ff-bone); line-height: 1.3; }
[data-agent-look] #promise .promise-pledges li p { margin: 9px 0 0; font-family: var(--ff-mono); font-size: 11.5px; font-weight: 400; letter-spacing: 0.01em; color: var(--ff-bone-44); line-height: 1.75; }
[data-agent-look] #promise .promise-pledges li small,
[data-agent-look] #promise .promise-pledges li span { display: block; margin-top: 6px; font-family: var(--ff-mono); font-size: 9.5px; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(--ff-bone-44); }
@keyframes cellGlow {
  0%, 34%, 100% { background: transparent; box-shadow: none; }
  12% { background: color-mix(in srgb, var(--ff-blood-hot) 9%, transparent); box-shadow: 0 0 26px color-mix(in srgb, var(--ff-blood-hot) 22%, transparent); }
}

[data-agent-look] #promise.promise:not(:has(> .promise-close)) { grid-template-columns: 1fr; }
[data-agent-look] #promise .card.promise-close {
  grid-column: 2; grid-row: 1; margin: 0;
  background: none; border: 0; border-radius: 0; box-shadow: none; padding: 0;
  transform: none;
}
[data-agent-look] #promise .card.promise-close::before,
[data-agent-look] #promise .card.promise-close::after { content: none; display: none; }
[data-agent-look] #promise .card.promise-close > h3 {
  margin: 0 0 12px; font-family: var(--ff-mono); font-size: 10px; font-weight: 500;
  letter-spacing: 0.22em; text-transform: uppercase; color: var(--ff-gold-hot);
  border: 0; padding: 0;
}
[data-agent-look] #promise .card.promise-close > p { margin: 0; color: var(--ff-bone-62); line-height: 1.75; font-size: 14px; }

[data-agent-look] .card,
[data-agent-look] .feat,
[data-agent-look] .sc-panel,
[data-agent-look] .panel,
[data-agent-look] .gate,
[data-agent-look] .slot,
[data-agent-look] .item,
[data-agent-look] .lvc-card,
[data-agent-look] .lvc-well,
[data-agent-look] .lvd-panel,
[data-agent-look] .lva-panel,
[data-agent-look] .bd-panel,
[data-agent-look] .vp,
[data-agent-look] .isl-card,
[data-agent-look] .sup-sec,
[data-agent-look] .lab-section,
[data-agent-look] .news-item,
[data-agent-look] .status,
[data-agent-look] .rec-slab,
[data-agent-look] .rec-animal,
[data-agent-look] .rec-gate {
  position: relative; overflow: hidden;
  background: var(--ff-panel); border: 1px solid var(--ff-glass-border); border-radius: 14px;
  padding: 19px 18px 17px;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: border-color 0.25s var(--ff-ease), box-shadow 0.25s var(--ff-ease), transform 0.2s ease, background 0.25s ease;
}
[data-agent-look] .card::before,
[data-agent-look] .feat::before,
[data-agent-look] .sc-panel::before,
[data-agent-look] .news-item::before,
[data-agent-look] .status::after,
[data-agent-look] .rec-gate::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px;
  right: auto; height: auto; border-radius: 0; border: 0;
  background: linear-gradient(180deg, var(--ff-blood-hot), transparent 80%);
  opacity: 0.55; transition: opacity 0.25s ease;
  display: block;
  pointer-events: none;
}
[data-agent-look] .card:hover,
[data-agent-look] .feat:hover,
[data-agent-look] .sc-panel:hover,
[data-agent-look] .news-item:hover {
  border-color: var(--ff-glass-border-lit);
  box-shadow: 0 0 34px color-mix(in srgb, var(--ff-blood) 20%, transparent);
  transform: translateY(-3px);
  background: var(--ff-panel-2);
}
[data-agent-look] .card:hover::before,
[data-agent-look] .feat:hover::before,
[data-agent-look] .sc-panel:hover::before,
[data-agent-look] .news-item:hover::before { opacity: 1; }
[data-agent-look] .card.center { text-align: center; }

[data-agent-look] .card .num,
[data-agent-look] .sc-stage,
[data-agent-look] .feat .num {
  font-family: var(--ff-mono); font-size: 10.5px; letter-spacing: 0.2em; color: var(--ff-gold-hot);
  text-transform: uppercase; background: none; border: 0; padding: 0;
}
[data-agent-look] .feat-ico,
[data-agent-look] .sc-ico,
[data-agent-look] .card .ic,
[data-agent-look] .gate-ico {
  font-size: 26px; line-height: 1; width: auto; height: auto;
  color: var(--ff-blood-hot);
  background: none; border: 0; border-radius: 0; box-shadow: none;
  filter: drop-shadow(0 0 10px color-mix(in srgb, var(--ff-blood-hot) 35%, transparent));
  margin: 0 0 11px;
}
[data-agent-look] .feat-ico svg,
[data-agent-look] .sc-ico svg,
[data-agent-look] .gate-ico svg { width: 26px; height: 26px; }
[data-agent-look] .sc-ico { width: 26px; height: 26px; display: block; }
[data-agent-look] .card h3,
[data-agent-look] .feat h3,
[data-agent-look] .feat > div > b,
[data-agent-look] .sc-panel h3,
[data-agent-look] .card .t,
[data-agent-look] .news-item h3,
[data-agent-look] .gate h3 {
  font-family: var(--ff-disp); font-weight: 400; font-size: 24px; letter-spacing: 0.06em;
  margin: 11px 0 0; line-height: 1; text-transform: uppercase;
}
[data-agent-look] .card p,
[data-agent-look] .feat p,
[data-agent-look] .feat > div > span,
[data-agent-look] .sc-panel p,
[data-agent-look] .card .s,
[data-agent-look] .news-item p,
[data-agent-look] .gate p { margin: 8px 0 0; font-size: 12px; color: var(--ff-bone-62); line-height: 1.55; }
[data-agent-look] .card .meta,
[data-agent-look] .news-meta,
[data-agent-look] .news-item time { margin-top: 12px; font-family: var(--ff-mono); font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ff-bone-44); }
[data-agent-look] .card .meta b { color: var(--ff-bone); font-weight: 600; }

[data-agent-look] .sc-grid,
[data-agent-look] .grid.grid-3,
[data-agent-look] .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
[data-agent-look] .grid.grid-2,
[data-agent-look] .grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
[data-agent-look] .showcase .sc-grid { grid-template-columns: repeat(4, 1fr); }
[data-agent-look] .sc-panel { display: block; }
[data-agent-look] .sc-panel { aspect-ratio: auto; min-height: 0; }
[data-agent-look] .sc-panel .sc-stage { display: block; margin-bottom: 8px; }
[data-agent-look] .sc-panel::after { content: none; display: none; }

[data-agent-look] .card .ic .em,
[data-agent-look] .feat-ico .em { display: inline-block; }
[data-agent-look] .card-playtime .ic .em { animation: emSway 3.4s ease-in-out infinite; }
[data-agent-look] .card-distance .ic .em { animation: emStep 2.9s ease-in-out infinite; }
[data-agent-look] .card-kills .ic .em { animation: emWobble 3.1s ease-in-out infinite; }
[data-agent-look] .card-killstreak .ic .em { animation: emStomp 3.2s ease-in-out infinite; }
[data-agent-look] .card-survival .ic .em { animation: emWobble 3.6s ease-in-out infinite; }
[data-agent-look] .card-location .ic .em { animation: emFloat 3s ease-in-out infinite; }
@keyframes emSway { 0%, 100% { transform: rotate(-8deg); } 50% { transform: rotate(8deg); } }
@keyframes emStep { 0%, 100% { transform: translateX(0); } 30% { transform: translateX(3px) rotate(6deg); } 65% { transform: translateX(-2px) rotate(-5deg); } }
@keyframes emStomp { 0%, 100% { transform: scale(1); } 45% { transform: scale(1.16) rotate(-4deg); } 62% { transform: scale(1.05); } }
@keyframes emWobble { 0%, 100% { transform: rotate(0); } 25% { transform: rotate(-9deg) translateY(-1.5px); } 70% { transform: rotate(7deg); } }
@keyframes emFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3.5px) rotate(3deg); } }

[data-agent-look] .status-figs,
[data-agent-look] .qp-resets { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 14px; }
[data-agent-look] .status-figs .fig,
[data-agent-look] .qp-resets > * {
  background: var(--ff-panel); border: 1px solid var(--ff-glass-border); border-radius: 12px;
  padding: 17px 19px 19px; margin: 0;
  display: block; text-align: left;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
}
[data-agent-look] .status-figs .fig:hover { border-color: var(--ff-glass-border-lit); box-shadow: 0 0 26px color-mix(in srgb, var(--ff-blood) 14%, transparent); transform: translateY(-2px); }
[data-agent-look] .fig b,
[data-agent-look] .kv b { display: block; font-family: var(--ff-mono); font-size: clamp(23px, 2.4vw, 30px); font-weight: 600; color: var(--ff-bone); line-height: 1.05; }
[data-agent-look] .fig b small { font-size: 0.44em; color: var(--ff-bone-44); font-weight: 500; margin-left: 6px; letter-spacing: 0.06em; text-transform: uppercase; }
[data-agent-look] .fig span,
[data-agent-look] .kv span { display: block; margin-top: 8px; font-family: var(--ff-mono); font-size: 10px; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(--ff-bone-44); }
[data-agent-look] .status-top { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
[data-agent-look] .status-src { font-family: var(--ff-mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ff-bone-28); }
[data-agent-look] .status-note { margin-top: 12px; font-size: 12px; color: var(--ff-bone-44); }

[data-agent-look] .rec-slab {
  display: grid; grid-template-columns: minmax(0, auto) minmax(0, 1fr); gap: clamp(22px, 3.6vw, 44px);
  align-items: center;
  border-radius: 16px;
  padding: clamp(22px, 3.4vw, 36px);
}
[data-agent-look] .rec-who { display: flex; align-items: center; gap: 22px; min-width: 0; }
[data-agent-look] .rec-avatar {
  width: clamp(86px, 9vw, 116px); height: clamp(86px, 9vw, 116px);
  border-radius: 18px; overflow: hidden; object-fit: cover;
  border: 1px solid color-mix(in srgb, var(--ff-blood) 50%, transparent);
  box-shadow: 0 0 30px color-mix(in srgb, var(--ff-blood) 28%, transparent);
  background: var(--ff-blood-deep);
}
[data-agent-look] .rec-welcome {
  font-family: var(--ff-mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--ff-bone-44); margin: 0; line-height: 2.1;
}
[data-agent-look] .rec-name {
  font-family: var(--ff-disp); font-weight: 400;
  font-size: clamp(40px, 6vw, 76px);
  line-height: 0.9; letter-spacing: 0.04em; margin: 8px 0 12px;
  overflow-wrap: anywhere; text-transform: uppercase;
}
[data-agent-look] .rec-band {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)); gap: 12px;
  align-self: stretch; align-content: center; min-width: 0;
}
[data-agent-look] .rec-fig {
  display: flex; flex-direction: column; min-width: 0;
  background: var(--ff-panel); border: 1px solid var(--ff-glass-border); border-radius: 12px;
  padding: 17px 19px 19px;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
}
[data-agent-look] .rec-fig:hover { border-color: var(--ff-glass-border-lit); box-shadow: 0 0 26px color-mix(in srgb, var(--ff-blood) 14%, transparent); transform: translateY(-2px); }
[data-agent-look] .rec-fig > b { order: 1; font-family: var(--ff-mono); font-size: clamp(23px, 2.4vw, 30px); font-weight: 600; color: var(--ff-bone); line-height: 1.05; margin: 0; }
[data-agent-look] .rec-fig .rec-label { order: 2; margin-top: 8px; font-family: var(--ff-mono); font-size: 10px; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(--ff-bone-44); display: flex; align-items: center; gap: 6px; }
[data-agent-look] .rec-fig .rec-sub { order: 3; margin-top: 4px; font-family: var(--ff-mono); font-size: 9.5px; letter-spacing: 0.1em; color: var(--ff-bone-28); }
[data-agent-look] .rec-ico { width: 12px; height: 12px; color: var(--ff-bone-44); }

[data-agent-look] .rec-animal-k { margin: 22px 0 10px; font-family: var(--ff-mono); font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--ff-gold-hot); }
[data-agent-look] .rec-animal { border-radius: 16px; padding: clamp(18px, 2.8vw, 28px); }
[data-agent-look] .rec-animal-name { font-family: var(--ff-disp); font-weight: 400; font-size: clamp(24px, 2.8vw, 31px); letter-spacing: 0.05em; line-height: 1; text-transform: uppercase; margin: 0; }
[data-agent-look] .rec-animal-growth { margin-top: 5px; font-family: var(--ff-mono); font-size: 10.5px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--ff-bone-44); }
[data-agent-look] .rec-vitals { margin-top: 14px; font-size: 12.5px; color: var(--ff-bone-62); line-height: 1.85; }
[data-agent-look] .rec-vitals b { font-family: var(--ff-mono); font-size: 14px; color: var(--ff-bone); font-weight: 600; }
[data-agent-look] .rec-well { border-radius: 12px; border: 1px solid var(--ff-bone-08); background: var(--ff-well); }

[data-agent-look] .rec-table { margin-top: 14px; }
[data-agent-look] .rec-table table { border-collapse: separate; border-spacing: 0 8px; width: 100%; }
[data-agent-look] .rec-table th {
  font-family: var(--ff-mono); font-size: 9.5px; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--ff-bone-44); text-align: left; padding: 0 12px 2px; background: none; border: 0;
}
[data-agent-look] .rec-table td {
  background: var(--ff-panel); border-top: 1px solid var(--ff-glass-border); border-bottom: 1px solid var(--ff-glass-border);
  padding: 11px 12px; font-size: 13.5px; color: var(--ff-bone-62);
}
[data-agent-look] .rec-table td:first-child { border-left: 1px solid var(--ff-glass-border); border-radius: 12px 0 0 12px; font-weight: 600; color: var(--ff-bone); }
[data-agent-look] .rec-table td:last-child { border-right: 1px solid var(--ff-glass-border); border-radius: 0 12px 12px 0; }
[data-agent-look] .rec-table td b { font-family: var(--ff-mono); color: var(--ff-bone); font-weight: 600; }

[data-agent-look] .rec-gate,
[data-agent-look] .gate { text-align: center; padding: clamp(44px, 8vh, 90px) var(--gut); }
[data-agent-look] .rec-gate-title,
[data-agent-look] .gate h3 {
  font-family: var(--ff-title); font-weight: 800; font-size: clamp(32px, 5vw, 62px);
  letter-spacing: 0.04em; margin: 18px 0 16px; line-height: 0.92; text-transform: uppercase;
}
[data-agent-look] .rec-gate-body,
[data-agent-look] .gate > p { max-width: 54ch; margin: 0 auto 30px; color: var(--ff-bone-62); font-size: 15.5px; line-height: 1.65; }
[data-agent-look] .gate-act { display: flex; gap: 14px; flex-wrap: wrap; justify-content: center; }

[data-agent-look] .ifeed-in { display: block; }
[data-agent-look] .ifeed-k {
  display: inline-flex; align-items: center; gap: 12px;
  font-family: var(--ff-mono); font-size: 10.5px; font-weight: 500; letter-spacing: 0.3em; text-transform: uppercase;
  color: var(--ff-blood-hot); margin: 0 0 clamp(24px, 3.6vw, 38px);
}
[data-agent-look] .ifeed-k::before { content: ""; display: block; width: 30px; height: 1px; background: var(--ff-blood); box-shadow: 0 0 12px var(--ff-blood-glow); }
[data-agent-look] .ifeed-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--ff-blood-hot); box-shadow: 0 0 10px var(--ff-blood-glow); animation: recBlink 1.1s steps(1) infinite; }
[data-agent-look] .ifeed-rows { display: flex; flex-direction: column; gap: 8px; list-style: none; margin: 0; padding: 0; border: 0; background: none; }
[data-agent-look] .if-row {
  display: grid; grid-template-columns: 10px 1fr auto 1fr; gap: 14px; align-items: center;
  background: var(--ff-panel); border: 1px solid var(--ff-glass-border); border-radius: 11px;
  padding: 11px 16px; margin: 0;
  transition: border-color 0.2s ease, background 0.2s ease;
}
[data-agent-look] .if-row:first-child { border-top: 1px solid var(--ff-glass-border); }
[data-agent-look] .if-row:hover { border-color: color-mix(in srgb, var(--ff-blood) 35%, transparent); background: var(--ff-panel-2); }
[data-agent-look] .if-row::before {
  content: ""; display: block; width: 7px; height: 7px; border-radius: 50%;
  background: var(--ff-blood-hot); box-shadow: 0 0 10px var(--ff-blood-glow);
}
[data-agent-look] .if-row.if-nat::before { background: var(--ff-bone-28); box-shadow: none; }
[data-agent-look] .if-side { display: block; min-width: 0; font-size: 13.5px; color: var(--ff-bone-62); line-height: 1.55; }
[data-agent-look] .if-victim { text-align: right; }
[data-agent-look] .if-who { color: var(--ff-bone); font-weight: 600; font-family: var(--ff-sans); font-size: 13.5px; }
[data-agent-look] .if-sp { display: inline-flex; gap: 6px; align-items: baseline; font-family: var(--ff-mono); font-size: 9.5px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--ff-blood-hot); margin-left: 10px; white-space: nowrap; }
[data-agent-look] .if-victim .if-sp { margin-left: 0; margin-right: 10px; }
[data-agent-look] .if-kind { color: var(--ff-blood-hot); }
[data-agent-look] .if-g { color: var(--ff-bone-28); font-style: normal; }
[data-agent-look] .if-wild { color: var(--ff-gold-hot); font-style: normal; font-weight: 600; }
[data-agent-look] .if-mark { display: grid; place-items: center; width: 22px; height: 22px; color: var(--ff-blood-hot); }
[data-agent-look] .if-mark svg { width: 14px; height: 14px; fill: currentColor; opacity: 1; }
[data-agent-look] .if-mark-nat { width: 22px; height: 22px; }
[data-agent-look] .if-mark-nat::before { content: ""; display: block; width: 6px; height: 6px; border-radius: 50%; background: var(--ff-bone-28); }
[data-agent-look] .ifeed-note { padding: 20px 4px; color: var(--ff-bone-44); font-size: 14px; margin: 0; }
[data-agent-look] .ifeed-more { margin-top: 18px; }

[data-agent-look] .section:has(> .cta-card) {
  position: relative;
  min-height: 46vh; display: grid; place-items: center; text-align: center;
  padding-block: 0;
}
[data-agent-look] .section:has(> .cta-card)::before {
  content: ""; position: absolute; inset: -60px 0;
  background: radial-gradient(60% 78% at 50% 50%, color-mix(in srgb, var(--ff-bg-0) 55%, transparent), transparent 78%);
  pointer-events: none;
}
[data-agent-look] .cta-card {
  position: relative;
  background: none; border: 0; box-shadow: none; overflow: visible;
  padding: clamp(54px, 9vh, 100px) 0;
  max-width: none;
}
[data-agent-look] .cta-card:hover { transform: none; background: none; box-shadow: none; border: 0; }
[data-agent-look] .cta-card h2 {
  font-family: var(--ff-title); font-weight: 800; font-size: clamp(34px, 5.2vw, 72px);
  line-height: 1.02; letter-spacing: 0.03em; margin: 0 0 16px; text-transform: uppercase;
  color: var(--ff-bone);
}
[data-agent-look] .cta-card p { max-width: 52ch; margin: 0 auto 28px; color: var(--ff-bone-80); font-size: 15.5px; line-height: 1.65; }
[data-agent-look] .cta-card .btn { margin: 0 auto; }

[data-agent-look] #join .card {
  margin-top: 0;
  border-radius: 16px;
  padding: clamp(18px, 2.8vw, 28px);
}
[data-agent-look] #join .card::before { content: none; display: none; }
[data-agent-look] #join .card > h3 {
  display: block;
  font-family: var(--ff-disp); font-size: clamp(22px, 2.8vw, 31px); letter-spacing: 0.05em; line-height: 1;
  text-transform: uppercase; margin: 0;
  padding-bottom: 15px; margin-bottom: 4px;
  border-bottom: 1px solid var(--ff-bone-08);
}
[data-agent-look] .steps { list-style: none; counter-reset: ffstep; margin: 0; padding: 0; display: block; }
[data-agent-look] .steps li {
  counter-increment: ffstep;
  position: relative; display: block;
  padding: 13px 4px 13px calc(28px + clamp(14px, 2.6vw, 32px));
  margin: 0; border-bottom: 1px solid var(--ff-bone-08);
  background: none; border-radius: 0; box-shadow: none;
  font-size: 14.5px; font-weight: 600; color: var(--ff-bone); line-height: 1.3;
}
[data-agent-look] .steps li:last-child { border-bottom: 0; }

[data-agent-look] .steps li::before {
  content: counter(ffstep);
  position: absolute; left: 0; top: 8px;
  display: grid; place-items: center;
  width: 28px; height: 28px; border-radius: 50%;
  border: 1px solid var(--ff-bone-14);
  background: linear-gradient(180deg, var(--ff-gold-hot), var(--ff-gold));
  border-color: color-mix(in srgb, var(--ff-gold-hot) 80%, transparent);
  color: var(--ff-plate-ink);
  box-shadow: 0 0 16px color-mix(in srgb, var(--ff-gold) 45%, transparent);
  font-family: var(--ff-mono); font-size: 11px; font-weight: 600; letter-spacing: 0;
  margin: 0;
}
[data-agent-look] .steps li b { color: var(--ff-bone); }
[data-agent-look] .steps li p {
  margin: 6px 0 0; font-size: 13px; font-weight: 400;
  color: var(--ff-bone-62); line-height: 1.7;
}
[data-agent-look] .steps li small,
[data-agent-look] .steps li span.dim { display: block; margin-top: 2px; font-size: 12px; font-weight: 400; color: var(--ff-bone-44); }
[data-agent-look] .join-hint { margin-top: 14px; font-size: 12.5px; color: var(--ff-bone-44); }
[data-agent-look] .join-cta { margin-top: 18px; }

[data-agent-look] .page-head,
[data-agent-look] .sec-head:has(> .page-h1) {
  padding-block: clamp(50px, 9vh, 95px) 0;
  margin-block: 0 clamp(24px, 3.6vw, 38px);
  text-align: left;
}
[data-agent-look] .page-head .eyebrow { margin: 0; }
[data-agent-look] .page-h1,
[data-agent-look] .page-head h1 {
  font-family: var(--ff-title);
  font-weight: 800;
  font-size: clamp(38px, 5.6vw, 78px);
  line-height: 1; letter-spacing: 0.03em;
  margin: 14px 0 16px; text-transform: uppercase;
  color: var(--ff-bone);
  max-width: none;
}
[data-agent-look] .page-head > p:not(.eyebrow),
[data-agent-look] .sec-head:has(> .page-h1) > p:not(.eyebrow),
[data-agent-look] .page-lede {
  margin: 0; max-width: 62ch; font-size: clamp(14px, 1.35vw, 15.5px); line-height: 1.7; color: var(--ff-bone-62);
}
[data-agent-look] .page-head > p:not(.eyebrow) b,
[data-agent-look] .page-lede b { color: var(--ff-blood-hot); font-weight: 600; }
[data-agent-look] .page-h2,
[data-agent-look] .sec-head.mt-l .page-h2 {
  font-family: var(--ff-disp); font-weight: 400; font-size: clamp(28px, 3.6vw, 44px);
  letter-spacing: 0.05em; line-height: 0.96; text-transform: uppercase; color: var(--ff-bone); margin: 0;
}

[data-agent-look] .tabs,
[data-agent-look] .admin-seg,
[data-agent-look] .studio-tabs,
[data-agent-look] #lab-tabs,
[data-agent-look] .mx-tabs,
[data-agent-look] .vp-pills,
[data-agent-look] .wl-tabs,
[data-agent-look] .bd-windows,
[data-agent-look] .pswitch {
  display: flex; gap: 8px; flex-wrap: wrap;
  padding: 8px; border-radius: 12px;
  background: var(--ff-panel); border: 1px solid var(--ff-glass-border);
  width: fit-content; max-width: 100%;
  box-shadow: none;
}
[data-agent-look] .tabs .subtab,
[data-agent-look] .tabs > a,
[data-agent-look] .tabs > button,
[data-agent-look] .admin-seg button,
[data-agent-look] .studio-tabs button,
[data-agent-look] .lab-tab,
[data-agent-look] .mx-tab,
[data-agent-look] .vp-pill,
[data-agent-look] .wl-tab,
[data-agent-look] .bd-windows button,
[data-agent-look] .bd-win,
[data-agent-look] .pswitch a,
[data-agent-look] .pswitch button {
  padding: 9px 15px; border-radius: 8px;
  font-family: var(--ff-mono);
  font-size: 11px; font-weight: 500; letter-spacing: 0.13em; text-transform: uppercase;
  color: var(--ff-bone-62); border: 1px solid transparent; white-space: nowrap;
  background: none; box-shadow: none;
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}
[data-agent-look] .tabs .subtab:hover,
[data-agent-look] .tabs > a:hover,
[data-agent-look] .tabs > button:hover,
[data-agent-look] .admin-seg button:hover,
[data-agent-look] .studio-tabs button:hover,
[data-agent-look] .lab-tab:hover,
[data-agent-look] .mx-tab:hover,
[data-agent-look] .vp-pill:hover,
[data-agent-look] .wl-tab:hover,
[data-agent-look] .bd-windows button:hover,
[data-agent-look] .bd-win:hover,
[data-agent-look] .pswitch a:hover,
[data-agent-look] .pswitch button:hover { color: var(--ff-bone); background: var(--ff-blood-08); }
[data-agent-look] .tabs .subtab.active,
[data-agent-look] .tabs .subtab[aria-selected="true"],
[data-agent-look] .tabs .subtab[aria-current],
[data-agent-look] .tabs > a[aria-current],
[data-agent-look] .tabs > .active,
[data-agent-look] .admin-seg button[aria-checked="true"],
[data-agent-look] .admin-seg button[aria-selected="true"],
[data-agent-look] .studio-tabs button[aria-selected="true"],
[data-agent-look] .studio-tabs button.active,
[data-agent-look] .lab-tab.active,
[data-agent-look] .lab-tab[aria-selected="true"],
[data-agent-look] .mx-tab.is-active,
[data-agent-look] .mx-tab[aria-selected="true"],
[data-agent-look] .vp-pill.is-on,
[data-agent-look] .vp-pill[aria-pressed="true"],
[data-agent-look] .vp-pill:has(input:checked),
[data-agent-look] .wl-tab.active,
[data-agent-look] .wl-tab[aria-selected="true"],
[data-agent-look] .bd-windows button[aria-selected="true"],
[data-agent-look] .bd-win[aria-selected="true"],
[data-agent-look] .pswitch a[aria-current],
[data-agent-look] .pswitch .active {
  color: var(--ff-white); border-color: color-mix(in srgb, var(--ff-blood) 55%, transparent);
  background: linear-gradient(180deg, color-mix(in srgb, var(--ff-blood) 35%, transparent), color-mix(in srgb, var(--ff-blood) 16%, transparent));
  box-shadow: 0 0 18px color-mix(in srgb, var(--ff-blood) 25%, transparent);
}
[data-agent-look] .lab-tab[hidden],
[data-agent-look] .mx-tab[hidden] { display: none; }

[data-agent-look] .bd-shell { background: none; border: 0; box-shadow: none; padding: 0; }
[data-agent-look] .bd-shell::before,
[data-agent-look] .bd-shell::after,
[data-agent-look] .bd-panel::before,
[data-agent-look] .bd-apex::before,
[data-agent-look] .bd-standing::before,
[data-agent-look] .bd-crest::after { content: none; display: none; }
[data-agent-look] .bd-panel,
[data-agent-look] .bd-apex,
[data-agent-look] .bd-standing {
  background: var(--ff-panel); border: 1px solid var(--ff-glass-border); border-radius: 16px;
  padding: clamp(18px, 2.8vw, 28px);
  box-shadow: none;
}
[data-agent-look] .bd-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
[data-agent-look] .bd-phead { display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: center; padding-bottom: 15px; margin-bottom: 4px; border-bottom: 1px solid var(--ff-bone-08); }
[data-agent-look] .bd-phead h2 {
  font-family: var(--ff-disp); font-weight: 400; font-size: clamp(22px, 2.8vw, 31px); letter-spacing: 0.05em; line-height: 1;
  color: var(--ff-bone); text-transform: uppercase; margin: 0;
}
[data-agent-look] .bd-psub { margin: 6px 0 0; font-size: 12.5px; color: var(--ff-bone-62); }
[data-agent-look] .bd-eyebrow,
[data-agent-look] .bd-standing .lab { font-family: var(--ff-mono); font-size: 9.5px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--ff-bone-44); }
[data-agent-look] .bd-rows { display: flex; flex-direction: column; gap: 8px; margin: 20px 0 0; padding: 0; list-style: none; counter-reset: none; }
[data-agent-look] .bd-rows li {
  display: grid; grid-template-columns: 1fr auto; align-items: center;
  gap: clamp(14px, 2.6vw, 34px);
  background: var(--ff-panel); border: 1px solid var(--ff-glass-border); border-radius: 12px;
  padding: 11px 18px 11px 12px; margin: 0;
  background-image: none;
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.18s ease;
}
[data-agent-look] .bd-rows li::before,
[data-agent-look] .bd-rows li::after { content: none; display: none; }
[data-agent-look] .bd-rows li:hover { border-color: color-mix(in srgb, var(--ff-blood) 40%, transparent); background: var(--ff-panel-2); transform: translateX(3px); }
[data-agent-look] .bd-who { display: grid; grid-template-columns: 42px auto 1fr; align-items: center; gap: 14px; min-width: 0; }
[data-agent-look] .bd-who:not(:has(.bd-face)) { grid-template-columns: 42px 1fr; }
[data-agent-look] .bd-rank {
  font-family: var(--ff-disp); font-size: 22px; letter-spacing: 0.04em;
  color: var(--ff-bone-28); text-align: center; line-height: 1;
  width: 42px; height: 42px; display: grid; place-items: center;
  border-radius: 10px; border: 1px solid var(--ff-bone-08);
  background: none; box-shadow: none;
}
[data-agent-look] .bd-rows li:nth-child(-n + 3) .bd-rank {
  color: var(--ff-plate-ink); border-color: color-mix(in srgb, var(--ff-gold-hot) 75%, transparent);
  background: linear-gradient(180deg, var(--ff-gold-hot), var(--ff-gold));
  box-shadow: 0 0 20px color-mix(in srgb, var(--ff-gold) 40%, transparent);
}
[data-agent-look] .bd-face { width: 36px; height: 36px; border-radius: 50%; border: 1px solid color-mix(in srgb, var(--ff-blood) 45%, transparent); object-fit: cover; }
[data-agent-look] .bd-name { font-size: 15px; font-weight: 600; color: var(--ff-bone); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
[data-agent-look] .bd-rows li .pill {
  font-family: var(--ff-mono); font-size: 9px; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--ff-white); background: var(--ff-blood); border: 0; border-radius: 5px;
  padding: 3px 8px; margin-left: 11px; vertical-align: 2px;
  box-shadow: 0 0 12px color-mix(in srgb, var(--ff-blood) 40%, transparent);
  animation: none;
}
[data-agent-look] .bd-score { text-align: right; font-family: var(--ff-mono); font-size: clamp(16px, 1.8vw, 20px); font-weight: 600; color: var(--ff-bone); line-height: 1.15; }
[data-agent-look] .bd-score small { display: block; margin-top: 2px; font-family: var(--ff-mono); font-size: 9.5px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--ff-bone-44); font-weight: 500; }
[data-agent-look] .bd-rows li:has(> .bd-who > .pill) { border-color: color-mix(in srgb, var(--ff-blood) 55%, transparent); background: var(--ff-panel-2); box-shadow: inset 0 0 24px color-mix(in srgb, var(--ff-blood) 8%, transparent); }

[data-agent-look] .bd-apex { border-color: color-mix(in srgb, var(--ff-gold) 60%, transparent); box-shadow: 0 0 34px color-mix(in srgb, var(--ff-gold) 24%, transparent), inset 0 0 30px color-mix(in srgb, var(--ff-gold) 6%, transparent); }
[data-agent-look] .bd-crest { border-radius: 14px; border: 1px solid color-mix(in srgb, var(--ff-gold) 45%, transparent); background: var(--ff-blood-deep); box-shadow: none; }
[data-agent-look] .bd-apex-who { font-family: var(--ff-disp); font-size: clamp(24px, 2.4vw, 31px); letter-spacing: 0.05em; line-height: 1; color: var(--ff-bone); text-transform: uppercase; overflow-wrap: anywhere; }
[data-agent-look] .bd-apex-who b { font-weight: 400; color: var(--ff-gold-hot); }
[data-agent-look] .bd-apex-sub { margin-top: 5px; font-family: var(--ff-mono); font-size: 10.5px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--ff-bone-44); }
[data-agent-look] .bd-chip {
  font-family: var(--ff-mono); font-size: 10.5px; letter-spacing: 0.26em; text-transform: uppercase;
  color: var(--ff-gold-hot); background: none; border: 1px solid color-mix(in srgb, var(--ff-gold) 40%, transparent); border-radius: 6px; padding: 5px 10px;
}
[data-agent-look] .bd-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
[data-agent-look] .bd-tile { background: var(--ff-panel); border: 1px solid var(--ff-glass-border); border-radius: 12px; padding: 17px 19px 19px; box-shadow: none; }
[data-agent-look] .bd-tile b { display: block; font-family: var(--ff-mono); font-size: clamp(22px, 2.2vw, 30px); font-weight: 600; color: var(--ff-bone); line-height: 1.05; }
[data-agent-look] .bd-tile span { display: block; margin-top: 6px; font-family: var(--ff-mono); font-size: 9.5px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--ff-bone-44); }
[data-agent-look] .bd-side { display: flex; flex-direction: column; gap: 12px; }
[data-agent-look] .bd-note,
[data-agent-look] .bd-status { padding: 20px 4px; color: var(--ff-bone-44); font-size: 14px; }

[data-agent-look] .admin-recent ul,
[data-agent-look] .admin-list,
[data-agent-look] .au-hist,
[data-agent-look] .rf-board { display: flex; flex-direction: column; gap: 0; list-style: none; margin: 0; padding: 0; background: none; border: 0; }
[data-agent-look] .admin-recent ul li,
[data-agent-look] .admin-list li,
[data-agent-look] .au-hist > *,
[data-agent-look] .rf-board > *,
[data-agent-look] .lva-row,
[data-agent-look] .ro {
  display: grid; grid-template-columns: minmax(180px, 1.2fr) 2fr auto; gap: 12px; align-items: center;
  padding: 11px 14px; margin: 0 0 8px; border: 1px solid color-mix(in srgb, var(--ff-gold) 10%, transparent); border-radius: 11px;
  background: var(--ff-panel-3);
  font-size: 14.5px; color: var(--ff-bone);
}
[data-agent-look] .admin-recent ul li:first-child,
[data-agent-look] .admin-list li:first-child,
[data-agent-look] .au-hist > :first-child,
[data-agent-look] .rf-board > :first-child { border-top: 1px solid color-mix(in srgb, var(--ff-gold) 10%, transparent); }
[data-agent-look] .admin-list li .dim,
[data-agent-look] .admin-recent ul li .dim { color: var(--ff-bone-44); font-weight: 400; }
[data-agent-look] .rf-mine { border-color: color-mix(in srgb, var(--ff-blood) 55%, transparent); background: var(--ff-panel-2); }
[data-agent-look] .rf-bad { color: var(--bad); }

[data-agent-look] .row .label,
[data-agent-look] .ro-k,
[data-agent-look] .rec-label,
[data-agent-look] .micro-label,
[data-agent-look] .lva-label,
[data-agent-look] .lvd-sec-title,
[data-agent-look] .lvc-eyebrow,
[data-agent-look] .deck-eyebrow,
[data-agent-look] .cas-label,
[data-agent-look] .isl-line,
[data-agent-look] .lvc-sec > h4,
[data-agent-look] #wc-livebar .lb-k {
  font-family: var(--ff-mono); font-size: 9.5px; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--ff-bone-44);
}
[data-agent-look] .row .val,
[data-agent-look] .ro-v,
[data-agent-look] .lvc-bar-value,
[data-agent-look] .lvc-ring-num,
[data-agent-look] .lvc-prime-score,
[data-agent-look] #wc-livebar .lb-v { font-family: var(--ff-mono); font-weight: 600; color: var(--ff-bone); }
[data-agent-look] .row .val b,
[data-agent-look] .ro-v b { color: var(--ff-bone); }
[data-agent-look] .outcome { margin-top: 14px; font-size: 12.5px; color: var(--ff-bone-62); line-height: 1.85; }
[data-agent-look] .outcome b { font-family: var(--ff-mono); font-size: 14px; color: var(--ff-bone); font-weight: 600; }
[data-agent-look] .outcome .head { font-family: var(--ff-disp); font-size: 19px; letter-spacing: 0.07em; text-transform: uppercase; color: var(--ff-bone); }
[data-agent-look] .dim { color: var(--ff-bone-44); }
[data-agent-look] .lvc-title,
[data-agent-look] .isl-title { font-family: var(--ff-disp); font-weight: 400; font-size: 19px; letter-spacing: 0.07em; text-transform: uppercase; color: var(--ff-bone); }
[data-agent-look] .lvc-species { font-family: var(--ff-mono); font-size: 10.5px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--ff-bone-44); }

[data-agent-look] #wc-livebar {
  background: color-mix(in srgb, var(--ff-ink) 84%, transparent);
  border-bottom: 1px solid var(--ff-bone-08);
  backdrop-filter: blur(14px) saturate(112%);
  -webkit-backdrop-filter: blur(14px) saturate(112%);
  font-family: var(--ff-mono);
}

[data-agent-look] .admin-field-label,
[data-agent-look] .admin-field > label,
[data-agent-look] .jh-input-label,
[data-agent-look] label.field,
[data-agent-look] .field > span {
  font-family: var(--ff-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ff-bone-44);
}
[data-agent-look] input[type="text"],
[data-agent-look] input[type="number"],
[data-agent-look] input[type="date"],
[data-agent-look] input[type="search"],
[data-agent-look] input[type="email"],
[data-agent-look] input[type="url"],
[data-agent-look] input[type="password"],
[data-agent-look] select,
[data-agent-look] textarea {
  background: var(--ff-well); border: 1px solid color-mix(in srgb, var(--ff-gold) 16%, transparent); border-radius: 8px;
  color: var(--ff-bone); font-family: var(--ff-mono); font-size: 13px; padding: 9px 11px;
  box-shadow: none;
}
[data-agent-look] input:focus,
[data-agent-look] select:focus,
[data-agent-look] textarea:focus { outline: none; border-color: color-mix(in srgb, var(--ff-blood-hot) 55%, transparent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ff-blood) 14%, transparent); }
[data-agent-look] input::placeholder,
[data-agent-look] textarea::placeholder { color: var(--ff-bone-44); font-family: var(--ff-mono); font-size: 11px; letter-spacing: 0.04em; }
[data-agent-look] input[type="range"] { accent-color: var(--ff-blood-hot); }
[data-agent-look] input[type="checkbox"],
[data-agent-look] input[type="radio"] { accent-color: var(--ff-blood); }

[data-agent-look] .switch .track,
[data-agent-look] .aswitch .track {
  width: 42px; height: 24px; border-radius: 999px;
  background: color-mix(in srgb, var(--ff-gold) 14%, transparent); border: 1px solid color-mix(in srgb, var(--ff-gold) 22%, transparent);
  transition: all 0.18s var(--ff-ease);
}
[data-agent-look] .switch .track::after,
[data-agent-look] .aswitch .track::after { width: 18px; height: 18px; border-radius: 50%; background: var(--ff-bone-62); transition: all 0.18s var(--ff-ease); }
[data-agent-look] .switch input:checked ~ .track,
[data-agent-look] .aswitch input:checked ~ .track { background: color-mix(in srgb, var(--ff-live) 22%, transparent); border-color: color-mix(in srgb, var(--ff-live) 50%, transparent); }
[data-agent-look] .switch input:checked ~ .track::after,
[data-agent-look] .aswitch input:checked ~ .track::after { background: color-mix(in srgb, var(--ff-live) 70%, var(--ff-white)); }

[data-agent-look] .notice,
[data-agent-look] .admin-note,
[data-agent-look] .admin-error,
[data-agent-look] .vp-note-err,
[data-agent-look] .vp-note-warn,
[data-agent-look] .lva-say,
[data-agent-look] .buy-note,
[data-agent-look] .buy-error,
[data-agent-look] .au-note,
[data-agent-look] .au-err,
[data-agent-look] .save-note,
[data-agent-look] .admin-hint {
  font-family: var(--ff-mono); font-size: 10.5px; letter-spacing: 0.1em; line-height: 1.6;
  padding: 9px 12px; border-radius: 7px;
  border: 1px solid color-mix(in srgb, var(--ff-gold) 16%, transparent); color: var(--ff-bone-62);
  background: none; box-shadow: none;
}
[data-agent-look] .notice.ok,
[data-agent-look] .lva-say.is-ok,
[data-agent-look] .notice[data-state="ok"] { border-color: color-mix(in srgb, var(--ff-live) 40%, transparent); color: color-mix(in srgb, var(--ff-live) 70%, var(--ff-white)); background: color-mix(in srgb, var(--ff-live) 8%, transparent); }
[data-agent-look] .notice.warn,
[data-agent-look] .vp-note-warn,
[data-agent-look] .notice[data-state="warn"] { border-color: color-mix(in srgb, var(--warn) 40%, transparent); color: color-mix(in srgb, var(--warn) 70%, var(--ff-white)); background: color-mix(in srgb, var(--warn) 7%, transparent); }
[data-agent-look] .notice.bad,
[data-agent-look] .admin-error,
[data-agent-look] .vp-note-err,
[data-agent-look] .lva-say.is-bad,
[data-agent-look] .buy-error,
[data-agent-look] .au-err,
[data-agent-look] .notice[data-state="bad"] { border-color: color-mix(in srgb, var(--bad) 40%, transparent); color: color-mix(in srgb, var(--bad) 70%, var(--ff-white)); background: color-mix(in srgb, var(--bad) 8%, transparent); }
[data-agent-look] .notice[hidden],
[data-agent-look] .admin-error[hidden],
[data-agent-look] .au-dialog[hidden],
[data-agent-look] .card[hidden],
[data-agent-look] .panel[hidden],
[data-agent-look] .lab-section[hidden] { display: none; }
[data-agent-look] .notice-ico { color: var(--ff-blood-hot); }

[data-agent-look] .admin-figure b,
[data-agent-look] .admin-figure strong { font-size: 15px; color: var(--ff-bone); font-weight: 600; }
[data-agent-look] .admin-figure .lab,
[data-agent-look] .admin-figure span { display: block; font-family: var(--ff-mono); font-size: 9.5px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ff-bone-44); margin-bottom: 4px; }
[data-agent-look] .admin-inline { display: flex; flex-wrap: wrap; gap: 14px; align-items: flex-end; }
[data-agent-look] .admin-odd { font-family: var(--ff-mono); font-size: 10.5px; letter-spacing: 0.1em; padding: 5px 10px; border-radius: 7px; border: 1px solid color-mix(in srgb, var(--ff-gold) 16%, transparent); color: var(--ff-bone-62); background: none; }
[data-agent-look] .admin-odd.is-on { border-color: color-mix(in srgb, var(--ff-blood-hot) 40%, transparent); color: color-mix(in srgb, var(--ff-blood-hot) 60%, var(--ff-white)); background: var(--ff-blood-08); }

[data-agent-look] .admin-table,
[data-agent-look] table.table { width: 100%; border-collapse: collapse; font-family: var(--ff-mono); font-size: 11px; background: none; }
[data-agent-look] .admin-table th,
[data-agent-look] .admin-table td,
[data-agent-look] table.table th,
[data-agent-look] table.table td { text-align: left; padding: 6px 10px; border-bottom: 1px solid var(--ff-bone-08); color: var(--ff-bone-62); font-variant-numeric: tabular-nums; background: none; }
[data-agent-look] .admin-table th,
[data-agent-look] table.table th { color: var(--ff-bone-44); font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; background: color-mix(in srgb, var(--ff-bg-1) 92%, var(--ff-blood)); }

[data-agent-look] .pill.live,
[data-agent-look] .lvc-pill.lvc-pill-live,
[data-agent-look] .conn-pill[data-state="connected"] { color: var(--ff-live); border-color: color-mix(in srgb, var(--ff-live) 40%, transparent); background: color-mix(in srgb, var(--ff-live) 8%, transparent); }
[data-agent-look] .pill.soon,
[data-agent-look] .lvc-pill.lvc-pill-stale,
[data-agent-look] .conn-pill[data-state="connecting"],
[data-agent-look] .conn-pill[data-state="reconnecting"] { color: color-mix(in srgb, var(--warn) 70%, var(--ff-white)); border-color: color-mix(in srgb, var(--warn) 40%, transparent); }
[data-agent-look] .conn-pill[data-state="error"],
[data-agent-look] .pill.hub-chip-warn { color: color-mix(in srgb, var(--bad) 70%, var(--ff-white)); border-color: color-mix(in srgb, var(--bad) 40%, transparent); animation: none; }
[data-agent-look] .lvc-pill.lvc-pill-prime,
[data-agent-look] .lvc-pill.lvc-pill-elder,
[data-agent-look] .pill.slot-elder { color: var(--ff-gold-hot); border-color: color-mix(in srgb, var(--ff-gold) 40%, transparent); animation: none; }
[data-agent-look] .st-diet[data-diet="carn"] { color: var(--ff-blood-hot); }
[data-agent-look] .st-diet[data-diet="herb"] { color: var(--ff-live); border-color: color-mix(in srgb, var(--ff-live) 40%, transparent); }
[data-agent-look] .pill.hub-island,
[data-agent-look] .pill.hub-tab { animation: none; color: var(--ff-bone-62); border-color: var(--ff-glass-border); }
[data-agent-look] .pill.hub-island:hover,
[data-agent-look] .pill.hub-tab:hover { color: var(--ff-bone); background: var(--ff-blood-08); }

[data-agent-look] .slots { display: grid; gap: 8px; }
[data-agent-look] .slots > .slot { padding: 11px 14px; border-radius: 11px; background: var(--ff-panel-3); border-color: color-mix(in srgb, var(--ff-gold) 10%, transparent); }
[data-agent-look] .slots > .slot.is-on { border-color: color-mix(in srgb, var(--ff-blood) 55%, transparent); background: var(--ff-panel-2); box-shadow: inset 0 0 24px color-mix(in srgb, var(--ff-blood) 8%, transparent); }
[data-agent-look] .rail,
[data-agent-look] .lvd-rail,
[data-agent-look] .lva-rail { display: flex; flex-direction: column; gap: 12px; }
[data-agent-look] .item:hover,
[data-agent-look] .isl-card:hover { border-color: var(--ff-glass-border-lit); background: var(--ff-panel-2); }
[data-agent-look] .lva-convert { font-family: var(--ff-mono); color: var(--ff-gold-hot); }

[data-agent-look] .buy-dialog,
[data-agent-look] .st-dialog,
[data-agent-look] .wl-dialog,
[data-agent-look] .vp-dialog,
[data-agent-look] .sk-modal,
[data-agent-look] .au-dialog-card,
[data-agent-look] .vp-mi,
[data-agent-look] .cv-box {
  background: var(--ff-panel-2);
  border: 1px solid color-mix(in srgb, var(--ff-blood) 45%, transparent);
  border-radius: 16px;
  box-shadow: 0 0 60px color-mix(in srgb, var(--ff-blood) 25%, transparent), 0 30px 80px color-mix(in srgb, var(--ff-ink) 60%, transparent);
  color: var(--ff-bone-80);
  padding: 36px 34px 30px;
}
[data-agent-look] .buy-dialog::backdrop,
[data-agent-look] .st-dialog::backdrop,
[data-agent-look] .wl-dialog::backdrop,
[data-agent-look] .vp-dialog::backdrop,
[data-agent-look] .sk-modal::backdrop,
[data-agent-look] .au-dialog,
[data-agent-look] .vp-modal,
[data-agent-look] .cv-overlay {
  background: color-mix(in srgb, var(--ff-bg-0) 78%, transparent);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
[data-agent-look] .vp-dialog-head,
[data-agent-look] .cv-head,
[data-agent-look] .au-dialog-h,
[data-agent-look] .buy-dialog h2,
[data-agent-look] .buy-dialog h3,
[data-agent-look] .st-dialog h2,
[data-agent-look] .st-dialog h3,
[data-agent-look] .wl-dialog h2,
[data-agent-look] .wl-dialog h3 {
  font-family: var(--ff-disp); font-weight: 400; font-size: 34px; letter-spacing: 0.06em; margin: 0 0 10px;
  color: var(--ff-bone); text-transform: uppercase;
}
[data-agent-look] .buy-lines,
[data-agent-look] .au-dialog-lines { display: grid; gap: 6px; margin: 0 0 24px; font-size: 14px; color: var(--ff-bone-62); line-height: 1.7; }
[data-agent-look] .buy-lines b,
[data-agent-look] .au-dialog-lines b { color: var(--ff-bone); font-weight: 600; }
[data-agent-look] .cv-row { display: grid; grid-template-columns: 1fr auto; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--ff-bone-08); font-size: 13px; }
[data-agent-look] .cv-row:last-of-type { border-bottom: 0; }
[data-agent-look] .vp-dialog-foot,
[data-agent-look] .buy-actions,
[data-agent-look] .au-dialog-acts,
[data-agent-look] .vp-ma,
[data-agent-look] .cv-act { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin-top: 18px; }

[data-agent-look] .foot {
  margin-top: clamp(56px, 8vw, 96px);
  border-top: 1px solid var(--ff-bone-08);
  background-color: color-mix(in srgb, var(--ff-bg-0) 86%, transparent);
  background-image: none;
  padding: 0;
  color: var(--ff-bone-62);
}
[data-agent-look] .foot .wrap { padding-block: 0; }
[data-agent-look] .foot-in {
  display: grid; grid-template-columns: 1.5fr 1fr; gap: 40px; padding: 44px 0 38px;
  align-items: start;
  border: 0;
}
[data-agent-look] .foot-brand { display: flex; flex-direction: column; align-items: flex-start; gap: 0; }
[data-agent-look] .foot-brand img,
[data-agent-look] .foot-mark {
  width: 42px; height: 42px; border-radius: 9px;
  mix-blend-mode: screen;
  box-shadow: 0 0 22px color-mix(in srgb, var(--ff-blood) 22%, transparent), 0 0 0 1px var(--ff-bone-08);
}
[data-agent-look] .foot-brand b,
[data-agent-look] .foot-brand strong {
  font: 400 22px/1 var(--ff-disp); letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--ff-bone); white-space: nowrap;
}
[data-agent-look] .foot-brand b i { font-style: normal; color: var(--ff-gold-hot); }
[data-agent-look] .foot-brand p,
[data-agent-look] .foot-tagline { margin: 14px 0 0; font-size: 13px; color: var(--ff-bone-44); max-width: 36ch; line-height: 1.7; }
[data-agent-look] .foot-links { display: flex; flex-direction: column; gap: 9px; align-items: flex-start; margin: 0; padding: 0; }
[data-agent-look] .foot-links a {
  font-size: 13.5px; color: var(--ff-bone-62); transition: color 0.2s ease;
  font-family: var(--ff-sans); letter-spacing: 0; text-transform: none; padding: 0; background: none; border: 0;
}
[data-agent-look] .foot-links a:hover { color: var(--ff-gold-hot); background: none; }
[data-agent-look] .foot-legal {
  padding: 16px 0 24px; border-top: 1px solid var(--ff-bone-08);
  display: flex; justify-content: space-between; gap: 18px; flex-wrap: wrap;
  font-family: var(--ff-mono); font-size: 10px; letter-spacing: 0.1em; color: var(--ff-bone-28);
  text-transform: uppercase; margin: 0;
}
[data-agent-look] .foot-legal a { color: var(--ff-bone-28); }
[data-agent-look] .foot-legal a:hover { color: var(--ff-bone-62); }

[data-agent-look][data-ff-js="1"] .reveal { opacity: 0; transform: translateY(14px); transition: opacity 0.55s var(--ff-ease), transform 0.55s var(--ff-ease); }
[data-agent-look][data-ff-js="1"] .reveal.in { opacity: 1; transform: none; }
[data-agent-look][data-ff-js="1"][data-ff-in="on"] .reveal { opacity: 1; transform: none; }

[data-agent-look] .wc-aud-btn::after {
  content: ""; position: absolute; width: 24px; height: 2px; border-radius: 2px;
  background: currentColor; transform: rotate(-42deg); opacity: 0.85;
  transition: opacity 0.25s ease, transform 0.25s ease;
}
[data-agent-look] .wc-aud[data-on="1"] .wc-aud-btn::after { opacity: 0; transform: rotate(-42deg) scaleX(0); }
[data-agent-look] .wc-aud-btn svg { width: 16px; height: 16px; }
[data-agent-look] .wc-aud[data-on="1"] .wc-aud-btn svg { animation: sndinvite 2.2s ease-in-out infinite; }

@keyframes sndinvite {
  0%, 100% { filter: drop-shadow(0 0 0 transparent); }
  50% { filter: drop-shadow(0 0 8px color-mix(in srgb, var(--ff-blood-hot) 40%, transparent)); }
}
[data-agent-look] .wc-aud[data-dead="1"] .wc-aud-btn { opacity: 0.35; cursor: default; }

[data-agent-look][data-ff-lite="1"] .nav-cta svg,
[data-agent-look][data-ff-lite="1"] .card .ic .em,
[data-agent-look][data-ff-lite="1"] .feat-ico .em,
[data-agent-look][data-ff-lite="1"] .wc-aud[data-on="1"] .wc-aud-btn svg,
[data-agent-look][data-ff-lite="1"] #promise .promise-pledges li,
[data-agent-look][data-ff-lite="1"] .hero h1 .gx,
[data-agent-look][data-ff-lite="1"] .hero h1 .gx.r,
[data-agent-look][data-ff-lite="1"] .hero h1 .gx.w { animation: none; }

@media (max-width: 1800px) {
  [data-agent-look] .nav-util { gap: 8px; }
  [data-agent-look] .nav-links { gap: 2px; }
  [data-agent-look] .nav-links a { padding: 8px 10px; letter-spacing: 0.1em; }
  [data-agent-look] .nav-who-name { max-width: 110px; }
}
@media (max-width: 1540px) {
  [data-agent-look] .nav-links a { padding: 8px 7px; font-size: 11px; letter-spacing: 0.07em; }
  [data-agent-look] .nav-who { display: none; }
  [data-agent-look] .nav-caret { display: none; }
  [data-agent-look] .nav-chip { gap: 0; }
}
@media (max-width: 1290px) {
  [data-agent-look] .nav-links a { padding: 7px 5px; font-size: 10.5px; letter-spacing: 0.04em; }
  [data-agent-look] .brand-txt > span:not(.brand-cursor) { display: none; }
}
@media (max-width: 1140px) {
  [data-agent-look] .wc-aud-btn { width: 34px; height: 34px; }
}
@media (max-width: 1080px) {
  [data-agent-look] .sc-grid,
  [data-agent-look] .showcase .sc-grid,
  [data-agent-look] .grid.grid-3,
  [data-agent-look] .grid-3 { grid-template-columns: repeat(3, 1fr); }
  [data-agent-look] .bd-grid { grid-template-columns: 1fr; }
  [data-agent-look] .nav .nav-in { grid-template-columns: auto 1fr auto; }
}

@media (max-width: 900px) {
  [data-agent-look] .nav .nav-in { grid-template-columns: 1fr auto auto; }
  [data-agent-look] .nav .nav-util { grid-column: 2; }
  [data-agent-look] .nav .burger { grid-column: 3; display: flex; }
  [data-agent-look] .nav-links[data-open="true"] {
    display: flex; flex-direction: column; justify-content: center; align-items: stretch;
    position: fixed; inset: 0; z-index: calc(var(--z-nav) - 1);
    background: color-mix(in srgb, var(--ff-bg-0) 96%, transparent);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    padding-block: 80px 24px;
    padding-inline: var(--gut);
    gap: 6px;
    margin: 0; border: 0; border-radius: 0; box-shadow: none;
    overflow-y: auto;
  }
  [data-agent-look] .nav-links[data-open="true"] a {
    font-family: var(--ff-disp); font-size: clamp(34px, 9vw, 52px); letter-spacing: 0.12em;
    padding: 12px 0; border: 0; border-bottom: 1px solid var(--ff-bone-08); border-radius: 0;
    color: var(--ff-bone-62); background: none; box-shadow: none;
  }
  [data-agent-look] .nav-links[data-open="true"] a[aria-current="page"] { color: var(--ff-blood-hot); }
  [data-agent-look] .nav-links[data-open="true"] a:last-child { border-bottom: 0; }
  [data-agent-look] .nav-links[data-open="true"] a:hover { background: none; color: var(--ff-bone); }
  [data-agent-look] .nav-links[data-open="true"] .sep { display: none; }

  [data-agent-look] #promise.promise { grid-template-columns: 1fr; }
  [data-agent-look] #promise .promise-intro,
  [data-agent-look] #promise > p.mt-s { grid-column: 1; grid-row: auto; }
  [data-agent-look] #promise .promise-pledges { grid-row: auto; grid-template-columns: 1fr 1fr; gap: 14px; }
  [data-agent-look] #promise .promise-pledges li:nth-child(odd) { border-left: 0; padding-left: 0; }
  [data-agent-look] #promise .card.promise-close { grid-column: 1; grid-row: auto; margin-top: 4px; }
  [data-agent-look] .foot-in { grid-template-columns: 1fr 1fr; }
  [data-agent-look] .sc-grid,
  [data-agent-look] .showcase .sc-grid,
  [data-agent-look] .grid.grid-3,
  [data-agent-look] .grid-3 { grid-template-columns: 1fr 1fr; }
  [data-agent-look] .isle-strip-in { grid-template-columns: 1fr 1fr; }
  [data-agent-look] .isle-live,
  [data-agent-look] .isle-fact { padding: 11px 16px 13px; }
  [data-agent-look] .isle-fact:nth-of-type(2) { border-left: 0; padding-left: 0; }
  [data-agent-look] .isle-live,
  [data-agent-look] .isle-fact:nth-of-type(1) { border-bottom: 1px solid var(--ff-bone-08); }
  [data-agent-look] .isle-live-v,
  [data-agent-look] .isle-fact dd { font-size: 16px; }
  [data-agent-look] .rec-slab { grid-template-columns: 1fr; }
  [data-agent-look] .rec-band { grid-template-columns: 1fr 1fr; }
  [data-agent-look] .status-figs,
  [data-agent-look] .qp-resets { grid-template-columns: 1fr 1fr; }
  [data-agent-look] .admin-recent ul li,
  [data-agent-look] .admin-list li,
  [data-agent-look] .au-hist > *,
  [data-agent-look] .rf-board > * { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  [data-agent-look] .nav-auth-btn span { display: none; }
  [data-agent-look] .nav-auth-btn { padding: 10px 12px; }
  [data-agent-look] .status-figs,
  [data-agent-look] .qp-resets,
  [data-agent-look] .rec-band { grid-template-columns: 1fr 1fr; gap: 10px; }
  [data-agent-look] .sc-grid,
  [data-agent-look] .showcase .sc-grid,
  [data-agent-look] .grid.grid-3,
  [data-agent-look] .grid-3,
  [data-agent-look] .grid.grid-2,
  [data-agent-look] .grid-2 { grid-template-columns: 1fr; }
  [data-agent-look] .bd-phead { grid-template-columns: 1fr; }
  [data-agent-look] .steps li { padding-left: 36px; }

  [data-agent-look] #promise .promise-pledges { grid-template-columns: 1fr; }
  [data-agent-look] #promise .promise-pledges li { border-left: 0; padding-left: 0; }
  [data-agent-look] .bd-rows li { padding: 10px 13px 10px 9px; }
  [data-agent-look] .bd-rank { width: 36px; height: 36px; font-size: 18px; }
  [data-agent-look] .bd-score { font-size: 14px; }
  [data-agent-look] .foot-in { grid-template-columns: 1fr; gap: 26px; }
  [data-agent-look] .hero .hero-cta .btn { width: 100%; }
  [data-agent-look] .hero .hero-sub { letter-spacing: 0.06em; }
  [data-agent-look] .if-row { grid-template-columns: 10px 1fr auto 1fr; gap: 8px; padding: 10px 12px; }
}
@media (max-width: 500px) {
  [data-agent-look] .wc-aud-btn { width: 32px; height: 32px; border-radius: 9px; }
}

@media (prefers-reduced-motion: reduce) {
  [data-agent-look] .nav-cta svg,
  [data-agent-look] .livechip,
  [data-agent-look] .status-top .status-label,
  [data-agent-look] .pill,
  [data-agent-look] .lvc-pill,
  [data-agent-look] .conn-pill,
  [data-agent-look] .cas-chip,
  [data-agent-look] .gpause-chip,
  [data-agent-look] .pts-wallet-tag,
  [data-agent-look] .st-diet,
  [data-agent-look] .livechip .rec,
  [data-agent-look] .status-top .dot,
  [data-agent-look] .conn-pill i,
  [data-agent-look] .pill i,
  [data-agent-look] .ifeed-dot,
  [data-agent-look] .hero .kicker,
  [data-agent-look] .hero h1,
  [data-agent-look] .hero h1 .tmetal,
  [data-agent-look] .hero h1 .tblood,
  [data-agent-look] .hero h1 .gx,
  [data-agent-look] .hero h1 .gx.r,
  [data-agent-look] .hero h1 .gx.w,
  [data-agent-look] .hero .hero-sub,
  [data-agent-look] .hero .hero-sub .tw,
  [data-agent-look] .hero .hero-sub .tr,
  [data-agent-look] .hero .hero-sub .cur,
  [data-agent-look] .hero .lede,
  html[data-agent-look][data-wc-motion="on"] .hero h1,
  html[data-agent-look][data-wc-motion="on"] .hero .kicker,
  html[data-agent-look] .hero .hero-copy > p:not([class]),
  [data-agent-look] .hero .hero-cta,
  [data-agent-look] .isle-dot,
  [data-agent-look] #promise .promise-pledges li,
  [data-agent-look] .card .ic .em,
  [data-agent-look] .feat-ico .em,
  [data-agent-look] .card-playtime .ic .em,
  [data-agent-look] .card-distance .ic .em,
  [data-agent-look] .card-kills .ic .em,
  [data-agent-look] .card-killstreak .ic .em,
  [data-agent-look] .card-survival .ic .em,
  [data-agent-look] .card-location .ic .em,
  [data-agent-look] .wc-aud[data-on="1"] .wc-aud-btn svg { animation: none; }
  [data-agent-look] .hero h1 .gx { display: none; }
  [data-agent-look] .hero .hero-sub .tw { clip-path: none; }
  [data-agent-look] .hero .hero-sub .tr { opacity: 1; }
  [data-agent-look] .hero .hero-sub .cur { opacity: 1; }
  [data-agent-look][data-ff-js="1"] .reveal { opacity: 1; transform: none; transition: none; }
  [data-agent-look] .card,
  [data-agent-look] .feat,
  [data-agent-look] .sc-panel,
  [data-agent-look] .rec-fig,
  [data-agent-look] .status-figs .fig,
  [data-agent-look] .bd-rows li,
  [data-agent-look] .btn,
  [data-agent-look] .nav-auth-btn { transition: none; }
}
[data-agent-look][data-wc-still="1"] .nav-cta svg,
[data-agent-look][data-wc-still="1"] .livechip,
[data-agent-look][data-wc-still="1"] .pill,
[data-agent-look][data-wc-still="1"] .conn-pill,
[data-agent-look][data-wc-still="1"] .status-top .status-label,
[data-agent-look][data-wc-still="1"] .status-top .dot,
[data-agent-look][data-wc-still="1"] .ifeed-dot,
[data-agent-look][data-wc-still="1"] .hero .kicker,
[data-agent-look][data-wc-still="1"] .hero h1,
[data-agent-look][data-wc-still="1"] .hero h1 .tmetal,
[data-agent-look][data-wc-still="1"] .hero h1 .tblood,
[data-agent-look][data-wc-still="1"] .hero h1 .gx,
[data-agent-look][data-wc-still="1"] .hero h1 .gx.r,
[data-agent-look][data-wc-still="1"] .hero h1 .gx.w,
[data-agent-look][data-wc-still="1"] .hero .hero-sub,
[data-agent-look][data-wc-still="1"] .hero .hero-sub .tw,
[data-agent-look][data-wc-still="1"] .hero .hero-sub .tr,
[data-agent-look][data-wc-still="1"] .hero .hero-sub .cur,
[data-agent-look][data-wc-still="1"] .hero .lede,
[data-agent-look][data-wc-still="1"] .hero .hero-cta,
[data-agent-look][data-wc-still="1"] .isle-dot,
[data-agent-look][data-wc-still="1"] #promise .promise-pledges li,
[data-agent-look][data-wc-still="1"] .card .ic .em,
[data-agent-look][data-wc-still="1"] .feat-ico .em,
[data-agent-look][data-wc-still="1"] .wc-aud[data-on="1"] .wc-aud-btn svg { animation: none; }
[data-agent-look][data-wc-still="1"] .hero .hero-sub .tw { clip-path: none; }
[data-agent-look][data-wc-still="1"] .hero .hero-sub .tr,
[data-agent-look][data-wc-still="1"] .hero .hero-sub .cur { opacity: 1; }
[data-agent-look][data-wc-still="1"][data-ff-js="1"] .reveal { opacity: 1; transform: none; transition: none; }

html[data-agent-look] main:has(> .isle-strip) .hero-cta .btn,
html[data-agent-look] main:has(> .isle-strip) .rec-gate .btn,
html[data-agent-look] main:has(> .isle-strip) .cta-card .btn,
html[data-agent-look] main:has(> .isle-strip) .gate-act .btn {
  background: var(--ff-grad-btn);
  background-image: var(--ff-grad-btn);
  border: 1px solid color-mix(in srgb, var(--ff-blood-hot) 65%, transparent);
  color: var(--ff-white);
  box-shadow: 0 0 28px color-mix(in srgb, var(--ff-blood) 38%, transparent),
              inset 0 1px 0 color-mix(in srgb, var(--ff-white) 18%, transparent);
  text-shadow: none;
}
html[data-agent-look] main:has(> .isle-strip) .hero-cta .btn:hover,
html[data-agent-look] main:has(> .isle-strip) .rec-gate .btn:hover,
html[data-agent-look] main:has(> .isle-strip) .cta-card .btn:hover,
html[data-agent-look] main:has(> .isle-strip) .gate-act .btn:hover {
  background: var(--ff-grad-btn);
  background-image: var(--ff-grad-btn);
  border-color: color-mix(in srgb, var(--ff-blood-hot) 65%, transparent);
  color: var(--ff-white);
  box-shadow: 0 0 44px color-mix(in srgb, var(--ff-blood) 60%, transparent),
              inset 0 1px 0 color-mix(in srgb, var(--ff-white) 22%, transparent);
}

html[data-agent-look] main:has(> .isle-strip) .hero-cta .btn.btn-ghost,
html[data-agent-look] main:has(> .isle-strip) .rec-gate .btn.btn-ghost,
html[data-agent-look] main:has(> .isle-strip) .cta-card .btn.btn-ghost,
html[data-agent-look] main:has(> .isle-strip) .gate-act .btn.btn-ghost {
  background: color-mix(in srgb, var(--ff-white) 4%, transparent);
  background-image: none;
  color: var(--ff-bone);
  border: 1px solid var(--ff-glass-border);
  box-shadow: none;
}
html[data-agent-look] main:has(> .isle-strip) .hero-cta .btn.btn-ghost:hover,
html[data-agent-look] main:has(> .isle-strip) .rec-gate .btn.btn-ghost:hover,
html[data-agent-look] main:has(> .isle-strip) .cta-card .btn.btn-ghost:hover,
html[data-agent-look] main:has(> .isle-strip) .gate-act .btn.btn-ghost:hover {
  background: var(--ff-blood-08);
  border-color: var(--ff-glass-border-lit);
  color: var(--ff-bone);
  box-shadow: 0 0 22px color-mix(in srgb, var(--ff-blood) 18%, transparent);
}

@media (min-width: 901px) {
  html[data-agent-look] main:has(> .isle-strip) > .ifeed {
    position: static;
    height: auto;
    display: block;
    margin-top: 0;
    pointer-events: auto;
  }
  html[data-agent-look] main:has(> .isle-strip) > .ifeed .ifeed-in {
    width: 100%;
    pointer-events: auto;
  }

  html[data-agent-look] main:has(> .isle-strip) { --if-reserve: 0px; }
  html[data-agent-look] main:has(> .isle-strip) .if-who,
  html[data-agent-look] main:has(> .isle-strip) .if-wild,
  html[data-agent-look] main:has(> .isle-strip) .if-sp,
  html[data-agent-look] main:has(> .isle-strip) .ifeed-k,
  html[data-agent-look] main:has(> .isle-strip) .ifeed-note,
  html[data-agent-look] main:has(> .isle-strip) .ifeed-more { text-shadow: none; }
}

html[data-agent-look] main:has(> .isle-strip) .isle-live-k,
html[data-agent-look] main:has(> .isle-strip) .isle-fact dt,
html[data-agent-look] main:has(> .isle-strip) .isle-peak dt,
html[data-agent-look] main:has(> .isle-strip) .rec-sub,
html[data-agent-look] main:has(> .isle-strip) .rec-label,
html[data-agent-look] main:has(> .isle-strip) .rec-welcome,
html[data-agent-look] main:has(> .isle-strip) .rec-vital span,
html[data-agent-look] main:has(> .isle-strip) .rec-table th,
html[data-agent-look] main:has(> .isle-strip) .sc-panel p,
html[data-agent-look] main:has(> .isle-strip) .rec-more,
html[data-agent-look] main:has(> .isle-strip) .isle-server em {
  color: var(--ff-bone-44);
  text-shadow: none;
}
html[data-agent-look] main:has(> .isle-strip) .rec-table td,
html[data-agent-look] main:has(> .isle-strip) .rec-vital em,
html[data-agent-look] main:has(> .isle-strip) .rec-animal-growth,
html[data-agent-look] main:has(> .isle-strip) .isle-peak dd {
  color: var(--ff-bone);
  text-shadow: none;
}
html[data-agent-look] main:has(> .isle-strip) .rec-animal-k { color: var(--ff-gold-hot); text-shadow: none; }
html[data-agent-look] main:has(> .isle-strip) .rec-profile { color: var(--ff-blood-hot); text-shadow: none; }

html[data-agent-look][data-wc-motion="on"] .hero h1 {
  animation: titleIn 1.05s var(--ff-ease) 0.16s both;
}
html[data-agent-look][data-wc-motion="on"] .hero .kicker {
  animation: riseIn 0.7s var(--ff-ease) 0.05s both;
}

html[data-agent-look] .hero .hero-copy > p:not([class]) {
  order: 4;
  max-width: 62ch;
  font-family: var(--ff-sans);
  font-size: clamp(14.5px, 1.4vw, 16.5px);
  line-height: 1.75;
  letter-spacing: normal;
  color: var(--ff-bone-80);
  text-align: center;
  margin: 0 auto 30px;
  animation: riseIn 0.7s var(--ff-ease) 0.44s both;
}

html[data-agent-look] body:has(main > .isle-strip) #wc-livebar:not(:has(.wc-aud)) {
  display: none;
}

html[data-agent-look] body.has-livebar:has(main > .isle-strip):not(:has(.wc-aud[data-mount="bar"])) {
  padding-bottom: 0;
}

html[data-agent-look] main:has(> .isle-strip) > .hero {
  min-height: calc(100svh - 71px - 145px);
}
@media (min-width: 901px) {
  html[data-agent-look] main:has(> .isle-strip) > .hero {
    min-height: calc(100svh - 80px - 80px);
  }
}

@media (forced-colors: active) {
  [data-agent-look] .hero h1,
  [data-agent-look] .tmetal,
  [data-agent-look] .tblood,
  [data-agent-look] .cloudtext,
  [data-agent-look] .sec-head h2,
  [data-agent-look] .sc-head h2,
  [data-agent-look] .sec-head h2 em,
  [data-agent-look] .sc-head h2 em,
  [data-agent-look] .page-h1 em,
  [data-agent-look] .gate h3,
  [data-agent-look] .gate h3 em,
  [data-agent-look] .cta-card h2 em,
  [data-agent-look] #join .card > h3,
  [data-agent-look] .rec-name,
  [data-agent-look] .rec-animal-name,
  [data-agent-look] .rec-gate-title {
    background: none; -webkit-text-stroke: 0; color: CanvasText; filter: none;
  }
  [data-agent-look] .nav.solid { backdrop-filter: none; -webkit-backdrop-filter: none; }
  [data-agent-look] .btn { forced-color-adjust: none; }
}
@media print {
  [data-agent-look] .hero h1,
  [data-agent-look] .tmetal,
  [data-agent-look] .tblood,
  [data-agent-look] .sec-head h2,
  [data-agent-look] .sc-head h2,
  [data-agent-look] .rec-name,
  [data-agent-look] .rec-animal-name { background: none; -webkit-text-stroke: 0; color: var(--ff-ink); filter: none; }
  [data-agent-look] .nav,
  [data-agent-look] .wc-film,
  [data-agent-look] .foot { display: none; }
  [data-agent-look] body { background: var(--ff-white); color: var(--ff-ink); }
}
[data-agent-look] {
  --ag-chrome: agent;
  --ag-bar: 1;
  --ab-h: 72px;
  --ab-top-h: 62px;
  --ab-gut: clamp(16px, 2.2vw, 40px);
  --ab-item-h: 40px;
  --ab-drop-w: 248px;
  --ab-ease: cubic-bezier(.22, .61, .36, 1);
  --ab-line: color-mix(in srgb, var(--fg) 10%, transparent);
  --ab-line-2: color-mix(in srgb, var(--fg) 16%, transparent);
  --ab-sink: color-mix(in srgb, var(--bg-deep) 72%, var(--surface));
  --ab-wash: color-mix(in srgb, var(--accent) 13%, transparent);
  --ab-wash-line: color-mix(in srgb, var(--accent) 40%, transparent);
  --ab-panel: color-mix(in srgb, var(--bg) 94%, var(--surface));
}
[data-agent-look] header.nav { display: none; }
[data-agent-look] .ag-dash,
[data-agent-look] .ag-scene,
[data-agent-look] .ag-live,
[data-agent-look] .ag-auth { display: none; }
[data-agent-look] .ag-side .nav-pill,
[data-agent-look] .ag-top .nav-pill { display: none; }
[data-agent-look] .foot a[href="/support"],
[data-agent-look] .foot a[href="/supporter"],
[data-agent-look] .foot a[href="/topup"],
[data-agent-look] .foot a[href="/membership"] { display: none; }
[data-agent-look] .ag-menu { display: none; }
[data-agent-look] .ag-top-brand { display: flex; align-items: center; min-width: 0; color: var(--fg); text-decoration: none; }
[data-agent-look] .ag-nav a { text-decoration: none; }
[data-agent-look] .ag-nav a[hidden],
[data-agent-look] .ag-grp[hidden] { display: none; }
[data-agent-look] .ag-nav .ag-ico {
  flex: none;
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

[data-agent-look] .ag-util:not(:has(.nav-util)) { display: none; }
[data-agent-look] .ag-side .nav-util { display: flex; align-items: center; gap: 8px; margin: 0; }
[data-agent-look] .ag-side .wc-aud-btn,
[data-agent-look] .ag-side .nav-cta {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border-radius: 10px;
}
[data-agent-look] .ag-side .nav-cta svg,
[data-agent-look] .ag-side .wc-aud-btn svg { width: 18px; height: 18px; }
[data-agent-look] .ag-chat:empty,
[data-agent-look] .ag-chat-top:empty,
[data-agent-look] .ag-auth-top:empty { display: none; }
[data-agent-look] .ag-chat .wcc-launch,
[data-agent-look] .ag-chat-top .wcc-launch {
  position: relative;
  inset: auto;
  z-index: auto;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  min-height: 0;
  padding: 0;
  box-shadow: none;
}
[data-agent-look] .ag-chat .wcc-launch-txt,
[data-agent-look] .ag-chat-top .wcc-launch-txt { display: none; }
[data-agent-look] .ag-chat .wcc-badge,
[data-agent-look] .ag-chat-top .wcc-badge { position: absolute; top: -5px; right: -5px; }

[data-agent-look] body:not(:has(.ag-on-chat)) .ag-chat,
[data-agent-look] body:not(:has(.ag-on-chat)) .ag-chat-top { display: none; }
[data-agent-look] body:not(:has(.ag-on-lang)) .ag-side .nav-lang { display: none; }
[data-agent-look] body:not(:has(.ag-on-sound)) .ag-side .wc-aud { display: none; }

[data-agent-look] .mx-navdock,
[data-agent-look] #mx-site,
[data-agent-look] .mx-sitemenu { display: none; }

@media (min-width: 1180px) {
  [data-agent-look] .ag-top,
  [data-agent-look] .ag-scrim { display: none; }
  [data-agent-look] .ag-side {
    display: block;
    position: sticky;
    top: 0;
    z-index: 95;
    height: var(--ab-h);
    transition: background-color .35s ease, border-color .35s ease;
  }
  [data-agent-look] .ag-side-in {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0 var(--ab-gut);
  }
  [data-agent-look] .ag-brand {
    flex: 0 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--fg);
    text-decoration: none;
  }
  [data-agent-look] .ag-brand img { flex: none; width: 40px; height: 40px; object-fit: cover; }
  [data-agent-look] .ag-brand-txt { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
  [data-agent-look] .ag-brand-txt b,
  [data-agent-look] .ag-brand-txt > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  [data-agent-look] .ag-nav {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    margin: 0;
    padding: 0;
  }

  [data-agent-look] .ag-nav > .ag-home,
  [data-agent-look] .ag-nav > .ag-grp > .ag-group,
  [data-agent-look] .ag-nav > .ag-grp.ag-one > .ag-drop > a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: var(--ab-item-h);
    min-height: 0;
    margin: 0;
    padding: 0 13px;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
  }
  [data-agent-look] .ag-nav > .ag-home .ag-ico,
  [data-agent-look] .ag-nav > .ag-grp.ag-one > .ag-drop > a .ag-ico { display: none; }
  [data-agent-look] .ag-nav > .ag-grp { position: relative; display: flex; align-items: center; }

  [data-agent-look] .ag-nav > .ag-grp > a { display: none; }
  [data-agent-look] .ag-nav > .ag-grp > .ag-group::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
    opacity: .7;
    transition: transform .2s ease;
  }
  [data-agent-look] .ag-nav > .ag-grp[data-open] > .ag-group::after { transform: rotate(180deg); }

  [data-agent-look] .ag-drop {
    position: absolute;
    top: calc(100% + (var(--ab-h) - var(--ab-item-h)) / 2);
    left: 50%;
    z-index: 96;
    display: none;
    flex-direction: column;
    gap: 2px;
    min-width: var(--ab-drop-w);
    padding: 6px;
    transform: translateX(-50%);
  }

  [data-agent-look] .ag-drop::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: calc((var(--ab-h) - var(--ab-item-h)) / 2 + 2px);
  }
  [data-agent-look] .ag-nav > .ag-grp[data-open] > .ag-drop { display: flex; }
  [data-agent-look] .ag-drop > a {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    padding: 8px 12px;
    white-space: nowrap;
  }

  [data-agent-look] .ag-nav > .ag-grp.ag-one > .ag-group { display: none; }
  [data-agent-look] .ag-nav > .ag-grp.ag-one > .ag-drop {
    position: static;
    display: flex;
    min-width: 0;
    padding: 0;
    transform: none;
    border: 0;
    background: none;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  [data-agent-look] .ag-nav > .ag-grp.ag-one > .ag-drop::before { display: none; }

  [data-agent-look] .ag-foot { flex: none; display: flex; align-items: center; gap: 8px; margin: 0; padding: 0; border: 0; }
  [data-agent-look] .ag-foot:not(:has(.nav-util)):not(:has(.wcc-launch)) { display: none; }
  [data-agent-look] .ag-util { display: contents; }
  [data-agent-look] .ag-side .nav-util { flex-wrap: nowrap; }
  [data-agent-look] .ag-side .nav-auth { position: relative; }
  [data-agent-look] .ag-side .nav-chip-wrap { position: relative; display: flex; align-items: center; }
  [data-agent-look] .ag-side .nav-menu { position: absolute; top: calc(100% + 10px); right: 0; left: auto; min-width: 240px; }
  [data-agent-look] .ag-side .nav-lang select,
  [data-agent-look] .ag-side .nav-lang .lang-select { min-height: 38px; max-width: 150px; }

  [data-agent-look] main.map-shell {
    height: calc(100vh - var(--ab-h) - var(--livebar-h, 0px));
    height: calc(100dvh - var(--ab-h) - var(--livebar-h, 0px));
  }

  [data-agent-look] body.studiolab > .ag-side { position: relative; grid-row: 1; grid-column: 1 / -1; z-index: 32; }
}

@media (min-width: 1180px) and (max-width: 1439.98px) {
  [data-agent-look] { --ab-gut: 18px; }
  [data-agent-look] .ag-side-in { gap: 10px; }
  [data-agent-look] .ag-brand-txt > span { display: none; }
  [data-agent-look] .ag-nav > .ag-home,
  [data-agent-look] .ag-nav > .ag-grp > .ag-group,
  [data-agent-look] .ag-nav > .ag-grp.ag-one > .ag-drop > a { padding: 0 9px; }
  [data-agent-look] .ag-side .nav-util { gap: 6px; }
  [data-agent-look] .ag-side .wc-aud-btn,
  [data-agent-look] .ag-side .nav-cta { width: 34px; height: 34px; }
}

@media (max-width: 1179.98px) {
  [data-agent-look] .ag-top {
    position: sticky;
    top: 0;
    z-index: 94;
    display: flex;
    align-items: center;
    gap: 10px;
    height: var(--ab-top-h);
    padding: 0 max(14px, env(safe-area-inset-right)) 0 max(14px, env(safe-area-inset-left));
  }
  [data-agent-look] .ag-top .burger {
    display: grid;
    place-items: center;
    order: -1;
    flex: none;
    width: 42px;
    height: 42px;
    margin: 0;
    border-radius: 12px;
  }
  [data-agent-look] .ag-top-brand { flex: 0 1 auto; margin-right: auto; }
  [data-agent-look] .ag-top-brand b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  [data-agent-look] .ag-chat-top .wcc-launch { width: 42px; height: 42px; }
  [data-agent-look] .ag-auth-top .nav-auth { display: block; }
  [data-agent-look] .ag-auth-top .nav-auth-btn { min-height: 42px; padding: 0 14px; white-space: nowrap; }
  [data-agent-look] .ag-auth-top .nav-chip-wrap { position: relative; display: flex; align-items: center; }
  [data-agent-look] .ag-auth-top .nav-chip { display: flex; align-items: center; gap: 0; padding: 2px; cursor: pointer; }
  [data-agent-look] .ag-auth-top .nav-avatar { width: 36px; height: 36px; border-radius: 10px; }
  [data-agent-look] .ag-auth-top .nav-who,
  [data-agent-look] .ag-auth-top .nav-caret,
  [data-agent-look] .ag-auth-top .nav-promo { display: none; }
  [data-agent-look] .ag-auth-top .nav-menu { position: absolute; top: calc(100% + 8px); right: 0; left: auto; min-width: 240px; }
  [data-agent-look] .ag-side {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 130;
    width: min(86vw, 340px);
    transform: translateX(-102%);
    visibility: hidden;
    transition: transform .26s var(--ab-ease), visibility 0s linear .26s;
  }
  [data-agent-look] .ag-side[data-open="true"] {
    transform: none;
    visibility: visible;
    transition: transform .26s var(--ab-ease), visibility 0s;
  }
  [data-agent-look] .ag-side-in { height: 100%; display: flex; flex-direction: column; gap: 10px; padding: 16px 14px 12px; }
  [data-agent-look] .ag-brand { flex: none; display: flex; align-items: center; gap: 12px; padding: 2px 4px; color: var(--fg); text-decoration: none; }
  [data-agent-look] .ag-brand img { flex: none; width: 40px; height: 40px; object-fit: cover; }
  [data-agent-look] .ag-brand-txt { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
  [data-agent-look] .ag-nav {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
    margin: 0 -10px;
    padding: 0 10px 4px;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  [data-agent-look] .ag-grp { display: flex; flex-direction: column; gap: 1px; }
  [data-agent-look] .ag-drop { display: contents; }
  [data-agent-look] .ag-group { margin: 14px 12px 4px; }
  [data-agent-look] .ag-nav a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    min-height: 42px;
    padding: 8px 12px;
    border: 1px solid transparent;
    border-radius: 9px;
  }
  [data-agent-look] .ag-nav a > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  [data-agent-look] .ag-nav .ag-ico { width: 19px; height: 19px; }
  [data-agent-look] .ag-foot { flex: none; display: flex; flex-direction: column; gap: 10px; padding-top: 10px; border-top: 1px solid var(--ab-line); }
  [data-agent-look] .ag-foot:not(:has(.nav-util)):not(:has(.wcc-launch)) { display: none; }
  [data-agent-look] .ag-side .nav-util { flex-wrap: wrap; gap: 6px; width: 100%; }
  [data-agent-look] .ag-side .nav-util > .nav-lang { flex: 1 1 70px; min-width: 0; }
  [data-agent-look] .ag-side .nav-util > .nav-auth { flex: 1 1 100%; order: 9; }
  [data-agent-look] .ag-side .nav-lang select,
  [data-agent-look] .ag-side .nav-lang .lang-select { width: 100%; max-width: none; min-height: 38px; }
  [data-agent-look] .ag-scrim {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 125;
    background-color: color-mix(in srgb, var(--bg-deep) 72%, transparent);
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
  }
  [data-agent-look] body:has(.ag-side[data-open="true"]) .ag-scrim { opacity: 1; pointer-events: auto; }
  [data-agent-look] body:has(.ag-side[data-open="true"]) { overflow: hidden; }
  [data-agent-look] main.map-shell {
    height: calc(100vh - var(--ab-top-h) - var(--livebar-h, 0px));
    height: calc(100dvh - var(--ab-top-h) - var(--livebar-h, 0px));
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-agent-look] .ag-side,
  [data-agent-look] .ag-side[data-open="true"],
  [data-agent-look] .ag-scrim { transition: none; }
}
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/bebas-neue-400-latin-ext-16c95ce45a.woff2?v=16c95ce45a2922f5) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/bebas-neue-400-latin-a7c90c8924.woff2?v=a7c90c89240c134f) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url(/assets/fonts/inter-latin-ext-34b9c504ca.woff2?v=34b9c504cab7a73e) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url(/assets/fonts/inter-latin-3100e775e8.woff2?v=3100e775e8616cd2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(/assets/fonts/jetbrains-mono-latin-ext-db5ff4db83.woff2?v=db5ff4db83e58042) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(/assets/fonts/jetbrains-mono-latin-83c005d49d.woff2?v=83c005d49d8a6a50) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/assets/fonts/cinzel-latin-ext-8fc2606f8a.woff2?v=8fc2606f8ae6c569) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/assets/fonts/cinzel-latin-09941fb1c1.woff2?v=09941fb1c169c38f) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root[data-agent-look] {
  --font-display: 'Bebas Neue', 'Oswald', 'Arial Narrow', Impact, sans-serif;
  --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --font-brand: 'Cinzel', 'Alegreya SC', Georgia, 'Times New Roman', serif;
}
:where(:root) {
  --art-film-mp4: url('/assets/look/film/hero.mp4?v=634c1b7d1c7eba04');
  --art-film-webm: url('/assets/look/film/hero.webm?v=2bd304e2084d1954');
  --art-film-poster: url('/assets/look/film/poster.jpg?v=8650f41d07fe1018');
  --art-film-cloud: url('/assets/look/film/cloud.webp?v=c42bb7f9a1124f94');
  --art-text-plate: url('/assets/look/film/nebula.webp?v=bf79de8afa4ac78c');
}
[data-agent-look] {
  --ag-engines: "/js/falls.js?v=c366eea9a2f7e8cd /js/film.js?v=97e70b0597f0d591";
}
[data-agent-look] { --ag-design: film; --ag-dress: 1; --ag-keep-title: 1; }

[data-agent-look] .gl-home { display: none; }

[data-agent-look] .night > .wc-atmos,
[data-agent-look] .night > .wc-space,
[data-agent-look] .night > .wc-mist,
[data-agent-look] .night > .wc-ember { display: none; }

:root[data-agent-look] .wc-front .night { background: var(--wc-film-poster) 50% 42% / cover no-repeat; background-color: var(--bg-deep); }
:root[data-agent-look] .wc-front .night > .wc-film { display: block; }

[data-agent-look] .night::before { z-index: 1; }
[data-agent-look] .night > .wc-film > :not(.wc-film-reel) { z-index: 2; }

[data-agent-look] .ag-side,
[data-agent-look] .ag-top {
  background-color: color-mix(in srgb, var(--ff-ink) 84%, transparent);
  -webkit-backdrop-filter: blur(14px) saturate(112%);
  backdrop-filter: blur(14px) saturate(112%);
  border-bottom: 1px solid var(--ff-bone-08);
}
@media (min-width: 1180px) {
  [data-agent-look] { --ab-h: 76px; }
  [data-agent-look]:has(main > .hero):not([data-ag-scrolled]) .ag-side {
    background-color: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-bottom-color: transparent;
  }
}
[data-agent-look] .ag-brand img,
[data-agent-look] .ag-top-brand img {
  border-radius: 9px;
  mix-blend-mode: screen;
  box-shadow: 0 0 22px color-mix(in srgb, var(--ff-blood) 22%, transparent), 0 0 0 1px var(--ff-bone-08);
}
[data-agent-look] .ag-brand-txt b,
[data-agent-look] .ag-top-brand b {
  font: 400 22px/1 var(--ff-disp);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--ff-bone);
}
[data-agent-look] .ag-brand-txt > span {
  font: 400 8.5px/1.3 var(--ff-mono);
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--ff-bone-44);
}
[data-agent-look] .ag-brand:hover b { color: var(--ff-white); }
@media (min-width: 1180px) {
  [data-agent-look] .ag-nav > .ag-home,
  [data-agent-look] .ag-nav > .ag-grp > .ag-group,
  [data-agent-look] .ag-nav > .ag-grp.ag-one > .ag-drop > a {
    border: 1px solid transparent;
    border-radius: 7px;
    background: none;
    font: 500 11.5px/1 var(--ff-mono);
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ff-bone-62);
    transition: color .2s ease, background-color .2s ease, border-color .2s ease;
  }
  [data-agent-look] .ag-nav > .ag-home:hover,
  [data-agent-look] .ag-nav > .ag-home:focus-visible,
  [data-agent-look] .ag-nav > .ag-grp > .ag-group:hover,
  [data-agent-look] .ag-nav > .ag-grp > .ag-group:focus-visible,
  [data-agent-look] .ag-nav > .ag-grp[data-open] > .ag-group,
  [data-agent-look] .ag-nav > .ag-grp.ag-one > .ag-drop > a:hover,
  [data-agent-look] .ag-nav > .ag-grp.ag-one > .ag-drop > a:focus-visible {
    color: var(--ff-bone);
    background: var(--ff-blood-08);
    outline: none;
  }
  [data-agent-look] .ag-nav > .ag-home[aria-current="page"],
  [data-agent-look] .ag-nav > .ag-grp:not(.ag-one):has(a[aria-current="page"]) > .ag-group,
  [data-agent-look] .ag-nav > .ag-grp.ag-one > .ag-drop > a[aria-current="page"] {
    color: var(--ff-bone);
    border-color: color-mix(in srgb, var(--ff-blood) 50%, transparent);
    background: var(--ff-blood-08);
    box-shadow: inset 0 0 14px color-mix(in srgb, var(--ff-blood) 12%, transparent);
  }

  [data-agent-look] .ag-nav > .ag-grp:not(.ag-one) > .ag-drop {
    background: color-mix(in srgb, var(--bg-deep) 86%, var(--surface));
    border: 1px solid color-mix(in srgb, var(--ff-blood) 45%, transparent);
    border-radius: 12px;
    box-shadow: 0 24px 60px -24px var(--bg-deep), 0 0 40px -20px color-mix(in srgb, var(--ff-blood) 45%, transparent);
  }
  [data-agent-look] .ag-nav > .ag-grp:not(.ag-one) > .ag-drop > a {
    border-radius: 8px;
    font: 500 13.5px/1.2 var(--ff-sans);
    letter-spacing: .02em;
    color: var(--ff-bone-62);
  }
  [data-agent-look] .ag-nav > .ag-grp:not(.ag-one) > .ag-drop > a:hover,
  [data-agent-look] .ag-nav > .ag-grp:not(.ag-one) > .ag-drop > a:focus-visible {
    color: var(--ff-bone);
    background: var(--ff-blood-08);
    outline: none;
  }
  [data-agent-look] .ag-nav > .ag-grp:not(.ag-one) > .ag-drop > a[aria-current="page"] {
    color: var(--ff-bone);
    background: var(--ff-blood-08);
    box-shadow: inset 2px 0 0 var(--ff-blood-hot);
  }
  [data-agent-look] .ag-drop .ag-ico { color: var(--ff-blood-hot); }
}

[data-agent-look] .ag-side .wc-aud-btn {
  border: 1px solid color-mix(in srgb, var(--ff-blood-hot) 35%, transparent);
  background: var(--ff-blood-08);
  color: var(--ff-blood-hot);
}

@media (max-width: 1179.98px) {
  [data-agent-look] .ag-side { background-color: color-mix(in srgb, var(--bg-deep) 90%, var(--surface)); border-bottom: 0; border-right: 1px solid var(--ff-bone-08); }
  [data-agent-look] .ag-top .burger { border: 1px solid var(--ff-bone-08); background: color-mix(in srgb, var(--ff-ink) 70%, transparent); }
  [data-agent-look] .ag-top-brand b { font-size: 19px; }
  [data-agent-look] .ag-group { font: 400 10px/1.2 var(--ff-mono); letter-spacing: .3em; text-transform: uppercase; color: var(--ff-bone-44); }
  [data-agent-look] .ag-nav a { font: 500 15px/1.2 var(--ff-sans); color: var(--ff-bone-62); }
  [data-agent-look] .ag-nav a:hover,
  [data-agent-look] .ag-nav a:focus-visible { color: var(--ff-bone); background: var(--ff-blood-08); outline: none; }
  [data-agent-look] .ag-nav a[aria-current="page"] {
    color: var(--ff-bone);
    background: var(--ff-blood-08);
    border-color: color-mix(in srgb, var(--ff-blood) 50%, transparent);
  }
  [data-agent-look] .ag-nav .ag-ico { color: var(--ff-blood-hot); }
}

/* ---- the colours: the film design's own colours - webcore/agentlook.py, answered by the site for the look it serves now ---- */
:root[data-agent-look] {
  --bg: #070b16;
  --bg-2: #10141f;
  --bg-deep: #04070e;
  --surface: #0d1626;
  --surface-2: #1e222d;
  --surface-3: #272b36;
  --surface-sink: #060913;
  --surface-hover: rgba(95,150,247,0.09);
  --scrim-nav: rgba(7,11,22,0.86);
  --scrim-nav-mobile: rgba(6,10,20,0.98);
  --scrim-panel: rgba(13,22,38,0.72);
  --scrim-modal: rgba(6,9,18,0.78);
  --fg: #eef3fa;
  --fg-dim: #c0c5cc;
  --fg-mute: #969ba3;
  --on-primary: #050a16;
  --border: #31353f;
  --border-2: #434751;
  --edge: #5f636d;
  --edge-lit: #c8dcf8;
  --chisel: rgba(200,220,248,0.3);
  --accent: #5f96f7;
  --accent-hi: #7fb0ff;
  --accent-rgb: 95, 150, 247;
  --accent-wash: rgba(95,150,247,0.09);
  --accent-wash-2: rgba(95,150,247,0.13);
  --accent-glow: rgba(95,150,247,0.28);
  --primary: #5f96f7;
  --ok: #54e3a3;
  --ok-dim: #245d4c;
  --ok-halo: rgba(84,227,163,0.15);
  --ok-glow: rgba(84,227,163,0.75);
  --warn: #f4c15a;
  --warn-dim: #615030;
  --warn-halo: rgba(244,193,90,0.13);
  --warn-glow: rgba(244,193,90,0.7);
  --bad: #e66767;
  --bad-dim: #5c2e35;
  --bad-halo: rgba(230,103,103,0.13);
  --bad-glow: rgba(230,103,103,0.7);
  --bad-ink: rgba(230,103,103,0.08);
  --on-bad: #03050a;
  --grad-hero-text: linear-gradient(176deg, #f4f7fc 12%, #c0c5cc 52%, #8d929a 100%);
  --grad-hero-halo: radial-gradient(circle at 58% 30%, rgba(143,182,249,0.24), transparent 58%);
  --grad-btn-primary: linear-gradient(180deg, #6fa0f8, #5484d9);
  --grad-btn-primary-hover: linear-gradient(180deg, #82adf9, #5d93f2);
  --grad-cta: linear-gradient(180deg, #272b36, #1e222d);
  --grad-card: linear-gradient(180deg, #0d1626, #060913);
  --grad-status: linear-gradient(180deg, #1c202b, #060913);
  --grad-icon-well: linear-gradient(180deg, #232731, #131721);
  --grad-notice: linear-gradient(180deg, #191e28, #10141f);
  --grad-foot: linear-gradient(180deg, rgba(16,20,31,0.6), rgba(4,7,14,0.9));
  --grad-poster: radial-gradient(circle at 38% 34%, rgba(95,150,247,0.25), transparent 62%);
  --grad-shimmer: linear-gradient(90deg, rgba(95,150,247,0), rgba(127,176,255,0.85), rgba(84,227,163,0.6), rgba(244,193,90,0.6), rgba(95,150,247,0));
  --backdrop-layers: radial-gradient(1100px 620px at 82% -8%, rgba(119,166,248,0.16), transparent 62%), radial-gradient(900px 520px at 12% 104%, rgba(52,82,136,0.2), transparent 66%), linear-gradient(180deg, #070b16 0%, #04070e 58%, #04070e 100%);
  --backdrop-drift: radial-gradient(46% 22% at 20% 24%, rgba(73,115,191,0.09), transparent 70%), radial-gradient(38% 18% at 68% 12%, rgba(73,115,191,0.07), transparent 72%), radial-gradient(52% 20% at 44% 62%, rgba(55,87,146,0.05), transparent 74%);
  --stage-floor: radial-gradient(75% 60% at 50% 82%, rgba(47,74,123,0.3), transparent 70%), radial-gradient(50% 34% at 76% 6%, rgba(119,166,248,0.14), transparent 65%), linear-gradient(180deg, #10141f 0%, #04070e 88%);
  --shadow: 0 1px 0 rgba(255,255,255,0.028) inset, 0 10px 30px -18px rgba(0,0,0,0.9);
  --shadow-panel: 0 18px 44px -22px rgba(0,0,0,0.9);
  --glow: 0 0 34px -8px rgba(95,150,247,0.28);
  --shadow-text: 0 1px 3px rgba(4,7,14,0.85), 0 0 8px rgba(4,7,14,0.7);
}