/* V11 controls: presentation only. Existing layout, disclosure state and checkout
   logic remain authoritative. Load after presale-elite-v10.css. */
html body.presale-page {
  --v11-control-cyan:#00E5FF;
  --v11-control-magenta:#FF2BD6;
  --v11-control-purple:#9146FF;
  --v11-control-night:#060B1F;
}

/* V7/V10 own the five disclosures below checkout. Keep the legacy radio DOM
   intact for its original handlers while removing its duplicate visible row. */
html body.presale-page:is(.v7-mobile,.v10-desktop) main.container #presale-buy-card #presale-command-center #buy-mobile-info-switcher {
  display:none!important;
}

/* Five luminous glass controls. No state changes affect their geometry. */
html body.presale-page :is(#v10-desktop-controls,#v7-information-controls) button {
  position:relative!important;
  isolation:isolate;
  overflow:hidden;
  border:1px solid transparent!important;
  border-radius:999px!important;
  color:#F4FAFF!important;
  -webkit-text-fill-color:#F4FAFF!important;
  background:linear-gradient(117deg,#102B45,#111B3A 48%,#29153F) padding-box,
    linear-gradient(112deg,#00E5FF,#9146FF 57%,#FF2BD6) border-box!important;
  box-shadow:inset 0 1px 0 #FFFFFF38,inset 0 -9px 18px #060B1F80,
    0 7px 18px #060B1F8C,0 0 17px #00E5FF16,0 0 24px #9146FF1C!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  text-shadow:0 1px 2px #060B1F!important;
  transform:none!important;
  transition:background .18s ease,box-shadow .18s ease,color .18s ease,filter .18s ease!important;
  -webkit-tap-highlight-color:transparent;
}
html body.presale-page :is(#v10-desktop-controls,#v7-information-controls) button::before {
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  inset:1px 2px 49%;
  border-radius:999px 999px 45% 45%;
  background:linear-gradient(180deg,#FFFFFF24,#FFFFFF06);
  box-shadow:inset 0 1px 0 #FFFFFF25;
}
html body.presale-page :is(#v10-desktop-controls,#v7-information-controls) button[aria-expanded="true"] {
  color:#060B1F!important;
  -webkit-text-fill-color:#060B1F!important;
  border-color:#DBFAFF!important;
  background:linear-gradient(110deg,#00E5FF 0%,#8CDFFF 37%,#CCA8FF 66%,#FF2BD6 100%) padding-box!important;
  box-shadow:inset 0 1px 0 #FFFFFFA6,inset 0 -3px 8px #9146FF47,
    0 0 0 1px #00E5FF55,0 0 24px #00E5FF66,0 8px 30px #9146FF66,0 0 28px #FF2BD647!important;
  text-shadow:none!important;
}
html body.presale-page :is(#v10-desktop-controls,#v7-information-controls) button:active {
  transform:none!important;
  filter:brightness(.93);
  box-shadow:inset 0 3px 10px #060B1F66,0 0 0 1px #00E5FF80,0 0 24px #9146FF66!important;
}
html body.presale-page :is(#v10-desktop-controls,#v7-information-controls) button:focus-visible {
  outline:3px solid #00E5FF!important;
  outline-offset:4px!important;
  box-shadow:0 0 0 6px #060B1F,0 0 28px #00E5FF80,0 0 32px #9146FF66!important;
}

/* A strong glass checkout frame, without changing its original dimensions. */
html body.presale-page:is(.v7-mobile,.v10-desktop) main.container #presale-buy-card {
  position:relative;
  isolation:isolate;
  border-color:#00E5FF99!important;
  border-right-color:#FF2BD699!important;
  border-bottom-color:#9146FFB3!important;
  background:radial-gradient(ellipse at 0 0,#00E5FF29,transparent 56%),
    radial-gradient(ellipse at 100% 80%,#FF2BD621,transparent 55%),
    linear-gradient(125deg,#081B32E8,#060B1FF0 47%,#1B1033E8)!important;
  box-shadow:inset 0 1px 0 #C8F9FF66,inset 0 -1px 0 #9146FF66,
    0 20px 50px #060B1F99,0 0 27px #00E5FF21,0 0 45px #9146FF26!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.2);
  backdrop-filter:blur(18px) saturate(1.2);
}
html body.presale-page:is(.v7-mobile,.v10-desktop) main.container #presale-buy-card > .card-body {
  background:linear-gradient(125deg,#00E5FF0A,transparent 45%,#9146FF12)!important;
  border-color:#00E5FF40!important;
  box-shadow:inset 0 1px 0 #FFFFFF1A!important;
}
html body.presale-page main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane {
  border-color:#00E5FF47!important;
  box-shadow:inset 0 1px 0 #FFFFFF12!important;
}
html body.presale-page main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane #buy-card-heading {
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  text-shadow:0 0 22px #00E5FF40!important;
  font-weight:900!important;
}
html body.presale-page main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane :is(#pay-method-label,#buy-amount-label,.bbai-allocation-breakdown__label) {
  color:#E7F5FF!important;
  font-weight:750!important;
}
html body.presale-page main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane .btn-group[aria-label="Pay method"] {
  border-color:#00E5FF66!important;
  background:#060B1F!important;
  box-shadow:inset 0 2px 9px #00000066,0 0 18px #9146FF21!important;
}
html body.presale-page main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane .pay-mode-label {
  color:#F0F8FF!important;
  -webkit-text-fill-color:#F0F8FF!important;
  border:1px solid #9146FF70!important;
  background:linear-gradient(135deg,#19304C,#241C42)!important;
  box-shadow:inset 0 1px 0 #FFFFFF26!important;
  opacity:1!important;
  font-weight:850!important;
  text-shadow:none!important;
  transform:none!important;
  transition:background .18s ease,box-shadow .18s ease!important;
}
html body.presale-page main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane .btn-check:checked + .pay-mode-label {
  color:#060B1F!important;
  -webkit-text-fill-color:#060B1F!important;
  border-color:#BDF9FF!important;
  background:linear-gradient(110deg,#00E5FF,#8CDFFF 45%,#D5B9FF)!important;
  box-shadow:inset 0 1px 0 #FFFFFF99,0 0 17px #00E5FF4D,0 0 22px #9146FF40!important;
}
html body.presale-page main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane #pay-usdc:checked + .pay-mode-label {
  background:linear-gradient(110deg,#D4C0FF,#F4A5F0 50%,#FF2BD6)!important;
  border-color:#FFD5F7!important;
  box-shadow:inset 0 1px 0 #FFFFFF99,0 0 18px #FF2BD64D,0 0 23px #9146FF40!important;
}
html body.presale-page main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane .btn-check:focus-visible + .pay-mode-label {
  outline:3px solid #00E5FF!important;
  outline-offset:3px!important;
}

/* The input keeps the established mobile height and amount/currency split. */
html body.presale-page main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane .input-group.neon-input {
  border-color:#00E5FF99!important;
  background:linear-gradient(115deg,#071326,#111331)!important;
  box-shadow:inset 0 2px 12px #060B1F99,inset 0 1px 0 #E5FAFF26,0 0 20px #00E5FF1A!important;
}
html body.presale-page main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane .input-group.neon-input:focus-within {
  border-color:#00E5FF!important;
  box-shadow:0 0 0 2px #00E5FF33,0 0 27px #00E5FF4D,0 0 32px #9146FF40!important;
}
html body.presale-page main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane #buy-amount {
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  background:transparent!important;
  font-weight:850!important;
  font-variant-numeric:tabular-nums;
  text-shadow:0 0 16px #00E5FF26!important;
}
html body.presale-page main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane #buy-amount::placeholder {
  color:#B9CDE3!important;
  -webkit-text-fill-color:#B9CDE3!important;
  opacity:1;
}
html body.presale-page main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane #buy-amount-unit {
  color:#DCF9FF!important;
  -webkit-text-fill-color:#DCF9FF!important;
  background:linear-gradient(145deg,#123D56,#29204A)!important;
  border-left-color:#00E5FF80!important;
  text-shadow:none!important;
  box-shadow:inset 0 1px 0 #FFFFFF26!important;
}
html body.presale-page main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane .bbai-allocation-breakdown {
  border-color:#9146FF80!important;
  border-top-color:#00E5FF66!important;
  background:linear-gradient(120deg,#00E5FF0D,#060B1FD9 42%,#9146FF1F)!important;
  box-shadow:inset 0 1px 0 #E8FAFF1F,0 7px 20px #060B1F47!important;
}
html body.presale-page main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane .bbai-allocation-breakdown__value {
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  font-weight:850!important;
  font-variant-numeric:tabular-nums;
}
html body.presale-page main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane .bbai-allocation-breakdown__row--total {
  border-top-color:#00E5FF99!important;
  background:linear-gradient(90deg,#00E5FF0D,transparent 68%)!important;
}
html body.presale-page main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane .bbai-allocation-breakdown__row--total .bbai-allocation-breakdown__value {
  color:#00E5FF!important;
  -webkit-text-fill-color:#00E5FF!important;
  font-weight:900!important;
  text-shadow:0 0 18px #00E5FF4D!important;
}

/* State and text are still supplied by the original wallet/transaction code. */
html body.presale-page main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane :is(#buy-presale,#eth-buy-connect-cta) {
  border:1px solid #D5FAFF!important;
  background:linear-gradient(107deg,#00E5FF 0%,#8CDEFF 37%,#C8A7FF 65%,#FF2BD6 100%)!important;
  color:#060B1F!important;
  -webkit-text-fill-color:#060B1F!important;
  box-shadow:inset 0 2px 0 #FFFFFF80,inset 0 -2px 7px #9146FF40,
    0 7px 23px #00E5FF40,0 8px 32px #9146FF47,0 0 22px #FF2BD633!important;
  font-weight:900!important;
  text-shadow:none!important;
  transform:none!important;
  transition:box-shadow .18s ease,filter .18s ease!important;
}
html body.presale-page main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane :is(#buy-presale,#eth-buy-connect-cta):not(:disabled):not([aria-disabled="true"]):active {
  transform:none!important;
  filter:brightness(.94)!important;
  box-shadow:inset 0 3px 12px #060B1F59,0 0 23px #00E5FF59,0 0 28px #9146FF59!important;
}
html body.presale-page main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane :is(button,input):focus-visible {
  outline:3px solid #00E5FF!important;
  outline-offset:3px!important;
}
html body.presale-page main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane :is(#buy-presale,#eth-buy-connect-cta):is(:disabled,[aria-disabled="true"]),
html body.presale-page main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane .btn-check:disabled + .pay-mode-label,
html body.presale-page main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane .pay-mode-label[aria-disabled="true"] {
  color:#C8D2E3!important;
  -webkit-text-fill-color:#C8D2E3!important;
  background:linear-gradient(115deg,#26364D,#302641)!important;
  border-color:#71819A!important;
  opacity:.76!important;
  filter:none!important;
  box-shadow:inset 0 1px 0 #FFFFFF14!important;
  cursor:not-allowed!important;
}

@media (min-width:768px) {
  html body.presale-page.v10-desktop #v10-desktop-controls button {
    min-height:52px;
    font-size:15px!important;
  }
  html body.presale-page.v10-desktop main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane > .row.g-3.align-items-start {
    border-color:#00E5FF59!important;
    background:linear-gradient(120deg,#07182BD9,#0A1029E8 50%,#24123BD9)!important;
    box-shadow:inset 0 1px 0 #FFFFFF26,0 12px 30px #060B1F4D!important;
  }
  html body.presale-page.v10-desktop main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane #buy-transaction-shell {
    border-left-color:#9146FF80!important;
    background:linear-gradient(115deg,#00E5FF05,#9146FF0D 65%,#FF2BD60A)!important;
  }
  html body.presale-page.v10-desktop main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane .pay-mode-label {
    font-size:15px!important;
  }
  html body.presale-page.v10-desktop main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane .bbai-allocation-breakdown__value {
    font-size:18px!important;
  }
  html body.presale-page.v10-desktop main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane .bbai-allocation-breakdown__row--total .bbai-allocation-breakdown__value {
    font-size:26px!important;
    line-height:1.2!important;
  }
  html body.presale-page.v10-desktop main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane :is(#buy-presale,#eth-buy-connect-cta) {
    font-size:18px!important;
    letter-spacing:.035em!important;
  }
}
@media (max-width:767.98px) {
  /* Retain the two-row, five-control mobile layout and its 48px touch targets. */
  html body.presale-page.v7-mobile #v7-information-controls button { font-size:13px!important; }
}
@media (hover:hover) and (pointer:fine) {
  html body.presale-page :is(#v10-desktop-controls,#v7-information-controls) button:hover {
    filter:brightness(1.14);
    box-shadow:inset 0 1px 0 #FFFFFF66,0 0 0 1px #00E5FF66,
      0 0 24px #00E5FF4D,0 8px 27px #9146FF59,0 0 24px #FF2BD62E!important;
  }
  html body.presale-page main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane :is(#buy-presale,#eth-buy-connect-cta):not(:disabled):not([aria-disabled="true"]):hover {
    filter:brightness(1.08)!important;
    box-shadow:inset 0 2px 0 #FFFFFF99,0 0 0 1px #00E5FF80,
      0 0 30px #00E5FF73,0 10px 36px #9146FF66,0 0 28px #FF2BD64D!important;
  }
  html body.presale-page main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane .btn-check:not(:disabled) + .pay-mode-label:not([aria-disabled="true"]):hover {
    box-shadow:inset 0 1px 0 #FFFFFF59,0 0 0 1px #00E5FF80,0 0 20px #9146FF59!important;
  }
}
@media (prefers-reduced-motion:reduce) {
  html body.presale-page :is(#v10-desktop-controls,#v7-information-controls) button,
  html body.presale-page main.container #presale-buy-card #presale-command-grid #presale-command-buy-pane :is(#buy-presale,#eth-buy-connect-cta,.pay-mode-label) { transition:none!important; }
}
