@font-face { font-family: 'TawanaFuturistic'; src: url('warzone-display.woff') format('woff'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'TawanaWarZoneMono'; src: url('warzone-mono.woff') format('woff'); font-display: swap; }
@font-face { font-family: 'TawanaMono'; src: url('warzone-mono.woff') format('woff'); font-display: swap; }
/* Landing uses the same shell and circuit background as the mission overview. */
.centered-globe-home {
  --circuit-green: #79e9a8;
  --circuit-gold: #a8e88d;
  --circuit-trace-opacity: .32;
  --circuit-signal-opacity: .95;
  --circuit-node-opacity: .85;
  --circuit-glow: #60df8b99;
  --wordmark-font: 'Space Grotesk', 'Segoe UI', sans-serif;
  --wordmark-white: #effff7;
  --wordmark-gradient: linear-gradient(100deg, #69d876, #a9e738 65%, #ddeb28);
}
body.centered-globe-home {
  background: radial-gradient(ellipse at 50% 43%, #102e23, #06140e 70%) !important;
}
.centered-globe-home .brand-technology .tech-trace { stroke-width: 1.25; }
.centered-globe-home .brand-technology .tech-signal { stroke-width: 2.5; }
.centered-globe-home .portal-header { position: relative; z-index: 3; }
.centered-globe-home .top-actions.site-header { display: flex; flex-wrap: nowrap; gap: 11px; }
.centered-globe-home #prototype-signin {
  position: static;
  padding: 10px 16px;
  min-height: 36px;
  border-radius: 11px;
  background: var(--tt-soft);
  border: 1px solid var(--tt-border);
  color: var(--tt-accent);
  font: 500 11px 'DM Sans', Arial, sans-serif;
}
.mobile-mission-footer { display: none; }
@media (min-width: 761px) {
  .centered-globe-home .workspace-nav { align-items: center; }
  .centered-globe-home .portal-header :is(#nav-warzone, #home-premium, #prototype-signin) {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 5px;
    box-sizing: border-box;
    width: 112px;
    min-width: 112px;
    height: 40px;
    min-height: 40px;
    padding: 0 6px;
    border-radius: 11px;
    font: 600 11px/1.2 'DM Sans', Arial, sans-serif;
    white-space: normal;
    text-align: center;
    overflow-wrap: anywhere;
  }
  .centered-globe-home #nav-warzone > span { font-size: 15px; line-height: 1; }
}
@media (max-width: 760px) {
  .centered-globe-home {
    --mission-footer-bottom: max(10px, env(safe-area-inset-bottom));
    --mission-footer-height: 52px;
    --warzone-copy-room: 122px;
  }
  .centered-globe-home .warzone-copy {
    top: min(calc(var(--tawana-main-globe-bottom, 65vh) + 19px), calc(100dvh - var(--mission-footer-bottom) - var(--mission-footer-height) - var(--warzone-copy-room)));
  }
  .centered-globe-home .warzone-motto {
    margin-top: 9px;
    font-size: clamp(13px, 3.6vw, 17px);
    line-height: 1.42;
  }
  .centered-globe-home .warzone-signature { font-size: clamp(20px, 5.2vw, 30px); gap: 8px; }
  .warzone-motto span { display: block; }
  .mobile-mission-footer {
    position: fixed;
    inset: auto 0 var(--mission-footer-bottom);
    display: block;
    z-index: 3;
    width: min(calc(100% - 24px), 380px);
    margin-inline: auto;
  }
  .mobile-mission-link {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: var(--mission-footer-height);
    padding: 6px 8px;
    border: 1px solid #91cfa44d;
    border-radius: 14px;
    background: linear-gradient(115deg, #244d40f5, #112e26f5);
    backdrop-filter: blur(12px);
    box-shadow: inset 0 1px #d3f7c319, 0 8px 24px #0005;
  }
  .mobile-mission-count, .mobile-mission-arrow {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 9px;
  }
  .mobile-mission-count {
    background: #78d5a223;
    color: #b1f4ce;
    font: 600 16px 'TawanaFuturistic', sans-serif;
  }
  .mobile-mission-copy { display: grid; gap: 2px; line-height: 1.12; }
  .mobile-mission-copy small { color: #b9d8c5; font-size: 10px; }
  .mobile-mission-copy strong { color: #effff7; font-size: 13px; }
  .mobile-mission-arrow { background: #d0e78b; color: #193325; font-size: 18px; }
}
@media (max-width: 760px) and (max-height: 420px) {
  .centered-globe-home { --warzone-copy-room: 92px; }
  .centered-globe-home .warzone-signature { font-size: clamp(16px, 3.2vw, 21px); }
  .centered-globe-home .warzone-motto { margin-top: 6px; font-size: clamp(12px, 3.4vw, 14px); line-height: 1.3; }
}
.center-globe-main { flex: 1; min-height: 0; }
.warzone-copy {
  position: fixed;
  inset: min(calc(var(--tawana-main-globe-bottom, 72vh) + 31px), calc(100dvh - 90px)) 12px auto;
  z-index: 2;
  text-align: center;
  pointer-events: none;
}
.warzone-signature {
  display:flex;flex-direction:row;align-items:baseline;justify-content:center;gap:.34em;
  width:max-content;margin-inline:auto;color:#effff7;white-space:nowrap;
  font:600 clamp(25px,2.65vw,40px)/1.16 'TawanaFuturistic','Space Grotesk',Arial,sans-serif;
  letter-spacing:.04em;text-align:center;
}
.warzone-signature > span { font: inherit; color: var(--wordmark-white); }
.warzone-signature strong { font: inherit; font-family: var(--wordmark-font); font-weight: 700; }
.warzone-signature strong, .warzone-motto span:not(:first-child) {
  color: #a9e841;
  background: var(--wordmark-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.warzone-motto {
  margin: 10px 0 0;
  color: var(--wordmark-white);
  font: 500 clamp(14px, 1.2vw, 17px)/1.45 var(--wordmark-font);
}
.warzone-motto span:not(:first-child) { font-weight: 600; }
.warzone-signature.is-weaving>span,.warzone-signature.is-weaving>strong,.warzone-signature.is-weaving + .warzone-motto {visibility:hidden}
@media (prefers-reduced-motion: reduce) {
  .warzone-signature.is-weaving > span, .warzone-signature.is-weaving > strong, .warzone-signature.is-weaving + .warzone-motto { visibility: visible; }
}
.caption-weave-canvas {position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
@media(min-width:761px) and (max-height:500px){
  .warzone-copy{top:min(calc(var(--tawana-main-globe-bottom,70vh) + 23px),calc(100dvh - 72px))}
  .warzone-signature{font-size:clamp(22px,2.2vw,31px)}
}
.center-globe-canvas {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  /* Fade the canvas background into the exact workspace background at the edges. */
  mask-image: radial-gradient(ellipse 43% 55% at 50% 45%, #000 45%, #000b 62%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse 43% 55% at 50% 45%, #000 45%, #000b 62%, transparent 100%);
}
.center-globe-canvas canvas { display: block; width: 100%; height: 100%; }
.centered-globe-home .technology-backdrop {
  z-index: 1;
  mask-image: radial-gradient(circle at var(--globe-field-x,50%) var(--globe-field-y,50%), transparent calc(var(--globe-field-radius,30vh) + 4px), #000 calc(var(--globe-field-radius,30vh) + 18px));
  -webkit-mask-image: radial-gradient(circle at var(--globe-field-x,50%) var(--globe-field-y,50%), transparent calc(var(--globe-field-radius,30vh) + 4px), #000 calc(var(--globe-field-radius,30vh) + 18px));
}
.landing-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.centered-globe-home #prototype-login { z-index: 10; background: var(--tt-deep); border-color: var(--tt-border); }
.reference-globe {
  position: fixed;
  inset: 0 0 auto;
  z-index: 0;
  display: block;
  width: 100%;
  height: 90dvh;
  border: 0;
}
@media (max-height: 500px) {
  .reference-globe { height: 80dvh; }
}
@media (max-width: 760px) {
  .reference-globe { height: 76dvh; }
}
@media (max-width: 760px) and (max-height: 380px) {
  .reference-globe { height: 66dvh; }
}
@media (max-width: 760px) {
  .centered-globe-home .portal-header { height: auto; flex-basis: auto; min-height: 65px; }
  .centered-globe-home .portal-header-inner { flex-wrap: wrap; padding: 12px; gap: 10px; }
  .centered-globe-home .workspace-nav { width: auto; flex: 1; height: 38px; margin: 0; order: 0; }
  .centered-globe-home .workspace-nav button { font-size: 9px; padding: 7px 8px; }
  .centered-globe-home .top-actions.site-header { margin-left: auto; gap: 6px; }
  .centered-globe-home #prototype-signin { padding: 8px 10px; font-size: 10px; }
  .center-globe-canvas {
    mask-image: radial-gradient(ellipse 70% 46% at 50% 38%, #000 43%, #0009 66%, transparent 100%);
    -webkit-mask-image: radial-gradient(ellipse 70% 46% at 50% 38%, #000 43%, #0009 66%, transparent 100%);
  }
}