/* AREA57 shared storefront shell styles. */

:root {
  --ink: #050505;
  --panel: #0b0c0b;
  --line: #292d29;
  --lime: #caff00;
  --violet: #a438ff;
  --muted: #9aa09a;
}

/* AREA57 Autonomous Growth Command */
.growth-shell{min-height:100vh;background:radial-gradient(circle at 82% 8%,rgba(171,255,0,.09),transparent 24%),radial-gradient(circle at 10% 48%,rgba(132,34,255,.08),transparent 28%),#050705;color:#f4f6f0;padding:clamp(18px,3vw,44px);font-family:var(--font-space-mono,ui-monospace,SFMono-Regular,Menlo,monospace)}
.growth-shell *{box-sizing:border-box}.growth-header{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;max-width:1600px;margin:0 auto 22px}.growth-header h1,.growth-hero-card h2,.growth-section h2,.growth-ask h2{font-family:var(--font-display,Arial Black,sans-serif);letter-spacing:-.04em;line-height:.94;margin:.2rem 0;font-size:clamp(2rem,5vw,5.6rem)}.growth-header h1{font-size:clamp(2.1rem,4.6vw,5rem);max-width:980px}.growth-subhead{color:#9da69c;max-width:720px}.growth-eyebrow{font-size:.68rem;letter-spacing:.22em;color:#b8ff18;text-transform:uppercase;font-weight:800}.growth-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.growth-header-actions a,.growth-header-actions button,.growth-nav button,.growth-nav select,.growth-post-actions button,.growth-integration button,.growth-ask button{border:1px solid #3b423a;background:#0c100c;color:#f6f7f2;border-radius:999px;padding:12px 16px;font:700 .7rem/1 var(--font-space-mono,monospace);letter-spacing:.08em;text-decoration:none;cursor:pointer}.growth-danger{border-color:#ff5a48!important;color:#ff8c7e!important}.growth-resume{border-color:#b8ff18!important;color:#b8ff18!important}.growth-nav{max-width:1600px;margin:0 auto 26px;display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;scrollbar-color:#b8ff18 #111}.growth-nav button,.growth-nav select{white-space:nowrap;border-radius:4px;color:#8d968b}.growth-nav label.active select,.growth-nav button.active{border-color:#b8ff18;background:#17210d;color:#c9ff50;box-shadow:0 0 24px rgba(184,255,24,.08)}.growth-alert,.growth-pause{max-width:1600px;margin:0 auto 18px;border:1px solid #ff634e;background:#1c0b08;color:#ffb0a5;padding:15px 18px}.growth-pause{display:flex;justify-content:space-between;gap:18px;border-color:#ff9a3d}.growth-command-grid,.growth-section{max-width:1600px;margin:0 auto}.growth-command-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:16px}.growth-hero-card,.growth-panel,.growth-post,.growth-integration{border:1px solid #273026;background:linear-gradient(145deg,rgba(17,23,16,.98),rgba(6,9,6,.98));box-shadow:inset 0 1px rgba(255,255,255,.03);padding:clamp(20px,3vw,40px)}.growth-hero-card{min-height:520px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.growth-hero-card:before{content:"57";position:absolute;right:-.03em;top:-.18em;color:rgba(184,255,24,.035);font:900 clamp(13rem,30vw,33rem)/1 Arial Black,sans-serif;pointer-events:none}.growth-next{font-size:clamp(1rem,2vw,1.5rem);max-width:720px;color:#cbd2c8}.growth-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#273026;border:1px solid #273026;margin:24px 0}.growth-metrics span{background:#080b08;padding:17px;min-height:98px;font-size:.58rem;letter-spacing:.12em;color:#7f897d}.growth-metrics strong{display:block;color:#fff;font-size:clamp(1.1rem,2.2vw,2rem);letter-spacing:-.04em;margin-bottom:10px}.growth-primary{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;border:1px solid #b8ff18!important;background:#b8ff18!important;color:#071000!important;border-radius:4px!important;padding:17px 22px!important;font-weight:900!important;cursor:pointer;text-decoration:none}.growth-hero-card small,.growth-panel small{color:#737d71;margin-top:12px}.growth-ask{display:flex;flex-direction:column;justify-content:center}.growth-ask h2{font-size:clamp(2rem,4vw,4rem)}.growth-ask form{display:grid;gap:10px}.growth-ask label,.growth-media{font-size:.62rem;letter-spacing:.13em;color:#879085}.growth-ask textarea,.growth-media input{width:100%;border:1px solid #3c443a;background:#050805;color:#f5f7f2;padding:14px;border-radius:2px;font:inherit}.growth-ask textarea{min-height:130px;resize:vertical}.growth-answer{margin-top:16px;border-left:3px solid #b8ff18;background:#11180b;padding:15px;color:#d9f4a1}.growth-honesty{font-size:.74rem;color:#879085;line-height:1.65}.growth-section{padding-top:20px}.growth-section-heading{display:flex;justify-content:space-between;align-items:end;gap:22px;padding:12px 0 22px;border-bottom:1px solid #273026;margin-bottom:16px}.growth-section-heading h2{font-size:clamp(2rem,5vw,5rem)}.growth-section-heading>span{color:#768075;font-size:.66rem;letter-spacing:.14em}.growth-post-grid,.growth-integration-grid,.growth-card-grid,.growth-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.growth-post{padding:22px}.growth-post-top{display:flex;justify-content:space-between;font-size:.62rem;letter-spacing:.1em;color:#919a8e}.growth-post-top strong{color:#d3ff6f}.growth-post h3,.growth-panel h3,.growth-integration h3,.growth-product-grid h3{font-family:var(--font-display,Arial Black,sans-serif);font-size:1.35rem;line-height:1.05}.growth-post>p:not(.growth-eyebrow){color:#aeb6ac;line-height:1.55}.growth-post dl,.growth-integration dl{display:grid;gap:10px}.growth-post dl div,.growth-integration dl div{border-top:1px solid #273026;padding-top:9px}.growth-post dt,.growth-integration dt{font-size:.56rem;color:#697267;letter-spacing:.15em}.growth-post dd,.growth-integration dd{margin:4px 0 0;color:#d4d9d1;font-size:.76rem}.growth-post details{border-block:1px solid #273026;padding:12px 0;margin:14px 0;color:#969e94;font-size:.74rem;line-height:1.55}.growth-post summary{color:#c7ff4f;cursor:pointer}.growth-media{display:grid;gap:8px}.growth-post-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.growth-post-actions button:first-child{border-color:#b8ff18;color:#b8ff18}.growth-post-actions .reject{border-color:#63352f;color:#ff8879}.growth-integration{min-height:280px;display:flex;flex-direction:column}.growth-integration h3{font-size:1.7rem}.growth-integration>p{color:#9fa89d;min-height:48px}.growth-integration button{margin-top:auto}.state-connected{border-color:#72b62b}.state-failed,.state-token_expired{border-color:#963d34}.state-authorization_required,.state-not_configured{border-color:#574b2a}.growth-ledger{border-top:1px solid #2b332a}.growth-ledger>div{display:grid;grid-template-columns:2fr .7fr .8fr 1fr 1fr;gap:12px;align-items:center;border-bottom:1px solid #20271f;padding:15px 10px;font-size:.72rem;color:#899187}.growth-ledger strong{color:#eef1eb}.growth-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.growth-product-grid article{border:1px solid #273026;padding:20px;min-height:170px;display:flex;flex-direction:column;background:#090c09}.growth-product-grid article>span{font-size:.58rem;letter-spacing:.15em;color:#b8ff18}.growth-product-grid article>strong{margin-top:auto;font-size:1.2rem}.growth-product-grid article>small{color:#7d867b;margin-top:6px}.growth-empty{border:1px dashed #30382f;padding:clamp(36px,8vw,100px) 24px;text-align:center;background:rgba(9,12,9,.72)}.growth-empty>div{display:inline-grid;place-items:center;width:70px;height:70px;border:1px solid #b8ff18;border-radius:50%;color:#b8ff18;margin-bottom:10px}.growth-empty h3{font-family:var(--font-display,Arial Black,sans-serif);font-size:clamp(1.4rem,3vw,2.5rem);margin:.5rem}.growth-empty p{color:#858e83;max-width:680px;margin:0 auto;line-height:1.6}.growth-wide{max-width:920px}.growth-footer{max-width:1600px;margin:70px auto 0;padding:20px 0;border-top:1px solid #273026;display:flex;justify-content:space-between;gap:20px;color:#6d766b;font-size:.58rem;letter-spacing:.12em}.growth-gate{display:grid;place-items:center}.growth-gate-card{max-width:760px;border:1px solid #273026;padding:clamp(28px,7vw,80px);background:#090c09}.growth-gate-card h1{font-family:var(--font-display,Arial Black,sans-serif);font-size:clamp(2.4rem,7vw,6rem);line-height:.9;margin:.4rem 0 1rem}.growth-gate-card p{color:#9ba399;margin-bottom:24px}button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1050px){.growth-command-grid{grid-template-columns:1fr}.growth-post-grid,.growth-integration-grid,.growth-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.growth-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.growth-ledger>div{grid-template-columns:1.7fr .7fr .8fr}.growth-ledger>div span:nth-last-child(-n+2){display:none}}
@media(max-width:720px){.growth-shell{padding:14px}.growth-header{align-items:flex-start;flex-direction:column}.growth-header-actions{width:100%}.growth-header-actions>*{flex:1;text-align:center}.growth-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.growth-post-grid,.growth-integration-grid,.growth-card-grid,.growth-product-grid{grid-template-columns:1fr}.growth-section-heading{align-items:flex-start;flex-direction:column}.growth-pause{flex-direction:column}.growth-ledger>div{grid-template-columns:1fr auto}.growth-ledger>div span:not(:first-of-type){display:none}.growth-footer{flex-direction:column}.growth-hero-card{min-height:480px}.growth-post-actions button{flex:1}.growth-header h1{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){.growth-shell *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.growth-connect{display:block;margin-top:auto;border:1px solid #b8ff18;color:#b8ff18;text-decoration:none;text-align:center;border-radius:999px;padding:12px 16px;font-size:.68rem;font-weight:800;letter-spacing:.08em}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background: var(--ink);
  color: #f6f7f4;
  font-family: Arial, Helvetica, sans-serif;
}
button,
a,
input {
  font: inherit;
}
button,
a {
  cursor: pointer;
}
.stars {
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: 0.4;
  background-image:
    radial-gradient(#fff 1px, transparent 1px),
    radial-gradient(var(--lime) 1px, transparent 1px);
  background-size:
    73px 73px,
    137px 137px;
  background-position:
    0 0,
    20px 45px;
  z-index: -2;
}
.scan {
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(transparent 50%, #ffffff04 50%);
  background-size: 100% 4px;
  z-index: 20;
}
.lite * {
  animation: none !important;
  transition: none !important;
}
.toast {
  position: fixed;
  top: 86px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 60;
  background: var(--lime);
  color: #050505;
  padding: 12px 18px;
  border-radius: 999px;
  font-weight: 900;
  box-shadow: 0 0 35px #caff0070;
}
header {
  height: 76px;
  position: fixed;
  inset: 0 0 auto;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4vw;
  background: #050505df;
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line);
}
.growth-shell > header.growth-header {
  position: static;
  inset: auto;
  width: auto;
  height: auto;
  min-height: 0;
  z-index: auto;
  padding: 0;
  background: transparent;
  backdrop-filter: none;
  border-bottom: 0;
}
.brand {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  text-decoration: none;
  font-size: 22px;
  font-weight: 1000;
}
.brand img {
  width: 44px;
  height: 44px;
  object-fit: contain;
}
.brand b {
  color: var(--lime);
}
nav {
  display: flex;
  gap: 26px;
}
nav a,
footer a {
  color: #bfc3bd;
  text-decoration: none;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
nav a:hover,
footer a:hover {
  color: var(--lime);
}
.head-actions {
  display: flex;
  gap: 8px;
}
.icon,
.bag,
.hamb {
  border: 1px solid #353a35;
  background: #111;
  color: #fff;
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 900;
}
.bag b {
  background: var(--lime);
  color: #000;
  border-radius: 50%;
  padding: 3px 7px;
}
.hamb {
  display: none;
}
.hero {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding: 110px 6vw 70px;
  background:
    radial-gradient(circle at 77% 45%, #4e087a55, transparent 28%),
    radial-gradient(circle at 65% 50%, #b8ff0020, transparent 38%);
}
.hero:before {
  content: "";
  position: absolute;
  width: 60vw;
  height: 60vw;
  border: 1px solid #caff0028;
  border-radius: 50%;
  right: -15vw;
  top: 15%;
  box-shadow: 0 0 120px #8c27ff20;
}
.eyebrow {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.26em;
  color: var(--lime);
  text-transform: uppercase;
}
.hero h1,
.section h2 {
  font-size: clamp(52px, 7vw, 106px);
  line-height: 0.84;
  letter-spacing: -0.075em;
  margin: 20px 0;
  font-weight: 1000;
}
.hero h1 em,
.section h2 em {
  font-style: normal;
  color: transparent;
  -webkit-text-stroke: 1.5px var(--lime);
  text-shadow: 0 0 35px #caff0042;
}
.lede,
.section-head > p,
.fit-copy > p,
.passport > div > p,
.mission > div > p {
  max-width: 620px;
  color: #aeb3ad;
  line-height: 1.7;
  font-size: 17px;
}
.cta {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 30px;
}
.primary,
.ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 20px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: 0.1em;
  border: 0;
}
.primary {
  background: var(--lime);
  color: #050505;
  box-shadow: 0 0 30px #caff0038;
}
.primary:disabled {
  opacity: 0.35;
}
.ghost {
  border: 1px solid #424742;
  background: #101110;
  color: #fff;
}
.signal {
  margin-top: 30px;
  color: #7c847d;
  font: 700 10px monospace;
  letter-spacing: 0.12em;
}
.signal i {
  display: inline-block;
  width: 7px;
  height: 7px;
  background: var(--lime);
  border-radius: 50%;
  box-shadow: 0 0 12px var(--lime);
}
.hero-art {
  height: 80vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-art img {
  position: relative;
  z-index: 3;
  max-height: 88%;
  max-width: 90%;
  object-fit: contain;
  filter: drop-shadow(0 0 24px #bdff0055) drop-shadow(0 0 42px #8b22ff66);
  animation: float 5s ease-in-out infinite;
}
.orbit {
  position: absolute;
  border: 1px solid #caff003d;
  border-radius: 50%;
  transform: rotate(-18deg);
}
.orbit.one {
  width: 80%;
  height: 50%;
}
.orbit.two {
  width: 56%;
  height: 85%;
  border-color: #a438ff55;
  transform: rotate(35deg);
}
.planet {
  position: absolute;
  font-size: 38vw;
  font-weight: 1000;
  color: #ffffff05;
}
.float-tag {
  position: absolute;
  right: 0;
  bottom: 20%;
  z-index: 4;
  background: #0a0b0ae8;
  border: 1px solid #3a3f39;
  border-left: 3px solid var(--lime);
  padding: 15px 22px;
  font: 700 10px monospace;
  letter-spacing: 0.18em;
}
.float-tag b {
  color: var(--lime);
}
.scroll {
  position: absolute;
  bottom: 22px;
  left: 6vw;
  color: #616761;
  font: 700 9px monospace;
}
.ticker {
  overflow: hidden;
  border-block: 1px solid #272a27;
  background: var(--lime);
  color: #050505;
  padding: 12px;
  white-space: nowrap;
  font-weight: 1000;
  letter-spacing: 0.12em;
}
.section {
  padding: 110px 6vw;
}
.section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 45px;
}
.section-head h2 {
  font-size: clamp(42px, 6vw, 82px);
}
.section-head > p {
  max-width: 430px;
}
.shop-tools {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 25px;
}
.filters {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.filters button {
  border: 1px solid #343834;
  background: #0e0f0e;
  color: #aaa;
  padding: 10px 14px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
}
.filters button.active {
  background: var(--lime);
  color: #000;
}
.search {
  border-bottom: 1px solid #424742;
  padding: 8px;
  color: var(--lime);
}
.search input {
  background: transparent;
  border: 0;
  outline: 0;
  color: #fff;
  width: 220px;
}
.product-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.product {
  background: #0b0c0b;
  border: 1px solid var(--line);
  padding: 10px;
}
.product-art {
  height: 390px;
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle, #a438ff40, transparent 38%),
    linear-gradient(145deg, #101210, #050505);
}
.product-art:before,
.product-art:after {
  content: "";
  position: absolute;
  width: 180px;
  height: 240px;
  border: 2px solid var(--lime);
  border-radius: 25% 25% 10% 10%;
  filter: drop-shadow(0 0 18px var(--lime));
  opacity: 0.7;
  transform: skew(-4deg);
}
.product-art:after {
  transform: scale(0.75) skew(4deg);
  border-color: var(--violet);
}
.garment {
  font-size: 70px;
  font-weight: 1000;
  color: #d7ffd0;
  z-index: 2;
  text-shadow: 0 0 25px var(--lime);
}
.badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 4;
  background: var(--lime);
  color: #000;
  padding: 6px 8px;
  font: 900 9px monospace;
}
.quick {
  position: absolute;
  bottom: 12px;
  z-index: 5;
  background: #050505d9;
  border: 1px solid #fff3;
  color: #fff;
  padding: 10px 14px;
  opacity: 0;
  transition: 0.2s;
}
.product:hover .quick {
  opacity: 1;
}
.product-info {
  display: flex;
  justify-content: space-between;
  padding: 16px 6px 10px;
}
.product-info h3 {
  margin: 0 0 4px;
}
.product-info p {
  margin: 0;
  color: #777f78;
  font-size: 11px;
}
.product-info > b {
  color: var(--lime);
}
.product-actions {
  display: flex;
  gap: 8px;
}
.product-actions button {
  flex: 1;
  background: #191b19;
  border: 1px solid #343834;
  color: #fff;
  padding: 11px;
  font-size: 10px;
  font-weight: 900;
}
.product-actions button:first-child {
  background: var(--lime);
  color: #000;
}
.product-actions .selected {
  border-color: var(--violet);
  color: #d78bff;
}
.fit,
.passport,
.visit,
.mission {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6vw;
  align-items: center;
}
.fit {
  background: linear-gradient(90deg, #0d0e0d, #080408);
}
.fit h2,
.passport h2,
.mission h2 {
  font-size: clamp(50px, 6vw, 88px);
}
.fit-slots {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 28px 0;
}
.fit-slots div {
  border: 1px solid #303530;
  background: #090a09;
  padding: 14px;
}
.fit-slots small {
  display: block;
  color: #656b65;
  font: 800 9px monospace;
}
.fit-slots strong {
  font-size: 12px;
  color: var(--lime);
}
.fit-visual {
  min-height: 620px;
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.fit-visual img {
  max-height: 580px;
  z-index: 2;
  filter: drop-shadow(0 0 30px #b7ff0055);
}
.portal {
  position: absolute;
  width: 82%;
  height: 35%;
  border: 4px solid var(--lime);
  border-radius: 50%;
  box-shadow:
    0 0 35px var(--lime),
    inset 0 0 35px var(--lime);
  transform: rotateX(65deg);
}
.fit-visual span {
  position: absolute;
  bottom: 20px;
  z-index: 3;
  background: #050505;
  border: 1px solid var(--lime);
  padding: 10px;
  font: 800 10px monospace;
}
.studios {
  background: radial-gradient(circle at 10% 40%, #a438ff1e, transparent 35%);
}
.studio-grid {
  display: grid;
  grid-template-columns: 1.3fr 0.7fr;
  gap: 18px;
}
.game-card,
.studio-list {
  border: 1px solid #303330;
  background: #090a09;
  padding: 14px;
}
.game-top {
  display: flex;
  justify-content: space-between;
  color: var(--lime);
  font: 900 11px monospace;
  padding: 8px;
}
.game-zone {
  height: 470px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: end;
  justify-content: center;
  background:
    radial-gradient(circle at 50% 100%, #caff0040, transparent 35%),
    linear-gradient(#080216, #040504);
}
.game-zone img {
  height: 85%;
  z-index: 2;
  filter: drop-shadow(0 0 20px #a438ff);
}
.beam {
  position: absolute;
  bottom: -10%;
  width: 70%;
  height: 80%;
  background: linear-gradient(90deg, transparent, #caff0025, transparent);
  clip-path: polygon(40% 0, 60% 0, 100% 100%, 0 100%);
}
.target {
  position: absolute;
  z-index: 4;
  border: 1px solid var(--lime);
  color: var(--lime);
  background: #caff0020;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  box-shadow: 0 0 22px var(--lime);
  animation: pulse 1s infinite;
}
.t1 {
  top: 17%;
  left: 15%;
}
.t2 {
  top: 35%;
  right: 14%;
}
.game-message {
  position: absolute;
  top: 15px;
  z-index: 3;
  font: 900 11px monospace;
}
.full {
  width: 100%;
  margin-top: 12px;
}
.studio-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.studio-list button {
  flex: 1;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 16px;
  background: #0f110f;
  border: 1px solid #282c28;
  color: var(--lime);
  padding: 20px;
  font-size: 26px;
}
.studio-list span {
  display: flex;
  flex-direction: column;
  color: #fff;
}
.studio-list b {
  font-size: 12px;
}
.studio-list small {
  font-size: 11px;
  color: #777;
  margin-top: 5px;
}
.studio-list i {
  margin-left: auto;
  font: 800 9px monospace;
}
.pass {
  min-height: 390px;
  border: 1px solid #5a6258;
  border-radius: 24px;
  padding: 28px;
  background:
    radial-gradient(circle at 70% 30%, #caff0020, transparent 30%),
    linear-gradient(135deg, #141814, #050505 70%);
  box-shadow: 0 0 55px #caff001c;
}
.pass-head {
  display: flex;
  justify-content: space-between;
}
.pass-head span {
  font-size: 25px;
  font-weight: 1000;
}
.pass-head small,
.pass > small {
  color: var(--lime);
  font: 900 9px monospace;
}
.pass img {
  width: 170px;
  height: 170px;
  object-fit: contain;
  display: block;
  margin: 8px auto;
  filter: drop-shadow(0 0 18px var(--lime));
}
.pass > strong {
  font-size: 28px;
  color: var(--lime);
  display: block;
}
.rank {
  margin-top: 18px;
}
.rank span {
  font: 900 9px monospace;
}
.rank:after {
  content: "";
  display: block;
  height: 3px;
  background: #282d28;
  margin-top: 8px;
}
.rank i {
  display: block;
  height: 3px;
  background: var(--lime);
  margin-top: -3px;
  position: relative;
  z-index: 1;
}
.visit {
  background: #0b0c0b;
}
.map {
  min-height: 560px;
  display: grid;
  place-items: center;
  position: relative;
  background:
    linear-gradient(
      25deg,
      transparent 48%,
      #222 49%,
      #222 51%,
      transparent 52%
    ),
    linear-gradient(
      155deg,
      transparent 48%,
      #181b18 49%,
      #181b18 51%,
      transparent 52%
    );
  background-size: 90px 90px;
  border: 1px solid #292d29;
}
.rings {
  position: absolute;
  width: 440px;
  height: 440px;
  border: 1px solid #caff0038;
  border-radius: 50%;
  box-shadow: 0 0 50px #caff0018;
}
.pin {
  z-index: 2;
  width: 100px;
  height: 100px;
  border-radius: 50% 50% 50% 0;
  transform: rotate(-45deg);
  display: grid;
  place-items: center;
  background: var(--lime);
  color: #050505;
  font-size: 28px;
  font-weight: 1000;
  box-shadow: 0 0 50px var(--lime);
  text-decoration: none;
}
.pin span {
  position: absolute;
  transform: rotate(45deg);
  width: 220px;
  top: 115px;
  color: var(--lime);
  text-align: center;
  font: 1000 11px monospace;
}
.visit h2 {
  font-size: clamp(45px, 6vw, 80px);
}
.visit p {
  color: #a7ada7;
  line-height: 1.8;
}
.call {
  display: flex;
  align-items: center;
  min-height: 44px;
  color: var(--lime);
  font: 900 14px monospace;
  margin-top: 28px;
}
.dashboard {
  border: 1px solid #3c413c;
  background: #0b0d0b;
  padding: 20px;
}
.dash-head {
  display: flex;
  justify-content: space-between;
  font: 900 9px monospace;
  color: #8e968e;
}
.dash-head b {
  color: var(--lime);
}
.stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 20px 0;
}
.stats div {
  border: 1px solid #2f332f;
  padding: 18px;
}
.stats small {
  font: 800 8px monospace;
  color: #666;
}
.stats strong {
  display: block;
  margin-top: 12px;
}
.bars {
  height: 150px;
  display: flex;
  gap: 10px;
  align-items: end;
  padding: 15px;
  border: 1px solid #292d29;
}
.bars i {
  flex: 1;
  background: linear-gradient(var(--lime), #5d00a4);
  height: 40%;
}
.bars i:nth-child(2) {
  height: 70%;
}
.bars i:nth-child(3) {
  height: 52%;
}
.bars i:nth-child(4) {
  height: 90%;
}
.bars i:nth-child(5) {
  height: 64%;
}
.dashboard > small {
  display: block;
  color: #666;
  font: 700 8px monospace;
  margin-top: 15px;
}
footer {
  padding: 55px 6vw;
  border-top: 1px solid #282b28;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 35px;
  align-items: center;
  color: #737973;
}
footer p {
  font: 700 9px monospace;
}
footer > div {
  display: flex;
  gap: 15px;
}
footer > small {
  grid-column: 1/-1;
  text-align: center;
  border-top: 1px solid #202320;
  padding-top: 20px;
  font: 700 8px monospace;
}
.foot img {
  width: 35px;
  height: 35px;
}
.drawer-wrap {
  position: fixed;
  inset: 0;
  background: #000a;
  z-index: 80;
}
.drawer {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: min(480px, 100%);
  background: #090a09;
  border-left: 1px solid #3b403b;
  padding: 36px;
  overflow: auto;
}
.close {
  position: absolute;
  right: 25px;
  top: 20px;
  background: none;
  border: 0;
  color: #fff;
  font-size: 32px;
}
.drawer h2 {
  font-size: 40px;
}
.empty {
  text-align: center;
  padding: 80px 0;
  color: #777;
  font: 800 11px monospace;
}
.empty button {
  display: block;
  margin: 25px auto;
  background: var(--lime);
  border: 0;
  padding: 12px;
}
.cart-lines > div {
  display: grid;
  grid-template-columns: 55px 1fr auto 25px;
  gap: 12px;
  align-items: center;
  border-bottom: 1px solid #292d29;
  padding: 14px 0;
}
.mini {
  height: 55px;
  display: grid;
  place-items: center;
  border: 1px solid var(--lime);
  color: var(--lime);
  font-weight: 1000;
}
.cart-lines small {
  display: block;
  color: #777;
}
.cart-lines button {
  background: none;
  border: 0;
  color: #888;
}
.subtotal {
  display: flex;
  justify-content: space-between;
  margin: 25px 0;
}
.subtotal b {
  color: var(--lime);
}
.note {
  display: block;
  text-align: center;
  color: #777;
  line-height: 1.5;
  margin-top: 12px;
}
@keyframes float {
  50% {
    transform: translateY(-18px);
  }
}
@keyframes pulse {
  50% {
    transform: scale(1.15);
    opacity: 0.65;
  }
}
@media (max-width: 900px) {
  header {
    padding: 0 20px;
  }
  nav {
    display: none;
    position: fixed;
    inset: 76px 0 auto;
    background: #050505;
    padding: 35px;
    flex-direction: column;
  }
  nav.open {
    display: flex;
  }
  .hamb {
    display: block;
  }
  .hero,
  .fit,
  .passport,
  .visit,
  .mission {
    grid-template-columns: 1fr;
  }
  .hero {
    padding: 125px 22px 55px;
  }
  .hero-art {
    height: 58vh;
  }
  .section {
    padding: 80px 22px;
  }
  .section-head {
    display: block;
  }
  .product-grid {
    grid-template-columns: 1fr 1fr;
  }
  .studio-grid {
    grid-template-columns: 1fr;
  }
  .fit-visual {
    min-height: 500px;
  }
  .visit > div:last-child {
    order: -1;
  }
  footer {
    grid-template-columns: 1fr;
    text-align: center;
    justify-items: center;
  }
  footer > small {
    grid-column: 1;
  }
}
@media (max-width: 580px) {
  .hero h1 {
    font-size: 58px;
  }
  .hero-art {
    height: 48vh;
  }
  .float-tag {
    bottom: 5%;
  }
  .product-grid {
    grid-template-columns: 1fr;
  }
  .product-art {
    height: 360px;
  }
  .shop-tools {
    display: block;
  }
  .search {
    display: block;
    margin-top: 18px;
  }
  .section-head h2,
  .fit h2,
  .passport h2,
  .mission h2,
  .visit h2 {
    font-size: 48px;
  }
  .fit-slots {
    grid-template-columns: 1fr;
  }
  .game-zone {
    height: 400px;
  }
  .pass {
    min-height: 350px;
  }
  .map {
    min-height: 420px;
  }
  .stats {
    grid-template-columns: 1fr;
  }
  .drawer {
    padding: 30px 22px;
  }
  .icon {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    scroll-behavior: auto !important;
  }
}

/* Restored Planet 57 hero landmark */
.home-planet {
  position: absolute;
  width: min(34vw, 510px);
  aspect-ratio: 1;
  border-radius: 50%;
  z-index: 1;
  right: 4%;
  top: 16%;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: radial-gradient(
    circle at 32% 25%,
    #d9ff66 0 2%,
    #8aa817 8%,
    #28320b 38%,
    #090d03 70%
  );
  border: 2px solid #caff008f;
  box-shadow:
    0 0 45px #caff0066,
    0 0 130px #9a32ff45,
    inset -45px -35px 75px #000;
}
.home-planet:before {
  content: "";
  position: absolute;
  width: 145%;
  height: 33%;
  border: 10px solid #a438ff;
  border-left-color: #caff00;
  border-radius: 50%;
  transform: rotate(-18deg);
  box-shadow: 0 0 24px #a438ff;
  opacity: 0.78;
}
.home-planet:after {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    12deg,
    transparent 0 17px,
    #ffffff08 18px 19px
  );
  mix-blend-mode: screen;
}
.home-planet span {
  font-size: clamp(72px, 12vw, 180px);
  font-weight: 1000;
  color: #05050599;
  text-shadow: 0 1px 0 #caff0060;
  z-index: 2;
}
.home-planet i {
  position: absolute;
  width: 12%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #0d1205;
  box-shadow:
    inset 5px 5px 12px #000,
    0 0 0 2px #caff001e;
}
.home-planet i:nth-of-type(1) {
  left: 20%;
  top: 24%;
}
.home-planet i:nth-of-type(2) {
  right: 18%;
  top: 42%;
  width: 17%;
}
.home-planet i:nth-of-type(3) {
  left: 33%;
  bottom: 17%;
  width: 9%;
}
.hero-art > img {
  z-index: 3;
}
.orbit {
  z-index: 2;
}

/* Fully playable AREA57 Studios deck */
.studio-grid {
  grid-template-columns: 1fr;
}
.mini-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}
.mini-game {
  min-height: 270px;
  border: 1px solid #303630;
  background: linear-gradient(145deg, #111411, #070807);
  padding: 22px;
  position: relative;
  overflow: hidden;
}
.mini-game h3 {
  font-size: 18px;
  letter-spacing: 0.04em;
}
.pads {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin: 25px 0;
}
.pads button {
  aspect-ratio: 1;
  border: 1px solid #4a5049;
  background: #181b18;
  color: #868d85;
  font: 900 9px monospace;
}
.pads button.lit {
  background: var(--lime);
  color: #050505;
  box-shadow: 0 0 24px #caff0070;
}
.sequence {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
}
.sequence i {
  height: 4px;
  flex: 1;
  background: #2b302b;
}
.sequence i.on {
  background: var(--violet);
  box-shadow: 0 0 12px var(--violet);
}
.studio-action {
  border: 1px solid var(--lime);
  background: transparent;
  color: var(--lime);
  padding: 10px 14px;
  font: 900 10px monospace;
}
.crate {
  text-align: center;
}
.crate-box {
  width: 110px;
  height: 110px;
  margin: 14px auto;
  border: 2px solid var(--lime);
  background: #0d0f0d;
  color: var(--lime);
  display: grid;
  place-items: center;
  transform: rotate(4deg);
  box-shadow: 0 0 28px #caff003c;
  transition: 0.35s;
}
.crate-box span {
  font-size: 42px;
  font-weight: 1000;
}
.crate.opened .crate-box {
  transform: rotate(0) scale(1.08);
  border-color: var(--violet);
  box-shadow: 0 0 45px var(--violet);
}
.decoder .cipher {
  color: var(--violet);
  font: 900 20px monospace;
  letter-spacing: 0.2em;
}
.decoder input {
  width: 100%;
  background: #050505;
  border: 1px solid #394039;
  color: #fff;
  padding: 13px;
  margin: 10px 0 12px;
  outline-color: var(--lime);
}
.decoder strong {
  display: block;
  color: var(--lime);
  font: 900 10px monospace;
  margin-top: 18px;
}
.battle > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 18px 0;
}
.battle > div button {
  height: 115px;
  border: 1px solid #343934;
  background: radial-gradient(circle, #b7ff0033, transparent), #080908;
  color: #fff;
  font: 900 11px monospace;
}
.battle > div button:last-child {
  background: radial-gradient(circle, #a438ff40, transparent), #080908;
}
.battle > div button b {
  font-size: 36px;
}
.battle > div button.voted {
  border-color: var(--lime);
  box-shadow: 0 0 28px #caff0040;
}
.mini-game > small {
  color: #767d76;
  font: 800 9px monospace;
  letter-spacing: 0.09em;
}
@media (max-width: 900px) {
  .home-planet {
    width: min(70vw, 440px);
    right: 10%;
    top: 12%;
  }
  .mini-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 580px) {
  .home-planet {
    width: 78vw;
    right: -3%;
    top: 10%;
  }
  .mini-grid {
    grid-template-columns: 1fr;
  }
  .pads {
    grid-template-columns: repeat(2, 1fr);
  }
  .mini-game {
    min-height: 250px;
  }
}

/* Official hero lockup: logo + radiant portal + UFO */
.hero-art .hero-alien {
  position: relative;
  z-index: 4;
  max-height: 88%;
  max-width: 90%;
  object-fit: contain;
  filter: drop-shadow(0 0 24px #bdff0055) drop-shadow(0 0 42px #8b22ff66);
  animation: float 5s ease-in-out infinite;
}
.official-hero-logo {
  position: absolute !important;
  z-index: 7 !important;
  width: min(23vw, 330px) !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain;
  left: -3%;
  top: 8%;
  filter: drop-shadow(0 0 12px #fff8) drop-shadow(0 0 24px #caff0090)
    drop-shadow(0 0 34px #a438ff90) !important;
  animation: none !important;
}
.portal-aura {
  position: absolute;
  width: min(43vw, 620px);
  aspect-ratio: 1;
  border-radius: 50%;
  right: -1%;
  top: 7%;
  z-index: 0;
  background: conic-gradient(
    from 20deg,
    #caff0000,
    #caff00aa,
    #fff800,
    #8cff00,
    #a438ff,
    #caff0000
  );
  filter: blur(20px);
  opacity: 0.7;
  animation: portalSpin 12s linear infinite;
}
.home-planet {
  background: radial-gradient(
    circle at 32% 23%,
    #ffffb0 0 2%,
    #eaff00 6%,
    #a6ff00 20%,
    #4f7900 43%,
    #152000 69%,
    #050800 78%
  );
  border: 3px solid #efff62;
  box-shadow:
    0 0 24px #fff,
    0 0 60px #dcff00,
    0 0 125px #8dff00,
    0 0 190px #a438ff70,
    inset -48px -40px 78px #000,
    inset 20px 16px 50px #efff4d90;
}
.home-planet:before {
  border-color: #dfff00;
  border-right-color: #a438ff;
  border-bottom-color: #8a20ff;
  box-shadow:
    0 0 16px #fff,
    0 0 38px #dfff00,
    0 0 65px #a438ff;
  opacity: 1;
}
.home-planet:after {
  background: repeating-linear-gradient(
    12deg,
    transparent 0 15px,
    #f4ff8b18 16px 18px
  );
  animation: planetScan 6s linear infinite;
}
.home-planet span {
  color: #11180090;
  text-shadow: 0 0 9px #eaff00;
  font-style: italic;
}
.ufo {
  position: absolute;
  z-index: 6;
  width: 150px;
  height: 54px;
  right: 1%;
  top: 9%;
  animation: ufoFly 7s ease-in-out infinite;
  filter: drop-shadow(0 0 14px #a438ff);
}
.ufo:before {
  content: "";
  position: absolute;
  left: 34px;
  top: 3px;
  width: 82px;
  height: 35px;
  border-radius: 50% 50% 42% 42%;
  background: radial-gradient(
    circle at 45% 30%,
    #f0caff,
    #7632aa 36%,
    #17051f 72%
  );
  border: 2px solid #cf81ff;
  box-shadow:
    inset 0 0 15px #fff,
    0 0 24px #a438ff;
}
.ufo:after {
  content: "";
  position: absolute;
  left: 8px;
  top: 26px;
  width: 136px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(#dfbdff, #5a0c86 40%, #110016);
  border: 2px solid #bd53ff;
  box-shadow: 0 0 22px #a438ff;
}
.ufo span {
  position: absolute;
  z-index: 2;
  left: 31px;
  top: 41px;
  width: 90px;
  height: 68px;
  background: linear-gradient(#b93dff80, transparent);
  clip-path: polygon(20% 0, 80% 0, 100% 100%, 0 100%);
  filter: blur(5px);
}
.ufo i,
.ufo b {
  position: absolute;
  z-index: 3;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  top: 35px;
  background: #dfff00;
  box-shadow: 0 0 11px #dfff00;
}
.ufo i {
  left: 34px;
}
.ufo b {
  right: 31px;
}
.float-tag {
  border-color: #a438ff;
  border-left-color: #dfff00;
  box-shadow: 0 0 20px #a438ff35;
}
.orbit.one {
  border-color: #eaff0080;
  box-shadow: 0 0 18px #dfff0040;
}
.orbit.two {
  border-color: #bc4dff99;
  box-shadow: 0 0 24px #a438ff55;
}
@keyframes portalSpin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes planetScan {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ufoFly {
  0%,
  100% {
    transform: translate(-12px, 8px) rotate(-4deg);
  }
  50% {
    transform: translate(-75px, 30px) rotate(5deg);
  }
}
@media (max-width: 900px) {
  .official-hero-logo {
    width: min(38vw, 260px) !important;
    left: 0;
    top: 2%;
  }
  .ufo {
    right: 0;
    top: 4%;
    transform: scale(0.8);
  }
  .portal-aura {
    width: 76vw;
    right: 3%;
  }
}
@media (max-width: 580px) {
  .official-hero-logo {
    width: 46vw !important;
    left: -3%;
    top: -4%;
  }
  .ufo {
    width: 110px;
    right: -10%;
    top: 4%;
    transform: scale(0.65);
  }
  .home-planet {
    top: 8%;
  }
  .portal-aura {
    width: 90vw;
    right: -9%;
    top: 2%;
  }
  .float-tag {
    display: none;
  }
}

/* Cinematic logo portal — official hero composition */
.hero-art {
  isolation: isolate;
}
.hero-art:before {
  content: "";
  position: absolute;
  inset: 5% -4% 4% 4%;
  z-index: 0;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    #fff 0 1%,
    #eaff00 2%,
    #9fff0035 22%,
    #a438ff24 45%,
    transparent 68%
  );
  filter: blur(7px);
  animation: portalBreathe 4.5s ease-in-out infinite;
}
.hero-art:after {
  content: "";
  position: absolute;
  width: 72%;
  aspect-ratio: 1;
  z-index: 2;
  border-radius: 50%;
  border: 1px solid #efff8a7a;
  box-shadow:
    0 0 12px #fff,
    0 0 32px #dfff00,
    0 0 65px #a438ff,
    inset 0 0 42px #caff0038;
  animation: portalPulse 3.8s ease-in-out infinite;
}
.portal-stars {
  position: absolute;
  inset: 4%;
  z-index: 2;
  border-radius: 50%;
  background-image:
    radial-gradient(circle, #fff 0 1px, transparent 1.5px),
    radial-gradient(circle, #dfff00 0 1.5px, transparent 2px),
    radial-gradient(circle, #d58aff 0 1px, transparent 1.8px);
  background-size:
    53px 61px,
    79px 83px,
    101px 97px;
  background-position:
    0 0,
    17px 31px,
    45px 12px;
  mask-image: radial-gradient(
    circle,
    transparent 0 28%,
    #000 48%,
    transparent 73%
  );
  animation: starDrift 16s linear infinite;
}
.official-hero-logo {
  width: min(31vw, 445px) !important;
  left: 50% !important;
  top: 50% !important;
  translate: -50% -50%;
  z-index: 8 !important;
  filter: drop-shadow(0 0 9px #fff) drop-shadow(0 0 26px #dfff00bd)
    drop-shadow(0 0 58px #a438ffba) !important;
  animation: none !important;
}
.home-planet {
  width: min(38vw, 555px);
  right: 50%;
  top: 50%;
  translate: 50% -50%;
  opacity: 0.97;
}
.portal-aura {
  width: min(48vw, 680px);
  right: 50%;
  top: 50%;
  translate: 50% -50%;
  opacity: 0.82;
}
.orbit.one {
  width: 89%;
  height: 47%;
  z-index: 4;
  animation: orbitOne 13s linear infinite;
}
.orbit.two {
  width: 59%;
  height: 94%;
  z-index: 4;
  animation: orbitTwo 17s linear infinite;
}
.ufo {
  right: 0;
  top: 14%;
  z-index: 9;
}
.portal-status,
.energy-readout {
  position: absolute;
  z-index: 10;
  background: #050505d9;
  backdrop-filter: blur(12px);
  border: 1px solid #a438ff85;
  color: #e7dded;
  font: 800 9px monospace;
  letter-spacing: 0.14em;
  box-shadow: 0 0 22px #a438ff30;
}
.portal-status {
  left: 6%;
  bottom: 13%;
  padding: 11px 14px;
}
.portal-status i {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 7px;
  border-radius: 50%;
  background: #dfff00;
  box-shadow: 0 0 13px #dfff00;
  animation: signalBlink 1.4s ease-in-out infinite;
}
.energy-readout {
  right: 0;
  bottom: 28%;
  padding: 12px 15px;
  border-color: #dfff0085;
}
.energy-readout small {
  display: block;
  color: #8b9288;
  font-size: 7px;
}
.energy-readout strong {
  display: block;
  color: #dfff00;
  font-size: 17px;
  margin-top: 4px;
  text-shadow: 0 0 12px #dfff00;
}
.float-tag {
  right: 3%;
  bottom: 14%;
  z-index: 10;
  background: #050505e8;
}
.hero-copy {
  position: relative;
  z-index: 12;
}
.hero-copy h1 em {
  background: linear-gradient(90deg, #dfff00, #f7ffae, #b333ff, #dfff00);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-stroke: 0;
  text-shadow: 0 0 35px #caff0055;
  animation: headlineGlow 5s linear infinite;
}
.primary {
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}
.primary:hover {
  transform: translateY(-2px);
  box-shadow:
    0 0 18px #fff8,
    0 0 45px #caff0080;
}
@keyframes portalBreathe {
  50% {
    transform: scale(1.07);
    opacity: 0.82;
  }
}
@keyframes portalPulse {
  50% {
    transform: scale(1.045);
    box-shadow:
      0 0 18px #fff,
      0 0 45px #dfff00,
      0 0 90px #a438ff,
      inset 0 0 60px #caff0050;
  }
}
@keyframes starDrift {
  to {
    background-position:
      53px 61px,
      -62px 114px,
      146px -85px;
  }
}
@keyframes orbitOne {
  to {
    transform: rotate(342deg);
  }
}
@keyframes orbitTwo {
  to {
    transform: rotate(395deg);
  }
}
@keyframes signalBlink {
  50% {
    opacity: 0.35;
    transform: scale(0.75);
  }
}
@keyframes headlineGlow {
  to {
    background-position: 220% 0;
  }
}
@media (max-width: 900px) {
  .official-hero-logo {
    width: min(58vw, 390px) !important;
  }
  .home-planet {
    width: min(72vw, 500px);
    right: 50%;
    top: 50%;
  }
  .portal-aura {
    width: 82vw;
    right: 50%;
    top: 50%;
  }
  .hero-art:after {
    width: 78%;
  }
  .ufo {
    right: 5%;
    top: 10%;
  }
  .portal-status {
    left: 8%;
    bottom: 8%;
  }
  .energy-readout {
    right: 5%;
    bottom: 25%;
  }
}
@media (max-width: 580px) {
  .hero-art {
    height: 50vh;
    margin-top: 12px;
  }
  .official-hero-logo {
    width: 69vw !important;
    left: 50% !important;
    top: 50% !important;
  }
  .home-planet {
    width: 86vw;
    right: 50%;
    top: 50%;
  }
  .portal-aura {
    width: 104vw;
    right: 50%;
    top: 50%;
  }
  .hero-art:after {
    width: 88%;
  }
  .ufo {
    right: -2%;
    top: 7%;
    transform: scale(0.72);
  }
  .portal-status {
    left: 3%;
    bottom: 4%;
    font-size: 7px;
    padding: 8px 10px;
  }
  .energy-readout {
    right: 1%;
    bottom: 20%;
    padding: 8px 10px;
  }
  .energy-readout strong {
    font-size: 13px;
  }
  .orbit.one {
    width: 96%;
  }
  .orbit.two {
    width: 67%;
    height: 92%;
  }
}

/* AREA57 Star Catcher arcade game */
.cargo-route-content{max-width:900px;margin:auto;padding:24px 16px 48px}
.cargo-route-content h1{font-size:clamp(1.6rem,5vw,3rem);margin-bottom:24px}
.cargo-restored p{font-size:1rem;line-height:1.6;margin:16px 0;color:#d2d8ce}
.cargo-restored .game-top{flex-wrap:wrap;gap:12px;font-size:1rem}
.cargo-restored .ship-controls button{min-height:48px;font-size:1rem}
.cargo-restored .game-start span{font-size:.875rem;line-height:1.5;text-align:center}
.cargo-restored .game-start button{min-height:48px;white-space:normal}
.cargo-restored .space-lane{height:clamp(280px,48dvh,440px)}
.spaceship-game {
  border-color: #51435c;
  background: linear-gradient(160deg, #0b0d0b, #0b0412);
  box-shadow: 0 0 45px #8c24ff18;
}
.space-lane {
  height: 520px;
  cursor: crosshair;
  touch-action: none;
  align-items: stretch;
  background:
    radial-gradient(circle at 50% 110%, #caff0038, transparent 36%),
    radial-gradient(circle at 15% 16%, #a438ff35, transparent 24%),
    linear-gradient(#060014, #020503);
}
.warp-lines {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(90deg, transparent 49.7%, #eaff0025 50%, transparent 50.3%),
    radial-gradient(#fff 1px, transparent 1px),
    radial-gradient(#caff00 1px, transparent 1px);
  background-size:
    100% 100%,
    61px 71px,
    97px 89px;
  animation: warpDrop 1.5s linear infinite;
  opacity: 0.7;
}
.mission-planet {
  position: absolute;
  right: 7%;
  top: 10%;
  width: 92px;
  aspect-ratio: 1;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #dfff0045;
  font-size: 38px;
  font-weight: 1000;
  background: radial-gradient(
    circle at 35% 28%,
    #b5ff38,
    #244400 42%,
    #030600 72%
  );
  border: 1px solid #dfff00;
  box-shadow:
    0 0 35px #caff0060,
    inset -14px -12px 25px #000;
}
.falling-item {
  position: absolute;
  z-index: 5;
  translate: -50% 0;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 1000;
  color: #050505;
  background: radial-gradient(
    circle at 35% 30%,
    #fff,
    #dfff00 35%,
    #62a600 72%
  );
  border: 2px solid #efff9a;
  box-shadow:
    0 0 12px #fff,
    0 0 28px #dfff00;
  animation: itemSpin 1.7s linear infinite;
}
.falling-item.item-1 {
  color: #fff;
  background: radial-gradient(circle, #d86cff, #651594 58%, #15001e);
  border-color: #e5b2ff;
  box-shadow:
    0 0 12px #fff,
    0 0 28px #ad38ff;
}
.falling-item.item-2 {
  width: 58px;
  height: 32px;
  border-radius: 5px;
  font: 1000 11px monospace;
  letter-spacing: 0.08em;
  background: linear-gradient(135deg, #efffb7, #9dff00);
  transform: rotate(-4deg);
}
.player-ship {
  position: absolute;
  z-index: 8;
  bottom: 8%;
  translate: -50% 0;
  width: 104px;
  height: 58px;
  transition: left 0.08s linear;
  filter: drop-shadow(0 0 17px #a438ff);
}
.player-ship:before {
  content: "";
  position: absolute;
  left: 27px;
  top: 1px;
  width: 50px;
  height: 38px;
  border-radius: 50% 50% 38% 38%;
  background: radial-gradient(
    circle at 42% 25%,
    #fff,
    #9c48cc 30%,
    #1c0525 70%
  );
  border: 2px solid #d790ff;
  box-shadow:
    inset 0 0 12px #fff,
    0 0 18px #a438ff;
}
.player-ship:after {
  content: "";
  position: absolute;
  left: 4px;
  top: 29px;
  width: 96px;
  height: 25px;
  border-radius: 50%;
  background: linear-gradient(#f0daff, #71179f 40%, #120016);
  border: 2px solid #ca65ff;
  box-shadow: 0 0 18px #a438ff;
}
.player-ship span {
  position: absolute;
  z-index: 9;
  left: 28px;
  top: 46px;
  width: 48px;
  height: 32px;
  background: linear-gradient(#dfff00b5, transparent);
  clip-path: polygon(15% 0, 85% 0, 100% 100%, 0 100%);
  filter: blur(3px);
}
.player-ship i,
.player-ship b {
  position: absolute;
  z-index: 10;
  top: 38px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #dfff00;
  box-shadow: 0 0 10px #dfff00;
}
.player-ship i {
  left: 22px;
}
.player-ship b {
  right: 22px;
}
.space-lane .game-message {
  left: 50%;
  translate: -50% 0;
  width: max-content;
  max-width: 90%;
  padding: 9px 13px;
  background: #030403c9;
  border: 1px solid #caff004f;
  color: #eaff9c;
  text-align: center;
}
.ship-controls {
  display: grid;
  grid-template-columns: 70px 1fr 70px;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}
.ship-controls button {
  height: 46px;
  border: 1px solid #a438ff;
  background: #160820;
  color: #fff;
  font-size: 24px;
  box-shadow: inset 0 0 14px #a438ff30;
}
.ship-controls small {
  text-align: center;
  color: #7e877d;
  font: 800 9px monospace;
  letter-spacing: 0.1em;
}
@keyframes warpDrop {
  to {
    background-position:
      0 0,
      0 71px,
      0 89px;
  }
}
@keyframes itemSpin {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 580px) {
  .space-lane {
    height: 430px;
  }
  .falling-item {
    width: 41px;
    height: 41px;
  }
  .player-ship {
    width: 88px;
    transform: scale(0.9);
  }
  .ship-controls {
    grid-template-columns: 58px 1fr 58px;
  }
  .ship-controls small {
    font-size: 7px;
  }
  .game-top {
    font-size: 9px;
    gap: 8px;
  }
}

/* Legible Planet 57 identity + clear catch/avoid language */
.planet-title {
  position: absolute;
  z-index: 7;
  left: 4%;
  top: 16%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 0.75;
  pointer-events: none;
  filter: drop-shadow(0 0 12px #050505) drop-shadow(0 0 18px #dfff00);
}
.planet-title small {
  padding: 6px 9px;
  background: #050505d9;
  border-left: 3px solid #dfff00;
  color: #fff;
  font: 1000 11px monospace;
  letter-spacing: 0.32em;
}
.planet-title strong {
  font-size: clamp(78px, 9vw, 132px);
  font-weight: 1000;
  font-style: italic;
  color: #eaff00;
  -webkit-text-stroke: 2px #111;
  text-shadow:
    3px 3px 0 #681093,
    0 0 18px #dfff00;
}
.game-legend {
  display: flex;
  gap: 10px;
  margin: 10px 0;
}
.game-legend span {
  flex: 1;
  padding: 10px 12px;
  border: 1px solid #caff005e;
  background: #0d1208;
  color: #dfff00;
  font: 900 9px monospace;
  letter-spacing: 0.09em;
}
.game-legend .bad-key {
  border-color: #a438ff75;
  background: #120719;
  color: #d98dff;
}
.game-legend b {
  float: right;
  color: #fff;
}
.cargo-box {
  width: 54px;
  height: 54px;
  border-radius: 7px;
  display: flex;
  flex-direction: column;
  line-height: 0.82;
  background: linear-gradient(145deg, #f2ffb5, #afff00 46%, #427000);
  border: 2px solid #f7ffc9;
  box-shadow:
    0 0 12px #fff,
    0 0 30px #dfff00;
  transform: rotate(5deg);
}
.cargo-box:before,
.cargo-box:after {
  content: "";
  position: absolute;
  background: #141b08aa;
}
.cargo-box:before {
  width: 4px;
  height: 100%;
}
.cargo-box:after {
  height: 4px;
  width: 100%;
}
.cargo-box small,
.cargo-box b {
  position: relative;
  z-index: 2;
}
.cargo-box small {
  font: 1000 8px monospace;
  letter-spacing: 0.08em;
}
.cargo-box b {
  font-size: 22px;
}
.falling-item.hazard {
  color: #fff;
  background: radial-gradient(
    circle at 35% 30%,
    #fff,
    #b343ff 18%,
    #3b0754 58%,
    #07000b 75%
  );
  border-color: #e1a1ff;
  box-shadow:
    0 0 12px #fff,
    0 0 30px #ad38ff;
  font-size: 27px;
}
.falling-item.item-2 {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  font-size: 28px;
  background: radial-gradient(circle, #050505 25%, #7600a8 55%, #dd8aff);
  border: 2px solid #e0a0ff;
  box-shadow:
    0 0 12px #fff,
    0 0 30px #a438ff;
}
.space-lane:focus-within {
  outline: 2px solid #dfff00;
}
@media (max-width: 900px) {
  .planet-title {
    left: 9%;
    top: 14%;
  }
  .planet-title strong {
    font-size: 100px;
  }
}
@media (max-width: 580px) {
  .planet-title {
    left: 2%;
    top: 17%;
  }
  .planet-title small {
    font-size: 8px;
  }
  .planet-title strong {
    font-size: 72px;
  }
  .game-legend {
    flex-direction: column;
    gap: 5px;
  }
  .game-legend span {
    padding: 8px 10px;
  }
  .cargo-box {
    width: 46px;
    height: 46px;
  }
  .cargo-box b {
    font-size: 18px;
  }
}

/* Launch-ready storefront safeguards and accessibility */
.skip-link {
  position: fixed;
  left: 16px;
  top: -80px;
  z-index: 100;
  background: var(--lime);
  color: #050505;
  padding: 12px 16px;
  font-weight: 1000;
  text-decoration: none;
}
.skip-link:focus {
  top: 12px;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
summary:focus-visible {
  outline: 3px solid var(--lime);
  outline-offset: 4px;
}
.sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
address {
  font-style: normal;
  color: #d8dbd7;
  font-size: 18px;
  line-height: 1.6;
}
.catalog-pending {
  background: radial-gradient(circle at 85% 20%, #a438ff18, transparent 34%);
}
.sync-panel {
  display: grid;
  grid-template-columns: 240px 1fr;
  align-items: center;
  gap: 50px;
  border: 1px solid #343a34;
  background: linear-gradient(135deg, #111511, #080908);
  padding: clamp(25px, 5vw, 60px);
  box-shadow: inset 0 0 50px #caff0008;
}
.sync-orb {
  width: 210px;
  aspect-ratio: 1;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: radial-gradient(
    circle at 35% 26%,
    #efffa2,
    #91e000 38%,
    #162400 70%
  );
  color: #071000;
  font-size: 80px;
  font-weight: 1000;
  font-style: italic;
  border: 2px solid var(--lime);
  box-shadow:
    0 0 40px #caff0050,
    0 0 80px #a438ff3b;
}
.sync-panel h3 {
  font-size: clamp(28px, 4vw, 54px);
  margin: 6px 0;
}
.sync-panel > div > p:not(.eyebrow) {
  color: #afb5ae;
  max-width: 720px;
  line-height: 1.7;
}
.status-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 22px;
}
.status-row span {
  border: 1px solid #333933;
  padding: 13px;
  color: #858c84;
  font: 800 9px monospace;
  letter-spacing: 0.08em;
}
.status-row b {
  display: block;
  color: #e5e9e2;
  margin-top: 8px;
}
.category-deck {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 14px;
}
.category-deck > div {
  min-height: 170px;
  padding: 20px;
  border: 1px solid #2d322d;
  background: linear-gradient(145deg, #0f120f, #070807);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.category-deck span,
.category-deck small {
  color: #737a73;
  font: 800 9px monospace;
  letter-spacing: 0.1em;
}
.category-deck strong {
  font-size: 22px;
  margin: 8px 0;
  color: #dfff00;
}
.practice-notice {
  border: 1px solid #a438ff6b;
  background: #160921;
  color: #d99bff;
  padding: 12px;
  text-align: center;
  font: 900 9px monospace;
  letter-spacing: 0.14em;
  margin-bottom: 14px;
}
.game-start {
  position: absolute;
  inset: 0;
  z-index: 12 !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: #030403b8 !important;
  backdrop-filter: blur(3px);
  color: #fff !important;
  text-align: center;
}
.game-start strong {
  font-size: clamp(28px, 5vw, 58px);
  color: var(--lime);
}
.game-start span {
  font: 900 10px monospace;
  letter-spacing: 0.12em;
}
.game-start button {
  border: 0;
  background: var(--lime);
  color: #050505;
  padding: 15px 18px;
  font: 1000 10px monospace;
  letter-spacing: 0.1em;
}
.space-lane {
  height: 390px;
}
.passport button:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}
.faq {
  background: #080a08;
}
.faq-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.faq details {
  border: 1px solid #303530;
  background: #0d0f0d;
  padding: 20px;
}
.faq summary {
  color: #f5f6f3;
  font-weight: 1000;
  cursor: pointer;
}
.faq details[open] {
  border-color: #caff006b;
}
.faq p {
  color: #a7ada6;
  line-height: 1.65;
}
.mobile-dock {
  display: none;
}
.integration-state {
  display: none;
}
@media (max-width: 900px) {
  .sync-panel {
    grid-template-columns: 1fr;
  }
  .sync-orb {
    width: 170px;
  }
  .category-deck {
    grid-template-columns: 1fr 1fr;
  }
  .status-row {
    grid-template-columns: 1fr;
  }
  .faq-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 580px) {
  body {
    padding-bottom: 60px;
  }
  .sync-panel {
    padding: 24px;
  }
  .sync-orb {
    width: 140px;
    font-size: 55px;
  }
  .category-deck {
    grid-template-columns: 1fr 1fr;
  }
  .category-deck > div {
    min-height: 130px;
    padding: 14px;
  }
  .category-deck strong {
    font-size: 16px;
  }
  .space-lane {
    height: 330px;
  }
  .mobile-dock {
    position: fixed;
    z-index: 49;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    inset: auto 0 0;
    background: #070807f2;
    backdrop-filter: blur(15px);
    border-top: 1px solid #343834;
    padding: max(8px, env(safe-area-inset-bottom)) 8px;
  }
  .mobile-dock a,
  .mobile-dock button {
    display: grid;
    place-items: center;
    height: 42px;
    border: 0;
    background: transparent;
    color: #d9ddd7;
    text-decoration: none;
    font: 900 9px monospace;
    letter-spacing: 0.09em;
  }
  .mobile-dock a:hover,
  .mobile-dock button:hover {
    color: var(--lime);
  }
  footer {
    padding-bottom: 95px;
  }
}

/* Native Lightspeed eCom storefront */
.live-catalog {
  background: #f6f7f4;
  color: #080908;
}
.live-catalog .section-head h2 {
  color: #080908;
}
.live-catalog .section-head > p {
  color: #4d534d;
}
.live-catalog .eyebrow {
  color: #5b008f;
}
.live-store-status {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 20px;
  padding: 12px 14px;
  background: #080908;
  color: #fff;
  font: 900 9px monospace;
  letter-spacing: 0.1em;
}
.live-store-status i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--lime);
  box-shadow: 0 0 12px var(--lime);
}
.live-store-status b {
  margin-left: auto;
  color: var(--lime);
}
.store-loader {
  min-height: 420px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 25px;
  border: 1px solid #d4d8d2;
  background: #fff;
  color: #151815;
  font: 900 11px monospace;
  letter-spacing: 0.1em;
}
.store-loader .sync-orb {
  width: 150px;
  font-size: 58px;
}
.store-mounting {
  min-height: 1px;
}
.store-mounted {
  min-height: 500px;
  background: #fff;
  padding: clamp(10px, 2vw, 24px);
  border: 1px solid #d6dad4;
}
.live-catalog .ec-size .ec-store {
  font-family: Arial, Helvetica, sans-serif !important;
}
.live-catalog .ecwid-btn--primary,
.live-catalog .form-control--primary .form-control__button {
  background: #8d23d5 !important;
}
.live-catalog .ec-price-item {
  font-weight: 900 !important;
}
.bag {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}
@media (max-width: 580px) {
  .live-catalog {
    padding-inline: 12px;
  }
  .live-store-status {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .live-store-status b {
    width: 100%;
    margin-left: 18px;
  }
  .store-mounted {
    padding: 4px;
  }
  .store-loader {
    min-height: 300px;
  }
}

.store-loader small {
  color: #727a71;
  font-size: 8px;
}
.store-error {
  min-height: 360px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 2px solid #8d23d5;
  background: #0b050f;
  color: #fff;
  padding: 30px;
}
.store-error strong {
  color: var(--lime);
  font-size: clamp(24px, 4vw, 46px);
}
.store-error p {
  max-width: 580px;
  color: #b9beb7;
  line-height: 1.6;
}
.policies {
  background:
    radial-gradient(circle at 10% 20%, #caff0010, transparent 28%), #070807;
}
.policy-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.policy-grid article {
  min-height: 240px;
  border: 1px solid #303530;
  background: #0d100d;
  padding: 24px;
}
.policy-grid span {
  color: var(--violet);
  font: 1000 32px monospace;
}
.policy-grid h3 {
  color: var(--lime);
  font-size: 17px;
  letter-spacing: 0.06em;
  margin: 28px 0 10px;
}
.policy-grid p {
  color: #a9afa8;
  line-height: 1.65;
}
.policy-grid a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 0.18em;
}
@media (max-width: 900px) {
  .policy-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 580px) {
  .policy-grid {
    grid-template-columns: 1fr;
  }
  .policy-grid article {
    min-height: 190px;
  }
  .policy-grid h3 {
    margin-top: 20px;
  }
}

/* Premium storefront systems */
.fit-routes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin: 28px 0 14px;
}
.fit-routes button {
  min-height: 122px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  text-align: left;
  padding: 18px;
  border: 1px solid #343a34;
  background: linear-gradient(145deg, #111511, #080808);
  color: #fff;
  transition: 0.2s;
}
.fit-routes button:hover {
  border-color: var(--lime);
  transform: translateY(-2px);
  box-shadow: 0 0 28px #caff001b;
}
.fit-routes small {
  color: #737b73;
  font: 900 8px monospace;
  letter-spacing: 0.14em;
}
.fit-routes strong {
  margin: 11px 0 4px;
  color: var(--lime);
  font-size: 16px;
}
.fit-routes span {
  color: #d1d5cf;
  font: 800 8px monospace;
  letter-spacing: 0.1em;
}
.voice-inline {
  border: 1px solid var(--violet);
  background: #170822;
  color: #e0a6ff;
  padding: 13px 17px;
  font: 1000 10px monospace;
  letter-spacing: 0.12em;
}
.drop-radar {
  background:
    radial-gradient(circle at 83% 16%, #a438ff20, transparent 30%), #070807;
}
.radar-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.radar-grid button {
  min-height: 230px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  text-align: left;
  padding: 22px;
  border: 1px solid #303530;
  background: linear-gradient(145deg, #101210, #060706);
  color: #fff;
}
.radar-grid button:hover {
  border-color: var(--lime);
  background: linear-gradient(145deg, #18210a, #080908);
}
.radar-grid span {
  margin-bottom: auto;
  color: var(--violet);
  font: 1000 32px monospace;
}
.radar-grid strong {
  color: var(--lime);
  font-size: 17px;
}
.radar-grid small {
  margin-top: 10px;
  color: #7e867d;
  font: 800 8px monospace;
  letter-spacing: 0.1em;
}
.stock-truth {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 12px;
  padding: 20px;
  border: 1px solid #caff0050;
  background: #0d1209;
}
.stock-truth i {
  flex: 0 0 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--lime);
  box-shadow: 0 0 18px var(--lime);
}
.stock-truth strong {
  color: var(--lime);
  font: 1000 11px monospace;
  letter-spacing: 0.1em;
}
.stock-truth p {
  margin: 6px 0 0;
  color: #9da49c;
  line-height: 1.5;
}
.passport-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 28px 0 15px;
}
.passport-note {
  display: block;
  color: #737a72;
  font: 800 8px monospace;
  letter-spacing: 0.1em;
}
.pass > p {
  margin-top: 24px;
  color: #80877f;
  font-size: 12px;
  line-height: 1.5;
}
.voice-launch {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 48;
  border: 1px solid var(--violet);
  border-radius: 999px;
  background: #100616e8;
  color: #ebcaff;
  padding: 12px 16px;
  font: 1000 9px monospace;
  letter-spacing: 0.1em;
  box-shadow: 0 0 28px #a438ff48;
  backdrop-filter: blur(14px);
}
.voice-launch span {
  color: var(--lime);
  margin-right: 6px;
}
.voice-shell {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  padding: 18px;
  background: #000c;
  backdrop-filter: blur(10px);
}
.voice-panel {
  position: relative;
  width: min(660px, 100%);
  max-height: 92vh;
  overflow: auto;
  padding: clamp(24px, 5vw, 52px);
  border: 1px solid #6e338e;
  background:
    radial-gradient(circle at 80% 10%, #a438ff26, transparent 32%), #080908;
  box-shadow: 0 0 80px #a438ff50;
  text-align: center;
}
.voice-close {
  position: absolute;
  right: 17px;
  top: 14px;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 30px;
}
.voice-panel h2 {
  margin: 10px 0 20px;
  font-size: clamp(38px, 7vw, 68px);
  letter-spacing: -0.06em;
}
.voice-orb {
  width: 118px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  margin: 0 auto;
  border: 2px solid var(--lime);
  border-radius: 50%;
  background: radial-gradient(circle, #dbff57, #7bb000 48%, #111800 72%);
  color: #071000;
  font-size: 42px;
  font-weight: 1000;
  box-shadow: 0 0 38px #caff0055;
}
.voice-orb.listening {
  animation: voicePulse 1s ease-in-out infinite;
}
.voice-transcript {
  min-height: 44px;
  margin: 18px 0;
  color: #dce1d9;
  font: 900 10px monospace;
  letter-spacing: 0.08em;
  line-height: 1.5;
}
.voice-listen {
  min-width: 180px;
}
.voice-help {
  color: #8d958c;
  font-size: 13px;
  line-height: 1.5;
}
.voice-commands {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 7px;
  margin: 22px 0;
}
.voice-commands button {
  border: 1px solid #343a34;
  background: #101210;
  color: #fff;
  padding: 11px 7px;
  font: 900 8px monospace;
}
.voice-commands button:hover {
  border-color: var(--lime);
  color: var(--lime);
}
.voice-panel > small {
  color: #697068;
  font: 800 7px monospace;
  letter-spacing: 0.1em;
}
@keyframes voicePulse {
  50% {
    transform: scale(1.08);
    box-shadow:
      0 0 60px #caff00,
      0 0 90px #a438ff;
  }
}
@media (max-width: 900px) {
  .radar-grid {
    grid-template-columns: 1fr 1fr;
  }
  .radar-grid button {
    min-height: 180px;
  }
  .voice-commands {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 580px) {
  .fit-routes {
    grid-template-columns: 1fr 1fr;
  }
  .fit-routes button {
    min-height: 108px;
    padding: 13px;
  }
  .fit-routes strong {
    font-size: 13px;
  }
  .radar-grid {
    grid-template-columns: 1fr 1fr;
  }
  .radar-grid button {
    min-height: 145px;
    padding: 15px;
  }
  .radar-grid span {
    font-size: 23px;
  }
  .radar-grid strong {
    font-size: 13px;
  }
  .voice-launch {
    right: 12px;
    bottom: 70px;
    padding: 10px 12px;
  }
  .voice-panel {
    padding: 28px 18px;
  }
  .voice-orb {
    width: 92px;
  }
  .voice-commands {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* AREA57 Voice Key homepage feature */
.home-key {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 580px);
  align-items: center;
  gap: clamp(40px, 7vw, 110px);
  background:
    radial-gradient(circle at 78% 36%, #a438ff24, transparent 28%),
    radial-gradient(circle at 68% 60%, #caff0015, transparent 32%), #050605;
  overflow: hidden;
}
.home-key-copy h2 {
  font-size: clamp(48px, 6.7vw, 96px);
  line-height: 0.84;
  letter-spacing: -0.07em;
  margin: 20px 0;
}
.home-key-copy h2 em {
  font-style: normal;
  color: transparent;
  -webkit-text-stroke: 1.5px var(--lime);
  text-shadow: 0 0 32px #caff003d;
}
.home-key-copy > p:not(.eyebrow) {
  max-width: 610px;
  color: #aeb4ad;
  font-size: 17px;
  line-height: 1.7;
}
.home-key-copy > small {
  display: block;
  margin-top: 18px;
  color: #747b73;
  font: 900 8px monospace;
  letter-spacing: 0.11em;
}
.home-key-visual {
  position: relative;
  min-height: 650px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-key-card {
  position: relative;
  z-index: 2;
  width: min(70%, 330px);
  aspect-ratio: 709/1536;
  overflow: hidden;
  border: 1px solid #a438ff;
  border-radius: 34px;
  background: #050505;
  box-shadow:
    0 30px 70px #000,
    0 0 45px #a438ff55;
  transform: rotate(-4deg);
  transition: 0.25s;
}
.home-key-card:hover {
  transform: rotate(-2deg) translateY(-7px);
}
.home-key-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-key-card span {
  position: absolute;
  left: 50%;
  bottom: 18px;
  translate: -50% 0;
  width: max-content;
  padding: 10px 14px;
  border: 1px solid var(--lime);
  border-radius: 999px;
  background: #050505dd;
  color: var(--lime);
  font: 1000 8px monospace;
  letter-spacing: 0.1em;
}
.home-key-qr {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 12%;
  width: 230px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 18px;
  border: 1px solid #caff0080;
  border-radius: 18px;
  background: #090d08ed;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 0 35px #caff0027;
  transform: rotate(4deg);
}
.home-key-qr small {
  margin-bottom: 10px;
  color: var(--lime);
  font: 1000 8px monospace;
  letter-spacing: 0.12em;
}
.home-key-qr svg {
  width: 170px;
  height: 170px;
  border: 7px solid #fff;
  border-radius: 10px;
}
.home-key-qr strong {
  margin-top: 10px;
  color: #fff;
  font: 1000 8px monospace;
}
.home-key a:focus-visible {
  outline: 3px solid var(--lime);
  outline-offset: 5px;
}
@media (max-width: 980px) {
  .home-key {
    grid-template-columns: 1fr;
  }
  .home-key-copy {
    text-align: center;
  }
  .home-key-copy > p:not(.eyebrow) {
    margin-inline: auto;
  }
  .home-key-copy .cta {
    justify-content: center;
  }
  .home-key-visual {
    min-height: 600px;
  }
  .home-key-card {
    width: min(62vw, 330px);
  }
  .home-key-qr {
    right: 10%;
    bottom: 10%;
  }
}
@media (max-width: 580px) {
  .home-key {
    padding-inline: 18px;
  }
  .home-key-visual {
    min-height: 520px;
  }
  .home-key-card {
    width: min(72vw, 300px);
  }
  .home-key-qr {
    right: -2%;
    bottom: 5%;
    width: 155px;
    padding: 11px;
  }
  .home-key-qr svg {
    width: 118px;
    height: 118px;
  }
  .home-key-qr strong {
    font-size: 6px;
  }
  .home-key-copy h2 {
    font-size: 50px;
  }
}

/* Alien Ambassador referral system */
.referral-signal {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 24px;
  margin: 0 0 18px;
  padding: 17px 20px;
  border: 2px solid #a438ff;
  background: linear-gradient(100deg, #13041b, #090b08);
  color: #fff;
  box-shadow: 0 0 32px #a438ff2b;
}
.referral-signal small {
  display: block;
  color: #b990d0;
  font: 900 8px monospace;
  letter-spacing: 0.12em;
}
.referral-signal strong {
  display: block;
  margin-top: 5px;
  color: var(--lime);
  font: 1000 23px monospace;
}
.referral-signal p {
  margin: 0;
  color: #cdd1ca;
  line-height: 1.55;
}
.referral-signal p b {
  color: var(--lime);
}
.referral-signal button {
  border: 1px solid var(--lime);
  background: transparent;
  color: var(--lime);
  padding: 12px 15px;
  font: 1000 9px monospace;
  letter-spacing: 0.09em;
}
.ambassador-home {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  align-items: center;
  gap: 8vw;
  background:
    radial-gradient(circle at 80% 50%, #a438ff25, transparent 29%),
    radial-gradient(circle at 72% 55%, #caff0010, transparent 38%), #060706;
}
.ambassador-home-copy h2 {
  font-size: clamp(52px, 6.8vw, 98px);
  line-height: 0.84;
  letter-spacing: -0.07em;
  margin: 20px 0;
}
.ambassador-home-copy > p:not(.eyebrow) {
  max-width: 680px;
  color: #aeb4ad;
  font-size: 17px;
  line-height: 1.7;
}
.ambassador-home-copy > small {
  display: block;
  margin-top: 18px;
  color: #788078;
  font: 900 8px monospace;
  letter-spacing: 0.1em;
}
.ambassador-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 25px 0;
}
.ambassador-steps span {
  border: 1px solid #303630;
  background: #0d100d;
  padding: 14px;
  color: #dce1d9;
  font: 900 9px monospace;
  letter-spacing: 0.08em;
}
.ambassador-steps b {
  display: block;
  margin-bottom: 14px;
  color: var(--violet);
  font-size: 25px;
}
.ambassador-card {
  position: relative;
  isolation: isolate;
  width: min(100%, 470px);
  aspect-ratio: 1.58;
  margin: auto;
  padding: 34px;
  border: 1px solid var(--violet);
  border-radius: 28px;
  overflow: hidden;
  background:
    radial-gradient(circle at 72% 28%, #a438ff65, transparent 31%),
    linear-gradient(145deg, #151a0e, #050505 65%);
  box-shadow:
    0 35px 80px #000,
    0 0 55px #a438ff3d;
  transform: rotate(4deg);
  display: flex;
  flex-direction: column;
}
.ambassador-card:after {
  content: "57";
  position: absolute;
  right: -18px;
  bottom: -50px;
  z-index: -1;
  color: #ffffff09;
  font-size: 220px;
  font-weight: 1000;
}
.ambassador-card p {
  margin: 0;
  font-weight: 1000;
}
.ambassador-card p:first-letter {
  color: var(--lime);
}
.ambassador-card > strong {
  margin: auto 0;
  color: #fff;
  font-size: clamp(34px, 4vw, 58px);
  line-height: 0.84;
  letter-spacing: -0.05em;
}
.ambassador-card > span {
  color: #8d958b;
  font: 900 8px monospace;
  letter-spacing: 0.12em;
}
.ambassador-card > b {
  margin-top: 5px;
  color: var(--lime);
  font: 1000 25px monospace;
}
.ambassador-card > i {
  margin-top: 20px;
  color: #bf7ee8;
  font: 900 8px monospace;
  letter-spacing: 0.15em;
}
.ambassador-orbit,
.amb-pass-orbit {
  position: absolute;
  z-index: -1;
  inset: 8% -15%;
  border: 1px solid #caff004a;
  border-radius: 50%;
  transform: rotate(-15deg);
  box-shadow: 0 0 25px #caff001c;
}
.amb-page {
  min-height: 100vh;
  overflow: hidden;
  background: #050505;
  color: #f5f7f2;
}
.amb-stars {
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 75% 15%, #a438ff20, transparent 26%),
    radial-gradient(#fff 1px, transparent 1px);
  background-size:
    auto,
    79px 79px;
  opacity: 0.55;
}
.amb-header {
  position: relative;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5vw;
  border-bottom: 1px solid #292d29;
  background: #050505df;
}
.amb-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  text-decoration: none;
  font-size: 22px;
  font-weight: 1000;
}
.amb-logo img {
  width: 44px;
  height: 44px;
  object-fit: contain;
}
.amb-logo b {
  color: var(--lime);
}
.amb-back {
  border: 1px solid #363b36;
  border-radius: 999px;
  padding: 11px 14px;
  color: #dce0da;
  text-decoration: none;
  font: 900 8px monospace;
  letter-spacing: 0.1em;
}
.amb-hero {
  position: relative;
  min-height: 760px;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  align-items: center;
  gap: 8vw;
  padding: 80px 7vw;
  background: radial-gradient(circle at 80% 45%, #a438ff35, transparent 27%);
}
.amb-hero h1 {
  font-size: clamp(54px, 8vw, 116px);
  line-height: 0.82;
  letter-spacing: -0.075em;
  margin: 20px 0;
}
.amb-hero h1 em,
.amb-console h2 em {
  font-style: normal;
  color: transparent;
  -webkit-text-stroke: 1.5px var(--lime);
  text-shadow: 0 0 30px #caff003a;
}
.amb-hero > div > p:not(.eyebrow) {
  max-width: 690px;
  color: #afb5ad;
  font-size: 17px;
  line-height: 1.7;
}
.amb-hero-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 30px;
}
.amb-hero > div > small {
  display: block;
  margin-top: 17px;
  color: #6e756d;
  font: 800 8px monospace;
  letter-spacing: 0.12em;
}
.amb-pass {
  position: relative;
  isolation: isolate;
  width: min(100%, 480px);
  aspect-ratio: 1.58;
  margin: auto;
  padding: 32px;
  border: 1px solid var(--violet);
  border-radius: 28px;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 23%, #a438ff7a, transparent 30%),
    linear-gradient(145deg, #13160f, #050505 68%);
  box-shadow:
    0 35px 85px #000,
    0 0 55px #a438ff44;
  transform: rotate(5deg);
  display: flex;
  flex-direction: column;
}
.amb-pass > small {
  color: var(--lime);
  font: 1000 8px monospace;
  letter-spacing: 0.14em;
}
.amb-pass > strong {
  margin: auto 0;
  font-size: clamp(38px, 4.3vw, 62px);
  line-height: 0.82;
  letter-spacing: -0.05em;
}
.amb-pass > span {
  color: #80887f;
  font: 900 8px monospace;
  letter-spacing: 0.12em;
}
.amb-pass > b {
  color: var(--lime);
  font: 1000 26px monospace;
}
.amb-pass > i {
  margin-top: 20px;
  color: #c487ea;
  font: 900 8px monospace;
  letter-spacing: 0.15em;
}
.amb-how {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-block: 1px solid #2c302c;
}
.amb-how article {
  min-height: 280px;
  padding: 28px;
  border-right: 1px solid #2c302c;
  background: #090b09;
}
.amb-how article:hover {
  background: #10160c;
}
.amb-how b {
  color: var(--violet);
  font: 1000 34px monospace;
}
.amb-how h2 {
  margin: 75px 0 10px;
  color: var(--lime);
  font-size: 17px;
}
.amb-how p {
  color: #969d95;
  line-height: 1.6;
}
.amb-console {
  position: relative;
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 8vw;
  padding: 110px 7vw;
  background:
    radial-gradient(circle at 12% 50%, #caff0010, transparent 30%), #070807;
}
.amb-copy h2 {
  font-size: clamp(48px, 6vw, 85px);
  line-height: 0.85;
  letter-spacing: -0.07em;
}
.amb-copy > p:not(.eyebrow),
.amb-copy li {
  color: #9ea59d;
  line-height: 1.7;
}
.amb-copy ul {
  padding-left: 18px;
}
.amb-copy li::marker {
  color: var(--lime);
}
.amb-form,
.amb-login,
.mc-form,
.mc-settings {
  display: grid;
  gap: 13px;
  border: 1px solid #343a34;
  background: #0c0f0c;
  padding: clamp(22px, 4vw, 45px);
}
.amb-form > div,
.mc-form {
  grid-template-columns: 1fr 1fr;
}
.amb-form > div {
  display: grid;
  gap: 13px;
  grid-template-columns: 1fr 1fr;
}
.amb-form label,
.amb-login label,
.mc-form label,
.mc-settings label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #858d84;
  font: 900 8px monospace;
  letter-spacing: 0.11em;
}
.amb-form input,
.amb-form select,
.amb-login input,
.mc-page input,
.mc-page select,
.mc-settings input {
  height: 48px;
  border: 1px solid #394039;
  background: #070807;
  color: #fff;
  padding: 0 13px;
  border-radius: 0;
}
.amb-form input:focus,
.amb-login input:focus,
.mc-page input:focus,
.mc-page select:focus {
  border-color: var(--lime);
  outline: 1px solid var(--lime);
}
.amb-check {
  display: grid !important;
  grid-template-columns: auto 1fr;
  align-items: start !important;
  color: #a8aea6 !important;
  line-height: 1.5 !important;
}
.amb-check input {
  width: 18px;
  height: 18px;
}
.amb-dashboard {
  position: relative;
  padding: 110px 7vw;
  background: #050605;
}
.amb-dash-title {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 35px;
}
.amb-dash-title h2 {
  font-size: clamp(43px, 6vw, 78px);
  margin: 13px 0;
}
.amb-login {
  grid-template-columns: 1fr 1fr auto;
  align-items: end;
}
.amb-live-dash {
  border: 1px solid #3a4039;
  background: linear-gradient(145deg, #0f130c, #080808);
  padding: clamp(20px, 4vw, 42px);
}
.amb-id {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.amb-id small {
  color: var(--lime);
  font: 900 8px monospace;
  letter-spacing: 0.12em;
}
.amb-id h3 {
  font-size: clamp(23px, 4vw, 44px);
  margin: 10px 0;
}
.amb-id p {
  color: #9da49c;
}
.amb-id svg {
  border: 8px solid var(--lime);
}
.amb-stats {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
  margin: 30px 0;
}
.amb-stats article {
  min-height: 115px;
  padding: 16px;
  border: 1px solid #343934;
  background: #090b09;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.amb-stats small {
  color: #717970;
  font: 900 8px monospace;
  letter-spacing: 0.09em;
}
.amb-stats strong {
  color: var(--lime);
  font-size: 27px;
}
.amb-share {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  padding: 18px;
  border: 1px solid #a438ff6e;
  background: #16091f;
}
.amb-share small,
.amb-share strong,
.amb-share span {
  display: block;
}
.amb-share small {
  color: #a789b8;
  font: 800 8px monospace;
}
.amb-share strong {
  margin: 7px 0;
  color: #fff;
  word-break: break-all;
}
.amb-share span {
  color: #c0c5be;
}
.amb-share b {
  color: var(--lime);
}
.amb-message,
.mc-message {
  padding: 13px;
  border: 1px solid var(--lime);
  background: #11170d;
  color: var(--lime);
  font: 900 9px monospace;
  letter-spacing: 0.1em;
}
.amb-rules {
  position: relative;
  padding: 110px 7vw;
  background: #090b09;
}
.amb-rules h2 {
  font-size: clamp(44px, 6vw, 82px);
  letter-spacing: -0.06em;
}
.amb-rules > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}
.amb-rules details {
  border: 1px solid #303530;
  background: #0d100d;
  padding: 22px;
}
.amb-rules summary {
  color: #f2f4f0;
  font-weight: 1000;
  cursor: pointer;
}
.amb-rules p {
  color: #969d95;
  line-height: 1.65;
}
.amb-footer {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 30px 5vw;
  border-top: 1px solid #2b302b;
  color: #7c837b;
  font: 900 8px monospace;
  letter-spacing: 0.1em;
}
.amb-footer a {
  color: var(--lime);
  text-decoration: none;
}

/* Owner-only Mission Control */
.mc-login {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 20px;
  background:
    radial-gradient(circle at 70% 25%, #a438ff2e, transparent 30%), #040504;
  color: #fff;
}
.mc-login > div {
  width: min(560px, 100%);
  padding: 45px;
  border: 1px solid #3d443b;
  background: #0a0d09;
  box-shadow: 0 35px 90px #000;
}
.mc-login img {
  width: 80px;
}
.mc-login h1 {
  font-size: clamp(55px, 10vw, 95px);
  line-height: 0.8;
  letter-spacing: -0.07em;
}
.mc-login > div > p:not(.eyebrow) {
  color: #9fa69e;
  line-height: 1.65;
}
.mc-login form {
  display: grid;
  gap: 10px;
  margin: 25px 0;
}
.mc-login input {
  height: 54px;
  border: 1px solid #3c443b;
  background: #050605;
  color: #fff;
  padding: 0 15px;
  letter-spacing: 0.2em;
}
.mc-login span {
  display: block;
  color: #ff89f3;
  margin-bottom: 18px;
}
.mc-login a {
  color: var(--lime);
  text-decoration: none;
  font: 900 9px monospace;
}
.mc-page {
  min-height: 100vh;
  background: #050605;
  color: #f5f6f2;
  padding-top: 76px;
}
.mc-page > header {
  background: #050605f2;
}
.mc-page .brand span {
  font-size: 13px;
}
.mc-title {
  padding: 65px 5vw 25px;
  background: radial-gradient(circle at 83% 20%, #a438ff2b, transparent 31%);
}
.mc-title h1 {
  font-size: clamp(55px, 8vw, 110px);
  line-height: 0.8;
  letter-spacing: -0.07em;
}
.mc-title h1 em {
  font-style: normal;
  color: transparent;
  -webkit-text-stroke: 1.5px var(--lime);
}
.mc-kpis {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
}
.mc-kpis article {
  padding: 18px;
  border: 1px solid #343a33;
  background: #0c0f0c;
}
.mc-kpis small {
  display: block;
  color: #737b72;
  font: 900 8px monospace;
}
.mc-kpis strong {
  display: block;
  margin-top: 13px;
  color: var(--lime);
  font-size: 24px;
}
.mc-tabs {
  position: sticky;
  top: 76px;
  z-index: 30;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  background: #080a08;
  border-block: 1px solid #30352f;
}
.mc-tabs button {
  height: 58px;
  border: 0;
  border-right: 1px solid #30352f;
  background: transparent;
  color: #8f968e;
  font: 1000 9px monospace;
  letter-spacing: 0.1em;
}
.mc-tabs button.active {
  background: var(--lime);
  color: #050505;
}
.mc-message {
  margin: 20px 5vw 0;
}
.mc-panel {
  padding: 55px 5vw 100px;
}
.mc-panel h2 {
  font-size: clamp(34px, 5vw, 64px);
  letter-spacing: -0.05em;
}
.mc-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.mc-cards article {
  border: 1px solid #343934;
  background: #0c0f0c;
  padding: 22px;
}
.mc-cards article > div > small {
  color: var(--violet);
  font: 900 8px monospace;
  text-transform: uppercase;
}
.mc-cards h3 {
  font-size: 24px;
  margin: 8px 0;
}
.mc-cards article > div > b {
  color: var(--lime);
  font: 1000 18px monospace;
}
.mc-cards p {
  color: #838b82;
  line-height: 1.6;
}
.mc-mini-stats {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  margin: 20px 0;
}
.mc-mini-stats span {
  padding: 10px;
  border: 1px solid #2d332c;
  color: #fff;
  font-weight: 900;
}
.mc-mini-stats small {
  display: block;
  margin-top: 7px;
  color: #6e766d;
  font: 800 7px monospace;
}
.mc-controls {
  display: grid !important;
  grid-template-columns: 1fr 90px;
  gap: 8px;
}
.mc-controls label {
  color: #747c73;
  font: 900 7px monospace;
}
.mc-controls input,
.mc-controls select {
  width: 100%;
  height: 42px;
}
.mc-split-title {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 25px;
}
.mc-split-title p {
  max-width: 650px;
  color: #8e968d;
  line-height: 1.6;
}
.mc-manual {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr auto;
  gap: 7px;
}
.mc-manual input {
  min-width: 0;
}
.mc-table {
  overflow-x: auto;
  border: 1px solid #343a34;
}
.mc-table table {
  width: 100%;
  border-collapse: collapse;
}
.mc-table th,
.mc-table td {
  padding: 15px;
  border-bottom: 1px solid #2d332d;
  text-align: left;
}
.mc-table th {
  color: #70786f;
  font: 900 8px monospace;
  letter-spacing: 0.1em;
}
.mc-table td {
  color: #e0e3de;
  font-size: 13px;
}
.mc-table td small {
  display: block;
  margin-top: 5px;
  color: var(--lime);
}
.mc-table select {
  min-width: 110px;
}
.mc-empty {
  padding: 80px;
  text-align: center;
  color: #6f776e;
  font: 900 10px monospace;
}
.mc-form {
  margin-top: 25px;
}
.mc-form button {
  grid-column: 1/-1;
}
.mc-warning {
  margin-top: 18px;
  padding: 18px;
  border: 1px solid #a438ff;
  background: #17081f;
  color: #d6bddf;
  line-height: 1.6;
}
.mc-warning b {
  color: var(--lime);
}
.mc-settings {
  grid-template-columns: 1fr 1fr auto;
  align-items: end;
}
.mc-safeguards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 9px;
  margin-top: 20px;
}
.mc-safeguards article {
  min-height: 150px;
  padding: 20px;
  border: 1px solid #303630;
  background: #0c0f0c;
}
.mc-safeguards b {
  color: var(--lime);
}
.mc-safeguards p {
  color: #8f978e;
  line-height: 1.6;
}
@media (max-width: 980px) {
  .ambassador-home,
  .amb-hero,
  .amb-console {
    grid-template-columns: 1fr;
  }
  .amb-how {
    grid-template-columns: 1fr 1fr;
  }
  .amb-stats {
    grid-template-columns: repeat(3, 1fr);
  }
  .mc-kpis {
    grid-template-columns: repeat(3, 1fr);
  }
  .mc-cards {
    grid-template-columns: 1fr 1fr;
  }
  .mc-split-title {
    align-items: flex-start;
    flex-direction: column;
  }
  .mc-manual {
    width: 100%;
  }
  .mc-safeguards {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 640px) {
  .referral-signal {
    grid-template-columns: 1fr;
  }
  .ambassador-home {
    padding-inline: 20px;
  }
  .ambassador-steps {
    grid-template-columns: 1fr;
  }
  .ambassador-card {
    transform: none;
  }
  .amb-header {
    padding: 0 15px;
  }
  .amb-back {
    font-size: 7px;
  }
  .amb-hero,
  .amb-console,
  .amb-dashboard,
  .amb-rules {
    padding: 70px 20px;
  }
  .amb-pass {
    transform: none;
  }
  .amb-how {
    grid-template-columns: 1fr;
  }
  .amb-how article {
    min-height: 210px;
  }
  .amb-how h2 {
    margin-top: 40px;
  }
  .amb-form > div {
    grid-template-columns: 1fr;
  }
  .amb-dash-title {
    align-items: flex-start;
    flex-direction: column;
  }
  .amb-login {
    grid-template-columns: 1fr;
  }
  .amb-id {
    align-items: flex-start;
  }
  .amb-id svg {
    width: 92px;
    height: 92px;
  }
  .amb-stats {
    grid-template-columns: 1fr 1fr;
  }
  .amb-share {
    align-items: flex-start;
    flex-direction: column;
  }
  .amb-rules > div {
    grid-template-columns: 1fr;
  }
  .amb-footer {
    flex-direction: column;
    text-align: center;
  }
  .mc-page {
    padding-top: 68px;
  }
  .mc-title {
    padding-inline: 18px;
  }
  .mc-kpis {
    grid-template-columns: 1fr 1fr;
  }
  .mc-tabs {
    top: 68px;
    grid-template-columns: 1fr 1fr;
  }
  .mc-tabs button {
    height: 48px;
  }
  .mc-panel {
    padding: 40px 16px 80px;
  }
  .mc-cards {
    grid-template-columns: 1fr;
  }
  .mc-manual {
    grid-template-columns: 1fr;
  }
  .mc-form,
  .mc-settings {
    grid-template-columns: 1fr;
  }
  .mc-form button {
    grid-column: auto;
  }
  .mc-safeguards {
    grid-template-columns: 1fr;
  }
  .mc-login > div {
    padding: 28px;
  }
}

/* Alien Ambassador V2: ranks, missions, audited commissions, and payout control */
.amb-login small {
  grid-column: 1/-1;
  color: #777f77;
  line-height: 1.5;
}
.amb-v2-dashboard {
  display: grid;
  gap: 14px;
}
.amb-rank {
  padding: 22px;
  border: 1px solid #a438ff66;
  background: linear-gradient(100deg, #16091e, #090c08);
}
.amb-rank > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.amb-rank small {
  color: #a990ba;
  font: 900 8px monospace;
  letter-spacing: 0.12em;
}
.amb-rank strong {
  display: block;
  margin-top: 8px;
  color: var(--lime);
  font-size: 24px;
}
.amb-rank > div:last-child {
  height: 7px;
  margin-top: 18px;
  overflow: hidden;
  background: #2b302b;
}
.amb-rank i {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--violet), var(--lime));
  box-shadow: 0 0 16px var(--lime);
}
.amb-v2-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.amb-tool {
  border: 1px solid #343934;
  background: #0b0e0b;
  padding: 22px;
}
.amb-tool h3 {
  margin: 0 0 8px;
  color: #fff;
}
.amb-tool > p {
  color: #899188;
  line-height: 1.55;
}
.amb-tool input {
  width: 100%;
  height: 46px;
  border: 1px solid #394039;
  background: #060706;
  color: #fff;
  padding: 0 12px;
}
.amb-tool .cta {
  margin-top: 12px;
}
.mission-list,
.share-kit,
.order-signals,
.amb-leaderboard,
.audit-list {
  display: grid;
  gap: 8px;
}
.mission-list article,
.share-kit article,
.order-signals article,
.amb-leaderboard article,
.audit-list article {
  padding: 14px;
  border: 1px solid #2f352f;
  background: #080a08;
}
.mission-list article,
.order-signals article,
.amb-leaderboard article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.mission-list b,
.share-kit b,
.order-signals b,
.amb-leaderboard b {
  color: var(--lime);
}
.mission-list small,
.share-kit small,
.order-signals small,
.amb-leaderboard small {
  display: block;
  margin-top: 5px;
  color: #737b72;
  font: 800 8px monospace;
}
.share-kit button {
  margin-top: 12px;
}
.leader-toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 12px 0;
  color: #aeb4ad;
  font-size: 12px;
}
.leader-toggle input {
  width: 18px;
  height: 18px;
}
.order-pending {
  color: #ffd66b;
}
.order-approved {
  color: #b8ff4b;
}
.order-paid {
  color: #82eaff;
}
.order-reversed {
  color: #ff7aa8;
}

.mc-head-actions,
.mc-card-actions,
.order-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.mc-head-actions button,
.mc-card-actions button,
.order-actions button,
.mc-section-title a {
  border: 1px solid #3c433b;
  background: #101310;
  color: #fff;
  padding: 10px 12px;
  text-decoration: none;
  font: 900 8px monospace;
  letter-spacing: 0.08em;
}
.mc-head-actions button:hover,
.mc-card-actions button:hover,
.order-actions button:hover,
.mc-section-title a:hover {
  border-color: var(--lime);
  color: var(--lime);
}
.mc-section-title {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 20px;
}
.mc-section-title > div {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.mc-queue {
  display: grid;
  gap: 8px;
  margin-bottom: 34px;
}
.mc-queue article {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 15px;
  padding: 15px;
  border: 1px solid #343a34;
  background: #0b0e0b;
}
.mc-queue article > span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ffd65c;
  box-shadow: 0 0 12px #ffd65c;
}
.mc-queue article.queue-ready > span {
  background: var(--lime);
  box-shadow: 0 0 12px var(--lime);
}
.mc-queue p {
  margin: 0;
  color: #d9ddd7;
}
.mc-queue small {
  color: #7d857c;
}
.mc-health {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
  margin: 20px 0;
}
.mc-health article {
  padding: 18px;
  border: 1px solid #343a34;
  background: #0b0e0b;
}
.mc-health small {
  display: block;
  color: #747c73;
  font: 900 8px monospace;
}
.mc-health strong {
  display: block;
  margin-top: 10px;
}
.mc-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.sync-live,
.sync-synced {
  color: var(--lime);
}
.sync-manual_required,
.sync-pending {
  color: #ffd66b;
}
.sync-error {
  color: #ff7aa8;
}
.payment-verified {
  color: var(--lime);
}
.payment-unverified {
  color: #ffd66b;
}
.risk-high {
  color: #ff7aa8;
  font-weight: 900;
}
.risk-low {
  color: #95a094;
}
.payout-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.payout-grid article {
  padding: 22px;
  border: 1px solid #343934;
  background: #0b0e0b;
}
.payout-grid strong {
  display: block;
  margin: 8px 0;
  color: var(--lime);
  font-size: 24px;
}
.mc-settings-v2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  border: 1px solid #343a34;
  background: #0b0e0b;
  padding: 24px;
}
.mc-settings-v2 label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #858d84;
  font: 900 8px monospace;
}
.mc-settings-v2 button {
  grid-column: 1/-1;
}
.audit-list article {
  display: grid;
  grid-template-columns: 160px 1fr auto;
  gap: 18px;
}
.audit-list time {
  color: #7e867d;
  font: 800 8px monospace;
}
.audit-list code {
  color: var(--violet);
}
.mc-tabs {
  grid-template-columns: repeat(7, 1fr);
}
.mc-controls {
  grid-template-columns: 1fr 90px 90px;
}
.mc-form {
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 980px) {
  .amb-v2-grid {
    grid-template-columns: 1fr;
  }
  .mc-settings-v2 {
    grid-template-columns: 1fr 1fr;
  }
  .payout-grid {
    grid-template-columns: 1fr 1fr;
  }
  .mc-tabs {
    grid-template-columns: repeat(4, 1fr);
  }
  .mc-health {
    grid-template-columns: 1fr 1fr;
  }
  .mc-form {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 640px) {
  .amb-rank > div:first-child,
  .mission-list article,
  .order-signals article,
  .amb-leaderboard article {
    align-items: flex-start;
    flex-direction: column;
  }
  .mc-tabs {
    position: relative;
    top: auto;
    grid-template-columns: 1fr 1fr;
  }
  .mc-section-title {
    align-items: flex-start;
    flex-direction: column;
  }
  .mc-queue article {
    grid-template-columns: auto 1fr;
  }
  .mc-queue article > *:last-child {
    grid-column: 2;
  }
  .mc-health,
  .payout-grid,
  .mc-settings-v2,
  .mc-form {
    grid-template-columns: 1fr;
  }
  .mc-controls {
    grid-template-columns: 1fr;
  }
  .audit-list article {
    grid-template-columns: 1fr;
    gap: 7px;
  }
}

/* Mission Control V3: one-owner operating surface */
.mc-title {
  display: grid;
  grid-template-columns: minmax(330px, 0.8fr) minmax(540px, 1.2fr);
  align-items: end;
  gap: 45px;
}
.mc-title h1 {
  margin: 18px 0;
}
.mc-title-copy {
  max-width: 520px;
  color: #98a097;
  line-height: 1.6;
}
.mc-system {
  align-self: center;
  padding: 8px 11px;
  border: 1px solid #3a4039;
  font: 900 7px monospace;
  letter-spacing: 0.09em;
}
.mc-system:before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 7px;
  border-radius: 50%;
}
.mc-system.online {
  color: var(--lime);
}
.mc-system.online:before {
  background: var(--lime);
  box-shadow: 0 0 10px var(--lime);
}
.mc-system.manual {
  color: #ffd66b;
}
.mc-system.manual:before {
  background: #ffd66b;
}
.mc-tabs.mc-tabs-v3 {
  grid-template-columns: repeat(5, 1fr);
}
.mc-message {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 10vw);
  cursor: pointer;
  text-align: left;
}
.mc-message b {
  font-size: 18px;
}
.mc-next-mission {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 22px;
  margin-bottom: 12px;
  padding: 26px;
  border: 1px solid var(--lime);
  background:
    radial-gradient(circle at 85% 30%, #caff001c, transparent 30%),
    linear-gradient(100deg, #10160c, #080a08);
  box-shadow: 0 0 35px #caff0019;
}
.mc-next-mission > span {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  border: 1px solid var(--lime);
  border-radius: 50%;
  color: var(--lime);
  font: 1000 25px monospace;
}
.mc-next-mission small {
  color: #798178;
  font: 900 8px monospace;
  letter-spacing: 0.12em;
}
.mc-next-mission strong {
  display: block;
  margin: 6px 0;
  font-size: 22px;
}
.mc-next-mission p {
  margin: 0;
  color: #8f978e;
}
.mc-queue-v3 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.mc-queue-v3 button {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 13px;
  padding: 15px;
  border: 1px solid #343a34;
  background: #0b0e0b;
  color: #fff;
  text-align: left;
}
.mc-queue-v3 i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--violet);
  box-shadow: 0 0 12px var(--violet);
}
.mc-queue-v3 .queue-gold i {
  background: #ffd66b;
  box-shadow: 0 0 12px #ffd66b;
}
.mc-queue-v3 .queue-pink i,
.mc-queue-v3 .queue-red i {
  background: #ff5ba9;
  box-shadow: 0 0 12px #ff5ba9;
}
.mc-queue-v3 strong,
.mc-queue-v3 small {
  display: block;
}
.mc-queue-v3 small {
  margin-top: 4px;
  color: #747c73;
}
.mc-queue-v3 > button > span {
  color: var(--lime);
  font: 900 8px monospace;
}
.mc-radar-title {
  margin-top: 55px;
}
.mc-insights {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.mc-insights article,
.profile-stats article {
  padding: 18px;
  border: 1px solid #343a34;
  background: #0b0e0b;
}
.mc-insights small,
.profile-stats small {
  display: block;
  color: #747c73;
  font: 900 8px monospace;
}
.mc-insights strong,
.profile-stats strong {
  display: block;
  margin: 10px 0;
  color: var(--lime);
  font-size: 25px;
}
.mc-insights span,
.profile-stats span {
  color: #7e867d;
  font-size: 11px;
}
.mc-funnel {
  display: grid;
  gap: 10px;
  margin-top: 18px;
  padding: 20px;
  border: 1px solid #303630;
  background: #090b09;
}
.mc-funnel span {
  display: flex;
  justify-content: space-between;
  color: #929a91;
  font: 900 8px monospace;
}
.mc-funnel i {
  display: block;
  height: 8px;
  margin-top: 7px;
  background: #252a25;
}
.mc-funnel em {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--violet), var(--lime));
  box-shadow: 0 0 12px #a438ff;
}
.mc-search,
.mc-filter {
  height: 42px !important;
  min-width: 180px;
  border: 1px solid #3b423a;
  background: #080a08;
  color: #fff;
  padding: 0 11px;
}
.mc-wizard {
  margin: 0 0 28px;
  padding: clamp(22px, 4vw, 42px);
  border: 1px solid var(--violet);
  background:
    radial-gradient(circle at 90% 10%, #a438ff20, transparent 32%), #0b0e0b;
}
.wizard-progress {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
}
.wizard-progress i {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 1px solid #3b423a;
  border-radius: 50%;
  color: #697168;
  font: 900 9px monospace;
  font-style: normal;
}
.wizard-progress i.active {
  border-color: var(--lime);
  background: var(--lime);
  color: #050505;
  box-shadow: 0 0 16px #caff0040;
}
.wizard-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 13px;
  margin: 20px 0;
}
.wizard-grid label,
.mc-dialog label,
.profile-controls label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #858d84;
  font: 900 8px monospace;
}
.wizard-grid input,
.wizard-grid select,
.mc-dialog input,
.profile-controls input,
.profile-controls select {
  height: 48px;
  border: 1px solid #394039;
  background: #070807;
  color: #fff;
  padding: 0 13px;
}
.wizard-suggest {
  align-self: end;
  height: 48px;
}
.wizard-note {
  grid-column: 1/-1;
  padding: 18px;
  border: 1px solid #343934;
}
.wizard-note b {
  color: var(--lime);
}
.wizard-note p {
  color: #8d958c;
}
.wizard-review {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 20px 0;
}
.wizard-review article {
  padding: 20px;
  border: 1px solid #343934;
}
.wizard-review small,
.wizard-review strong,
.wizard-review span {
  display: block;
}
.wizard-review small {
  color: #747c73;
  font: 900 8px monospace;
}
.wizard-review strong {
  margin: 9px 0;
  color: var(--lime);
  font-size: 22px;
}
.wizard-review span,
.wizard-review > p {
  color: #8b938a;
}
.wizard-review > p {
  grid-column: 1/-1;
}
.wizard-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.mc-order-list {
  display: grid;
  gap: 8px;
  margin-top: 18px;
}
.mc-order-list > article {
  display: grid;
  grid-template-columns: repeat(6, minmax(105px, 1fr)) 1.25fr;
  gap: 10px;
  align-items: center;
  padding: 16px;
  border: 1px solid #343a34;
  background: #0b0e0b;
}
.mc-order-list > article.order-risk {
  border-color: #ff5ba9;
}
.mc-order-list small,
.mc-order-list strong,
.mc-order-list span {
  display: block;
}
.mc-order-list small {
  color: #6f776e;
  font: 900 7px monospace;
}
.mc-order-list strong {
  margin: 7px 0;
  color: #fff;
}
.mc-order-list span {
  color: #818980;
  font-size: 10px;
}
.mc-order-list .order-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.mc-order-list .order-actions button {
  padding: 9px 7px;
}
.mc-order-list button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.mc-manual-wrap {
  margin-bottom: 18px;
  border: 1px solid #343a34;
  background: #090b09;
  padding: 17px;
}
.mc-manual-wrap summary {
  color: var(--lime);
  font: 900 9px monospace;
  cursor: pointer;
}
.mc-manual-wrap .mc-manual {
  margin-top: 14px;
}
.mc-pay-ready {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 50px;
}
.mc-pay-ready article {
  padding: 24px;
  border: 1px solid var(--lime);
  background:
    radial-gradient(circle at 80% 10%, #caff001c, transparent 35%), #0b0e0b;
}
.mc-pay-ready small {
  color: var(--lime);
  font: 900 8px monospace;
}
.mc-pay-ready h3 {
  font-size: 23px;
}
.mc-pay-ready strong {
  display: block;
  color: var(--lime);
  font-size: 35px;
}
.mc-pay-ready p {
  color: #8c948b;
}
.mc-subhead {
  margin-top: 45px !important;
}
.program-active,
.program-paused {
  padding: 11px 14px;
  border: 1px solid var(--lime);
  color: var(--lime);
  font: 900 9px monospace;
}
.program-paused {
  border-color: #ffd66b;
  color: #ffd66b;
}
.mc-wide {
  grid-column: span 2;
}
.mc-audit-title {
  margin-top: 65px;
}
.mc-modal {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  padding: 20px;
  background: #000d;
  backdrop-filter: blur(12px);
}
.mc-profile,
.mc-dialog {
  position: relative;
  width: min(780px, 100%);
  max-height: 92vh;
  overflow: auto;
  padding: clamp(24px, 5vw, 48px);
  border: 1px solid var(--violet);
  background:
    radial-gradient(circle at 85% 12%, #a438ff27, transparent 30%), #090b09;
  box-shadow: 0 40px 100px #000;
}
.mc-dialog {
  width: min(610px, 100%);
  display: grid;
  gap: 14px;
}
.mc-modal-close {
  position: absolute;
  right: 18px;
  top: 14px;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 30px;
}
.mc-profile h2,
.mc-dialog h2 {
  margin: 10px 0 20px;
  font-size: clamp(38px, 7vw, 68px);
  letter-spacing: -0.06em;
}
.profile-code {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 5px 16px;
  padding: 18px;
  border: 1px solid var(--lime);
  background: #10170d;
}
.profile-code small {
  grid-column: 1/-1;
  color: #7c847b;
  font: 900 8px monospace;
}
.profile-code strong {
  color: var(--lime);
  font: 1000 28px monospace;
}
.profile-code button {
  border: 1px solid #414741;
  background: #080a08;
  color: #fff;
  padding: 8px 12px;
}
.profile-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin: 18px 0;
}
.profile-contact {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
}
.profile-contact p {
  margin: 0;
  padding: 12px;
  border: 1px solid #303630;
  color: #9ba29a;
}
.profile-controls {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  margin: 18px 0;
}
.profile-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.dialog-summary {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
  margin: 8px 0;
}
.dialog-summary span {
  padding: 13px;
  border: 1px solid #303630;
  color: #798178;
  font: 900 8px monospace;
}
.dialog-summary b {
  display: block;
  margin-top: 7px;
  color: var(--lime);
  font-size: 12px;
}
.mc-dialog > p,
.mc-dialog > small {
  color: #929a91;
  line-height: 1.6;
}
@media (max-width: 1100px) {
  .mc-title {
    grid-template-columns: 1fr;
  }
  .mc-order-list > article {
    grid-template-columns: repeat(3, 1fr);
  }
  .mc-order-list .order-actions {
    grid-column: 1/-1;
  }
  .mc-insights {
    grid-template-columns: 1fr 1fr;
  }
  .mc-pay-ready {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 700px) {
  .mc-page > header .brand span {
    display: none;
  }
  .mc-system {
    font-size: 6px;
  }
  .mc-title {
    padding-top: 44px;
  }
  .mc-kpis {
    grid-template-columns: 1fr 1fr;
  }
  .mc-tabs.mc-tabs-v3 {
    position: sticky;
    top: 68px;
    grid-template-columns: repeat(5, 1fr);
    overflow-x: auto;
  }
  .mc-tabs.mc-tabs-v3 button {
    font-size: 7px;
    padding: 0 5px;
  }
  .mc-next-mission {
    grid-template-columns: auto 1fr;
  }
  .mc-next-mission > button {
    grid-column: 1/-1;
  }
  .mc-queue-v3,
  .mc-insights,
  .mc-pay-ready {
    grid-template-columns: 1fr;
  }
  .mc-section-title > div:last-child {
    width: 100%;
  }
  .mc-section-title > div:last-child > * {
    width: 100%;
  }
  .wizard-grid,
  .wizard-review,
  .profile-stats,
  .profile-contact,
  .profile-controls,
  .dialog-summary {
    grid-template-columns: 1fr;
  }
  .wizard-note,
  .wizard-review > p,
  .mc-wide {
    grid-column: auto;
  }
  .mc-order-list > article {
    grid-template-columns: 1fr 1fr;
  }
  .mc-order-list .order-actions {
    grid-column: 1/-1;
  }
  .mc-manual-wrap .mc-manual {
    grid-template-columns: 1fr;
  }
  .mc-profile,
  .mc-dialog {
    padding: 28px 20px;
  }
  .audit-list article {
    grid-template-columns: 1fr;
  }
  .mc-title h1 {
    font-size: 58px;
  }
  .mc-panel h2 {
    font-size: 38px;
  }
}
.owner-access {
  color: #8d958b !important;
  border-left: 1px solid #343934;
  padding-left: 18px;
}
.owner-access:hover,
.owner-access:focus-visible {
  color: var(--lime) !important;
}
@media (max-width: 900px) {
  nav .owner-access {
    border-left: 0;
    border-top: 1px solid #343934;
    padding: 20px 0 0;
  }
}

/* AREA57 owner launch guide */
.owner-guide-page {
  min-height: 100vh;
  overflow: hidden;
  background: #050505;
  color: #f6f7f4;
}
.guide-stars {
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: 0.35;
  background-image:
    radial-gradient(#fff 1px, transparent 1px),
    radial-gradient(var(--lime) 1px, transparent 1px);
  background-size:
    83px 83px,
    151px 151px;
  background-position:
    0 0,
    29px 53px;
}
.guide-header {
  position: relative;
  height: 82px;
  padding: 0 5vw;
}
.guide-header > div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.guide-home {
  color: #aeb4ad;
  text-decoration: none;
  font: 900 9px monospace;
  letter-spacing: 0.1em;
}
.guide-hero {
  position: relative;
  min-height: 720px;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  align-items: center;
  gap: 8vw;
  padding: 90px 7vw;
  background:
    radial-gradient(circle at 78% 48%, #a438ff3b, transparent 28%),
    radial-gradient(circle at 72% 55%, #caff0014, transparent 38%);
}
.guide-hero h1,
.guide-section h2,
.guide-definition h2,
.guide-final h2 {
  font-size: clamp(54px, 7.5vw, 112px);
  line-height: 0.82;
  letter-spacing: -0.075em;
  margin: 20px 0;
}
.guide-hero h1 em,
.guide-section h2 em,
.guide-rules h2 em {
  font-style: normal;
  color: transparent;
  -webkit-text-stroke: 1.5px var(--lime);
  text-shadow: 0 0 35px #caff003d;
}
.guide-hero > div > p:not(.eyebrow),
.guide-section-head > p:not(.eyebrow),
.guide-routine p,
.guide-final > p:not(.eyebrow) {
  max-width: 700px;
  color: #aeb4ad;
  font-size: 17px;
  line-height: 1.72;
}
.guide-hero > div > small {
  display: block;
  margin-top: 18px;
  color: #747c73;
  font: 900 8px monospace;
  letter-spacing: 0.1em;
}
.guide-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 30px;
}
.guide-signal-card {
  position: relative;
  isolation: isolate;
  width: min(100%, 480px);
  aspect-ratio: 1.58;
  margin: auto;
  padding: 32px;
  border: 1px solid var(--violet);
  border-radius: 28px;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 23%, #a438ff7a, transparent 30%),
    linear-gradient(145deg, #13160f, #050505 68%);
  box-shadow:
    0 35px 90px #000,
    0 0 60px #a438ff42;
  transform: rotate(4deg);
  display: flex;
  flex-direction: column;
}
.guide-signal-card:after {
  content: "57";
  position: absolute;
  right: -20px;
  bottom: -65px;
  z-index: -1;
  color: #ffffff09;
  font-size: 220px;
  font-weight: 1000;
}
.guide-signal-card > span {
  font-weight: 1000;
}
.guide-signal-card > span:first-letter {
  color: var(--lime);
}
.guide-signal-card > small {
  margin-top: 4px;
  color: #c691e8;
  font: 900 8px monospace;
  letter-spacing: 0.13em;
}
.guide-signal-card > strong {
  margin: auto 0;
  font-size: clamp(34px, 4vw, 58px);
  line-height: 0.82;
}
.guide-signal-card > strong em {
  font-style: normal;
  color: var(--lime);
}
.guide-signal-card > div {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #343934;
  padding-top: 12px;
}
.guide-signal-card > div b {
  color: #7f877e;
  font: 900 8px monospace;
}
.guide-signal-card > div i {
  color: var(--lime);
  font: 1000 11px monospace;
}
.guide-signal-card > p {
  margin: 15px 0 0;
  color: #8b938a;
  font: 800 8px monospace;
  letter-spacing: 0.08em;
}
.guide-definition {
  position: relative;
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 7vw;
  align-items: center;
  padding: 95px 7vw;
  border-block: 1px solid #2e332e;
  background: #080a08;
}
.guide-definition h2 {
  font-size: clamp(44px, 6vw, 82px);
}
.guide-flow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.guide-flow article,
.guide-control-grid article,
.guide-rule-grid article {
  border: 1px solid #343934;
  background: #0d100d;
  padding: 24px;
}
.guide-flow b,
.guide-control-grid span {
  display: block;
  color: var(--violet);
  font: 1000 28px monospace;
}
.guide-flow strong {
  display: block;
  margin: 30px 0 8px;
  color: var(--lime);
}
.guide-flow p,
.guide-control-grid p,
.guide-rule-grid p {
  margin-bottom: 0;
  color: #929a91;
  line-height: 1.6;
}
.guide-section {
  position: relative;
  padding: 110px 7vw;
}
.guide-section-head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8vw;
  align-items: end;
  margin-bottom: 45px;
}
.guide-section-head h2 {
  font-size: clamp(48px, 6.5vw, 88px);
}
.guide-steps {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.guide-steps li {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 20px;
  align-items: center;
  min-height: 125px;
  padding: 20px 28px;
  border: 1px solid #343934;
  background: linear-gradient(100deg, #0c0f0c, #080808);
}
.guide-steps li:hover {
  border-color: var(--lime);
  background: #10150e;
}
.guide-steps li > span {
  color: var(--violet);
  font: 1000 30px monospace;
}
.guide-steps h3 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 19px;
}
.guide-steps p {
  margin: 0;
  color: #969e95;
  line-height: 1.62;
}
.guide-console {
  background:
    radial-gradient(circle at 14% 30%, #a438ff20, transparent 31%), #070807;
}
.guide-control-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
}
.guide-control-grid article {
  min-height: 245px;
}
.guide-control-grid h3 {
  margin: 55px 0 10px;
  color: var(--lime);
}
.guide-rules {
  display: grid;
  grid-template-columns: 0.75fr 1.25fr;
  gap: 8vw;
  align-items: start;
}
.guide-rules h2 {
  font-size: clamp(47px, 6vw, 84px);
}
.guide-rule-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.guide-rule-grid article {
  min-height: 170px;
}
.guide-rule-grid b {
  color: var(--lime);
  font-size: 13px;
}
.guide-routine {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8vw;
  align-items: center;
  background: linear-gradient(110deg, #11170c, #0c0411);
}
.guide-routine h2 {
  font-size: clamp(48px, 6vw, 85px);
}
.guide-checklist {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.guide-checklist span {
  padding: 22px;
  border: 1px solid var(--lime);
  color: var(--lime);
  font: 1000 10px monospace;
  letter-spacing: 0.08em;
  background: #071006;
}
.guide-acceptance {
  background:
    radial-gradient(circle at 84% 12%, #a438ff24, transparent 30%),
    #070807;
}
.guide-acceptance-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.guide-acceptance-grid article {
  min-height: 430px;
  padding: 28px;
  border: 1px solid #343934;
  background: linear-gradient(155deg, #10150e, #090909 68%);
}
.guide-acceptance-grid article > span {
  display: block;
  color: var(--violet);
  font: 1000 30px monospace;
}
.guide-acceptance-grid h3 {
  margin: 45px 0 22px;
  color: var(--lime);
  font-size: 16px;
  letter-spacing: 0.06em;
}
.guide-acceptance-grid ol {
  display: grid;
  gap: 18px;
  margin: 0;
  padding-left: 20px;
  color: #aab2a9;
  line-height: 1.62;
}
.guide-acceptance-grid li::marker {
  color: var(--lime);
  font: 1000 11px monospace;
}
.guide-pass-rule {
  margin: 8px 0 0;
  padding: 22px 24px;
  border: 1px solid var(--lime);
  background: #071006;
  color: #b8c0b7;
  line-height: 1.65;
}
.guide-pass-rule b {
  color: var(--lime);
}
.guide-final {
  position: relative;
  padding: 130px 7vw;
  text-align: center;
  background: radial-gradient(circle, #a438ff25, transparent 38%);
}
.guide-final h2 {
  font-size: clamp(51px, 7vw, 96px);
}
.guide-final > p {
  margin: 0 auto 30px;
}
.guide-final .primary {
  margin: 0 5px;
}
.guide-store-link {
  display: block;
  margin-top: 22px;
  color: #8b938a;
  font: 900 8px monospace;
  letter-spacing: 0.1em;
}
.guide-footer {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 28px 5vw;
  border-top: 1px solid #2c312c;
  color: #70786f;
  font: 900 8px monospace;
  letter-spacing: 0.1em;
}
.mc-login-links {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 24px;
}
.mc-login-links a {
  margin: 0 !important;
}
.mc-head-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mc-head-actions > a {
  height: auto;
}
@media (max-width: 980px) {
  .guide-hero,
  .guide-definition,
  .guide-rules,
  .guide-routine {
    grid-template-columns: 1fr;
  }
  .guide-signal-card {
    margin-top: 25px;
  }
  .guide-section-head {
    grid-template-columns: 1fr;
  }
  .guide-control-grid {
    grid-template-columns: 1fr 1fr;
  }
  .guide-acceptance-grid {
    grid-template-columns: 1fr;
  }
  .guide-acceptance-grid article {
    min-height: 0;
  }
  .guide-rules > div:first-child {
    max-width: 650px;
  }
  .guide-header .primary {
    display: none;
  }
}
@media (max-width: 600px) {
  .guide-header {
    padding: 0 18px;
  }
  .guide-hero,
  .guide-definition,
  .guide-section,
  .guide-final {
    padding: 75px 20px;
  }
  .guide-hero {
    padding-top: 110px;
  }
  .guide-signal-card {
    transform: none;
    padding: 23px;
  }
  .guide-flow,
  .guide-control-grid,
  .guide-rule-grid,
  .guide-checklist,
  .guide-acceptance-grid {
    grid-template-columns: 1fr;
  }
  .guide-steps li {
    grid-template-columns: 45px 1fr;
    padding: 18px 16px;
  }
  .guide-footer {
    flex-direction: column;
    text-align: center;
  }
  .mc-head-actions .mc-system {
    display: none;
  }
}

/* Dedicated AREA57 Studios arcade dimension */
.studios-page {
  min-height: 100vh;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 88% 13%, #a438ff2e, transparent 28rem),
    radial-gradient(circle at 8% 38%, #caff0014, transparent 30rem),
    #050505;
  color: #f7f8f5;
}
.studios-page main {
  position: relative;
  z-index: 1;
}
.studios-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
  align-items: end;
  gap: clamp(32px, 7vw, 110px);
  min-height: 520px;
  padding: clamp(70px, 10vw, 140px) 6vw clamp(52px, 7vw, 90px);
  border-bottom: 1px solid #30352f;
}
.studios-intro h1,
.pinball-feature h2,
.studios-section-head h2 {
  margin: 18px 0 0;
  font-size: clamp(50px, 7.4vw, 112px);
  font-weight: 1000;
  letter-spacing: -.075em;
  line-height: .84;
}
.studios-intro h1 em,
.pinball-feature h2 em,
.studios-section-head h2 em {
  color: transparent;
  font-style: normal;
  -webkit-text-stroke: 1.5px var(--lime);
  text-shadow: 0 0 36px #caff0038;
}
.studios-intro-copy > p,
.pinball-feature-copy > p,
.studios-section-head > p {
  color: #bcc3ba;
  font-size: 17px;
  line-height: 1.7;
}
.studios-intro-copy > div,
.pinball-specs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}
.studios-intro-copy span,
.pinball-specs span {
  padding: 10px 12px;
  border: 1px solid #3c423b;
  background: #0a0d0a;
  color: #d7ddd4;
  font: 900 12px/1.15 monospace;
  letter-spacing: .07em;
}
.pinball-feature {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr);
  gap: clamp(30px, 6vw, 96px);
  align-items: center;
  max-width: 1500px;
  min-height: 590px;
  margin: clamp(30px, 6vw, 90px) auto;
  padding: clamp(28px, 5vw, 72px);
  border: 1px solid #574066;
  background:
    linear-gradient(145deg, #ffffff08, transparent 28%),
    radial-gradient(circle at 78% 42%, #a438ff36, transparent 35%),
    linear-gradient(135deg, #0c100c, #0b0311);
  box-shadow: 0 28px 90px #000, inset 0 1px #ffffff12;
}
.pinball-feature h2 {
  font-size: clamp(48px, 6.5vw, 96px);
}
.pinball-feature-copy > p {
  max-width: 680px;
}
.pinball-feature .primary {
  min-height: 54px;
  margin-top: 28px;
}
.voidrun-feature {
  border-color: #caff006b;
  background:
    linear-gradient(145deg, #ffffff08, transparent 28%),
    radial-gradient(circle at 76% 42%, #caff0029, transparent 34%),
    radial-gradient(circle at 18% 80%, #a438ff24, transparent 30%),
    linear-gradient(135deg, #081009, #09030e);
}
.voidrun-signal {
  background:
    linear-gradient(#ffffff05 50%, transparent 50%),
    radial-gradient(circle at 50% 34%, #caff0025, transparent 48%),
    radial-gradient(circle at 50% 75%, #a438ff2b, transparent 42%),
    #030604;
  background-size: 100% 4px, auto, auto, auto;
}
.voidrun-signal img {
  width: min(90%, 500px);
  max-height: 490px;
  object-fit: contain;
}
.pinball-signal {
  position: relative;
  display: grid;
  min-height: 430px;
  place-items: center;
  overflow: hidden;
  border: 1px solid #caff004c;
  background:
    linear-gradient(#ffffff05 50%, transparent 50%),
    radial-gradient(circle, #caff0015, transparent 56%),
    #050705;
  background-size: 100% 4px, auto, auto;
}
.pinball-signal::before,
.pinball-signal::after {
  position: absolute;
  content: "";
  border: 1px solid #caff0047;
  border-radius: 50%;
  pointer-events: none;
}
.pinball-signal::before {
  width: 82%;
  aspect-ratio: 1;
}
.pinball-signal::after {
  width: 58%;
  aspect-ratio: 1;
  border-color: #a438ff70;
}
.pinball-signal img {
  position: relative;
  z-index: 2;
  width: min(74%, 360px);
  height: auto;
  filter: drop-shadow(0 0 30px #caff0040) drop-shadow(0 0 45px #a438ff35);
}
.pinball-signal > div {
  position: absolute;
  z-index: 3;
  right: 18px;
  bottom: 18px;
  min-width: 190px;
  padding: 14px;
  border-left: 3px solid var(--lime);
  background: #050505e8;
  font-family: monospace;
}
.pinball-signal small,
.pinball-signal span {
  display: block;
  color: #899188;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
}
.pinball-signal strong {
  display: block;
  margin: 3px 0;
  color: var(--lime);
  font-size: 26px;
  letter-spacing: .06em;
}
.studios-arcade {
  max-width: 1500px;
  margin: 0 auto;
  padding: clamp(40px, 7vw, 100px) 6vw clamp(80px, 10vw, 150px);
}
.studios-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
  align-items: end;
  gap: 40px;
  margin-bottom: 42px;
}
.studios-section-head h2 {
  font-size: clamp(40px, 5.8vw, 78px);
}
.studios-page .game-top,
.studios-page .game-legend span,
.studios-page .practice-notice,
.studios-page .studio-action,
.studios-page .mini-game > small,
.studios-page .ship-controls small {
  font-size: 12px;
}
.studios-page .mini-game h3 {
  font-size: 21px;
}
.studios-page .studio-action,
.studios-page .pads button,
.studios-page .crate-box,
.studios-page .battle button,
.studios-page .ship-controls button,
.studios-page .game-start button {
  min-width: 44px;
  min-height: 44px;
}
.studios-mini-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.studios-footer {
  background: #050505;
}

/* Full-screen AREA57 Studios pinball route */
.pinball-route {
  min-height: 100vh;
  background: #030207;
  color: #f8faff;
}
.pinball-route-bar {
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 18px;
  min-height: 58px;
  padding: 8px 4vw;
  border-bottom: 1px solid #414740;
  background: #050505;
}
.pinball-route-bar a,
.pinball-route-bar span {
  color: #bfc7bd;
  font: 900 12px/1.2 monospace;
  letter-spacing: .07em;
  text-decoration: none;
}
.pinball-route-bar a:last-child {
  justify-self: end;
}
.pinball-route-bar span {
  color: var(--lime);
  text-align: center;
}
.pinball-route iframe {
  display: block;
  width: 100%;
  height: 1620px;
  border: 0;
  background: #030207;
}
.voidrun-route iframe {
  height: calc(100vh - 58px);
  min-height: 760px;
}

@media (max-width: 900px) {
  .studios-intro,
  .pinball-feature,
  .studios-section-head {
    grid-template-columns: 1fr;
  }
  .studios-intro {
    min-height: 0;
    padding: 70px 20px 54px;
  }
  .pinball-feature {
    margin: 22px 20px 56px;
  }
  .studios-arcade {
    padding-inline: 20px;
  }
}
@media (max-width: 600px) {
  .studios-intro h1 {
    font-size: clamp(48px, 16vw, 72px);
  }
  .pinball-feature {
    min-height: 0;
    padding: 24px 18px;
  }
  .pinball-feature h2 {
    font-size: clamp(44px, 14vw, 66px);
  }
  .pinball-signal {
    min-height: 340px;
  }
  .pinball-route-bar {
    grid-template-columns: 1fr auto;
  }
  .pinball-route-bar span {
    display: none;
  }
  .pinball-route iframe {
    height: clamp(830px, calc(155.56vw + 330px), 1320px);
  }
  .voidrun-route iframe {
    height: clamp(760px, 216vw, 1040px);
  }
  .studios-mini-grid {
    grid-template-columns: 1fr;
  }
}

/* Shared Owner OS wayfinding across Operations, Ambassadors, and Growth. */
.owner-portal-bar{position:sticky;top:0;z-index:90;display:flex;justify-content:center;gap:4px;padding:8px max(14px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left));border-bottom:1px solid #303630;background:rgba(5,6,5,.96);backdrop-filter:blur(18px)}
.owner-portal-bar a{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 13px;border:1px solid transparent;border-radius:7px;color:#abb3ab;text-decoration:none;font:800 12px/1 Arial,sans-serif}
.owner-portal-bar a:hover{border-color:#3b423b;color:#fff}
.owner-portal-bar a.active{border-color:rgba(202,255,0,.28);background:rgba(202,255,0,.07);color:#caff00}
.owner-portal-bar a:focus-visible{outline:3px solid #caff00;outline-offset:2px}
@media(max-width:860px){
  .owner-portal-bar{position:sticky;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
  .owner-portal-bar::-webkit-scrollbar{display:none}
  .owner-portal-bar a{flex:0 0 auto;flex-direction:column;justify-content:center;gap:4px;min-width:76px;height:56px;padding:4px 8px;font-size:9px}
}

/* Alien Ambassador V4: shorter entry, passwordless-ready access, clearer money */
.amb-v4-nav {
  position: sticky;
  top: 0;
  z-index: 35;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: min(720px, calc(100% - 32px));
  margin: 14px auto -66px;
  border: 1px solid #343a34;
  background: #070907e8;
  backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px #0008;
}
.amb-v4-nav button {
  min-height: 50px;
  border: 0;
  border-right: 1px solid #343a34;
  background: transparent;
  color: #8d958c;
  font: 1000 9px monospace;
  letter-spacing: 0.11em;
}
.amb-v4-nav button:last-child {
  border-right: 0;
}
.amb-v4-nav button.active {
  background: var(--lime);
  color: #050505;
}
.amb-v4-nav button:not(.active):hover,
.amb-v4-nav button:not(.active):focus-visible {
  color: var(--lime);
  box-shadow: inset 0 -2px var(--lime);
  outline: none;
}
.amb-hero-actions button {
  border-radius: 0;
}
.amb-v4-example {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  align-items: center;
  gap: 20px;
  padding: 42px 7vw;
  border-bottom: 1px solid #343934;
  background: linear-gradient(100deg, #0f160b, #13051a);
}
.amb-v4-example > div {
  padding: 20px;
  border: 1px solid #3b423a;
  background: #090b09;
}
.amb-v4-example small,
.amb-v4-example strong {
  display: block;
}
.amb-v4-example small {
  color: #777f76;
  font: 900 8px monospace;
  letter-spacing: 0.11em;
}
.amb-v4-example strong {
  margin-top: 8px;
  color: var(--lime);
  font-size: 30px;
}
.amb-v4-example > span {
  color: var(--violet);
  font-size: 30px;
  font-weight: 1000;
}
.amb-v4-example > p {
  grid-column: 1/-1;
  margin: 0;
  color: #929a91;
  line-height: 1.6;
}
.amb-form-short > label > small,
.amb-payout-setup label small {
  color: #697168;
}
.amb-privacy-note {
  color: #747c73;
  line-height: 1.5;
}
.amb-login-v4 {
  display: grid;
  gap: 12px;
  padding: clamp(22px, 4vw, 45px);
  border: 1px solid #343a34;
  background: #0c0f0c;
}
.amb-login-v4 form {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 13px;
}
.amb-login-v4 label,
.amb-payout-setup label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #858d84;
  font: 900 8px monospace;
  letter-spacing: 0.11em;
}
.amb-login-v4 input,
.amb-payout-setup input,
.amb-payout-setup select {
  height: 48px;
  border: 1px solid #394039;
  background: #070807;
  color: #fff;
  padding: 0 13px;
}
.amb-login-v4 form > small {
  grid-column: 1/-1;
  color: #777f77;
}
.amb-text-button {
  justify-self: start;
  border: 0;
  background: transparent;
  color: var(--lime);
  padding: 7px 0;
  font: 900 8px monospace;
  letter-spacing: 0.1em;
  text-decoration: underline;
}
.amb-login-fallback {
  margin-top: 5px;
  padding-top: 18px;
  border-top: 1px solid #303630;
  grid-template-columns: 1fr 1fr auto !important;
}
.amb-owner-code-help {
  grid-column: 1/-1;
  display: grid;
  gap: 10px;
  margin-top: 8px;
  padding: 18px;
  border: 1px solid #58614f;
  background: #12170f;
}
.amb-owner-code-help strong {
  color: var(--lime);
  font: 900 11px monospace;
  letter-spacing: 0.12em;
}
.amb-owner-code-help p {
  max-width: 64ch;
  margin: 0;
  color: #d7ddd3;
  line-height: 1.65;
}
.amb-owner-code-help .ghost {
  justify-self: start;
}
.amb-owner-code-help small {
  color: #9ca596;
  line-height: 1.5;
}
.amb-status-track {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.amb-status-track article {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px;
  border: 1px solid #343934;
  background: #090b09;
  color: #6e766d;
  font: 900 8px monospace;
}
.amb-status-track b {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border: 1px solid #444a44;
  border-radius: 50%;
  font-family: monospace;
}
.amb-status-track article.complete {
  border-color: #caff0065;
  color: var(--lime);
}
.amb-status-track article.complete b {
  background: var(--lime);
  color: #050505;
}
.amb-v4-balance {
  display: grid;
  margin-bottom: 24px;
  padding: 24px;
  border: 1px solid var(--lime);
  background:
    radial-gradient(circle at 85% 15%, #caff0022, transparent 35%), #0b1008;
}
.amb-v4-balance small {
  color: #8b938a;
  font: 900 8px monospace;
  letter-spacing: 0.11em;
}
.amb-v4-balance strong {
  margin: 7px 0;
  color: var(--lime);
  font-size: clamp(40px, 7vw, 72px);
  line-height: 1;
}
.amb-v4-balance span {
  color: #a3aaa1;
}
.amb-qr-actions {
  display: grid;
  gap: 8px;
  justify-items: center;
}
.amb-qr-actions button {
  border: 1px solid #424842;
  background: #070807;
  color: #fff;
  padding: 8px 10px;
  font: 900 7px monospace;
}
.amb-share button:disabled,
.amb-tool button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.amb-payout-setup {
  display: grid;
  gap: 12px;
}
.amb-payout-setup .primary,
.amb-help-tool .primary,
.amb-help-tool .ghost {
  width: 100%;
  text-align: center;
  text-decoration: none;
}
.amb-help-tool {
  display: flex;
  flex-direction: column;
}
.amb-help-tool .ghost {
  margin-top: 10px;
}
.amb-message {
  position: sticky;
  bottom: 15px;
  z-index: 25;
  margin-top: 16px;
  box-shadow: 0 8px 35px #000;
}
.order-tracked {
  color: #c58aff;
}
.mc-account-requests {
  display: grid;
  gap: 8px;
  margin: 0 0 24px;
  padding: 20px;
  border: 1px solid #ff5ba980;
  background: #13080e;
}
.mc-account-requests article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 14px;
  border: 1px solid #3a3035;
  background: #0b090a;
}
.mc-account-requests strong,
.mc-account-requests span,
.mc-account-requests small {
  display: block;
}
.mc-account-requests strong {
  color: #fff;
}
.mc-account-requests span {
  margin: 5px 0;
  color: #a4aaa2;
}
.mc-account-requests small {
  color: #ff83b9;
  font: 900 8px monospace;
  text-transform: uppercase;
}
.mc-v4-health {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-bottom: 30px;
}
.mc-v4-health article {
  padding: 18px;
  border: 1px solid #343934;
  background: #0b0e0b;
}
.mc-v4-health small,
.mc-v4-health strong,
.mc-v4-health span {
  display: block;
}
.mc-v4-health small {
  color: #747c73;
  font: 900 8px monospace;
}
.mc-v4-health strong {
  margin: 10px 0;
}
.mc-v4-health span {
  color: #868e85;
  font-size: 11px;
  line-height: 1.5;
}
.mc-v4-health .online {
  border-color: #caff005f;
}
.mc-v4-health .online strong {
  color: var(--lime);
}
.mc-v4-health .manual {
  border-color: #ffd66b5f;
}
.mc-v4-health .manual strong {
  color: #ffd66b;
}
@media (max-width: 900px) {
  .amb-v4-example {
    grid-template-columns: 1fr auto 1fr;
  }
  .amb-v4-example > div:last-of-type {
    grid-column: 1/-1;
  }
  .mc-v4-health {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 640px) {
  .amb-v4-nav {
    top: 0;
    width: calc(100% - 20px);
    margin-bottom: -52px;
  }
  .amb-v4-nav button {
    font-size: 7px;
    min-height: 46px;
  }
  .amb-v4-example {
    grid-template-columns: 1fr;
    padding: 30px 20px;
  }
  .amb-v4-example > span {
    display: none;
  }
  .amb-v4-example > div:last-of-type {
    grid-column: auto;
  }
  .amb-login-v4 form,
  .amb-login-fallback {
    grid-template-columns: 1fr !important;
  }
  .amb-status-track {
    grid-template-columns: 1fr 1fr;
  }
  .amb-id {
    flex-direction: column;
  }
  .amb-qr-actions {
    justify-items: start;
  }
  .mc-account-requests article {
    align-items: flex-start;
    flex-direction: column;
  }
  .mc-v4-health {
    grid-template-columns: 1fr;
  }
}

/* Storefront reliability, focus, readability, and compact navigation */
html,
body {
  max-width: 100%;
  overflow-x: clip;
}
:root {
  --muted: #c4c9c2;
}
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--lime) !important;
  outline-offset: 4px !important;
}
header nav button {
  border: 0;
  background: transparent;
  color: #d9ddd7;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 8px 0;
}
header nav a {
  color: #d9ddd7;
  font-size: 13px;
}
.category-fallback {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
  margin: 22px 0 !important;
}
.category-fallback button {
  min-height: 52px;
  border: 1px solid #596058;
  background: #0d100d;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.category-fallback button:hover,
.category-fallback button:focus-visible {
  border-color: var(--lime);
  color: var(--lime);
  background: #11170d;
}
.shop-assurances {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin: 0 0 22px;
}
.shop-assurances a {
  display: grid;
  gap: 6px;
  min-height: 78px;
  padding: 15px;
  border: 1px solid #414740;
  background: #0b0e0b;
  color: #fff;
  text-decoration: none;
}
.shop-assurances b {
  font-size: 14px;
  text-transform: uppercase;
}
.shop-assurances span {
  color: #c4c9c2;
  font-size: 13px;
  line-height: 1.4;
}
.live-store-status.delayed {
  border-color: #ffd66b;
  color: #ffd66b;
}
.live-store-status.delayed i {
  background: #ffd66b;
  box-shadow: 0 0 12px #ffd66b;
}
.optional-systems {
  border-block: 1px solid #3e443d;
  background: #080a08;
}
.optional-systems > summary {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 20px;
  min-height: 96px;
  padding: 24px 7vw;
  cursor: pointer;
  list-style: none;
}
.optional-systems > summary::-webkit-details-marker {
  display: none;
}
.optional-systems > summary:after {
  content: "+";
  grid-column: 2;
  grid-row: 1/3;
  color: var(--lime);
  font-size: 34px;
}
.optional-systems[open] > summary:after {
  content: "−";
}
.optional-systems > summary span {
  color: var(--lime);
  font-size: 14px;
  font-weight: 1000;
  letter-spacing: 0.12em;
}
.optional-systems > summary b {
  color: #d0d5ce;
  font-size: 14px;
  font-weight: 700;
}
.optional-systems > div {
  border-top: 1px solid #343934;
}
.restored-systems {
  border-block: 1px solid #3e443d;
  background: #080a08;
}
.restored-systems > .section + section {
  border-top: 1px solid #343934;
}
.section p,
.fit-copy > p,
.faq-grid p,
.policy-grid p {
  color: #c4c9c2;
}
.eyebrow,
.signal,
.passport-note,
.stock-truth strong,
.live-store-status,
footer small {
  font-size: 12px !important;
}
footer a {
  color: #d1d6cf;
  font-size: 12px;
}
@media (max-width: 900px) {
  header nav button {
    width: 100%;
    text-align: left;
    padding: 16px 0;
    color: #fff;
  }
  .category-fallback {
    grid-template-columns: repeat(2, 1fr);
  }
  .category-fallback button:first-child {
    grid-column: 1/-1;
  }
  .shop-assurances {
    grid-template-columns: 1fr 1fr;
  }
  .optional-systems > summary {
    grid-template-columns: 1fr;
    padding: 22px 20px;
  }
  .optional-systems > summary:after {
    grid-column: 2;
    grid-row: 1/3;
  }
  .optional-systems > summary b {
    line-height: 1.5;
  }
}
@media (max-width: 600px) {
  body {
    padding-bottom: calc(64px + env(safe-area-inset-bottom));
  }
  .shop-assurances {
    grid-template-columns: 1fr;
  }
  .category-fallback button {
    font-size: 12px;
  }
  .mobile-dock {
    height: 64px;
    padding-bottom: env(safe-area-inset-bottom);
    background: #050505f5;
    border-top: 1px solid #5a6258;
  }
  .mobile-dock a,
  .mobile-dock button {
    min-height: 54px;
    color: #fff !important;
    font-size: 11px !important;
    letter-spacing: 0.05em !important;
  }
  .voice-launch {
    bottom: calc(78px + env(safe-area-inset-bottom));
  }
  .section {
    padding-left: 20px;
    padding-right: 20px;
  }
  .optional-systems .section {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  .stars,
  .scan,
  .ticker,
  .orbit,
  .ufo,
  .portal-aura,
  .portal-stars,
  .rings,
  .sync-orb {
    animation: none !important;
  }
  .hero:before,
  .stars,
  .scan {
    display: none;
  }
  .optional-systems * {
    transition: none !important;
  }
}

.info-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 85% 20%, #a438ff2c, transparent 30%), #050505;
  color: #fff;
}
.info-header {
  position: relative;
  height: 84px;
  padding: 0 6vw;
}
.info-header .ghost {
  min-height: 44px;
  display: grid;
  place-items: center;
}
.commerce-header .commerce-nav {
  display: flex;
  align-items: center;
  gap: clamp(12px, 2vw, 28px);
}
.commerce-header .commerce-nav a {
  min-height: 44px;
  display: grid;
  place-items: center;
  white-space: nowrap;
}
.info-hero {
  min-height: 680px;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  align-items: center;
  gap: 6vw;
  padding: 80px 7vw;
  border-bottom: 1px solid #3e443d;
}
.info-hero h1,
.policy-hero h1 {
  font-size: clamp(50px, 7vw, 100px);
  line-height: 0.86;
  letter-spacing: -0.07em;
  margin: 20px 0;
}
.info-hero h1 em,
.policy-hero h1 em {
  color: transparent;
  font-style: normal;
  -webkit-text-stroke: 1.5px var(--lime);
}
.info-hero > div > p,
.policy-hero > p {
  max-width: 700px;
  color: #c4c9c2;
  font-size: 18px;
  line-height: 1.7;
}
.info-hero > img {
  width: min(100%, 430px);
  max-height: 570px;
  object-fit: contain;
  justify-self: center;
  filter: drop-shadow(0 30px 60px #000);
}
.info-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding: 80px 7vw;
}
.info-grid article {
  min-height: 260px;
  padding: 30px;
  border: 1px solid #454c44;
  background: #0b0e0b;
}
.info-grid span {
  color: var(--violet);
  font: 1000 28px monospace;
}
.info-grid h2 {
  margin: 55px 0 12px;
  font-size: 24px;
}
.info-grid p {
  color: #c4c9c2;
  font-size: 16px;
  line-height: 1.65;
}
.info-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 22px;
  padding: 30px 6vw;
  border-top: 1px solid #3e443d;
  color: #c4c9c2;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
}
.info-footer a {
  color: #d6dbd4;
  text-decoration: none;
}
.policy-hero {
  padding: 120px 7vw 70px;
  border-bottom: 1px solid #3e443d;
}
.policy-detail {
  grid-template-columns: repeat(2, 1fr);
}
.policy-contact {
  padding: 90px 7vw;
  background: linear-gradient(120deg, #11170c, #13071a);
}
.policy-contact h2 {
  font-size: clamp(36px, 5vw, 68px);
  margin: 0 0 15px;
}
.policy-contact p {
  color: #c4c9c2;
  font-size: 17px;
}
.policy-contact .cta {
  margin-top: 25px;
}
@media (max-width: 900px) {
  .commerce-header {
    height: auto;
    min-height: 112px;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-top: 14px;
    padding-bottom: 10px;
  }
  .commerce-header .commerce-nav {
    display: flex;
    order: 3;
    width: 100%;
    gap: 20px;
    overflow-x: auto;
    padding: 5px 0 2px;
    scrollbar-width: thin;
  }
  .commerce-header .commerce-nav a {
    min-height: 36px;
  }
}
@media (max-width: 800px) {
  .info-hero {
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 95px 20px 55px;
  }
  .info-hero > img {
    max-height: 390px;
  }
  .info-grid,
  .policy-detail {
    grid-template-columns: 1fr;
    padding: 55px 20px;
  }
  .info-grid article {
    min-height: 0;
  }
  .info-grid h2 {
    margin-top: 35px;
  }
  .policy-hero,
  .policy-contact {
    padding: 95px 20px 55px;
  }
  .info-header {
    padding-left: 20px;
    padding-right: 20px;
  }
  .info-footer {
    padding: 28px 20px;
    flex-direction: column;
  }
}

.open-status {
  display: flex;
  align-items: center;
  gap: 9px;
  width: max-content;
  margin: 0 0 20px;
  padding: 10px 13px;
  border: 1px solid #596058;
  color: #d8ddd6;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: 0.07em;
}
.open-status i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
}
.open-status.is-open {
  border-color: var(--lime);
  color: var(--lime);
}
.open-status.is-open i {
  background: var(--lime);
  box-shadow: 0 0 10px var(--lime);
}
.open-status.is-closed i {
  background: #ffd66b;
}
.shop-command {
  display: grid;
  grid-template-columns: 1fr 1.35fr;
  gap: 8px;
  margin: 0 0 22px;
}
.shop-command form {
  padding: 20px;
  border: 1px solid #454c44;
  background: #0b0e0b;
}
.shop-command label {
  display: block;
  margin-bottom: 10px;
  color: var(--lime);
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: 0.1em;
}
.shop-command form > div {
  display: flex;
  gap: 8px;
}
.shop-command input,
.shop-command select {
  min-width: 0;
  height: 48px;
  border: 1px solid #596058;
  background: #050705;
  color: #fff;
  padding: 0 12px;
  font-size: 14px;
}
.catalog-search input {
  flex: 1;
}
.signal-form input {
  flex: 1;
}
.shop-command small {
  display: block;
  margin-top: 10px;
  color: #c4c9c2;
  font-size: 12px;
  line-height: 1.5;
}
.product-companion {
  position: sticky;
  bottom: 14px;
  z-index: 32;
  display: grid;
  grid-template-columns: 1fr auto auto auto;
  align-items: center;
  gap: 8px;
  margin: 20px 0;
  padding: 14px;
  border: 1px solid var(--lime);
  background: #071006f2;
  backdrop-filter: blur(14px);
  box-shadow: 0 18px 50px #000;
}
.product-companion div {
  display: grid;
  gap: 4px;
}
.product-companion b {
  color: var(--lime);
  font-size: 12px;
}
.product-companion span {
  color: #d3d8d1;
  font-size: 12px;
}
.product-companion a,
.product-companion button {
  min-height: 44px;
  display: grid;
  place-items: center;
  padding: 8px 12px;
  border: 1px solid #566052;
  background: #0a0d09;
  color: #fff;
  text-decoration: none;
  font-size: 11px;
  font-weight: 900;
}
.account-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding: 70px 7vw;
}
.account-grid article {
  padding: 28px;
  border: 1px solid #454c44;
  background: #0b0e0b;
}
.account-grid > article > span {
  color: var(--violet);
  font: 1000 28px monospace;
}
.account-grid h2 {
  margin: 35px 0 12px;
}
.account-grid p,
.account-grid small {
  color: #c4c9c2;
  line-height: 1.6;
}
.account-grid label,
.account-grid form {
  display: grid;
  gap: 8px;
  color: #d4d9d2;
  font-size: 13px;
}
.account-grid input,
.account-grid select {
  height: 48px;
  border: 1px solid #596058;
  background: #050705;
  color: #fff;
  padding: 0 12px;
}
.account-links {
  display: grid;
  gap: 8px;
}
.account-links a {
  padding: 14px;
  border: 1px solid #596058;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  font-weight: 900;
}
.account-message {
  position: fixed;
  left: 50%;
  bottom: 80px;
  z-index: 70;
  transform: translateX(-50%);
  padding: 14px 20px;
  background: var(--lime);
  color: #050505;
  font-weight: 900;
  box-shadow: 0 10px 40px #000;
}
.account-receipt{margin:0 7vw;padding:30px;border:1px solid #454c44;background:linear-gradient(135deg,#0c100b,#0b0610)}
.account-receipt-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid #343b33;padding-bottom:20px}
.account-receipt-head>div>span{color:var(--violet);font:1000 28px monospace}.account-receipt h2{margin:6px 0 0;font-size:clamp(28px,5vw,58px)}
.receipt-state{padding:8px 12px;border:1px solid var(--lime);color:var(--lime);font:900 10px monospace;font-style:normal;text-transform:uppercase}.receipt-state.refunded,.receipt-state.partially_refunded{border-color:#ffb000;color:#ffd16a}.receipt-state.disputed{border-color:#ff745b;color:#ffad9e}
.receipt-empty{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px 0}.receipt-empty p{max-width:700px;color:#c4c9c2;line-height:1.6}
.receipt-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.receipt-summary>div{display:grid;gap:7px;padding:18px;border:1px solid #3a4139}.receipt-summary small{color:#8e978d;font:900 9px monospace}.receipt-summary b{color:var(--lime)}.receipt-summary span{color:#bdc4bb;font-size:12px;line-height:1.4}
.receipt-lines{border-top:1px solid #343b33}.receipt-lines article{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid #343b33}.receipt-lines article>div,.receipt-lines img{width:70px;height:70px;object-fit:contain;background:#050505}.receipt-lines article>div>span{display:grid;place-items:center;height:100%;color:var(--lime);font-weight:1000}.receipt-lines section{display:grid;gap:4px}.receipt-lines small{color:#8e978d;font:800 9px monospace}.receipt-lines p{margin:0;color:#bdc4bb;font-size:12px}.receipt-lines article>strong{color:var(--lime)}
.receipt-totals{display:grid;justify-content:end;gap:8px;padding:20px 0}.receipt-totals span,.receipt-totals>strong{display:flex;justify-content:space-between;gap:35px;min-width:290px;font:900 10px monospace}.receipt-totals span{color:#aeb6ad}.receipt-totals>strong{padding-top:10px;border-top:1px solid #586057;color:#fff;font-size:14px}.receipt-totals b{color:var(--lime)}
.receipt-actions{display:flex;justify-content:flex-end;gap:8px}.receipt-actions .primary,.receipt-actions .ghost,.receipt-empty .primary{min-height:46px;display:grid;place-items:center;padding:11px 16px;text-decoration:none;font:1000 10px monospace}.receipt-actions .ghost{border:1px solid #596058;background:transparent;color:#fff}
@media (max-width: 1000px) {
  .shop-command {
    grid-template-columns: 1fr;
  }
  .signal-form > div {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
  }
  .product-companion {
    grid-template-columns: 1fr 1fr;
  }
  .product-companion div {
    grid-column: 1/-1;
  }
  .account-grid {
    grid-template-columns: 1fr;
  }
  .account-receipt{margin:0 4vw}.receipt-summary{grid-template-columns:1fr}
}
@media (max-width: 600px) {
  .shop-command form > div,
  .signal-form > div {
    display: grid !important;
    grid-template-columns: 1fr;
  }
  .shop-command input,
  .shop-command select,
  .shop-command button {
    width: 100%;
  }
  .product-companion {
    bottom: 70px;
    grid-template-columns: 1fr 1fr;
    padding: 10px;
  }
  .product-companion a,
  .product-companion button {
    font-size: 9px;
  }
  .account-grid {
    padding: 50px 20px;
  }
  .account-receipt{margin:0 20px;padding:20px}.account-receipt-head,.receipt-empty,.receipt-actions{align-items:stretch;flex-direction:column}.receipt-lines article{grid-template-columns:58px 1fr}.receipt-lines article>div,.receipt-lines img{width:58px;height:58px}.receipt-lines article>strong{grid-column:2}.receipt-totals{justify-content:stretch}.receipt-totals span,.receipt-totals>strong{min-width:0}.receipt-actions .primary,.receipt-actions .ghost{width:100%}
}
.collection-guides {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin: -6px 0 18px;
  color: #aeb5ad;
  font-size: 11px;
}
.collection-guides span {
  color: var(--lime);
  font-weight: 1000;
}
.collection-guides a {
  color: #dce0da;
  text-underline-offset: 4px;
}
.collection-hero {
  min-height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 96px 7vw 52px;
  border-bottom: 1px solid #454c44;
  background: radial-gradient(circle at 80% 40%, #a438ff32, transparent 32%);
}
.collection-hero h1 {
  max-width: 1000px;
  margin: 18px 0;
  font-size: clamp(44px, 6vw, 84px);
  line-height: 0.84;
  letter-spacing: -0.07em;
}
.collection-store {
  padding: 34px 7vw 0;
}
.collection-store > div:last-child {
  margin-top: 0;
}
.collection-notice {
  min-height: 24px;
  margin-bottom: 10px;
  color: var(--lime);
  font: 800 0.85rem/1.4 var(--font-mono);
  letter-spacing: 0.04em;
}
.collection-hero > p:not(.eyebrow) {
  max-width: 720px;
  color: #c4c9c2;
  font-size: 18px;
  line-height: 1.7;
}
.collection-hero > small {
  margin-top: 22px;
  color: #b9c0b7;
}
.collection-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  padding: 70px 7vw;
}
.collection-grid a {
  display: grid;
  align-content: space-between;
  min-height: 190px;
  padding: 24px;
  border: 1px solid #454c44;
  background: #0b0e0b;
  color: #fff;
  text-decoration: none;
  font-size: 22px;
  font-weight: 1000;
}
.collection-grid span {
  color: var(--lime);
  font-size: 11px;
  letter-spacing: 0.08em;
}
@media (max-width: 800px) {
  .collection-hero {
    min-height: 0;
    padding: 100px 20px 65px;
  }
  .collection-store {
    padding: 24px 20px 0;
  }
  .collection-grid {
    grid-template-columns: 1fr 1fr;
    padding: 50px 20px;
  }
}
@media (max-width: 500px) {
  .collection-grid {
    grid-template-columns: 1fr;
  }
  .collection-guides {
    display: none;
  }
}
.mc-tabs.mc-tabs-v3 {
  grid-template-columns: repeat(6, 1fr);
}
.commerce-kpis {
  grid-template-columns: repeat(6, 1fr);
}
.commerce-panels {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 18px;
}
.commerce-panels > article {
  padding: 24px;
  border: 1px solid #343a34;
  background: #0b0e0b;
}
.commerce-panels h3 {
  font-size: 22px;
}
.commerce-live {
  color: var(--lime);
}
.commerce-alert {
  color: #ffd66b;
}
.commerce-panels p {
  color: #aeb5ad;
}
.health-history,
.search-radar {
  display: grid;
  gap: 7px;
  margin-top: 18px;
}
.health-history span {
  display: grid;
  grid-template-columns: auto auto 1fr;
  gap: 8px;
  align-items: center;
  padding: 10px;
  border: 1px solid #343a34;
  color: #bfc6bd;
  font-size: 10px;
}
.health-history i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ffd66b;
}
.health-history i.live {
  background: var(--lime);
  box-shadow: 0 0 9px var(--lime);
}
.health-history small {
  grid-column: 2/-1;
  color: #7f877e;
}
.search-radar span {
  display: flex;
  justify-content: space-between;
  padding: 13px;
  border: 1px solid #343a34;
  color: #fff;
}
.search-radar i {
  min-width: 30px;
  color: var(--lime);
  font-style: normal;
  font-weight: 1000;
}
.customer-signal-list {
  display: grid;
  gap: 8px;
}
.customer-signal-list article {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  align-items: center;
  padding: 18px;
  border: 1px solid #343a34;
  background: #0b0e0b;
}
.customer-signal-list small,
.customer-signal-list strong,
.customer-signal-list span,
.customer-signal-list time {
  display: block;
}
.customer-signal-list small {
  color: var(--violet);
  font-weight: 900;
  text-transform: uppercase;
}
.customer-signal-list strong {
  margin: 6px 0;
}
.customer-signal-list span,
.customer-signal-list time {
  color: #aeb5ad;
  font-size: 11px;
}
.customer-signal-list time {
  margin-top: 5px;
}
@media (max-width: 1100px) {
  .commerce-kpis {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 760px) {
  .mc-tabs.mc-tabs-v3 {
    grid-template-columns: repeat(6, minmax(72px, 1fr)) !important;
    overflow-x: auto;
  }
  .commerce-kpis,
  .commerce-panels {
    grid-template-columns: 1fr 1fr;
  }
  .customer-signal-list article {
    grid-template-columns: 1fr;
  }
  .customer-signal-list button {
    width: 100%;
  }
}
@media (max-width: 520px) {
  .commerce-kpis,
  .commerce-panels {
    grid-template-columns: 1fr;
  }
}

/* Homepage V32 — cinematic first contact and clean mobile conversion */
.store-mounting {
  display: block !important;
  visibility: hidden;
  max-height: 1px;
  overflow: hidden;
  pointer-events: none;
}
.hero-v32 {
  grid-template-columns: minmax(0, 0.9fr) minmax(540px, 1.1fr);
  gap: clamp(20px, 4vw, 70px);
  min-height: clamp(780px, 100svh, 980px);
  padding-top: 112px;
  background:
    radial-gradient(circle at 78% 42%, #a438ff3d, transparent 27%),
    radial-gradient(circle at 69% 48%, #caff001d, transparent 39%),
    linear-gradient(145deg, #050505, #080a06 58%, #100518);
}
.hero-v32 .hero-copy {
  max-width: 660px;
}
.hero-v32 .hero-copy:before {
  content: "AREA57 / SIGNAL 057";
  display: block;
  width: max-content;
  margin-bottom: 22px;
  padding: 7px 10px;
  border: 1px solid #a438ff70;
  color: #d8a4f7;
  font: 900 8px monospace;
  letter-spacing: 0.18em;
}
.hero-v32 .lede {
  max-width: 560px;
  color: #d0d5ce;
}
.hero-v32 .cta a {
  min-height: 54px;
  padding-inline: 24px;
}
.hero-proof {
  display: grid;
  grid-template-columns: repeat(3, max-content);
  gap: 0;
  margin-top: 24px;
  border-block: 1px solid #343934;
}
.hero-proof span {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 11px 14px;
  border-right: 1px solid #343934;
  color: #abb2aa;
  font: 900 8px monospace;
  letter-spacing: 0.11em;
}
.hero-proof span:first-child {
  padding-left: 0;
  color: #e7ff8a;
}
.hero-proof span:last-child {
  border-right: 0;
}
.hero-proof i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--lime);
  box-shadow: 0 0 12px var(--lime);
}
.catalog-quick {
  margin: 18px 0 12px;
}
.catalog-quick > span {
  display: block;
  color: var(--lime);
  font: 1000 10px monospace;
  letter-spacing: 0.17em;
}
.live-catalog {
  background:
    radial-gradient(circle at 92% 5%, #a438ff1f, transparent 20%), #070807;
  color: #fff;
}
.live-catalog .section-head h2 {
  color: #fff;
}
.live-catalog .section-head > p {
  color: #c4c9c2;
}
.live-catalog .eyebrow {
  color: var(--lime);
}
.category-fallback button {
  background: linear-gradient(145deg, #101310, #080908);
  border-color: #454c44;
}
.live-catalog .store-mounted,
.live-catalog .store-loader {
  border-radius: 2px;
  border-color: #343934;
  background: #070807;
  color: #fff;
}
.live-catalog .store-loader {
  min-height: 360px;
}
.ticker {
  position: relative;
  z-index: 4;
  box-shadow: 0 0 32px #caff0030;
}

@media (max-width: 900px) {
  .hero-v32 {
    grid-template-columns: 1fr;
    gap: 0;
    min-height: 0;
    padding: 92px 0 0;
  }
  .hero-v32 .hero-art {
    order: 1;
    width: 100%;
    height: min(74vw, 560px);
    margin: 0;
  }
  .hero-v32 .hero-copy {
    order: 2;
    max-width: none;
    padding: 34px 6vw 42px;
    border-top: 1px solid #caff003b;
    background: linear-gradient(180deg, #080a06f2, #050505);
  }
  .hero-v32 .scroll {
    display: none;
  }
  .hero-v32 .hero-copy:before {
    margin-bottom: 15px;
  }
  .hero-proof {
    grid-template-columns: repeat(3, 1fr);
  }
  .hero-proof span {
    justify-content: center;
    padding: 11px 8px;
    text-align: center;
  }
  .hero-proof span:first-child {
    padding-left: 8px;
  }
}

@media (max-width: 600px) {
  header {
    height: 72px;
    padding: 0 16px;
    background: #050505f2;
  }
  header .brand {
    font-size: 20px;
  }
  header .brand img {
    width: 46px;
    height: 46px;
  }
  .head-actions {
    gap: 7px;
  }
  .bag,
  .hamb {
    min-width: 50px;
    min-height: 48px;
    padding: 8px 12px;
  }
  .hero-v32 {
    padding-top: 72px;
  }
  .hero-v32 .hero-art {
    height: min(112vw, 465px);
    min-height: 390px;
    margin: 0;
    overflow: hidden;
  }
  .hero-v32 .hero-copy {
    padding: 27px 18px 32px;
  }
  .hero-v32 .hero-copy:before {
    margin-bottom: 13px;
    font-size: 7px;
  }
  .hero-v32 .eyebrow {
    font-size: 9px !important;
    letter-spacing: 0.18em;
  }
  .hero-v32 h1 {
    margin: 13px 0 12px;
    font-size: clamp(46px, 14vw, 61px);
    line-height: 0.82;
  }
  .hero-v32 .lede {
    margin: 0;
    color: #cbd1c9;
    font-size: 14px;
    line-height: 1.58;
  }
  .hero-v32 .cta {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 20px;
  }
  .hero-v32 .cta a {
    min-height: 54px;
    padding: 12px 8px;
    text-align: center;
    font-size: 9px;
  }
  .hero-proof {
    margin-top: 18px;
  }
  .hero-proof span {
    min-width: 0;
    padding: 10px 5px;
    font-size: 6.5px;
    letter-spacing: 0.07em;
  }
  .hero-proof span:nth-child(2) {
    color: #fff;
  }
  .hero-v32 .planet-title,
  .hero-v32 .ufo {
    display: none;
  }
  .hero-v32 .official-hero-logo {
    width: 76vw !important;
  }
  .hero-v32 .home-planet {
    width: 94vw;
  }
  .hero-v32 .portal-aura {
    width: 110vw;
  }
  .hero-v32 .portal-status {
    left: 18px;
    bottom: 18px;
  }
  .hero-v32 .energy-readout {
    right: 14px;
    bottom: 82px;
  }
  .ticker {
    padding: 10px;
    font-size: 10px;
    letter-spacing: 0.09em;
  }
  .live-catalog {
    padding: 58px 16px;
  }
  .live-catalog .section-head {
    margin-bottom: 25px;
  }
  .live-catalog .section-head h2 {
    font-size: 43px;
  }
  .catalog-quick {
    margin: 16px 0 18px;
  }
  .category-fallback {
    display: flex !important;
    gap: 8px;
    overflow-x: auto;
    padding: 2px 2px 10px;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
  }
  .category-fallback button,
  .category-fallback button:first-child {
    grid-column: auto;
    flex: 0 0 58%;
    min-height: 58px;
    padding: 10px;
    scroll-snap-align: start;
    font-size: 11px;
  }
  .collection-guides {
    display: none;
  }
  .voice-launch {
    right: 12px;
    bottom: calc(76px + env(safe-area-inset-bottom));
    max-width: 138px;
    padding: 10px 12px;
    font-size: 8px;
  }
  .mobile-dock {
    height: 66px !important;
    padding: 0 6px env(safe-area-inset-bottom) !important;
    background: #050505f7 !important;
    box-shadow: 0 -12px 35px #000;
  }
  .mobile-dock a,
  .mobile-dock button {
    position: relative;
    min-height: 58px !important;
    border-right: 1px solid #232723 !important;
    font-size: 9px !important;
  }
  .mobile-dock a:last-child {
    border-right: 0 !important;
  }
  .shop-command form {
    padding: 16px;
  }
  .shop-assurances a {
    min-height: 70px;
  }
}

/* V34 — Clearance Levels, Drop Portal, Voice Fit Builder, and Origin Files */
.drop-portal {
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(440px, 1.14fr);
  gap: clamp(32px, 7vw, 110px);
  align-items: center;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 48%, #a438ff38, transparent 28%),
    radial-gradient(circle at 75% 45%, #caff001b, transparent 42%), #060706;
}
.drop-portal:before {
  content: "057";
  position: absolute;
  right: -3vw;
  top: -8vw;
  color: #ffffff05;
  font-size: 34vw;
  font-weight: 1000;
  line-height: 1;
  pointer-events: none;
}
.drop-portal-copy {
  position: relative;
  z-index: 2;
}
.drop-portal h2 {
  font-size: clamp(54px, 7vw, 105px);
}
.drop-portal h2 em {
  color: transparent;
  -webkit-text-stroke: 1.5px var(--violet);
  text-shadow: 0 0 35px #a438ff55;
}
.drop-portal-copy > p:not(.eyebrow) {
  max-width: 650px;
  color: #d0d5ce;
  font-size: 17px;
  line-height: 1.7;
}
.portal-clock {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
  margin: 28px 0;
}
.portal-clock span {
  min-width: 0;
  padding: 15px 8px;
  border: 1px solid #4d554c;
  background: #070a07;
  text-align: center;
  color: #aeb5ad;
  font: 900 9px monospace;
  letter-spacing: 0.09em;
}
.portal-clock b {
  display: block;
  margin-bottom: 7px;
  color: var(--lime);
  font-size: clamp(23px, 4vw, 42px);
  text-shadow: 0 0 18px #caff0055;
}
.portal-alert {
  display: grid;
  gap: 9px;
  margin: 24px 0;
}
.portal-alert label {
  color: var(--lime);
  font: 1000 11px monospace;
  letter-spacing: 0.13em;
}
.portal-alert > div {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
}
.portal-alert input {
  min-width: 0;
  min-height: 50px;
  padding: 0 14px;
  border: 1px solid #596058;
  background: #050705;
  color: #fff;
}
.portal-fallback {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.portal-fallback .ghost {
  min-height: 46px;
}
.portal-file {
  position: relative;
  z-index: 2;
  min-height: 620px;
  display: flex;
  flex-direction: column;
  padding: 20px;
  border: 1px solid #626b60;
  background: linear-gradient(145deg, #131812, #060706 68%);
  box-shadow:
    0 38px 90px #000,
    0 0 80px #a438ff28;
  overflow: hidden;
}
.portal-file:before {
  content: "";
  position: absolute;
  inset: -30%;
  background: conic-gradient(
    from 45deg,
    transparent,
    #caff001e,
    transparent 30%,
    #a438ff30,
    transparent 62%
  );
  animation: portalFileSpin 16s linear infinite;
  pointer-events: none;
}
.portal-file > * {
  position: relative;
  z-index: 1;
}
.portal-file-top {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #343a34;
  color: #dce2d8;
  font: 900 9px monospace;
  letter-spacing: 0.1em;
}
.portal-file-top span {
  display: flex;
  align-items: center;
  gap: 8px;
}
.portal-file-top i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--lime);
  box-shadow: 0 0 14px var(--lime);
}
.portal-file-top b {
  color: #d7a0f4;
}
.portal-product-art {
  position: relative;
  min-height: 360px;
  display: grid;
  place-items: center;
  margin: 18px 0;
  background:
    radial-gradient(circle, #caff0032, transparent 38%),
    radial-gradient(circle, #a438ff25, transparent 65%);
  overflow: hidden;
}
.portal-product-art img {
  width: 100%;
  height: 390px;
  object-fit: contain;
  filter: drop-shadow(0 22px 38px #000);
}
.portal-product-art > span {
  font-size: 130px;
  font-weight: 1000;
  color: var(--lime);
}
.portal-product-art i {
  position: absolute;
  inset: 8%;
  border: 1px solid #caff004f;
  clip-path: polygon(
    0 0,
    28% 0,
    28% 2px,
    2px 2px,
    2px 25%,
    0 25%,
    0 0,
    100% 0,
    100% 25%,
    calc(100% - 2px) 25%,
    calc(100% - 2px) 2px,
    72% 2px,
    72% 0,
    100% 0,
    100% 100%,
    72% 100%,
    72% calc(100% - 2px),
    calc(100% - 2px) calc(100% - 2px),
    calc(100% - 2px) 75%,
    100% 75%,
    100% 100%,
    0 100%,
    0 75%,
    2px 75%,
    2px calc(100% - 2px),
    28% calc(100% - 2px),
    28% 100%
  );
}
.portal-file > small {
  color: var(--violet);
  font: 1000 10px monospace;
  letter-spacing: 0.14em;
}
.portal-file h3 {
  margin: 10px 0;
  font-size: clamp(29px, 4vw, 48px);
  line-height: 0.94;
}
.portal-product-data {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  margin-top: auto;
}
.portal-product-data strong {
  color: var(--lime);
  font-size: 24px;
}
.portal-product-data span {
  color: #d8ded6;
  font: 900 10px monospace;
}
.portal-product-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 18px;
}
.portal-product-actions button {
  min-height: 48px;
}
.portal-file footer {
  display: block !important;
  margin-top: 18px;
  padding: 12px 0 0 !important;
  border-top: 1px solid #343a34 !important;
  color: #9aa299 !important;
  text-align: left !important;
  font: 900 8px monospace !important;
  letter-spacing: 0.08em !important;
}
.portal-encrypted-art {
  min-height: 350px;
  display: grid;
  place-items: center;
  position: relative;
}
.portal-encrypted-art span {
  font-size: 180px;
  font-weight: 1000;
  color: #caff0010;
  -webkit-text-stroke: 1px #caff0030;
}
.portal-encrypted-art i {
  position: absolute;
  width: 250px;
  aspect-ratio: 1;
  border: 1px solid var(--violet);
  border-radius: 50%;
  box-shadow: 0 0 50px #a438ff38;
}
.portal-encrypted-art b {
  position: absolute;
  color: var(--lime);
  font-size: 86px;
  text-shadow: 0 0 32px var(--lime);
}
.portal-file > p {
  color: #c5cbc3;
  line-height: 1.65;
}

.fit-builder {
  align-items: start;
  background:
    radial-gradient(circle at 82% 28%, #a438ff2d, transparent 30%),
    linear-gradient(90deg, #0a0c09, #080408);
}
.fit-builder .fit-copy {
  min-width: 0;
}
.fit-builder h2 {
  font-size: clamp(52px, 6.7vw, 96px);
}
.fit-console {
  display: grid;
  gap: 15px;
  margin: 28px 0;
  padding: 20px;
  border: 1px solid #4c544b;
  background: #080a08;
  box-shadow: inset 0 0 35px #caff0008;
}
.fit-console label {
  display: grid;
  gap: 8px;
  color: #dce1da;
  font: 1000 9px monospace;
  letter-spacing: 0.1em;
}
.fit-brief > span {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
}
.fit-console input,
.fit-console select {
  min-width: 0;
  width: 100%;
  min-height: 48px;
  padding: 0 12px;
  border: 1px solid #596058;
  background: #030503;
  color: #fff;
  font-size: 14px;
}
.fit-brief button {
  min-width: 118px;
  min-height: 48px;
  border: 1px solid var(--violet);
  background: #160720;
  color: #e9c7ff;
  font: 1000 10px monospace;
}
.fit-brief button.listening {
  border-color: var(--lime);
  color: var(--lime);
  box-shadow: 0 0 22px #caff0040;
}
.fit-controls {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.fit-build {
  min-height: 52px;
}
.fit-results {
  min-width: 0;
  min-height: 690px;
  padding: 20px;
  border: 1px solid #4e554d;
  background: linear-gradient(145deg, #10150e, #060706);
  box-shadow: 0 35px 90px #000;
}
.fit-standby {
  min-height: 645px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 18px;
  text-align: center;
}
.fit-standby strong {
  color: #fff;
  font-size: 19px;
}
.fit-standby small {
  color: var(--lime);
  font: 900 9px monospace;
  letter-spacing: 0.12em;
}
.fit-orbit {
  position: relative;
  width: min(300px, 75%);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border: 1px solid #a438ff;
  border-radius: 50%;
  box-shadow: 0 0 60px #a438ff35;
}
.fit-orbit:before,
.fit-orbit:after {
  content: "";
  position: absolute;
  width: 128%;
  height: 38%;
  border: 1px solid #caff006b;
  border-radius: 50%;
  transform: rotate(28deg);
}
.fit-orbit:after {
  transform: rotate(-42deg);
}
.fit-orbit span {
  color: var(--lime);
  font-size: 100px;
  font-weight: 1000;
  text-shadow: 0 0 35px #caff0070;
}
.fit-results > header {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #3a4039;
  color: var(--lime);
  font: 1000 9px monospace;
  letter-spacing: 0.12em;
}
.fit-results > p {
  color: #c7cdc5;
  line-height: 1.6;
}
.fit-add-all {
  width: 100%;
  min-height: 50px;
  margin: 0 0 14px;
}
.fit-intent {
  display: grid;
  gap: 5px;
  margin: 14px 0 0;
  padding: 12px;
  border-left: 3px solid var(--lime);
  background: #caff0008;
}
.fit-intent b {
  color: var(--lime);
  font: 900 11px monospace;
  letter-spacing: .1em;
}
.fit-intent span {
  color: #eef2ec;
  font-size: 14px;
  line-height: 1.45;
}
.fit-result-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}
.fit-result-grid article {
  min-width: 0;
  padding: 12px;
  border: 1px solid #3d433c;
  background: #090b09;
}
.fit-result-grid img,
.fit-no-image {
  width: 100%;
  height: 210px;
  object-fit: contain;
  background: radial-gradient(circle, #caff0023, transparent 55%);
}
.fit-no-image {
  display: grid;
  place-items: center;
  color: var(--lime);
  font-size: 64px;
  font-weight: 1000;
}
.fit-result-grid small {
  display: block;
  margin-top: 10px;
  color: #a7afa5;
  font: 900 8px monospace;
}
.fit-result-grid h3 {
  min-height: 42px;
  margin: 7px 0;
  font-size: 16px;
}
.fit-result-grid > article > strong {
  display: block;
  color: var(--lime);
  font-size: 17px;
}
.fit-match {
  min-height: 36px;
  margin: 8px 0;
  color: #bfc7bd;
  font-size: 12px;
  line-height: 1.45;
}
.fit-result-grid > article > span {
  display: block;
  margin: 8px 0;
  color: #d8ded5;
  font: 900 8px monospace;
}
.fit-result-grid > article > .fit-exact-option {
  color: var(--lime);
  font-size: 11px;
  line-height: 1.45;
}
.fit-result-grid article > div:last-child {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}
.fit-result-grid button {
  min-height: 44px;
  padding: 8px;
  border: 1px solid #4d554c;
  background: #111411;
  color: #fff;
  font: 1000 8px monospace;
}
.fit-result-grid button:first-child {
  border-color: var(--lime);
  color: var(--lime);
}
.fit-recovery {
  display: grid;
  gap: 8px;
  margin-top: 28px;
}
.fit-recovery > * {
  min-height: 48px;
}

.clearance-pass {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 72% 25%, #a438ff35, transparent 28%),
    radial-gradient(circle at 42% 70%, #caff001e, transparent 36%),
    linear-gradient(135deg, #151b13, #050505 72%);
}
.clearance-pass:after {
  content: "LEVEL 057";
  position: absolute;
  right: -25px;
  bottom: 12px;
  color: #ffffff07;
  font-size: 72px;
  font-weight: 1000;
  transform: rotate(-90deg);
  pointer-events: none;
}
.clearance-pass > * {
  position: relative;
  z-index: 1;
}
.clearance-pass > strong {
  font-size: clamp(25px, 4vw, 42px);
}
.clearance-energy {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: end;
  margin: 15px 0 9px;
}
.clearance-energy span {
  color: var(--lime);
  font-size: 22px;
  font-weight: 1000;
}
.clearance-energy b {
  max-width: 220px;
  color: #d9a9f2;
  text-align: right;
  font: 900 9px monospace;
  letter-spacing: 0.08em;
}
.clearance-pass progress {
  width: 100%;
  height: 10px;
  border: 0;
  border-radius: 0;
  background: #242924;
  accent-color: var(--lime);
}
.clearance-pass progress::-webkit-progress-bar {
  background: #242924;
}
.clearance-pass progress::-webkit-progress-value {
  background: linear-gradient(90deg, var(--violet), var(--lime));
  box-shadow: 0 0 12px #caff0066;
}
.clearance-log {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin: 16px 0;
}
.clearance-log span {
  min-width: 0;
  padding: 9px;
  border: 1px solid #424941;
  color: #bec5bb;
  font: 800 8px monospace;
  text-transform: uppercase;
}
.clearance-log b {
  display: block;
  margin-bottom: 5px;
  color: var(--lime);
  font-size: 12px;
}

.origin-overlay {
  position: fixed;
  inset: 0;
  z-index: 140;
  display: grid;
  place-items: center;
  padding: 24px;
  background: #000e;
  backdrop-filter: blur(16px);
}
.origin-dialog {
  position: relative;
  width: min(1180px, 100%);
  max-height: calc(100dvh - 48px);
  overflow: auto;
  padding: clamp(22px, 4vw, 52px);
  border: 1px solid #879083;
  background:
    radial-gradient(circle at 86% 15%, #a438ff36, transparent 26%),
    radial-gradient(circle at 20% 78%, #caff001c, transparent 34%), #070807;
  box-shadow: 0 0 100px #a438ff4d;
}
.origin-close {
  position: sticky;
  z-index: 8;
  top: 0;
  float: right;
  width: 48px;
  height: 48px;
  border: 1px solid #6d766a;
  background: #080a08;
  color: #fff;
  font-size: 28px;
}
.origin-scan {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    transparent 0 48%,
    #caff0018 50%,
    transparent 52%
  );
  background-size: 100% 160px;
  animation: originScan 5s linear infinite;
}
.origin-loading {
  min-height: 520px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 18px;
  text-align: center;
}
.origin-loading span {
  color: var(--lime);
  font-size: 120px;
  font-weight: 1000;
  text-shadow: 0 0 35px #caff0060;
}
.origin-loading strong {
  font: 1000 12px monospace;
  letter-spacing: 0.13em;
}
.origin-loading p {
  color: #c8cec6;
}
.origin-dialog > header {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 28px;
  padding-bottom: 20px;
  border-bottom: 1px solid #4b5249;
}
.origin-dialog h2 {
  max-width: 830px;
  margin: 10px 0 0;
  font-size: clamp(42px, 6.5vw, 88px);
  line-height: 0.84;
  letter-spacing: -0.07em;
}
.origin-dialog > header > span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #d7ddd4;
  font: 900 9px monospace;
  letter-spacing: 0.1em;
}
.origin-dialog > header > span i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--lime);
  box-shadow: 0 0 12px var(--lime);
}
.origin-dialog > header > span.offline i {
  background: #ffb84d;
  box-shadow: 0 0 12px #ffb84d;
}
.origin-grid {
  display: grid;
  grid-template-columns: minmax(320px, 0.85fr) minmax(0, 1.15fr);
  gap: clamp(25px, 5vw, 70px);
  padding: 30px 0;
}
.origin-art {
  position: relative;
  min-height: 520px;
  display: grid;
  place-items: center;
  border: 1px solid #3c433b;
  background: radial-gradient(circle, #caff0030, transparent 38%), #070907;
  overflow: hidden;
}
.origin-art img {
  width: 100%;
  height: 560px;
  object-fit: contain;
  filter: drop-shadow(0 25px 45px #000);
}
.origin-art > span {
  color: var(--lime);
  font-size: 130px;
  font-weight: 1000;
}
.origin-art > div {
  position: absolute;
  left: 13px;
  bottom: 13px;
  padding: 8px 10px;
  border: 1px solid #a438ff;
  background: #09020de6;
  color: #deb8f2;
  font: 900 8px monospace;
  letter-spacing: 0.1em;
}
.origin-intel > p {
  color: #d1d6ce;
  font-size: 16px;
  line-height: 1.7;
}
.origin-intel dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin: 24px 0;
}
.origin-intel dl > div {
  padding: 14px;
  border: 1px solid #3b423a;
  background: #0a0c0a;
}
.origin-intel dt {
  color: #8e968c;
  font: 900 8px monospace;
  letter-spacing: 0.1em;
}
.origin-intel dd {
  margin: 8px 0 0;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
}
.origin-intel section {
  margin-top: 23px;
}
.origin-intel h3 {
  color: var(--lime);
  font: 1000 10px monospace;
  letter-spacing: 0.12em;
}
.origin-option {
  display: grid;
  grid-template-columns: minmax(100px, 0.35fr) 1fr;
  gap: 15px;
  padding: 11px 0;
  border-bottom: 1px solid #30352f;
}
.origin-option b {
  color: #fff;
  font-size: 12px;
}
.origin-option span {
  color: #c1c8bf;
  font-size: 12px;
  line-height: 1.5;
}
.origin-intel > small {
  display: block;
  margin-top: 22px;
  color: #8d958b;
  font: 800 8px monospace;
  letter-spacing: 0.08em;
}
.origin-dialog > footer {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  padding: 20px 0 0 !important;
  border-top: 1px solid #4b5249 !important;
}
.origin-dialog > footer > * {
  min-width: 180px;
  min-height: 48px;
}
.product-companion {
  grid-template-columns: 1fr repeat(4, auto);
}
.mc-drop-control {
  margin: 22px 0;
  padding: 24px;
  border: 1px solid #576054;
  background:
    radial-gradient(circle at 92% 12%, #a438ff28, transparent 26%), #090b09;
}
.mc-drop-control .mc-section-title {
  margin-bottom: 20px;
}
.mc-drop-control .mc-settings-v2 {
  margin-top: 0;
}
.mc-drop-control small {
  display: block;
  margin-top: 7px;
  color: #aeb6ac;
  line-height: 1.45;
}
@keyframes portalFileSpin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes originScan {
  to {
    background-position: 0 160px;
  }
}

@media (max-width: 1050px) {
  .drop-portal {
    grid-template-columns: 1fr;
  }
  .portal-file {
    min-height: 560px;
  }
  .fit-builder {
    grid-template-columns: 1fr;
  }
  .fit-results {
    min-height: 0;
  }
  .fit-standby {
    min-height: 450px;
  }
  .origin-grid {
    grid-template-columns: 1fr;
  }
  .origin-art {
    min-height: 420px;
  }
  .product-companion {
    grid-template-columns: 1fr 1fr;
  }
  .product-companion div {
    grid-column: 1/-1;
  }
  .fit-controls {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 650px) {
  .drop-portal,
  .fit-builder {
    padding-left: 16px;
    padding-right: 16px;
  }
  .drop-portal h2,
  .fit-builder h2 {
    font-size: 45px;
  }
  .portal-clock span {
    padding: 12px 3px;
    font-size: 7px;
  }
  .portal-clock b {
    font-size: 24px;
  }
  .portal-alert > div,
  .fit-brief > span {
    grid-template-columns: 1fr;
  }
  .portal-alert button,
  .fit-brief button {
    min-height: 48px;
  }
  .portal-file {
    min-height: 520px;
    padding: 14px;
  }
  .portal-product-art {
    min-height: 300px;
  }
  .portal-product-art img {
    height: 310px;
  }
  .portal-product-actions {
    grid-template-columns: 1fr;
  }
  .portal-encrypted-art {
    min-height: 300px;
  }
  .fit-console {
    padding: 14px;
  }
  .fit-controls {
    grid-template-columns: 1fr 1fr;
  }
  .fit-result-grid {
    grid-template-columns: 1fr;
  }
  .fit-result-grid img,
  .fit-no-image {
    height: 250px;
  }
  .fit-results {
    padding: 13px;
  }
  .fit-standby {
    min-height: 420px;
  }
  .clearance-pass {
    padding: 20px;
  }
  .clearance-log {
    grid-template-columns: 1fr;
  }
  .clearance-energy {
    align-items: flex-start;
    flex-direction: column;
  }
  .clearance-energy b {
    text-align: left;
  }
  .origin-overlay {
    align-items: end;
    padding: 0;
  }
  .origin-dialog {
    width: 100%;
    max-height: 94dvh;
    padding: 20px 16px calc(86px + env(safe-area-inset-bottom));
    border-inline: 0;
  }
  .origin-dialog > header {
    align-items: flex-start;
    flex-direction: column;
  }
  .origin-dialog h2 {
    font-size: 42px;
  }
  .origin-grid {
    padding-top: 20px;
  }
  .origin-art {
    min-height: 320px;
  }
  .origin-art img {
    height: 350px;
  }
  .origin-intel dl {
    grid-template-columns: 1fr;
  }
  .origin-option {
    grid-template-columns: 1fr;
  }
  .origin-dialog > footer {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  .origin-dialog > footer > * {
    width: 100%;
    min-width: 0;
  }
  .product-companion {
    bottom: 72px;
  }
  .mc-drop-control {
    padding: 16px;
  }
}
@media (max-width: 380px) {
  .fit-controls {
    grid-template-columns: 1fr;
  }
  .portal-clock {
    gap: 4px;
  }
  .portal-clock b {
    font-size: 20px;
  }
  .portal-file-top {
    font-size: 7px;
  }
  .fit-result-grid article > div:last-child {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion: reduce) {
  .portal-file:before,
  .origin-scan,
  .fit-orbit:before,
  .fit-orbit:after {
    animation: none !important;
  }
  .drop-portal *,
  .fit-builder *,
  .origin-overlay *,
  .clearance-pass * {
    transition: none !important;
  }
}

/* Content-panel headers must not inherit the global fixed site-header shell. */
.fit-results > header,
.origin-dialog > header {
  position: static;
  inset: auto;
  z-index: auto;
  width: auto;
  height: auto;
  min-height: 0;
  padding-top: 0;
  padding-inline: 0;
  background: transparent;
  backdrop-filter: none;
}

/* Readable mission typography: metadata stays compact without dropping below 10px. */
.portal-clock span,
.portal-file-top,
.portal-file footer,
.fit-standby small,
.fit-results > header,
.fit-result-grid small,
.fit-result-grid > article > span,
.clearance-energy b,
.clearance-log span,
.origin-dialog > header > span,
.origin-art > div,
.origin-intel dt,
.origin-intel > small,
.fit-routes small,
.fit-routes span,
.passport-note,
.voice-launch,
.voice-panel > small {
  font-size: 10px;
}
.fit-console label,
.fit-brief button,
.fit-result-grid button,
.voice-commands button,
.product-companion a,
.product-companion button {
  font-size: 11px;
}
html.area57-lite {
  scroll-behavior: auto;
}
.voice-launch.product-open {
  display: none;
}

/* V35 mobile catalog containment: first-party categories must never inherit the
   fixed primary-menu shell, and the homepage shows only a focused live edit. */
.catalog-quick-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.catalog-quick-head span {
  color: var(--lime);
  font: 1000 12px monospace;
  letter-spacing: 0.12em;
}
.catalog-quick-head > a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  color: #fff;
  font-size: 12px;
  font-weight: 1000;
  text-decoration: none;
  white-space: nowrap;
}
.catalog-quick-head > a:hover,
.catalog-quick-head > a:focus-visible {
  color: var(--lime);
}
.category-fallback a {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  padding: 12px;
  border: 1px solid #596058;
  background: linear-gradient(145deg, #101310, #080908);
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  font-weight: 1000;
  letter-spacing: 0.06em;
  text-align: center;
  text-transform: uppercase;
}
.category-fallback a:hover,
.category-fallback a:focus-visible {
  border-color: var(--lime);
  background: #11170d;
  color: var(--lime);
}
.catalog-embed-shell.catalog-root #my-store-121392002 .grid__categories,
.catalog-embed-shell.catalog-root #my-store-121392002 .ec-filters,
.catalog-embed-shell.catalog-root #my-store-121392002 .ec-footer,
.catalog-embed-shell.catalog-root #my-store-121392002 .grid__sort,
.catalog-embed-shell.catalog-root #my-store-121392002 .ec-page-title {
  display: none !important;
}
.catalog-embed-shell.catalog-root #my-store-121392002 .ec-filters__products {
  width: 100% !important;
}
.catalog-embed-shell.catalog-root
  #my-store-121392002
  .grid__products
  > .grid-product:nth-child(n + 4) {
  display: none !important;
}
.catalog-more {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
  padding: 9px;
  border: 1px solid #343a34;
  background: #090b09;
}
.catalog-more .primary {
  width: min(100%, 420px);
  min-height: 50px;
}
@media (max-width: 900px) {
  .category-fallback {
    position: static !important;
    inset: auto !important;
    display: flex !important;
    flex-direction: row !important;
    max-width: none !important;
    margin: 8px 0 0 !important;
    padding: 4px 2px 10px !important;
    gap: 8px !important;
    overflow-x: auto !important;
    background: transparent !important;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }
  .category-fallback::-webkit-scrollbar {
    display: none;
  }
  .category-fallback a {
    flex: 0 0 auto !important;
    width: auto !important;
    white-space: nowrap;
    scroll-snap-align: start;
  }
}
@media (max-width: 600px) {
  .live-catalog {
    padding: 40px 14px 44px;
  }
  .live-catalog .section-head {
    margin-bottom: 18px;
  }
  .live-catalog .section-head h2 {
    font-size: 40px;
  }
  .live-catalog .section-head > p {
    font-size: 14px;
    line-height: 1.55;
  }
  .catalog-quick {
    margin: 10px 0 14px;
  }
  .catalog-quick-head {
    gap: 10px;
  }
  .catalog-quick-head span {
    font-size: 11px;
    letter-spacing: 0.08em;
  }
  .category-fallback {
    margin: 6px -14px 0 !important;
    padding-inline: 14px !important;
  }
  .category-fallback a {
    min-height: 46px;
    padding: 0 17px;
    border-radius: 999px;
    font-size: 12px;
  }
  .shop-assurances {
    grid-template-columns: 1fr 1fr;
    gap: 7px;
  }
  .shop-assurances a {
    min-height: 86px;
    padding: 12px;
  }
  .live-store-status {
    margin: 10px 0 12px;
    padding: 10px 12px;
  }
  .live-store-status b {
    display: none;
  }
  .store-loader {
    min-height: 210px;
    gap: 16px;
  }
  .store-loader .sync-orb {
    width: 96px;
    font-size: 42px;
  }
  .store-mounted {
    min-height: 0;
  }
  .catalog-embed-shell.catalog-root #my-store-121392002 .grid__products {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  .catalog-embed-shell.catalog-root
    #my-store-121392002
    .grid__products
    > .grid-product {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  .catalog-embed-shell.catalog-root
    #my-store-121392002
    .grid__products
    > .grid-product:nth-child(n + 3) {
    display: none !important;
  }
  .catalog-more {
    margin-top: 9px;
    padding: 7px;
  }
  .catalog-more .primary {
    min-height: 52px;
  }
  .mobile-dock {
    gap: 0 !important;
  }
  .voice-launch {
    left: 12px !important;
    right: auto !important;
    bottom: calc(78px + env(safe-area-inset-bottom)) !important;
    max-width: 150px;
  }
}

/* V35 production hardening: scope navigation shells, cap the live preview,
   preserve iPhone safe areas, and keep support launchers from colliding. */
.primary-nav a,
.primary-nav button {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}
.primary-nav button {
  border: 0;
  background: transparent;
  color: #bfc3bd;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.primary-nav button:hover,
.primary-nav button:focus-visible {
  color: var(--lime);
}
.icon,
.bag,
.hamb {
  min-width: 44px;
  min-height: 44px;
}
.voice-launch {
  left: 18px !important;
  right: auto !important;
  min-height: 44px;
}
.voice-close {
  min-width: 44px;
  min-height: 44px;
}
.voice-commands button {
  min-height: 44px;
}
.voice-panel > small {
  color: #90988f;
  font-size: 12px;
}
.store-loader small {
  color: #626b62;
  font-size: 12px;
}
.catalog-embed-shell.catalog-root {
  min-width: 0;
  max-height: 760px;
  overflow: clip;
}
.catalog-embed-shell.catalog-root #my-store-121392002 .grid__products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
.catalog-embed-shell.catalog-root #my-store-121392002 .grid-product {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
}
.catalog-embed-shell.catalog-root #my-store-121392002 .area57-preview-hidden {
  display: none !important;
}
.catalog-embed-shell.catalog-root #my-store-121392002 .ec-grid__pagination,
.catalog-embed-shell.catalog-root #my-store-121392002 .grid__show-more,
.catalog-embed-shell.catalog-root #my-store-121392002 .pager {
  display: none !important;
}
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid var(--lime);
  outline-offset: 4px;
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
@media (max-width: 900px) {
  .primary-nav {
    display: none;
    position: fixed;
    inset: 76px 0 auto;
    background: #050505;
    padding: 35px;
    flex-direction: column;
  }
  .primary-nav.open {
    display: flex;
  }
  .primary-nav a,
  .primary-nav button {
    width: 100%;
    min-height: 44px;
    text-align: left;
    padding: 12px 0;
    color: #fff;
  }
  .commerce-nav,
  .category-fallback,
  .collection-grid,
  .key-actions {
    position: static !important;
    inset: auto !important;
  }
  .mc-tabs {
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    padding: 0 !important;
    flex-direction: row !important;
  }
  .amb-v4-nav {
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    padding: 0 !important;
    flex-direction: row !important;
  }
}
@media (max-width: 600px) {
  body {
    padding-bottom: calc(64px + env(safe-area-inset-bottom));
  }
  .primary-nav {
    inset: 72px 0 auto;
    gap: 0;
    max-height: calc(100dvh - 72px);
    overflow-y: auto;
  }
  .catalog-embed-shell.catalog-root {
    max-height: 720px;
  }
  .catalog-embed-shell.catalog-root #my-store-121392002 .grid__products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  .mobile-dock {
    position: fixed !important;
    z-index: 49;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    inset: auto 0 0 !important;
    width: 100%;
    height: auto !important;
    min-height: calc(64px + env(safe-area-inset-bottom));
    padding: 0 0 env(safe-area-inset-bottom) !important;
    gap: 0 !important;
  }
  .mobile-dock a,
  .mobile-dock button {
    display: grid !important;
    place-items: center;
    min-width: 0;
    width: 100%;
    min-height: 64px !important;
    height: 64px !important;
    padding: 0 3px !important;
    border: 0;
    background: transparent;
    color: #fff !important;
    text-align: center;
    text-decoration: none;
    font-size: 11px !important;
    letter-spacing: 0.02em !important;
    overflow: hidden;
  }
  .voice-launch {
    left: 12px !important;
    right: auto !important;
    bottom: calc(76px + env(safe-area-inset-bottom)) !important;
  }
  .fb_dialog,
  .fb_customer_chat_bounce_in_v2,
  iframe[title*="Messenger" i],
  iframe[title*="chat" i] {
    bottom: calc(78px + env(safe-area-inset-bottom)) !important;
    right: 10px !important;
  }
}
@media (max-width: 380px) {
  .catalog-quick-head span {
    min-width: 0;
    font-size: 10px;
    letter-spacing: 0.04em;
  }
  .catalog-quick-head > a {
    font-size: 11px;
  }
}

/* Permanent product pages make every owned item crawlable and shareable. */
.product-page-shell{max-width:1380px;margin:0 auto;padding:140px 30px 100px;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:clamp(28px,6vw,90px);align-items:center}.product-page-art{min-height:520px;display:grid;place-items:center;background:radial-gradient(circle,#caff0022,transparent 60%);border:1px solid #343b33}.product-page-art img{width:100%;height:100%;max-height:680px;object-fit:contain}.product-page-art span{color:var(--lime);font-size:120px;font-weight:1000}.product-page-copy h1{font-size:clamp(2.4rem,6vw,6rem);line-height:.92;margin:12px 0}.product-page-copy>strong{display:block;color:var(--lime);font-size:clamp(1.5rem,3vw,2.4rem)}.product-page-copy>p{color:#bdc5bb;line-height:1.65}.product-page-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:24px 0}.product-page-options span{display:grid;gap:5px;padding:14px;border:1px solid #414840;background:#090b09}.product-page-options small{color:#9da69b;font:800 11px monospace}@media(max-width:760px){.product-page-shell{grid-template-columns:1fr;padding:100px 16px 90px}.product-page-art{min-height:340px}.product-page-options{grid-template-columns:1fr 1fr}}

/* V36 customer support, product-price quarantine, and launcher separation. */
.messenger-launch {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 48;
  display: grid;
  place-items: center;
  min-width: 96px;
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid #168aff;
  border-radius: 999px;
  background: #071a30e8;
  color: #fff;
  text-decoration: none;
  font: 1000 10px monospace;
  letter-spacing: 0.09em;
  box-shadow: 0 0 28px #168aff52;
  backdrop-filter: blur(14px);
}
.messenger-launch:hover,
.messenger-launch:focus-visible {
  background: #168aff;
  color: #fff;
}
.area57-product-quarantined,
.grid-product--id-856995758 {
  display: none !important;
}
.ec-store__product-page--856995758 .details-product-purchase__controls,
.ec-store__product-page--856995758 .details-product-purchase__checkout {
  display: none !important;
}
html.area57-quarantined-product-page #my-store-121392002 {
  pointer-events: none !important;
  visibility: hidden !important;
}
html.area57-cart-quarantine #my-store-121392002 {
  pointer-events: none !important;
  opacity: 0.42 !important;
  filter: grayscale(0.55);
}
.cart-quarantine-alert {
  position: relative;
  z-index: 4;
  margin: 14px 0;
  padding: 18px;
  border: 1px solid #ff7a1a;
  background: #1b0b04;
  color: #fff;
  box-shadow: 0 0 24px #ff6a0033;
}
.cart-quarantine-alert strong {
  display: block;
  color: #ff8a32;
  font: 1000 13px monospace;
  letter-spacing: 0.12em;
}
.cart-quarantine-alert p {
  max-width: 780px;
  margin: 9px 0 14px;
  color: #f6d7c5;
  line-height: 1.55;
}
.cart-quarantine-alert .cta {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .home-mobile-dock {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .home-mobile-dock a,
  .home-mobile-dock button {
    font-size: 10px !important;
  }
  .voice-launch,
  .messenger-launch {
    display: none;
  }
}

/* Keep customer support reachable when the floating Messenger control yields to
   the mobile action dock. */
@media (max-width: 600px) {
  .mobile-dock {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

/* V35 compact homepage commerce: keep search visible, collapse optional alerts,
   and turn policy cards into a short swipe rail on phones. */
.shop-command {
  grid-template-columns: minmax(0, 1fr) minmax(250px, 0.42fr);
  align-items: stretch;
  margin-bottom: 14px;
}
.signal-details {
  border: 1px solid #454c44;
  background: #0b0e0b;
}
.signal-details > summary {
  display: flex;
  min-height: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px;
  cursor: pointer;
  list-style: none;
  color: var(--lime);
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: 0.1em;
}
.signal-details > summary::-webkit-details-marker {
  display: none;
}
.signal-details > summary:after {
  content: "+";
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid #596058;
  color: #fff;
  font-size: 20px;
}
.signal-details > summary small {
  margin: 0 0 0 auto;
  color: #c4c9c2;
  font-size: 10px;
}
.signal-details[open] {
  grid-column: 1/-1;
}
.signal-details[open] > summary {
  min-height: 54px;
  border-bottom: 1px solid #454c44;
}
.signal-details[open] > summary:after {
  content: "−";
}
.signal-details .signal-form {
  border: 0;
}
.catalog-search small {
  margin-top: 7px;
}
@media (max-width: 600px) {
  .shop-command {
    grid-template-columns: 1fr;
    gap: 7px;
    margin-bottom: 12px;
  }
  .shop-command form {
    padding: 13px;
  }
  .shop-command label {
    margin-bottom: 8px;
    font-size: 11px;
  }
  .shop-command small {
    font-size: 11px;
  }
  .catalog-search > div {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }
  .catalog-search button {
    width: auto !important;
    min-width: 82px;
  }
  .signal-details[open] {
    grid-column: auto;
  }
  .signal-details > summary {
    min-height: 52px;
    padding: 9px 12px;
  }
  .signal-details > summary small {
    display: none;
  }
  .signal-details .signal-form > div {
    grid-template-columns: 1fr !important;
  }
  .shop-assurances {
    display: flex;
    grid-template-columns: none;
    gap: 7px;
    margin: 0 -14px 14px;
    padding: 0 14px 8px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    overscroll-behavior-inline: contain;
  }
  .shop-assurances::-webkit-scrollbar {
    display: none;
  }
  .shop-assurances a {
    flex: 0 0 168px;
    min-height: 72px;
    padding: 10px;
    scroll-snap-align: start;
  }
  .shop-assurances b {
    font-size: 12px;
  }
  .shop-assurances span {
    font-size: 11px;
  }
  .catalog-embed-shell.catalog-root {
    max-height: 560px;
  }
  .catalog-more {
    margin-top: 7px;
  }
  .live-catalog {
    padding-bottom: 34px;
  }
  .fit-routes {
    display: flex;
    gap: 8px;
    margin: 18px -20px 0;
    padding: 0 20px 8px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    overscroll-behavior-inline: contain;
  }
  .fit-routes::-webkit-scrollbar {
    display: none;
  }
  .fit-routes button {
    flex: 0 0 min(72vw, 280px);
    min-height: 98px;
    padding: 13px;
    scroll-snap-align: start;
  }
}
.order-note {
  grid-column: 1/-1;
  margin: 0;
  padding-top: 10px;
  border-top: 1px solid #252a25;
  color: #aeb5ad;
  font: 800 9px/1.6 monospace;
  letter-spacing: 0.04em;
}
.order-review {
  color: #ff9d4d;
}

/* Provider-verified ambassador launch gate. */
.amb-program-state {
  position: relative;
  z-index: 34;
  display: flex;
  justify-content: center;
  gap: 14px;
  align-items: center;
  width: min(980px, calc(100% - 32px));
  margin: 76px auto -76px;
  padding: 14px 18px;
  border: 1px solid #caff0077;
  background: #0c1209ed;
  box-shadow: 0 14px 45px #000;
}
.amb-program-state strong {
  color: var(--lime);
  font: 1000 9px monospace;
  letter-spacing: 0.11em;
  white-space: nowrap;
}
.amb-program-state span {
  color: #c9d0c5;
  font-size: 12px;
  line-height: 1.45;
}
.amb-program-state.checking {
  border-color: #8ee8ff88;
  background: #071317ed;
}
.amb-program-state.checking strong {
  color: #8ee8ff;
}
.amb-program-state.paused {
  border-color: #ffb44c88;
  background: #171006ed;
}
.amb-program-state.paused strong {
  color: #ffbd62;
}
.amb-qr-paused {
  width: 112px;
  height: 112px;
  display: grid;
  place-items: center;
  border: 8px solid #383d38;
  background: #0a0b0a;
  color: #818881;
  text-align: center;
  font: 1000 13px monospace;
  line-height: 1.25;
}
.ambassador-home.paused .ambassador-card {
  filter: saturate(0.55);
}
@media (max-width: 640px) {
  .amb-program-state {
    align-items: flex-start;
    flex-direction: column;
    margin: 64px auto -64px;
  }
  .amb-program-state strong {
    white-space: normal;
  }
}
.mc-readiness {
  margin: 28px 0;
  padding: 24px;
  border: 1px solid #4a5149;
  background: #090c09;
}
.mc-readiness-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
}
.mc-readiness-grid article {
  display: flex;
  min-height: 170px;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  border: 1px solid #3a4039;
  background: #070907;
}
.mc-readiness-grid small {
  color: #7f877e;
  font: 900 8px monospace;
  letter-spacing: 0.1em;
}
.mc-readiness-grid strong {
  font: 1000 18px monospace;
}
.mc-readiness-grid p {
  margin: 0;
  color: #aab1a8;
  line-height: 1.5;
}
.mc-readiness-grid time {
  margin-top: auto;
  color: #777f76;
  font: 800 8px monospace;
}
.mc-readiness-grid .readiness-pass {
  border-color: #caff0070;
}
.mc-readiness-grid .readiness-pass strong {
  color: var(--lime);
}
.mc-readiness-grid .readiness-fail,
.mc-readiness-grid .readiness-blocked {
  border-color: #ff745f77;
}
.mc-readiness-grid .readiness-fail strong,
.mc-readiness-grid .readiness-blocked strong {
  color: #ff806d;
}
.mc-readiness-grid .readiness-untested {
  border-color: #ffbe5c66;
}
.mc-readiness-grid .readiness-untested strong {
  color: #ffc56c;
}
.mc-readiness-grid button {
  margin-top: auto;
}
@media (max-width: 980px) {
  .mc-readiness-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 640px) {
  .mc-readiness {
    padding: 16px;
  }
  .mc-readiness-grid {
    grid-template-columns: 1fr;
  }
}

/* V37 mobile brand lock: keep the complete official mark centered and inside
   the portal instead of letting earlier hero experiments crop or stretch it. */
.brand img {
  flex: 0 0 auto;
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
}
.hero-v32 .official-hero-logo {
  display: block;
  left: 50% !important;
  top: 49% !important;
  width: min(31vw, 410px) !important;
  max-width: 82% !important;
  max-height: 72% !important;
  object-fit: contain !important;
  object-position: center;
  translate: -50% -50%;
  transform-origin: center;
}
@media (max-width: 900px) {
  .hero-v32 .official-hero-logo {
    top: 48% !important;
    width: min(55vw, 340px) !important;
    max-height: 68% !important;
  }
}
@media (max-width: 600px) {
  header .brand {
    min-width: 0;
    gap: 7px;
  }
  header .brand img {
    width: 42px;
    height: 42px;
  }
  header .brand span {
    font-size: 17px;
  }
  .hero-v32 .official-hero-logo {
    top: 47% !important;
    width: min(68vw, 286px) !important;
    max-width: 72% !important;
    max-height: 66% !important;
  }
  .hero-v32 .hero-art {
    contain: layout paint;
  }
}
@media (max-width: 380px) {
  header .brand span {
    display: none;
  }
  .hero-v32 .official-hero-logo {
    width: min(66vw, 246px) !important;
    max-height: 62% !important;
  }
}

/* Stable homepage brand rendering: one official asset, intrinsic dimensions,
   and no transform animation. This prevents raster shimmer on HiDPI displays. */
header .brand img {
  display: block;
  width: auto;
  height: 42px;
  max-width: 46px;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.hero-v32 .official-hero-logo {
  animation: none !important;
  transform: none !important;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  image-rendering: auto;
  pointer-events: none;
  user-select: none;
}
@media (max-width: 600px) {
  .hero-v32 .hero-art {
    contain: none;
  }
  .hero-v32 .official-hero-logo {
    left: 50% !important;
    top: 47% !important;
    width: min(64vw, 264px) !important;
    max-width: 74% !important;
    max-height: 60% !important;
    height: auto !important;
    translate: -50% -50%;
    object-fit: contain !important;
  }
}
/* Plain, touch-friendly retail work surfaces, in the existing AREA57 palette. */
.retail-panel{margin:24px 0;padding:24px;background:#10130f;border:1px solid #363d31;color:#f5f8f2;min-width:0}
.retail-panel h1,.retail-panel h2{font-family:inherit;letter-spacing:-.03em;font-size:clamp(24px,3vw,36px);margin:0 0 12px}
.retail-panel h3{font-size:20px;margin:24px 0 12px}
.retail-panel p,.retail-panel li,.retail-notice{font-size:16px;line-height:1.65;color:#c6cdc1}
.retail-panel small,.retail-filters label,.retail-help label{font-size:14px;color:#bcc6b4}
.retail-panel button,.retail-filters input,.retail-filters select,.retail-help button,.retail-panel input,.retail-panel select,.retail-panel textarea,.retail-help select,.retail-help textarea{font:inherit;font-size:16px;min-height:44px;border:1px solid #626c58;border-radius:6px;background:#080b06;color:#f5f8f2;padding:10px 14px}
.retail-panel button:disabled{opacity:.5;cursor:not-allowed}
.retail-panel button:hover:not(:disabled){border-color:#caff00}
.retail-panel button[aria-pressed=true]{background:#caff00;color:#10130f}
.retail-panel-heading,.retail-rule{display:flex;justify-content:space-between;gap:20px;align-items:center}
.retail-rule{padding:18px 0;border-bottom:1px solid #363d31}
.retail-rule p{margin:6px 0 0}
.retail-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:20px 0}
.retail-kpis button,.retail-kpis article{text-align:left;padding:18px;background:#171d12;border:1px solid #45523b;display:flex;flex-direction:column;gap:10px}
.retail-kpis strong{font-size:32px;line-height:1.1;color:#d0ff38}
.retail-kpis span{font-size:15px;color:#eef5e7}
.retail-notice{padding:16px;border-left:3px solid #caff00;background:#18200e}
.retail-filters,.retail-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}
.retail-filters label{display:flex;flex-direction:column;gap:8px;flex:1;min-width:180px}
.retail-filters input{width:100%}
.retail-case{padding:18px 0;border-bottom:1px solid #414c35;overflow-wrap:anywhere}
.retail-case header{display:flex;justify-content:space-between;gap:16px;font-size:16px}
.retail-case label,.retail-help label{display:flex;flex-direction:column;gap:8px;margin:14px 0}
.retail-case textarea,.retail-help textarea{min-height:100px;width:100%;resize:vertical}
.retail-panel a{color:#d0ff38;text-decoration:underline;min-height:44px;display:inline-flex;align-items:center}
.command-os .command-nav button,.command-os .command-nav a,.command-os label,.command-os .command-login label,.command-os .command-login small{font-size:14px}
.command-os .command-login button,.command-os .command-login input,.command-os .order-actions button{font-size:16px;min-height:44px}
.command-os .owner-health.verified{background:#192015;color:#d4e2c6}
.command-os :focus-visible,.retail-help :focus-visible{outline:3px solid #caff00;outline-offset:3px}
@media(max-width:760px){.retail-panel{padding:18px;margin:14px 0}.retail-panel-heading,.retail-rule{align-items:flex-start;flex-direction:column}.retail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.retail-kpis strong{font-size:28px}.retail-filters label{min-width:100%}.retail-actions button{width:100%}.retail-case header{flex-direction:column}.retail-panel summary{font-size:16px;min-height:44px}}
@media print{.commerce-header,.mobile-dock,.messenger-launch,.receipt-actions,.retail-help{display:none!important}.account-center{padding:0!important;color:#000!important;background:#fff!important}.account-receipt{break-inside:avoid}}
.home-more-systems{border-block:1px solid #39422f;margin:32px auto;max-width:1440px;padding:20px}
.home-more-systems>summary{font-size:18px;color:#d0ff38;cursor:pointer;min-height:44px;padding:12px 0;line-height:1.5}

/* Audit repairs: readable auxiliary form copy and reachable footer links. */
.amb-form label small,.amb-privacy-note{color:#b4bdb1;font-size:.75rem;line-height:1.6}
.amb-check{font-size:.875rem;line-height:1.6;min-height:44px}
.amb-check input{width:24px;height:24px;min-width:24px;flex-shrink:0}
.amb-check a{text-decoration:underline;text-underline-offset:.18em}
.info-footer a,.amb-footer a,.studios-footer a{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
.pinball-route-bar a{display:inline-flex;align-items:center;min-height:44px}
.mc-login-links a{display:inline-flex;align-items:center;min-height:44px;font-size:12px}

/* Product decisions stay readable regardless of name length or image availability. */
.product-page-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.product-page-copy,.product-page-art{min-width:0}
.product-page-copy h1{font-size:clamp(2rem,4.5vw,4.25rem);line-height:1.08;overflow-wrap:anywhere;letter-spacing:-.035em}
.product-page-copy>p{font-size:1rem}
.product-page-art{min-height:0;aspect-ratio:4/5}
.product-page-art img{max-height:70dvh}
.product-page-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.product-page-options span{min-width:0;overflow-wrap:anywhere;gap:9px;border-radius:8px}
.product-page-options b,.product-page-options strong{font-size:1rem;line-height:1.4}
.product-page-options small{font:400 .875rem/1.5 Arial,sans-serif;color:#c3cbbf}
.product-page-options [data-available="false"]{border-style:dashed;background:#171917}
.product-pickup-note{padding:16px;background:#10170d;border-left:3px solid var(--lime)}
.product-pickup-note a{color:var(--lime);text-decoration:underline}
.product-photo-unavailable{padding:24px;text-align:center;display:grid;gap:12px;color:#d2dacd}
.product-photo-unavailable span{font:bold 2rem/1.2 Arial,sans-serif!important;color:#caff00!important}
.product-photo-unavailable p{margin:0;font:600 1rem/1.5 Arial,sans-serif}
.product-photo-unavailable small{font:400 .875rem/1.5 Arial,sans-serif}
@media(max-width:760px){.product-page-shell{grid-template-columns:minmax(0,1fr);gap:24px}.product-page-art{aspect-ratio:4/3}.product-page-art img{max-height:50dvh}.product-page-copy .cta{display:grid;gap:12px}.product-page-copy .cta a{white-space:normal;text-align:center;line-height:1.5;min-height:48px}}
/* AREA57: Alien Uprising — isolated, lazy game entry points. */
.uprising-placement{max-width:1400px;margin:0 auto;padding:36px clamp(20px,5vw,80px)}
.uprising-construction{display:grid;grid-template-columns:1fr 1.65fr;gap:8px 30px;margin-bottom:25px;padding-bottom:24px;border-bottom:1px solid #536144}
.uprising-construction h2{font-size:clamp(20px,2vw,27px);line-height:1.15;letter-spacing:-.025em;grid-row:span 2;max-width:370px;color:#e7f2d7}
.uprising-construction p{font-size:16px;line-height:1.55;color:#c4ccc2;margin:0}
.uprising-feature{position:relative;min-height:390px;overflow:hidden;border:1px solid #526346;border-radius:12px;background:#0c1720}
.uprising-feature>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:70% 48%;inset:0}
.uprising-feature-copy{position:relative;z-index:1;padding:44px;min-height:390px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:linear-gradient(90deg,#07101cf5 0%,#07101ce9 30%,#07101c77 58%,transparent 85%)}
.uprising-feature-copy h2{font-size:clamp(30px,4.2vw,54px);line-height:.98;letter-spacing:-.04em;max-width:540px;margin:12px 0 18px;color:#effcdd}
.uprising-feature-copy>p:not(.eyebrow){font-size:17px;line-height:1.5;max-width:400px;color:#d7e0d8}
.uprising-feature-copy .cta{margin:22px 0 16px;flex-wrap:wrap}
.uprising-feature-copy small{font-size:13px;color:#d2ddce;max-width:420px;line-height:1.5}
.uprising-route{position:fixed;inset:0;height:100dvh;background:#080d10;z-index:1200;display:flex;flex-direction:column;isolation:isolate}
.uprising-route nav{position:static;inset:auto;flex:0 0 auto;flex-direction:row;min-height:48px;padding:0 max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:18px;background:#0d151b;border-bottom:1px solid #3c4b50;color:#e5f0dc}
.uprising-route nav a{display:flex;white-space:nowrap;letter-spacing:0;text-transform:none;align-items:center;min-height:48px;font-size:14px;font-weight:700}
.uprising-route nav span{font-size:13px;letter-spacing:.12em;color:#c2e590}
.uprising-route iframe{display:block;flex:1;width:100%;min-height:0;border:0;background:#080d10}
@media(max-width:650px){.uprising-placement{padding:25px 18px}.uprising-construction{grid-template-columns:1fr;gap:12px}.uprising-feature{min-height:480px}.uprising-feature>img{object-position:68% top;height:320px}.uprising-feature-copy{min-height:480px;padding:220px 22px 25px;background:linear-gradient(0deg,#07101c 0%,#07101c 40%,#07101c88 58%,transparent 83%)}.uprising-feature-copy h2{font-size:34px}.uprising-feature-copy .eyebrow{font-size:12px}.uprising-route nav span{display:none}}

/* Cargo convoy: contain touch gestures to active play and keep controls legible. */
.cargo-restored .space-lane,.cargo-restored .ship-controls button{touch-action:none}
.cargo-briefing{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:16px;border:1px solid #4a684b;border-radius:12px}
.cargo-briefing label{display:grid;gap:8px;font-size:1rem}
.cargo-briefing select{min-height:48px;max-width:100%;background:#14201b;color:#fff;padding:10px;border:1px solid #839480;border-radius:6px}
.cargo-briefing p{grid-column:1/-1}
.cargo-restored .ship-controls{display:flex;flex-wrap:wrap;gap:10px}
.cargo-restored .ship-controls button{flex:1 1 70px;min-height:56px}
.cargo-restored .cargo-notice{position:absolute;z-index:5;top:8px;left:10%;width:80%;padding:8px;text-align:center;background:#08170feb;border:1px solid #b0ef68;pointer-events:none;font-weight:700}
.cargo-restored .cargo-repair{background:#bcf88c;color:#082b18;font-size:28px;display:grid;place-items:center}
.cargo-restored .cargo-magnet{background:#ccb4ff;color:#291248;font-size:24px;display:grid;place-items:center}
.cargo-restored .cargo-meteor{color:#ffb584;text-shadow:0 0 8px #df653d}
.cargo-restored .space-lane[data-sector="1"]{background-color:#18102c}
.cargo-restored .space-lane[data-sector="2"]{background-color:#271710}
.cargo-restored .space-lane[data-invulnerable="true"] .player-ship{outline:3px solid #fff;outline-offset:6px;border-radius:50%}
.cargo-restored button:focus-visible,.cargo-restored select:focus-visible{outline:3px solid #d3ff84;outline-offset:4px}

/* Freight campaign cues stay below controls and do not intercept pointers. */
.cargo-reference,.cargo-beacon,.cargo-storm-safe,.cargo-pulse,.cargo-practice{position:absolute;pointer-events:none;z-index:2;text-align:center;font-weight:800}
.cargo-reference{bottom:12px;transform:translateX(-50%);font-size:40px;color:#a6a9ff;opacity:.65}
.cargo-beacon{bottom:60px;transform:translateX(-50%);border:2px dashed #9fffaa;background:#112c27;padding:8px;font-size:14px}
.cargo-storm-safe{top:0;bottom:0;width:30%;border:2px dashed #7bfad2;background:#45b99b22;padding-top:64px;color:#c4ffe8}
.cargo-pulse{bottom:0;transform:translateX(-50%);width:54%;height:40%;border:3px solid #acacff;border-radius:50%;color:#fff}
.cargo-practice{bottom:65px;left:5%;width:90%;background:#0b172bef;padding:10px;font-size:14px!important}
.cargo-service{padding:20px;border:2px solid #99db80;border-radius:12px;background:#14221e}.cargo-service button{min-height:48px;margin:8px;padding:10px}.cargo-briefing input[type=text],.cargo-briefing input:not([type]){min-height:44px;background:#15221d;color:white;border:1px solid #99b69a;padding:8px}.cargo-briefing summary{cursor:pointer;min-height:44px}.cargo-restored button{touch-action:manipulation}

/* Receiving shares the owner workspace's touch and type scale. */
.receiving-label{display:grid;gap:8px;margin:18px 0;max-width:640px}
.receiving-list{max-height:500px;overflow:auto;border:1px solid #363d31;border-radius:6px}
.receiving-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px;border-bottom:1px solid #363d31}
.receiving-row>span:first-child{display:grid;gap:6px;min-width:0;overflow-wrap:anywhere}
.receiving-row>span:last-child{display:grid;gap:6px;flex:0 0 125px}
.receiving-row input{width:100%}
.receiving-panel li{margin-bottom:12px}
.receiving-panel li button{margin-left:12px}
@media(max-width:540px){.receiving-row{gap:10px;padding:12px}.receiving-row>span:last-child{flex-basis:100px}.receiving-panel{padding:16px}}

.guide-print{font:inherit;font-size:16px;min-height:44px;padding:12px 16px;border:1px solid #d4ff00;background:#10130b;color:#d4ff00;cursor:pointer}
@media print{
 body:has(.owner-guide-page){background:white!important;color:black!important}
 .owner-guide-page{background:white!important;color:black!important;width:100%!important;max-width:none!important;padding:0!important}
 .owner-guide-page *{color:black!important;text-shadow:none!important;box-shadow:none!important}
 .owner-guide-page .guide-stars,.owner-guide-page .guide-header>div,.owner-guide-page .guide-print{display:none!important}
 .owner-guide-page section,.owner-guide-page article{background:white!important;border-color:#bbb!important}
 .owner-guide-page article,.owner-guide-page li{break-inside:avoid}
 .owner-guide-page h1,.owner-guide-page h2,.owner-guide-page h3{break-after:avoid}
}

.owner-guide-page .guide-controls{max-width:1120px;margin:28px auto;padding:clamp(20px,4vw,40px);border:1px solid #505735;background:#10150de8;line-height:1.65;font-size:16px;position:relative}
.owner-guide-page .guide-controls h2{font-size:26px;font-weight:700;margin:0 0 16px;color:#d4ff00}
.owner-guide-page .guide-controls h3{font-size:20px;font-weight:700;margin:22px 0 10px}
.owner-guide-page .guide-controls ol{list-style:decimal;padding-left:25px}
.owner-guide-page .guide-controls li{padding:6px 0}
.owner-guide-page .guide-hero{display:block;min-height:0;padding-top:28px;padding-bottom:28px}
.owner-guide-page .guide-hero h1{font-size:clamp(32px,5vw,54px);line-height:1.1}
@media(max-width:760px){.owner-guide-page .guide-controls{margin:18px 16px}.guide-header>div{flex-wrap:wrap;justify-content:flex-end;gap:8px}}
/* Baseline access without a separate overlay or paid accessibility widget. */
html{scroll-padding-top:100px}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #d2ff35!important;outline-offset:4px!important}
:where(button,a,input,select,textarea,summary,[tabindex]){scroll-margin-block:110px}
:where(input,select,textarea){font-size:1rem}
input::placeholder,textarea::placeholder{opacity:1}
.account-grid label,.account-grid input,.account-grid select{font-size:1rem;line-height:1.5}
.account-grid input,.account-grid select,.amb-console input,.amb-console select{min-height:44px}
.account-grid button,.amb-console button,.voice-panel button,.origin-dialog button{min-height:44px}
.account-message,.amb-message,.voice-transcript{font-size:1rem;line-height:1.6;overflow-wrap:anywhere}
.info-page h1,.amb-page h1,.voice-panel h2{overflow-wrap:anywhere;line-height:1.12}
.voice-panel,.origin-dialog{max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;scroll-padding-block:64px}
.voice-panel p,.origin-dialog p{font-size:1rem;line-height:1.6}
.voice-panel .voice-help{color:#c6cec1}
.voice-panel .voice-commands button{font-size:.875rem;white-space:normal;line-height:1.5}
.primary-nav a,.primary-nav button,.commerce-nav a{min-height:44px;display:inline-flex;align-items:center}
.account-links a,.amb-text-button{min-height:44px;display:inline-flex;align-items:center}
.amb-check,.amb-check a{font-size:1rem;line-height:1.6}
.amb-check a{min-height:24px;display:inline-flex;align-items:center}
@media(max-width:600px){
  .voice-panel,.origin-dialog{width:calc(100vw - 24px);max-width:100%;padding:64px 18px 24px}
  .voice-panel .voice-commands{grid-template-columns:repeat(2,minmax(0,1fr))}
  .account-grid,.account-receipt,.amb-console{min-width:0}
  .account-grid article,.amb-console form{min-width:0;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
@media(forced-colors:active){
  :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline-color:Highlight!important}
  button,input,select,textarea{border:1px solid ButtonText!important}
  button:disabled{color:GrayText!important;border-color:GrayText!important}
  .primary,.ghost,.key-actions a,.key-actions button{background:Canvas!important;color:LinkText!important;border:1px solid LinkText!important}
  h1 em,h2 em{-webkit-text-stroke:0!important;color:CanvasText!important}
}
.studios-intro{min-height:0;padding-block:48px 28px}.studios-intro h1{font-size:clamp(40px,6vw,80px)}
.studios-directory{max-width:1440px;margin:auto;padding:24px clamp(18px,5vw,80px) 48px}.studios-directory>div>p{font-size:16px;line-height:1.6;color:#c5d0d5}.studios-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-block:22px}.studios-directory-grid>a{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:26px 20px;background:linear-gradient(145deg,#172331,#080b11);border:1px solid #374659;border-radius:16px;text-decoration:none;transition:border-color .15s,background .15s}.studios-directory-grid>a:hover{border-color:#caff00;background:#172b30}.studios-directory-grid span{font-size:14px;color:#caff00}.studios-directory-grid h2{font-size:23px;letter-spacing:-.02em;line-height:1.15}.studios-directory-grid p{font-size:16px;line-height:1.4;color:#e0e7ef}.studios-directory-grid small{font-size:14px;color:#a7b8c6}.studios-directory-grid b{margin-top:auto;color:#caff00;padding-top:16px}.studios-directory nav{display:flex;flex-wrap:wrap;gap:12px}.studios-directory nav a{padding:12px 18px;border:1px solid #455263;border-radius:8px;font-size:15px}
.customer-menu{display:none;position:relative}.customer-menu>button{min-height:48px;padding:10px 18px;border:1px solid #526173;border-radius:8px;background:#101a26;color:white;font-size:16px}.customer-menu>div{position:absolute;right:0;top:58px;width:min(300px,calc(100vw - 32px));background:#0c1420;border:1px solid #566577;border-radius:12px;padding:10px;box-shadow:0 20px 50px #000b;z-index:100}.customer-menu nav{display:grid}.customer-menu a{padding:14px 16px;font-size:16px;border-radius:6px}.customer-menu a:hover,.customer-menu a[aria-current]{background:#283c46;color:#caff00}
.beat-sequence{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:18px 0;min-height:36px}.beat-sequence li{font-size:12px;border:1px solid #526273;border-radius:6px;padding:8px;color:#cad6e0}.beat-sequence li[aria-current]{background:#caff00;color:#101700}.beat-edit{display:flex;flex-wrap:wrap;gap:8px;margin-block:16px}.beat-edit button,.cargo-flight-status button{font-size:14px;padding:12px;background:#172331;color:#eaf3ff;border:1px solid #526173;border-radius:8px}.beat-lab label{display:grid;gap:10px;font-size:16px}.beat-lab input{width:100%;min-height:44px}.mini-game>p:not(.eyebrow){font-size:16px;line-height:1.6;color:#c5d0d5}.mini-game{scroll-margin-top:100px}.cargo-flight-status{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:15px;margin:16px 0}.cargo-restored .space-lane{touch-action:none}.cargo-restored .ship-controls button{touch-action:none;min-height:58px;font-size:18px}.cargo-restored .ship-controls button:nth-child(3){grid-column:2;grid-row:1}.cargo-restored .ship-controls button:nth-child(2){grid-column:3;grid-row:1}.cargo-restored .falling-item{will-change:top}.cargo-restored .game-zone{min-height:340px}.product-photo-unavailable{display:grid;place-content:center;padding:20px;background:#141c28;color:#e2ebf4;text-align:center;height:100%;min-height:180px}.product-photo-unavailable p{font-size:16px}.product-photo-unavailable small{font-size:13px}
@media(max-width:1000px){.studios-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-header .commerce-nav{display:none}.customer-menu{display:block}.commerce-header{justify-content:space-between;overflow:visible;z-index:110}}
@media(max-width:540px){.studios-directory-grid{grid-template-columns:1fr 1fr;gap:10px}.studios-directory-grid>a{padding:18px 14px}.studios-directory-grid h2{font-size:19px}.studios-directory-grid p{font-size:15px}.studios-directory{padding-inline:16px}.studios-intro{padding-top:30px}.cargo-route-content{padding-inline:12px}.cargo-restored .game-top{flex-wrap:wrap;gap:8px}.cargo-restored #cargo-help{font-size:16px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.studios-directory-grid>a{transition:none}.cargo-restored .warp-lines{animation:none}}
.product-breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;font-size:15px;color:#c5d0d5}.product-breadcrumbs a{color:#d4ff80}.product-gallery{display:grid;gap:14px;width:100%}.product-gallery>img{width:100%;height:auto;max-height:680px;object-fit:contain}.product-gallery button,.direct-purchase button{min-height:48px;padding:12px 18px;border:1px solid #607285;border-radius:8px;background:#152330;color:#f3f7fa;font-size:16px;cursor:pointer}.product-gallery .gallery-thumbs{display:flex;gap:10px;overflow-x:auto}.gallery-thumbs button{padding:4px;width:80px;flex:0 0 80px}.gallery-thumbs img{width:100%;height:80px;object-fit:contain}.gallery-thumbs button[aria-pressed=true]{border:2px solid #caff00}.product-gallery dialog{width:min(920px,94vw);max-height:92dvh;padding:18px;background:#111a25;color:white;border:1px solid #657887;border-radius:14px;margin:auto;overflow:auto}.product-gallery dialog::backdrop{background:#000d}.product-gallery dialog>img{display:block;width:100%;height:auto;max-height:75dvh;object-fit:contain}.product-gallery dialog>button{display:block;margin:0 0 12px auto}.direct-purchase{display:grid;gap:12px;margin-block:24px}.direct-purchase label{display:grid;gap:10px;font-size:16px}.direct-purchase select{width:100%;min-width:0;padding:14px;background:#101a26;border:1px solid #607285;border-radius:8px;color:white;font-size:16px}.direct-purchase .primary{background:#caff00;color:#172100;font-weight:800}.direct-purchase button:disabled{opacity:.45;cursor:not-allowed}.direct-purchase p:empty{display:none}.product-fit-help{padding:18px 0;border-top:1px solid #526173}.product-fit-help summary{font-size:17px;cursor:pointer;min-height:44px}.signal-availability{font-size:16px;line-height:1.5;padding:12px 0}.signal-availability a{white-space:nowrap;text-decoration:underline}.commerce-launch{padding:clamp(16px,3vw,32px);background:#0f1923;border:1px solid #45596a;border-radius:16px;min-width:0;overflow-wrap:anywhere}.commerce-launch>header{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.commerce-launch h2{font-size:clamp(25px,3vw,36px)}.commerce-launch p{font-size:16px;line-height:1.55;color:#d1dce4}.commerce-launch button,.commerce-launch input:not([type=checkbox]),.commerce-launch select{min-height:44px;padding:10px 12px;color:#edf5fa;background:#172937;border:1px solid #607285;border-radius:6px;font-size:16px;max-width:100%;min-width:0}.commerce-launch input:not([type=checkbox]){width:100%}.commerce-launch button{cursor:pointer}.commerce-launch label{display:grid;gap:8px;font-size:15px}.commerce-launch>details{border-top:1px solid #3b4c59;margin-top:16px;padding-top:14px}.commerce-launch summary{font-size:18px;font-weight:700;padding:10px 0;cursor:pointer;min-height:44px}.launch-metrics,.launch-checks,.launch-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:14px;margin:18px 0}.launch-metrics article,.launch-checks article{padding:18px;background:#172633;border-radius:10px}.launch-metrics strong{display:block;font-size:32px;color:#d2ff70}.launch-metrics small{font-size:12px}.launch-checks b{color:#d2ff70;font-size:13px}.launch-checks small{font-size:13px;color:#c1cdd6}.commerce-launch table{width:100%;font-size:14px;border-collapse:collapse}.commerce-launch th,.commerce-launch td{text-align:left;padding:12px 6px;border-bottom:1px solid #344956}.commerce-launch ul{padding:0;list-style:none}.commerce-launch ul li{display:grid;gap:8px;padding:16px 0;border-bottom:1px solid #344956}.commerce-launch a{color:#d2ff70;text-decoration:underline}.commerce-launch ol{padding-left:24px}.commerce-launch ol li{padding-block:10px}.commerce-launch ol label{display:flex;align-items:flex-start;gap:14px}.commerce-launch input[type=checkbox]{width:24px;height:24px;flex:0 0 24px;accent-color:#caff00}.commerce-launch :focus-visible,.direct-purchase :focus-visible,.product-gallery :focus-visible{outline:3px solid #caff00;outline-offset:3px}
.product-page .product-page-shell{padding-top:24px}.product-page .product-page-art{aspect-ratio:auto;padding:16px}.product-page .product-gallery .gallery-thumbs img{height:80px}.product-breadcrumbs{padding-top:100px;max-width:1320px;margin-inline:auto}
.customer-menu nav{position:static;inset:auto;padding:0;gap:0;background:transparent}.customer-menu>div{max-height:calc(100dvh - 140px);overflow-y:auto}.customer-menu>div[hidden]{display:none}.studios-directory nav,.product-breadcrumbs{position:static;inset:auto;background:transparent}.product-breadcrumbs{display:flex}.studios-directory nav{display:flex}
.collection-page .collection-hero{padding:48px clamp(18px,5vw,80px) 30px}.collection-page .collection-hero h1{font-size:clamp(32px,4.5vw,62px);line-height:1.12;max-width:1000px}.collection-page .collection-hero p{font-size:17px;line-height:1.6;max-width:800px}.collection-page .collection-hero small{font-size:14px;line-height:1.5}.catalog-refine{margin:16px 0;border:1px solid #475349;border-radius:8px;padding:10px 14px}.catalog-refine summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:16px}.catalog-refine a{align-self:end;padding:12px;color:#d4ff80}.customer-care-page{padding:48px clamp(18px,6vw,90px) 120px}.customer-care-page>h1{font-size:clamp(34px,5vw,66px);line-height:1.1}.customer-care-page>p{max-width:800px;font-size:18px;line-height:1.6}.store-visit,.pickup-planner,.customer-help{max-width:1000px;margin:30px 0;padding:clamp(18px,3vw,30px);background:#101b25;border:1px solid #445669;border-radius:12px}.store-visit h2,.pickup-planner h2,.product-followups h2{font-size:clamp(24px,3vw,36px)}.store-visit p,.pickup-planner p,.customer-help p{font-size:17px;line-height:1.6}.store-visit address{font-style:normal;font-size:21px;line-height:1.5}.store-visit small{font-size:14px}.product-support-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0}.product-support-actions a,.product-support-actions button,.customer-help button,.catalog-workbench button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;border:1px solid #526a78;border-radius:8px;background:#142735;color:#e0f9d0;font-size:16px;line-height:1.4;cursor:pointer;text-decoration:none}.product-support-actions button:disabled,.catalog-workbench button:disabled{opacity:.45;cursor:default}.pickup-planner label{display:flex;align-items:center;gap:12px;min-height:52px;font-size:16px}.pickup-planner input{width:24px;height:24px;accent-color:#caff00}.help-search{display:grid;grid-template-columns:2fr 1fr;gap:14px}.help-search label,.catalog-workbench label{display:grid;gap:8px;font-size:16px}.help-search input,.help-search select,.catalog-workbench input,.catalog-workbench select{width:100%;min-width:0;min-height:48px;padding:12px;border:1px solid #526a78;border-radius:6px;color:white;background:#10202e;font-size:16px}.customer-help details{border-top:1px solid #435b68;padding:12px 0}.customer-help summary{font-size:18px;min-height:44px;padding:10px 0;cursor:pointer}.help-return{display:inline-block;padding:16px;color:#d4ff80}.product-followups{max-width:1320px;padding:30px;margin:0 auto 100px}.product-followups>p{font-size:17px;line-height:1.6;white-space:pre-line}.related-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.related-product-grid>a{display:grid;gap:12px;padding:16px;background:#101923;border:1px solid #435b68;border-radius:10px;color:white;text-decoration:none}.related-product-grid img{width:100%;aspect-ratio:4/5;object-fit:contain;background:#080d12}.related-product-grid strong{font-size:17px;line-height:1.4}.related-product-grid small{font-size:14px;color:#bcced8}.related-product-grid span{color:#caff00;font-size:18px}.selected-option-price{padding:14px;background:#182831;border-left:3px solid #caff00;font-size:17px}.catalog-workbench{padding:24px;min-width:0}.catalog-workbench h2{font-size:30px}.catalog-workbench p{font-size:16px;line-height:1.5}.catalog-review-list{padding:0;list-style:none}.catalog-review-list li{display:flex;gap:20px;justify-content:space-between;border-top:1px solid #435b68;padding:18px 0}.catalog-review-list li>div{min-width:0;overflow-wrap:anywhere}.catalog-review-list li>div:last-child{display:flex;flex-direction:column;gap:12px;min-width:120px}.catalog-review-list a{color:#d4ff80;font-size:15px;padding:10px 0}.catalog-review-list strong{font-size:18px}.catalog-workbench summary{min-height:48px;padding:14px 0;font-size:18px;cursor:pointer}.audit-table-wrap{overflow-x:auto}.audit-table-wrap table{width:100%;border-collapse:collapse;min-width:420px}.audit-table-wrap th,.audit-table-wrap td{padding:12px;text-align:left;border-bottom:1px solid #435b68;font-size:15px}.customer-care-page :focus-visible,.product-followups :focus-visible,.catalog-workbench :focus-visible{outline:3px solid #caff00;outline-offset:3px}
@media(max-width:700px){.related-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-followups{padding:18px}.help-search{grid-template-columns:1fr}.catalog-review-list li{flex-direction:column}.catalog-review-list li>div:last-child{flex-direction:row}.product-support-actions>*{flex:1 1 150px}.catalog-workbench{padding:16px}.collection-grid{position:static;inset:auto}}

.gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}.gallery-controls button{min-height:48px}.catalog-workbench summary{cursor:pointer;min-height:48px;padding:14px 0}
/* AREA57 shopping and pickup refinements, October 7 — second release. */
.catalog-refine>summary{display:flex;justify-content:space-between;gap:16px;font-weight:700}.catalog-refine>summary>span{font-weight:400;font-size:14px;color:#d0d9c8}.purchase-options{border:0;padding:0;margin:0 0 14px;min-width:0}.purchase-options legend{font-size:18px;font-weight:700;padding-bottom:12px}.purchase-options>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(155px,100%),1fr));gap:10px}.purchase-options button{display:grid;gap:7px;text-align:left;min-width:0}.purchase-options button[aria-pressed=true]{border-color:#caff00;background:#273711;box-shadow:inset 0 0 0 1px #caff00}.purchase-options small{font-size:14px}.purchase-options button:disabled{opacity:.65}.receipt-print-brand{display:none}.receipt-pickup-guidance{padding:16px;border-left:3px solid #caff00;background:#15200d;font-size:17px;line-height:1.6}.help-answer-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.help-answer-tools button{font-size:14px}.customer-help details:target{outline:2px solid #caff00;outline-offset:4px}.customer-help details{scroll-margin-top:110px}.customer-menu a:focus-visible{outline:3px solid #caff00;outline-offset:-3px}
@media print{body:has(.printable-receipt){background:#fff!important;color:#000!important}body:has(.printable-receipt)>*:not(main):not(.account-center){display:none!important}.account-center{padding:0!important;margin:0!important;max-width:none!important}.account-center>*:not(.printable-receipt){display:none!important}.printable-receipt{border:0!important;background:white!important;color:black!important;padding:12px!important}.printable-receipt *{color:black!important;background:transparent!important;text-shadow:none!important;box-shadow:none!important}.printable-receipt button,.printable-receipt .receipt-actions{display:none!important}.receipt-print-brand{display:flex;align-items:center;gap:16px}.receipt-lines article{break-inside:avoid}.receipt-totals,.receipt-summary{break-inside:avoid}.printable-receipt img{max-width:70px!important;max-height:70px!important}.receipt-pickup-guidance{border-color:#000!important}}
/* AREA57 release 104: discovery, Studios and the owner's task workspace. */
.home-shop-finder{max-width:540px;margin:24px 0;text-align:left}.home-shop-finder label{display:block;font-size:16px;font-weight:700;margin-bottom:10px}.home-shop-finder>div{display:flex;gap:8px}.home-shop-finder input{min-width:0;flex:1;min-height:48px;padding:12px;border:1px solid #657549;background:#080e09;color:white;border-radius:7px;font-size:16px}.home-shop-finder button{min-height:48px;padding:12px 18px;background:#caff00;color:#111900;border:0;border-radius:7px;font-size:15px;font-weight:800}.home-shop-finder small{display:block;font-size:14px;line-height:1.5;margin-top:8px;color:#c2ceb9}.style-shortcuts{position:static;display:flex;flex-wrap:wrap;gap:10px;margin:18px 0;padding:0;background:none}.style-shortcuts a{padding:12px 16px;min-height:44px;border:1px solid #5a693c;background:#11180a;border-radius:24px;color:#e4f8c6;font-size:15px}
.studios-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.studios-tools label{display:grid;gap:8px;font-size:15px}.studios-tools select,.studios-tools button,.studios-tools a,.studios-directory-grid article>button{min-height:46px;padding:12px 15px;border:1px solid #596d46;border-radius:8px;background:#121d0b;color:#eaffd0;font-size:15px}.studios-tools [aria-pressed=true],.studios-directory-grid article>button[aria-pressed=true]{background:#caff00;color:#111}.studios-directory-grid>article{display:flex;flex-direction:column;gap:14px;padding:22px;background:linear-gradient(145deg,#172331,#080b11);border:1px solid #465d41;border-radius:16px;min-width:0}.studios-directory-grid article>a{display:flex;flex-direction:column;gap:12px;flex:1}.studios-directory-grid article details{font-size:15px;line-height:1.6}.studios-directory-grid article summary{min-height:44px;padding:10px 0;cursor:pointer}.game-frame-tools{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:8px 14px;background:#0a130b;border-bottom:1px solid #536737;color:#d8e5cf}.game-frame-tools span{font-size:14px;margin-right:auto}.game-frame-tools button{font-size:14px;min-height:44px;padding:9px 12px;border:1px solid #586e3f;background:#18230e;border-radius:6px;color:#ebffcd}.pinball-route>iframe,.uprising-route>iframe{height:calc(100dvh - 146px);min-height:360px}.pinball-route>iframe:fullscreen,.uprising-route>iframe:fullscreen{width:100vw;height:100dvh;background:#000}
.owner-task-desk>header{position:static;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0;background:none;border:0;flex-wrap:wrap}.owner-task-desk>header h2{font-size:clamp(25px,3vw,38px);line-height:1.15}.owner-task-desk>header p,.owner-task-desk>header span{font-size:14px;color:#c5dba9}.owner-task-desk p{font-size:16px;line-height:1.6}.owner-task-desk button,.owner-task-desk input{min-height:46px;font-size:16px;border:1px solid #64764c;border-radius:8px;padding:12px;color:#edf7df;background:#111b0d}.owner-task-desk>label{display:grid;gap:9px;margin:20px 0;font-size:16px}.owner-task-desk input[type=search]{width:100%;max-width:700px}.owner-attention-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.owner-attention-grid button{text-align:left;line-height:1.4}.owner-attention-grid strong{display:block;color:#caff00;font-size:30px;margin-bottom:8px}.owner-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.owner-task-grid article{display:flex;flex-direction:column;gap:8px}.owner-task-grid article>button:first-child{text-align:left;flex:1;display:grid;gap:9px}.owner-task-grid span{font-size:14px;line-height:1.5;color:#cbd7bd}.owner-task-grid button[aria-pressed=true]{border-color:#caff00;color:#caff00}.task-pins{position:static;display:flex;gap:10px;flex-wrap:wrap;background:none;padding:12px 0;margin:0}.owner-task-desk details{border-top:1px solid #465738;margin-top:18px;padding-top:10px}.owner-task-desk summary{font-size:18px;min-height:48px;padding:12px 0;cursor:pointer}.desk-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid #36472b;overflow-wrap:anywhere}.desk-row small{font-size:14px}.desk-check{display:flex;align-items:center;gap:12px;margin:12px 0;font-size:16px}.owner-task-desk .desk-check input{min-height:24px;width:24px;height:24px;accent-color:#caff00}.owner-task-desk :focus-visible,.studios-directory :focus-visible,.game-frame-tools :focus-visible,.home-shop-finder :focus-visible{outline:3px solid #caff00;outline-offset:3px}
@media(max-width:720px){.owner-task-grid,.owner-attention-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-frame-tools span{flex-basis:100%}.pinball-route>iframe,.uprising-route>iframe{height:calc(100dvh - 195px)}.studios-directory-grid{grid-template-columns:1fr}.home-shop-finder>div{flex-wrap:wrap}.home-shop-finder input{flex-basis:65%}.home-shop-finder button{flex:1}}
@media(max-width:420px){.owner-task-grid,.owner-attention-grid{grid-template-columns:1fr}.game-frame-tools button{font-size:13px;padding:8px}}
/* Saved shortlists, focused product options and pickup guidance. */
.saved-workspace{margin:24px auto;max-width:1250px}.saved-workspace p{font-size:16px;line-height:1.6}.saved-filters,.option-finder{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;align-items:end;margin:20px 0}.saved-filters label,.option-finder label{display:grid;gap:8px;font-size:16px}.saved-workspace input,.saved-workspace select,.option-finder input,.option-finder select{width:100%;min-width:0;min-height:48px;padding:12px;background:#0e1710;border:1px solid #637351;border-radius:8px;color:#f4ffe5;font-size:16px}.saved-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0}.saved-actions button,.saved-actions a,.saved-empty>a,.saved-empty>button,.option-finder button,.saved-choose{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:12px 16px;background:#14200c;color:#e8ffd3;border:1px solid #63764b;border-radius:8px;font-size:15px;line-height:1.4;text-decoration:none}.saved-actions button:disabled{opacity:.5;cursor:not-allowed}.shortlist-banner,.receipt-forget-confirm{padding:22px;border:1px solid #caff00;border-radius:12px;background:#18200c}.saved-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.saved-grid article{display:flex;flex-direction:column;gap:14px;min-width:0;padding:18px;background:#0d1410;border:1px solid #43503c;border-radius:12px}.saved-grid article>a{display:grid;gap:10px;color:inherit;text-decoration:none}.saved-grid img{width:100%;aspect-ratio:4/5;object-fit:contain;background:#101410;border-radius:8px}.saved-grid h2{font-size:20px;line-height:1.35;overflow-wrap:anywhere;margin:0}.saved-grid p,.saved-grid small{font-size:14px;line-height:1.5}.saved-grid .saved-choose{margin-top:auto;background:#caff00;color:#121a06;font-weight:700}.saved-select{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.4}.saved-select input{width:22px;height:22px;min-height:22px;flex-shrink:0;accent-color:#caff00}.saved-empty{padding:32px;border:1px dashed #6e7e5b;border-radius:12px}.saved-notice{white-space:pre-wrap;overflow-wrap:anywhere}.saved-workspace :focus-visible,.option-finder :focus-visible,.receipt-progress :focus-visible{outline:3px solid #caff00;outline-offset:3px}.purchase-estimate{display:grid;gap:10px;padding:18px;margin:16px 0;border:1px solid #627945;border-radius:10px;background:#14200d}.purchase-estimate strong{font-size:22px}.purchase-estimate span,.purchase-estimate small{font-size:15px;line-height:1.5}.direct-purchase .option-finder{grid-template-columns:1fr 1fr}.direct-purchase .option-finder button{grid-column:1/-1}.direct-purchase>p button{font-size:14px;padding:10px}.receipt-progress{padding:20px 0}.receipt-progress ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;gap:12px;list-style:none}.receipt-progress li{display:grid;gap:8px;align-content:start;border:1px solid #546449;padding:16px;border-radius:9px;font-size:16px}.receipt-progress li[data-complete=true]{border-color:#caff00}.receipt-progress li[aria-current]{background:#192510}.receipt-progress li>span{font-size:22px;color:#caff00}.receipt-progress small{font-size:14px;line-height:1.5}.receipt-forget-confirm p{font-size:16px;line-height:1.6}
@media(max-width:760px){.saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.saved-filters{grid-template-columns:1fr 1fr}.saved-filters>label:first-child{grid-column:1/-1}.receipt-progress ol{grid-template-columns:1fr}.saved-actions>*{flex:1 1 150px}}
@media(max-width:440px){.saved-grid,.saved-filters,.direct-purchase .option-finder{grid-template-columns:1fr}.saved-grid article{padding:16px}.saved-grid img{max-height:330px}}
@media print{.receipt-progress .saved-actions,.receipt-progress>p[role=status],.receipt-forget-confirm{display:none!important}}
/* Owner pickup and replenishment work queues. */
.queue-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.queue-filters label{display:grid;gap:8px;font-size:16px;min-width:0}.owner-task-desk .queue-filters input,.owner-task-desk .queue-filters select{width:100%;min-width:0;max-width:none;min-height:48px;font-size:16px;color:#edf7df;background:#111b0d;border:1px solid #64764c;border-radius:8px;padding:12px}.queue-order{padding:20px;margin:14px 0;border:1px solid #495a38;background:#0d150a;border-radius:10px;overflow-wrap:anywhere}.queue-order-head{display:flex;align-items:start;justify-content:space-between;gap:18px}.queue-order h3{font-size:19px;line-height:1.5;margin:0}.queue-order small{font-size:14px;line-height:1.5}.queue-order-head button{flex-shrink:0}.queue-freshness{padding:14px;border-left:3px solid #70845a;background:#111a0c}.queue-stale,.queue-refund{border-left:3px solid #ebc65d;background:#261f0d;padding:14px;color:#ffefbc}.packing-reference{list-style:none;padding:0;display:grid;gap:12px}.packing-reference li{display:grid;gap:8px;padding:14px;background:#182211;border:1px solid #4f613c;border-radius:8px;font-size:16px}.packing-reference code{font-size:14px;overflow-wrap:anywhere}.queue-pagination{position:static!important;display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;background:none!important;padding:18px 0!important}.queue-pagination span{font-size:16px}.stock-breakdown{display:flex;flex-wrap:wrap;gap:10px}.stock-breakdown span{border:1px solid #50623d;border-radius:6px;padding:9px;font-size:14px}.stock-breakdown b{color:#dfffaa;font-size:18px}.owner-queue-review button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:600px){.queue-filters{grid-template-columns:1fr}.queue-order-head{flex-direction:column}.queue-order-head button{width:100%}.queue-order{padding:15px}}

/* Live catalog replaces the archived shopping experience. */
.live-shop-page{max-width:1440px;margin:auto;padding-inline:clamp(16px,4vw,64px)}
.live-shop-page>h1{font-size:clamp(34px,6vw,72px);line-height:1.05;margin:12px 0 18px}
.live-shop-page>p:not(.eyebrow){max-width:720px;margin-bottom:28px;line-height:1.6}
.live-shop-visit{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:44px 0;scroll-margin-top:100px}
.live-shop-visit p{line-height:1.65}.live-shop-visit a{color:#d9ff42;text-decoration:underline;text-underline-offset:4px}
#area57-live-store{color-scheme:light;min-width:0}
@media(max-width:650px){.live-shop-visit{grid-template-columns:1fr}.live-shop-page{padding-inline:12px}}

/* AREA57 branded cart: preserve the native button and live counter. */
.ec-cart-widget .ec-minicart__icon{width:48px!important;height:53px!important;background:url('/assets/area57-shopping-bag.svg') center/contain no-repeat!important;filter:drop-shadow(0 0 5px #aaff2844)}
.ec-cart-widget .ec-minicart__icon svg{opacity:0!important;width:48px!important;height:53px!important}
.ec-cart-widget .ec-minicart{color:#caff28!important;min-width:64px;min-height:54px}
.ec-cart-widget .ec-minicart__counter{color:#caff28!important;font-weight:800!important}
.ec-cart-widget .ec-minicart:focus-visible{outline:2px solid #caff28;outline-offset:4px;border-radius:8px}

/* Keep category filters; remove the large category tile grid. */
#my-store-121392002 .grid__categories{display:none!important}

/* AREA57 gift card: exact product scope leaves all other product photos intact. */
#my-store-121392002 .grid-product--id-768699760 .grid-product__picture{background:#080a0b url('/assets/area57-gift-card.svg') center/contain no-repeat!important}
#my-store-121392002 .grid-product--id-768699760 .grid-product__picture img{content:url('/assets/area57-gift-card.svg')!important;object-fit:contain!important;background:#080a0b!important}
body.area57-gift-product #my-store-121392002 .details-gallery__picture{background:#080a0b url('/assets/area57-gift-card.svg') center/contain no-repeat!important}
body.area57-gift-product #my-store-121392002 .details-gallery__picture img,body.area57-gift-product #my-store-121392002 .details-gallery__image{content:url('/assets/area57-gift-card.svg')!important;object-fit:contain!important;background:#080a0b!important}
body.area57-gift-product #my-store-121392002 .product-details__product-title{color:#c5a0ff!important}
body.area57-gift-product #my-store-121392002 .form-control--selected .form-control__button{background:#b6ff00!important;color:#101600!important;border-color:#b6ff00!important}

body.area57-gift-product #my-store-121392002 img.details-gallery__picture{content:url("/assets/area57-gift-card.svg")!important;object-fit:contain!important}

/* The upper decorative footer panel is the notices host; retain the lower logo. */
#my-store-121392002 .ec-size .ec-store:has(> .ec-notices)::before{
 background-image:url('/assets/area57-ufo-emblem.webp')!important;
 background-size:contain!important;
 height:190px;
 filter:drop-shadow(0 0 16px #a855f744) drop-shadow(0 0 12px #b6ff0033);
}
@media(max-width:600px){#my-store-121392002 .ec-size .ec-store:has(> .ec-notices)::before{height:150px}}

#my-store-121392002 .grid-product--id-768699760 img.grid-product__picture{content:url("/assets/area57-gift-card.svg")!important;object-fit:contain!important;background:#080a0b!important}