:root {
  --black: #070806;
  --black-2: #0d0f0d;
  --steel: #171a17;
  --yellow: #ffc400;
  --yellow-hot: #ffdc48;
  --white: #f3f1e9;
  --muted: #92978d;
  --line: rgba(255,255,255,.12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body { margin: 0; background: var(--black); color: var(--white); font-family: Arial, Helvetica, sans-serif; }
a { color: inherit; text-decoration: none; }
svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; }

.war-header { position: absolute; z-index: 40; top: 0; left: 0; width: 100%; color: #fff; }
.system-bar { height: 28px; padding: 0 clamp(20px,5vw,78px); display: flex; align-items: center; justify-content: space-between; background: rgba(4,5,4,.85); border-bottom: 1px solid rgba(255,196,0,.24); color: #84897f; font-family: var(--font-geist-mono); font-size: 8px; letter-spacing: .16em; }
.system-status { display: flex; align-items: center; gap: 8px; color: #c2c6bd; }
.system-status i,.price-alert i { width: 6px; height: 6px; background: var(--yellow); border-radius: 50%; box-shadow: 0 0 12px var(--yellow); }
.nav-shell { height: 76px; padding: 0 clamp(20px,5vw,78px); display: flex; align-items: center; justify-content: space-between; background: linear-gradient(180deg,rgba(5,6,5,.88),rgba(5,6,5,.32)); border-bottom: 1px solid rgba(255,255,255,.15); backdrop-filter: blur(7px); }
.brand { display: flex; align-items: center; gap: 13px; }
.tower-mark { position: relative; width: 43px; height: 43px; display: flex; align-items: end; justify-content: center; gap: 3px; padding: 8px; background: var(--yellow); clip-path: polygon(8% 0,100% 0,92% 100%,0 100%); }
.tower-mark::after { content: ""; position: absolute; width: 6px; height: 6px; top: 5px; right: 5px; border-top: 1px solid #111; border-right: 1px solid #111; }
.tower-mark i { display: block; width: 6px; background: #0b0d0b; transform: skew(-8deg); }
.tower-mark i:nth-child(1) { height: 18px; }
.tower-mark i:nth-child(2) { height: 27px; }
.tower-mark i:nth-child(3) { height: 22px; }
.brand-copy { display: flex; flex-direction: column; line-height: .86; }
.brand-copy b { font-size: 24px; font-weight: 950; letter-spacing: -.055em; white-space: nowrap; }
.brand-copy b span { color: var(--yellow); }
.brand-copy small { margin-top: 7px; color: #c4c8c0; font-family: var(--font-geist-mono); font-size: 6px; letter-spacing: .26em; }
.nav-shell nav { display: flex; align-items: center; gap: 42px; font-family: var(--font-geist-mono); font-size: 10px; font-weight: 650; letter-spacing: .13em; }
.nav-shell nav a { position: relative; color: #b9bdb5; }
.nav-shell nav a::before { content: ""; position: absolute; width: 0; height: 2px; left: 0; bottom: -10px; background: var(--yellow); transition: width .2s; }
.nav-shell nav a:hover { color: #fff; }
.nav-shell nav a:hover::before { width: 100%; }
.nav-cta { height: 38px; display: inline-flex; align-items: center; gap: 9px; padding: 0 17px; background: var(--yellow); color: #090a08; font-size: 10px; font-weight: 950; letter-spacing: .09em; clip-path: polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px)); }
.nav-cta svg { width: 16px; }
.target-symbol { font-size: 18px; line-height: 1; }

.war-hero { position: relative; min-height: 790px; padding: 180px clamp(24px,8vw,126px) 100px; display: flex; align-items: center; overflow: hidden; background-color: #0a0b09; background-image: linear-gradient(90deg,rgba(4,5,4,.98) 0%,rgba(4,5,4,.89) 31%,rgba(4,5,4,.37) 58%,rgba(4,5,4,.1) 100%),linear-gradient(0deg,rgba(5,6,5,.82),transparent 42%),url('/towers-hero-v2.webp'); background-size: cover; background-position: center; }
.war-hero::before { content: ""; position: absolute; inset: 0; z-index: 1; background: radial-gradient(circle at 83% 44%,transparent 0,transparent 25%,rgba(0,0,0,.24) 58%,rgba(0,0,0,.6) 100%); }
.hero-scanlines { position: absolute; z-index: 2; inset: 0; pointer-events: none; opacity: .08; background: repeating-linear-gradient(0deg,transparent 0,transparent 3px,#fff 4px); }
.hero-copy { position: relative; z-index: 5; max-width: 700px; }
.mission-tag { width: fit-content; margin-bottom: 26px; padding: 7px 11px 7px 0; border-top: 1px solid rgba(255,196,0,.65); border-bottom: 1px solid rgba(255,196,0,.3); color: #a9aea4; font-family: var(--font-geist-mono); font-size: 9px; letter-spacing: .2em; }
.mission-tag span { padding: 7px 10px; margin-right: 10px; background: var(--yellow); color: #0a0b09; font-weight: 900; }
.hero-store-name { margin: 0 0 20px; font-family: Impact,"Arial Narrow",sans-serif; font-size: clamp(36px,4.4vw,68px); line-height: .82; letter-spacing: -.02em; color: var(--yellow); text-shadow: 0 5px 18px #000; }
.hero-store-name span { color: #fff; }
.cod-title { width: fit-content; margin-bottom: 14px; display: flex; flex-direction: column; align-items: center; line-height: .8; color: #fff; }
.cod-title b { font-family: Impact,"Arial Narrow",sans-serif; font-size: clamp(30px,3.1vw,48px); font-weight: 800; letter-spacing: -.02em; }
.cod-title b i { font-family: Arial,sans-serif; font-style: normal; font-size: .35em; vertical-align: middle; letter-spacing: -.08em; }
.cod-title span { margin-top: 11px; font-family: var(--font-geist-mono); font-size: 12px; letter-spacing: .72em; transform: translateX(4px); }
.war-hero h1 { margin: 0; font-family: Impact,"Arial Narrow",var(--font-geist-sans),sans-serif; font-size: clamp(76px,8.6vw,138px); font-weight: 900; line-height: .76; letter-spacing: -.025em; text-transform: uppercase; text-shadow: 0 8px 22px #000; }
.war-hero h1 em { color: var(--yellow); font-style: normal; }
.hero-copy > p { max-width: 540px; margin: 30px 0 0; padding-left: 16px; border-left: 3px solid var(--yellow); color: #c3c6bd; font-size: 16px; font-weight: 520; line-height: 1.65; text-shadow: 0 2px 5px #000; }
.hero-actions { margin-top: 35px; display: flex; align-items: center; gap: 27px; }
.combat-button { min-width: 204px; height: 54px; padding: 0 20px 0 24px; display: inline-flex; justify-content: space-between; align-items: center; background: var(--yellow); color: #090a08; font-size: 11px; font-weight: 950; letter-spacing: .11em; clip-path: polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px)); transition: filter .2s,transform .2s; }
.combat-button:hover { filter: brightness(1.12); transform: translateY(-2px); }
.price-alert { display: flex; align-items: center; gap: 10px; color: #b5baaf; font-family: var(--font-geist-mono); font-size: 9px; letter-spacing: .14em; }
.operator-card { position: absolute; z-index: 5; right: clamp(20px,5vw,80px); bottom: 72px; width: 225px; padding: 16px; border: 1px solid rgba(255,255,255,.26); background: linear-gradient(145deg,rgba(10,11,9,.84),rgba(20,22,18,.58)); backdrop-filter: blur(8px); clip-path: polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%); }
.operator-card-head { display: flex; justify-content: space-between; align-items: center; padding-bottom: 9px; border-bottom: 1px solid var(--line); color: #8f958a; font-family: var(--font-geist-mono); font-size: 8px; letter-spacing: .15em; }
.operator-card-head i { width: 6px; height: 6px; background: var(--yellow); border-radius: 50%; box-shadow: 0 0 12px var(--yellow); }
.operator-card > strong { display: block; margin: 15px 0; font-family: Impact,"Arial Narrow",sans-serif; color: #fff; font-size: 31px; line-height: .85; letter-spacing: .02em; }
.operator-data { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.operator-data span { padding: 10px 0; font-family: var(--font-geist-mono); font-size: 8px; }
.operator-data span + span { padding-left: 10px; border-left: 1px solid var(--line); }
.operator-data small { display: block; margin-bottom: 4px; color: #686e65; }
.operator-card > p { margin: 12px 0 0; color: var(--yellow); font-family: var(--font-geist-mono); font-size: 8px; letter-spacing: .16em; }
.hero-reticle { position: absolute; z-index: 4; right: 27%; top: 34%; width: 92px; height: 92px; border: 1px solid rgba(255,196,0,.36); border-radius: 50%; }
.hero-reticle::before,.hero-reticle::after { content: ""; position: absolute; background: rgba(255,196,0,.35); }
.hero-reticle::before { left: -18px; top: 50%; width: calc(100% + 36px); height: 1px; }
.hero-reticle::after { top: -18px; left: 50%; width: 1px; height: calc(100% + 36px); }
.hero-reticle span { position: absolute; width: 13px; height: 13px; border-color: var(--yellow); opacity: .75; }
.hero-reticle span:nth-child(1) { left: 6px; top: 6px; border-left: 2px solid; border-top: 2px solid; }
.hero-reticle span:nth-child(2) { right: 6px; top: 6px; border-right: 2px solid; border-top: 2px solid; }
.hero-reticle span:nth-child(3) { left: 6px; bottom: 6px; border-left: 2px solid; border-bottom: 2px solid; }
.hero-reticle span:nth-child(4) { right: 6px; bottom: 6px; border-right: 2px solid; border-bottom: 2px solid; }
.hero-coordinates { position: absolute; z-index: 5; left: clamp(24px,8vw,126px); bottom: 24px; color: rgba(255,255,255,.34); font-family: var(--font-geist-mono); font-size: 8px; letter-spacing: .15em; }

.hazard-tape { height: 38px; padding: 0 30px; display: flex; align-items: center; justify-content: space-around; gap: 24px; overflow: hidden; background: var(--yellow); color: #0a0b09; font-family: Impact,"Arial Narrow",sans-serif; font-size: 14px; letter-spacing: .08em; white-space: nowrap; }
.hazard-tape i { flex: 0 0 auto; width: 7px; height: 7px; background: #0a0b09; transform: rotate(45deg); }
.intel-strip { min-height: 126px; padding: 0 clamp(24px,7vw,112px); display: grid; grid-template-columns: repeat(3,1fr); background: #0a0c0a; border-bottom: 1px solid var(--line); }
.intel-strip article { padding: 0 clamp(20px,3vw,46px); display: flex; align-items: center; gap: 17px; border-right: 1px solid var(--line); }
.intel-strip article:first-child { border-left: 1px solid var(--line); }
.intel-strip svg { width: 29px; height: 29px; color: var(--yellow); }
.intel-strip article div { display: flex; flex-direction: column; }
.intel-strip small { color: #565b53; font-family: var(--font-geist-mono); font-size: 8px; letter-spacing: .12em; }
.intel-strip b { margin: 4px 0; font-size: 12px; letter-spacing: .06em; }
.intel-strip span { color: #747a71; font-size: 10px; }
.intel-strip .intel-icon,.intel-icon { color: var(--yellow); font-family: Impact,"Arial Narrow",sans-serif; font-size: 29px; }

.armory { position: relative; padding: 112px clamp(20px,7vw,112px) 130px; background-color: #10120f; background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size: 62px 62px; overflow: hidden; }
.armory::before { content: ""; position: absolute; width: 600px; height: 600px; right: -180px; top: -200px; border: 1px solid rgba(255,196,0,.07); border-radius: 50%; box-shadow: 0 0 0 70px rgba(255,196,0,.018),0 0 0 140px rgba(255,196,0,.012); }
.armory-heading { position: relative; z-index: 2; margin-bottom: 50px; }
.heading-code { display: flex; align-items: center; gap: 12px; color: #858b80; font-family: var(--font-geist-mono); font-size: 9px; letter-spacing: .15em; }
.heading-code span { color: var(--yellow); font-weight: 900; }
.heading-code i { width: 38px; height: 1px; background: var(--yellow); }
.heading-row { margin-top: 15px; display: flex; justify-content: space-between; align-items: end; }
.heading-row h2,.briefing h2 { margin: 0; font-family: Impact,"Arial Narrow",sans-serif; font-size: clamp(54px,6vw,90px); line-height: .83; letter-spacing: -.01em; }
.heading-row h2 em,.briefing h2 em { color: var(--yellow); font-style: normal; }
.brief-copy { max-width: 400px; padding: 16px 0 16px 18px; border-left: 2px solid var(--yellow); }
.brief-copy span { color: var(--yellow); font-family: var(--font-geist-mono); font-size: 8px; letter-spacing: .15em; }
.brief-copy p { margin: 8px 0 0; color: #8f958b; font-size: 13px; line-height: 1.7; }
.supply-grid { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.supply-card { position: relative; min-height: 448px; padding: 19px 20px 0; overflow: hidden; background: radial-gradient(circle at 50% 40%,rgba(255,169,0,.09),transparent 37%),linear-gradient(145deg,#1b1e1a,#0c0e0c 70%); border: 1px solid rgba(255,255,255,.18); box-shadow: inset 0 0 35px rgba(0,0,0,.35); transition: transform .25s,border-color .25s,box-shadow .25s; }
.supply-card:hover { transform: translateY(-6px); border-color: rgba(255,196,0,.7); box-shadow: 0 20px 45px rgba(0,0,0,.35),inset 0 0 45px rgba(255,196,0,.035); }
.supply-card.priority { border-color: var(--yellow); }
.card-corners i { position: absolute; z-index: 4; width: 15px; height: 15px; border-color: var(--yellow); opacity: .75; }
.card-corners i:nth-child(1) { top: 5px; left: 5px; border-top: 1px solid; border-left: 1px solid; }
.card-corners i:nth-child(2) { top: 5px; right: 5px; border-top: 1px solid; border-right: 1px solid; }
.card-corners i:nth-child(3) { bottom: 5px; left: 5px; border-bottom: 1px solid; border-left: 1px solid; }
.card-corners i:nth-child(4) { bottom: 5px; right: 5px; border-bottom: 1px solid; border-right: 1px solid; }
.supply-head { display: flex; align-items: center; justify-content: space-between; font-family: var(--font-geist-mono); font-size: 8px; letter-spacing: .12em; }
.supply-head > span { color: #646a61; }
.supply-head b { padding: 5px 7px; border: 1px solid rgba(255,196,0,.6); color: var(--yellow); font-size: 8px; }
.supply-head .base-pack { color: #737970; border-color: #454a43; }
.currency-name { position: absolute; z-index: 2; top: 55px; left: 20px; display: flex; align-items: center; gap: 7px; color: #888e84; font-family: var(--font-geist-mono); font-size: 8px; letter-spacing: .12em; }
.currency-name small { width: 27px; height: 27px; display: grid; place-items: center; border: 1px solid var(--yellow); border-radius: 50%; color: var(--yellow); font-weight: 950; }
.coin-stage { position: relative; height: 242px; margin-top: 16px; display: grid; place-items: center; overflow: hidden; }
.coin-stage::after { content: ""; position: absolute; left: 16%; right: 16%; bottom: 18px; height: 18px; border-radius: 50%; background: #000; filter: blur(12px); opacity: .85; }
.coin-stage img { position: relative; z-index: 2; width: 72%; height: 90%; object-fit: contain; filter: drop-shadow(0 12px 17px rgba(0,0,0,.72)); transition: transform .3s; }
.supply-card:hover .coin-stage img { transform: scale(1.04) rotate(-1deg); }
.gold-glow { position: absolute; width: 55%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle,rgba(255,170,0,.27),transparent 65%); filter: blur(14px); }
.coins-xs img { width: 46%; }
.coins-sm img { width: 58%; }
.coins-md img { width: 73%; }
.coins-lg img { width: 83%; }
.coins-xl img { width: 93%; }
.supply-amount { height: 61px; display: flex; align-items: end; gap: 9px; border-top: 1px solid var(--line); }
.supply-amount strong { font-family: Impact,"Arial Narrow",sans-serif; font-size: 54px; line-height: .92; letter-spacing: .01em; }
.supply-amount span { padding-bottom: 6px; color: var(--yellow); font-size: 12px; font-weight: 950; }
.supply-price { position: absolute; left: 0; right: 0; bottom: 0; height: 59px; padding-left: 21px; display: flex; align-items: center; justify-content: space-between; background: var(--yellow); color: #0b0c0a; }
.supply-price span { font-family: Impact,"Arial Narrow",sans-serif; font-size: 19px; letter-spacing: .03em; }
.supply-price small { display: block; margin-bottom: 1px; font-family: var(--font-geist-mono); font-size: 7px; letter-spacing: .17em; }
.supply-price > button { width: 57px; align-self: stretch; display: grid; place-items: center; border: 0; border-left: 1px solid rgba(0,0,0,.18); background: rgba(0,0,0,.12); color: #0b0c0a; cursor: pointer; }
.supply-price > button { font-size: 28px; font-weight: 900; }
.supply-price > button:hover { background: rgba(0,0,0,.2); }
.supply-price > button b { width: 27px; height: 27px; display: grid; place-items: center; border: 2px solid #0b0c0a; border-radius: 50%; font-family: var(--font-geist-mono); font-size: 11px; }
.supply-price svg { width: 18px; }

.checkout-zone { padding: 120px clamp(24px,7vw,112px); display: grid; grid-template-columns: minmax(250px,.62fr) minmax(580px,1.38fr); align-items: start; gap: clamp(45px,7vw,110px); background: linear-gradient(135deg,#080a08,#11140f 60%,#080a08); border-top: 1px solid rgba(255,196,0,.35); }
.checkout-intro { position: sticky; top: 30px; }
.checkout-intro h2 { margin: 22px 0; font-family: Impact,"Arial Narrow",sans-serif; font-size: clamp(54px,5vw,78px); line-height: .84; }
.checkout-intro h2 em { color: var(--yellow); font-style: normal; }
.checkout-intro > p { color: #8d9388; font-size: 14px; line-height: 1.75; }
.delivery-callout { margin-top: 32px; padding: 18px; display: flex; align-items: center; gap: 14px; border: 1px solid rgba(255,196,0,.35); background: rgba(255,196,0,.035); }
.delivery-callout svg { width: 30px; height: 30px; color: var(--yellow); }
.delivery-callout > .intel-icon { width: 30px; text-align: center; }
.delivery-callout span { display: flex; flex-direction: column; }
.delivery-callout small { color: #747a70; font-family: var(--font-geist-mono); font-size: 7px; letter-spacing: .16em; }
.delivery-callout b { margin-top: 4px; font-size: 13px; letter-spacing: .08em; }
.checkout-panel { border: 1px solid rgba(255,255,255,.16); background: rgba(8,10,8,.78); box-shadow: 0 30px 80px rgba(0,0,0,.35); }
.checkout-panel > section { padding: 28px; border-bottom: 1px solid rgba(255,255,255,.13); }
.panel-head { margin-bottom: 22px; display: flex; align-items: center; gap: 12px; }
.panel-head > span { width: 28px; height: 28px; display: grid; place-items: center; background: var(--yellow); color: #090a08; font-family: var(--font-geist-mono); font-size: 8px; font-weight: 950; clip-path: polygon(0 0,100% 0,100% 75%,75% 100%,0 100%); }
.panel-head h3 { margin: 0; font-size: 14px; letter-spacing: .09em; }
.panel-head > b { margin-left: auto; color: #646a61; font-family: var(--font-geist-mono); font-size: 7px; letter-spacing: .12em; }
.cart-lines { border-top: 1px solid var(--line); }
.cart-line { min-height: 72px; display: grid; grid-template-columns: 1fr auto 90px; align-items: center; gap: 18px; border-bottom: 1px solid var(--line); }
.cart-line > div:first-child { display: flex; flex-direction: column; }
.cart-line > div:first-child strong { font-family: Impact,"Arial Narrow",sans-serif; font-size: 22px; letter-spacing: .03em; }
.cart-line > div:first-child small { margin-top: 3px; color: #747a71; font-family: var(--font-geist-mono); font-size: 7px; letter-spacing: .08em; }
.cart-line > b { text-align: right; color: var(--yellow); font-family: var(--font-geist-mono); font-size: 11px; }
.quantity-control { display: grid; grid-template-columns: 32px 35px 32px; align-items: center; border: 1px solid #343a32; }
.quantity-control button { height: 32px; padding: 0; border: 0; background: #1a1e19; color: #fff; font-size: 17px; cursor: pointer; }
.quantity-control button:hover { background: var(--yellow); color: #080908; }
.quantity-control span { height: 32px; display: grid; place-items: center; border-inline: 1px solid #343a32; font-family: var(--font-geist-mono); font-size: 10px; }
.empty-cart { min-height: 110px; display: flex; align-items: center; justify-content: center; gap: 13px; border: 1px dashed #343a32; color: #737970; text-align: left; }
.empty-cart svg { color: var(--yellow); }
.empty-cart p { font-size: 12px; line-height: 1.6; }
.empty-cart a { color: var(--yellow); font-weight: 800; }
.cart-total { padding-top: 20px; display: flex; align-items: end; justify-content: space-between; }
.cart-total > span { color: #747a71; font-family: var(--font-geist-mono); font-size: 7px; letter-spacing: .13em; }
.cart-total strong { color: var(--yellow); font-family: Impact,"Arial Narrow",sans-serif; font-size: 39px; line-height: .8; }
.cart-total strong small { font-family: var(--font-geist-mono); font-size: 8px; }
.field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.field-grid label { display: flex; flex-direction: column; gap: 8px; }
.field-grid label > span { color: #8a9086; font-family: var(--font-geist-mono); font-size: 7px; letter-spacing: .12em; }
.field-grid label > span i { color: #545950; font-style: normal; }
.field-grid input { width: 100%; height: 48px; padding: 0 13px; border: 1px solid #343a32; outline: 0; background: #0d100d; color: #fff; font: inherit; font-size: 12px; }
.field-grid input:focus { border-color: var(--yellow); box-shadow: 0 0 0 2px rgba(255,196,0,.08); }
.field-grid input::placeholder { color: #4d534b; }
.field-note { margin: 17px 0 0; padding-left: 12px; border-left: 2px solid var(--yellow); color: #767c72; font-size: 10px; line-height: 1.55; }
.payment-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.payment-card { position: relative; min-height: 134px; padding: 17px; display: flex; flex-direction: column; border: 1px solid #343a32; background: linear-gradient(145deg,#151815,#0d0f0d); cursor: pointer; transition: border-color .2s,background .2s; }
.payment-card:hover,.payment-card.selected { border-color: var(--yellow); background: linear-gradient(145deg,rgba(255,196,0,.1),#0d0f0d 65%); }
.payment-card input { position: absolute; opacity: 0; pointer-events: none; }
.payment-select { position: absolute; right: 15px; top: 15px; width: 16px; height: 16px; border: 1px solid #52594f; border-radius: 50%; }
.payment-card.selected .payment-select { border: 5px solid var(--yellow); background: #060706; }
.payment-card strong { padding-right: 25px; color: var(--yellow); font-size: 12px; letter-spacing: .1em; }
.payment-card code { margin-top: 17px; color: #fff; font-family: var(--font-geist-mono); font-size: 9px; line-height: 1.45; overflow-wrap: anywhere; }
.payment-card small { margin-top: auto; padding-top: 8px; color: #6c7268; font-size: 8px; }
.payment-card.disabled { opacity: .48; cursor: not-allowed; }
.payment-card.disabled strong { color: #a7aca3; }
.payment-card.disabled code { color: #d4d7cf; }
.maintenance-dot { position: absolute; top: 16px; right: 16px; width: 8px; height: 8px; border-radius: 50%; background: #e94f39; box-shadow: 0 0 10px rgba(233,79,57,.6); }
.payment-warning { margin: 15px 0 0; color: #858b80; font-size: 10px; line-height: 1.55; }
.receipt-drop { min-height: 126px; padding: 18px; display: flex; align-items: center; justify-content: center; gap: 15px; border: 1px dashed rgba(255,196,0,.48); background: rgba(255,196,0,.025); cursor: pointer; }
.receipt-drop input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.receipt-drop > span:not(.upload-icon) { display: flex; flex-direction: column; }
.receipt-drop b { font-size: 11px; letter-spacing: .09em; }
.receipt-drop small { margin-top: 6px; color: #70766d; font-size: 8px; overflow-wrap: anywhere; }
.upload-icon { width: 43px; height: 43px; display: grid; place-items: center; border: 1px solid var(--yellow); color: var(--yellow); font-size: 25px; }
.receipt-drop.has-file { justify-content: flex-start; border-style: solid; }
.receipt-drop img { width: 90px; height: 90px; border: 1px solid #3c423a; object-fit: cover; }
[hidden] { display: none !important; }
.form-message { margin: 18px 28px 0; padding: 12px; border: 1px solid rgba(255,196,0,.35); background: rgba(255,196,0,.055); color: #d6d9d1; font-size: 11px; line-height: 1.5; }
.submit-order { width: calc(100% - 56px); min-height: 58px; margin: 28px 28px 0; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; border: 0; background: var(--yellow); color: #080908; font-size: 11px; font-weight: 950; letter-spacing: .08em; cursor: pointer; clip-path: polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px)); }
.submit-order:hover { background: var(--yellow-hot); }
.submit-order:disabled { filter: grayscale(1); cursor: wait; }
.submit-note { margin: 12px 28px 26px; color: #60665d; text-align: center; font-size: 8px; line-height: 1.5; }

.briefing { padding: 122px clamp(24px,8vw,126px); display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(60px,9vw,150px); background: linear-gradient(110deg,rgba(6,7,6,.96),rgba(13,15,12,.9)),url('/towers-hero-v2.webp'); background-size: cover; background-position: center bottom; border-top: 1px solid rgba(255,196,0,.25); }
.briefing h2 { margin: 22px 0; }
.briefing-copy > p { max-width: 390px; color: #8c9288; line-height: 1.7; }
.classified { width: fit-content; margin-top: 28px; padding: 8px 12px; border: 1px solid rgba(255,196,0,.35); color: var(--yellow); font-family: var(--font-geist-mono); font-size: 8px; letter-spacing: .18em; transform: rotate(-2deg); }
.mission-steps { border-top: 1px solid rgba(255,255,255,.17); }
.mission-steps article { min-height: 125px; display: grid; grid-template-columns: 75px 1fr; align-items: center; gap: 24px; border-bottom: 1px solid rgba(255,255,255,.17); }
.mission-steps article > span { color: var(--yellow); font-family: Impact,"Arial Narrow",sans-serif; font-size: 36px; }
.mission-steps small { color: #5e645b; font-family: var(--font-geist-mono); font-size: 8px; letter-spacing: .17em; }
.mission-steps h3 { margin: 5px 0 5px; font-size: 15px; letter-spacing: .06em; }
.mission-steps p { margin: 0; color: #7d8379; font-size: 12px; }

footer { min-height: 230px; padding: 62px clamp(24px,7vw,112px) 30px; display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 36px 80px; background: #060706; border-top: 1px solid var(--line); }
footer > p { margin: 10px 0 0; color: var(--yellow); text-align: right; font-family: Impact,"Arial Narrow",sans-serif; font-size: 20px; letter-spacing: .08em; }
footer > small { grid-column: 1/-1; padding-top: 27px; border-top: 1px solid var(--line); color: #50554e; font-size: 9px; line-height: 1.6; }

.help-widget { position: fixed; z-index: 70; right: 20px; bottom: 20px; }
.robot-launcher { position: relative; width: 72px; height: 72px; padding: 0; display: grid; place-items: center; border: 1px solid rgba(255,196,0,.72); border-radius: 18px 18px 23px 23px; background: linear-gradient(145deg,#232721,#0d0f0d); color: var(--yellow); box-shadow: 0 14px 38px rgba(0,0,0,.55),inset 0 0 22px rgba(255,196,0,.06); cursor: pointer; animation: robot-float 3.4s ease-in-out infinite; }
.robot-launcher::after { content: ""; position: absolute; inset: 5px; border: 1px solid rgba(255,255,255,.08); border-radius: 13px 13px 18px 18px; pointer-events: none; }
.robot-antenna { position: absolute; left: 50%; top: -13px; width: 2px; height: 15px; background: #6d7369; transform: translateX(-50%); }
.robot-antenna i { position: absolute; left: 50%; top: -4px; width: 8px; height: 8px; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 11px rgba(255,196,0,.8); transform: translateX(-50%); }
.robot-face { position: relative; width: 49px; height: 35px; display: flex; align-items: center; justify-content: center; gap: 12px; border: 2px solid #4d544b; border-radius: 11px; background: #050605; box-shadow: inset 0 0 15px rgba(255,196,0,.08); }
.robot-face i { width: 7px; height: 7px; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 8px rgba(255,196,0,.85); }
.robot-face b { position: absolute; left: 50%; bottom: 6px; width: 13px; height: 2px; border-radius: 2px; background: #6d7369; transform: translateX(-50%); }
.robot-ear { position: absolute; top: 26px; width: 7px; height: 20px; border: 1px solid #5f665c; background: #141714; }
.robot-ear-left { left: 4px; border-radius: 5px 0 0 5px; }
.robot-ear-right { right: 4px; border-radius: 0 5px 5px 0; }
.robot-neck { position: absolute; left: 50%; bottom: 7px; width: 22px; height: 7px; border-top: 2px solid #5f665c; border-bottom: 2px solid #5f665c; transform: translateX(-50%); }
.help-card { position: absolute; right: 0; bottom: 88px; width: 340px; max-width: calc(100vw - 28px); padding: 14px; border: 1px solid rgba(255,196,0,.65); background: linear-gradient(145deg,rgba(20,23,19,.98),rgba(7,8,7,.98)); box-shadow: 0 25px 65px rgba(0,0,0,.64); clip-path: polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%); opacity: 0; pointer-events: none; transform: translateY(13px) scale(.97); transform-origin: bottom right; transition: opacity .24s ease,transform .24s ease; }
.help-widget.is-open .help-card { opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); }
.help-card::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--yellow); }
.help-card-top { height: 29px; padding: 0 2px 8px 10px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); color: #666d63; font-family: var(--font-geist-mono); font-size: 7px; letter-spacing: .15em; }
.help-card-top button { width: 25px; height: 25px; padding: 0; display: grid; place-items: center; border: 1px solid #343932; background: transparent; color: #a7aca2; font-size: 18px; cursor: pointer; }
.help-message { padding: 17px 10px 15px; }
.help-status { display: flex; align-items: center; gap: 7px; color: var(--yellow); font-family: var(--font-geist-mono); font-size: 7px; letter-spacing: .14em; }
.help-status i { width: 6px; height: 6px; border-radius: 50%; background: #27d466; box-shadow: 0 0 9px rgba(39,212,102,.7); }
.help-message h3 { margin: 8px 0 7px; font-family: Impact,"Arial Narrow",sans-serif; font-size: 30px; letter-spacing: .02em; }
.help-message p { margin: 0; color: #969c91; font-size: 12px; line-height: 1.55; }
.whatsapp-button { min-height: 49px; padding: 0 12px; display: flex; align-items: center; gap: 9px; background: #25d366; color: #051108; font-size: 10px; font-weight: 950; letter-spacing: .05em; }
.whatsapp-button > span { width: 27px; height: 27px; display: grid; place-items: center; border: 1px solid rgba(0,0,0,.28); border-radius: 50%; font-size: 8px; }
.whatsapp-button svg { width: 16px; margin-left: auto; }
@keyframes robot-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }

@media (max-width: 980px) {
  .nav-shell nav { display: none; }
  .war-hero { background-position: 62% center; }
  .war-hero h1 { font-size: 92px; }
  .operator-card { display: none; }
  .hero-reticle { right: 20%; }
  .intel-strip { padding-inline: 24px; }
  .intel-strip article { padding-inline: 18px; }
  .supply-grid { grid-template-columns: repeat(2,1fr); }
  .briefing { grid-template-columns: 1fr; gap: 60px; }
}

@media (max-width: 650px) {
  .system-bar { padding-inline: 14px; }
  .system-bar > span:first-child { display: none; }
  .system-bar { justify-content: flex-end; }
  .nav-shell { height: 68px; padding-inline: 14px; }
  .brand-copy b { font-size: 18px; }
  .brand-copy small { font-size: 5px; letter-spacing: .18em; }
  .tower-mark { width: 38px; height: 38px; }
  .nav-cta { height: 34px; padding-inline: 12px; font-size: 8px; }
  .nav-cta svg { display: none; }
  .war-hero { min-height: 710px; padding: 140px 21px 82px; align-items: end; background-image: linear-gradient(90deg,rgba(4,5,4,.93),rgba(4,5,4,.34)),linear-gradient(0deg,rgba(4,5,4,.98) 0%,rgba(4,5,4,.53) 48%,rgba(4,5,4,.2) 100%),url('/towers-hero-v2.webp'); background-position: 68% center; }
  .mission-tag { font-size: 7px; }
  .hero-store-name { margin-bottom: 17px; font-size: 39px; }
  .cod-title b { font-size: 31px; }
  .war-hero h1 { font-size: 65px; line-height: .8; }
  .hero-copy > p { font-size: 14px; line-height: 1.55; }
  .hero-actions { flex-direction: column; align-items: flex-start; gap: 18px; }
  .hero-reticle { width: 64px; height: 64px; right: 13%; top: 30%; }
  .hero-coordinates { left: 21px; font-size: 6px; }
  .hazard-tape { justify-content: flex-start; font-size: 12px; }
  .intel-strip { grid-template-columns: 1fr; padding: 0 20px; }
  .intel-strip article,.intel-strip article:first-child { min-height: 86px; padding-inline: 18px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .armory { padding: 82px 14px 90px; }
  .heading-row { display: block; }
  .heading-row h2,.briefing h2 { font-size: 60px; }
  .brief-copy { margin-top: 27px; }
  .supply-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .supply-card { min-width: 0; min-height: 316px; padding: 12px 11px 0; }
  .supply-head > span { display: none; }
  .supply-head { justify-content: flex-end; min-height: 21px; }
  .supply-head b { padding: 4px 5px; font-size: 6px; white-space: nowrap; }
  .currency-name { top: 45px; left: 11px; font-size: 6px; letter-spacing: .06em; }
  .currency-name small { width: 23px; height: 23px; font-size: 7px; }
  .coin-stage { height: 153px; margin-top: 7px; }
  .coin-stage::after { bottom: 9px; height: 10px; }
  .coin-stage img { height: 94%; }
  .coins-xs img { width: 53%; }
  .coins-sm img { width: 67%; }
  .coins-md img { width: 83%; }
  .coins-lg img { width: 94%; }
  .coins-xl img { width: 102%; }
  .supply-amount { height: 49px; gap: 5px; }
  .supply-amount strong { font-size: clamp(34px,10.5vw,43px); }
  .supply-amount span { padding-bottom: 4px; font-size: 9px; }
  .supply-price { height: 50px; padding-left: 11px; }
  .supply-price span { font-size: 14px; }
  .supply-price small { font-size: 6px; }
  .supply-price > button { width: 34px; }
  .supply-price > button b { width: 23px; height: 23px; font-size: 8px; }
  .supply-price svg { width: 14px; }
  .checkout-zone { padding: 84px 14px; grid-template-columns: 1fr; gap: 38px; }
  .checkout-intro { position: static; }
  .checkout-intro h2 { font-size: 56px; }
  .checkout-panel > section { padding: 20px 14px; }
  .cart-line { grid-template-columns: 1fr auto; gap: 10px; padding: 12px 0; }
  .cart-line > b { grid-column: 1/-1; text-align: left; }
  .quantity-control { grid-column: 2; grid-row: 1/3; }
  .field-grid,.payment-grid { grid-template-columns: 1fr; }
  .payment-card { min-height: 125px; }
  .form-message { margin-inline: 14px; }
  .submit-order { width: calc(100% - 28px); margin-inline: 14px; padding-inline: 14px; font-size: 9px; }
  .submit-note { margin-inline: 14px; }
  .briefing { padding: 86px 21px; background-position: 66% bottom; }
  .mission-steps article { grid-template-columns: 55px 1fr; gap: 14px; }
  footer { grid-template-columns: 1fr; gap: 20px; }
  footer > p { text-align: left; }
  footer > small { grid-column: auto; }
  .help-widget { right: 12px; bottom: 12px; }
  .robot-launcher { width: 64px; height: 64px; }
  .robot-face { width: 44px; height: 32px; }
  .robot-ear { top: 23px; }
  .help-card { bottom: 78px; width: 318px; }
  .help-message h3 { font-size: 27px; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { transition: none !important; } }

/* TowersCPStore — versión optimizada para Cloudflare */
:root { --white: #fff; --muted: #b9beb4; }
body { color: #fff; font-size: 16px; font-weight: 520; }
button { font: inherit; }
.system-bar { height: 30px; color: #b5bbb0; font-size: 10px; letter-spacing: .13em; }
.brand-copy small { color: #e2e5df; font-size: 8px; letter-spacing: .2em; }
.nav-shell nav { font-size: 12px; font-weight: 750; letter-spacing: .11em; }
.nav-cta { height: 42px; padding: 0 18px; border: 0; font-size: 12px; letter-spacing: .07em; cursor: pointer; }
.mission-tag { padding-block: 8px; color: #d4d8d0; font-size: 11px; font-weight: 700; letter-spacing: .16em; }
.hero-copy > p { max-width: 600px; color: #f0f2ee; font-size: 18px; font-weight: 620; line-height: 1.6; }
.combat-button { min-width: 224px; height: 58px; font-size: 13px; letter-spacing: .08em; }
.price-alert { color: #e2e5df; font-size: 11px; font-weight: 700; letter-spacing: .11em; }
.heading-code { color: #c1c6bd; font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.brief-copy span { font-size: 10px; font-weight: 750; letter-spacing: .12em; }
.brief-copy p { color: #c2c7be; font-size: 16px; font-weight: 560; line-height: 1.65; }

.armory-content { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1fr); gap: 18px; align-items: start; }
.armory-content.has-quick-cart { grid-template-columns: minmax(0,1fr) 340px; }
.supply-grid { min-width: 0; grid-template-columns: repeat(3,minmax(0,1fr)); }
.armory-content.has-quick-cart .supply-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.supply-card { width: 100%; min-width: 0; min-height: 505px; text-align: left; color: #fff; cursor: pointer; appearance: none; border-color: rgba(255,255,255,.22); }
.supply-card:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.supply-card.selected { border-color: var(--yellow); box-shadow: 0 0 0 2px rgba(255,196,0,.16),inset 0 0 45px rgba(255,196,0,.06); }
.supply-head { font-size: 10px; font-weight: 700; letter-spacing: .1em; }
.supply-head > span { color: #a7ada4; }
.supply-head b { padding: 6px 8px; font-size: 10px; }
.currency-name { top: 58px; color: #c3c8bf; font-size: 10px; font-weight: 700; letter-spacing: .09em; }
.supply-price small { font-size: 9px; letter-spacing: .13em; }
.package-action { align-self: stretch; min-width: 92px; padding: 0 12px; display: grid; place-items: center; border-left: 1px solid rgba(0,0,0,.2); background: rgba(0,0,0,.12); font-size: 10px; font-weight: 950; text-align: center; letter-spacing: .03em; }

.quick-cart { display: none; position: sticky; z-index: 6; top: 18px; overflow: hidden; border: 1px solid rgba(255,196,0,.7); background: linear-gradient(150deg,#191d17,#090b09 72%); box-shadow: 0 24px 70px rgba(0,0,0,.55); }
.quick-cart.is-visible { display: block; }
.quick-cart-head { min-height: 74px; padding: 16px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid rgba(255,255,255,.15); background: rgba(255,196,0,.045); }
.quick-cart-head > div { display: flex; flex-direction: column; gap: 5px; }
.quick-cart-head small { color: #aeb4aa; font-family: ui-monospace,monospace; font-size: 9px; letter-spacing: .09em; }
.quick-cart-head strong { color: #fff; font-size: 18px; letter-spacing: .045em; }
.quick-cart-head > button { width: 36px; height: 36px; border: 1px solid #4e554b; background: #10130f; color: #fff; font-size: 24px; cursor: pointer; }
.quick-cart-lines { max-height: 390px; overflow: auto; padding: 0 16px; }
.quick-cart-line { padding: 15px 0; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 10px; border-bottom: 1px solid rgba(255,255,255,.12); }
.quick-cart-line > div:first-child { display: flex; flex-direction: column; gap: 4px; }
.quick-cart-line > div:first-child strong { color: #fff; font-size: 17px; }
.quick-cart-line > div:first-child small { color: #b3b9af; font-size: 11px; }
.quick-quantity { display: grid; grid-template-columns: 34px 34px 34px; border: 1px solid #454c42; }
.quick-quantity button,.quick-quantity span { height: 34px; display: grid; place-items: center; border: 0; color: #fff; background: #171b16; }
.quick-quantity button { font-size: 19px; cursor: pointer; }
.quick-quantity button:hover { background: var(--yellow); color: #090a08; }
.quick-quantity span { border-inline: 1px solid #454c42; font-family: ui-monospace,monospace; font-size: 12px; }
.remove-package { grid-column: 1/-1; width: fit-content; padding: 4px 0; border: 0; background: none; color: #d0d4cd; font-size: 10px; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.quick-cart-total { padding: 16px; display: flex; align-items: end; justify-content: space-between; color: #fff; }
.quick-cart-total span { color: #b5bbb1; font-family: ui-monospace,monospace; font-size: 11px; letter-spacing: .1em; }
.quick-cart-total strong { color: var(--yellow); font-family: Impact,"Arial Narrow",sans-serif; font-size: 31px; letter-spacing: .02em; }
.quick-checkout { width: 100%; min-height: 56px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 0; background: var(--yellow); color: #090a08; font-size: 12px; font-weight: 950; letter-spacing: .06em; cursor: pointer; }
.mini-cart-launcher { position: fixed; z-index: 65; left: 20px; bottom: 20px; min-height: 52px; padding: 0 17px; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(255,196,0,.75); background: #161a15; color: #fff; box-shadow: 0 15px 40px rgba(0,0,0,.58); font-size: 12px; font-weight: 900; cursor: pointer; }

.checkout-intro > p { color: #c4c9c0; font-size: 17px; font-weight: 540; line-height: 1.7; }
.panel-head > span { width: 31px; height: 31px; font-size: 10px; }
.panel-head h3 { color: #fff; font-size: 17px; letter-spacing: .065em; }
.panel-head > b { color: #a9afa5; font-size: 10px; letter-spacing: .09em; }
.cart-line > div:first-child small { color: #b3b9af; font-size: 10px; }
.cart-line > b { font-size: 13px; }
.quantity-control span { font-size: 12px; }
.empty-cart p { color: #b7bcb3; font-size: 14px; }
.cart-total > span { color: #b3b9af; font-size: 10px; letter-spacing: .1em; }
.cart-total strong small { font-size: 11px; }
.field-grid label > span { color: #d0d4cd; font-size: 10px; font-weight: 700; letter-spacing: .09em; }
.field-grid input { height: 52px; padding: 0 14px; border-color: #454c42; font-size: 15px; }
.field-grid input::placeholder { color: #81877e; }
.field-note { color: #b9beb5; font-size: 13px; }

.payment-grid { grid-template-columns: 1fr 1fr; gap: 12px; align-items: start; }
.payment-card { position: relative; min-width: 0; min-height: 0; padding: 0; display: block; overflow: hidden; border: 1px solid #454c42; background: linear-gradient(145deg,#151815,#0d0f0d); cursor: default; transition: border-color .2s,background .2s; }
.payment-card:hover,.payment-card.selected { border-color: var(--yellow); background: linear-gradient(145deg,rgba(255,196,0,.1),#0d0f0d 65%); }
.payment-card.selected { grid-column: 1/-1; }
.payment-choice { position: relative; width: 100%; min-height: 92px; padding: 18px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 8px; border: 0; background: transparent; color: #fff; text-align: left; cursor: pointer; }
.payment-choice:focus-visible { outline: 3px solid #fff; outline-offset: -4px; }
.payment-select { position: absolute; right: 18px; top: 50%; width: 19px; height: 19px; border: 2px solid #697066; border-radius: 50%; transform: translateY(-50%); }
.payment-card.selected .payment-select { border: 6px solid var(--yellow); background: #060706; }
.payment-choice strong { padding-right: 38px; color: var(--yellow); font-size: 18px; letter-spacing: .065em; }
.payment-choice small { margin: 0; padding: 0; color: #c7cbc4; font-family: ui-monospace,monospace; font-size: 10px; font-weight: 650; line-height: 1.35; letter-spacing: .06em; }
.payment-details { padding: 0 18px 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; border-top: 1px solid rgba(255,255,255,.12); }
.payment-detail { min-width: 0; margin-top: 16px; padding: 13px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 12px; border: 1px solid #3e453c; background: #090b09; }
.payment-detail > span { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.payment-detail small { color: #aeb4aa; font-family: ui-monospace,monospace; font-size: 10px; font-weight: 700; letter-spacing: .09em; }
.payment-detail code { color: #fff; font-family: ui-monospace,monospace; font-size: 13px; font-weight: 700; line-height: 1.45; overflow-wrap: anywhere; }
.payment-detail > button { min-height: 39px; padding: 0 11px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid rgba(255,196,0,.62); background: rgba(255,196,0,.08); color: var(--yellow); font-size: 10px; font-weight: 900; cursor: pointer; }
.payment-detail > button:hover { background: var(--yellow); color: #090a08; }
.payment-detail > button svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.payment-card.disabled { opacity: .55; }
.payment-card.disabled .payment-choice { cursor: not-allowed; }
.payment-card.disabled strong { color: #c3c8bf; }
.payment-card.disabled small { color: #d9ddd6; }
.maintenance-dot { top: 50%; right: 18px; width: 10px; height: 10px; transform: translateY(-50%); }
.payment-warning { color: #c0c5bc; font-size: 13px; }
.receipt-drop b { color: #fff; font-size: 14px; letter-spacing: .065em; }
.receipt-drop small { color: #b1b7ad; font-size: 11px; }
.form-message { color: #f2f4f0; font-size: 14px; }
.submit-order { min-height: 62px; font-size: 13px; letter-spacing: .065em; }
.submit-note { color: #aeb4aa; font-size: 11px; }
.briefing-copy > p { color: #c1c6bd; font-size: 16px; }
.classified { font-size: 10px; }
.mission-steps small { color: #a6aca2; font-size: 10px; }
.mission-steps h3 { color: #fff; font-size: 17px; }
.mission-steps p { color: #bbc0b7; font-size: 14px; }
footer > small { color: #a2a89f; font-size: 12px; }
.help-card-top { height: 34px; color: #adb3a9; font-size: 9px; }
.help-status { font-size: 9px; font-weight: 700; }
.help-message p { color: #d0d4cd; font-size: 14px; }
.whatsapp-button { min-height: 54px; font-size: 12px; }

@media (max-width: 980px) {
  .armory-content.has-quick-cart { grid-template-columns: 1fr; }
  .quick-cart { position: fixed; z-index: 80; top: 104px; right: 12px; width: min(370px,calc(100vw - 24px)); max-height: calc(100vh - 128px); overflow: auto; }
  .quick-cart-lines { max-height: calc(100vh - 340px); }
}

@media (max-width: 650px) {
  .brand-copy small { font-size: 7px; letter-spacing: .14em; }
  .nav-cta { height: 38px; padding-inline: 12px; font-size: 10px; }
  .mission-tag { font-size: 9px; }
  .hero-copy > p { font-size: 16px; }
  .hero-coordinates { font-size: 8px; }
  .supply-card { min-height: 340px; }
  .supply-head b { padding: 5px 6px; font-size: 8px; }
  .currency-name { top: 47px; font-size: 8px; letter-spacing: .04em; }
  .currency-name small { font-size: 8px; }
  .supply-amount span { font-size: 11px; }
  .supply-price span { font-size: 15px; }
  .supply-price small { font-size: 8px; }
  .package-action { min-width: 66px; padding-inline: 7px; font-size: 8px; }
  .field-grid { grid-template-columns: 1fr; }
  .payment-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .payment-choice { min-height: 82px; padding: 12px 10px; gap: 6px; }
  .payment-choice strong { padding-right: 22px; font-size: 14px; letter-spacing: .035em; }
  .payment-choice small { max-width: 90%; font-size: 8px; letter-spacing: .03em; }
  .payment-select { right: 10px; width: 16px; height: 16px; }
  .payment-card.selected .payment-select { border-width: 5px; }
  .payment-details { grid-template-columns: 1fr; padding: 0 10px 12px; gap: 0; }
  .payment-detail { margin-top: 10px; padding: 10px; gap: 8px; }
  .payment-detail code { font-size: 11px; }
  .payment-detail > button { min-height: 36px; padding-inline: 8px; font-size: 8px; }
  .maintenance-dot { right: 10px; }
  .submit-order { font-size: 11px; }
  .mini-cart-launcher { left: 12px; bottom: 12px; min-height: 48px; padding-inline: 13px; font-size: 11px; }
}