/* The head bootstrap suppresses alternate artwork while the exact models load.
   This quiet branded fallback appears only without JavaScript or on failure. */
.pb-display[data-tier="launch"] { --box-hue:110deg!important; --box-energy:184,126,255!important; }
.pb-display[data-tier="scale"] { --box-hue:-118deg!important; --box-energy:255,195,101!important; }
.pb-display[data-tier="empire"] { --box-hue:42deg!important; --box-energy:83,218,242!important; }
.pb-box-art::before {
  content:""; position:absolute; inset:22% 8% 16%; z-index:1; pointer-events:none;
  border:1px solid #61758180; border-top:8px solid #26343ecc; border-bottom:8px solid #1b2730;
  border-radius:3px;
  background:url('./assets/aaiab-logo-transparent-v2-LUTOUFUH.png') center 10% / 15% auto no-repeat,
    radial-gradient(ellipse at 50% 70%,rgba(var(--box-energy),.10),transparent 60%),
    linear-gradient(135deg,#10182088,#0b1116dd);
  box-shadow:inset 1px 1px 0 #9cb8cc24,inset -1px -1px 0 #9cb8cc14;
  opacity:1; transition:opacity .2s ease;
}
.pb-box-art::after {
  content:""; position:absolute; z-index:1; left:34%; right:auto; top:37%; width:32%; height:32%;
  background:url('/images/dot-orb.png') center / contain no-repeat;
  border-radius:0; opacity:1; pointer-events:none;
  filter:hue-rotate(var(--box-hue)) drop-shadow(0 8px 12px rgba(var(--box-energy),.13));
  transition:opacity .2s ease;
}
.pb-box-art > :is(.pb-box-orb,.pb-glass-case,.pb-box-plaque) {
  visibility:hidden!important; animation:none!important;
}
.pb-selection-stage .pb-glass-cover {
  transform:none!important; opacity:1!important; transition:none!important;
}
.pb-selection-stage { --case-lift:0!important; }
.pb-box-art > .aaiab-orb-box-canvas {
  position:absolute; inset:0; width:100%; height:100%; z-index:2;
  display:block; pointer-events:none; background:transparent;
  opacity:0; transition:opacity .2s ease;
}
.pb-box-art > .aaiab-orb-box-canvas[hidden] { display:none; }
.pb-box-art[data-orb-box-ready="true"] > .aaiab-orb-box-canvas { opacity:1; }
.pb-box-art[data-orb-box-ready="true"]::before,
.pb-box-art[data-orb-box-ready="true"]::after { opacity:0; }
html[data-package-artwork]:not([data-package-artwork="unavailable"]) .pb-box-art:not([data-orb-box-state="fallback"])::before,
html[data-package-artwork]:not([data-package-artwork="unavailable"]) .pb-box-art:not([data-orb-box-state="fallback"])::after {
  opacity:0; transition:none;
}
html[data-package-artwork]:not([data-package-artwork="unavailable"]) .pb-selection-stage:not([data-orb-box-batch="ready"]) .pb-box-art > .aaiab-orb-box-canvas {
  opacity:0; transition:none;
}
.aaiab-box-loading {
  position:absolute; left:50%; top:46%; translate:-50% -50%; z-index:3;
  display:flex; align-items:center; gap:10px; pointer-events:none;
  color:#b8cbd8; font:500 11px/1.5 "DM Sans Variable",sans-serif; letter-spacing:.04em;
}
.aaiab-box-loading::before {
  content:""; width:6px; height:6px; border-radius:50%; background:#a7d6ec;
  box-shadow:0 0 12px #a7d6ec70;
}
.aaiab-box-loading[hidden],html[data-package-artwork="unavailable"] .aaiab-box-loading { display:none; }
@media (prefers-reduced-motion:reduce) {
  .pb-box-art::before,.pb-box-art::after,.pb-box-art > .aaiab-orb-box-canvas { transition:none; }
}
[data-motion="false"] .pb-box-art::before,
[data-motion="false"] .pb-box-art::after,
[data-motion="false"] .pb-box-art > .aaiab-orb-box-canvas,
[data-motion="paused"] .pb-box-art > .aaiab-orb-box-canvas,
[data-package-motion="false"] .pb-box-art::before,
[data-package-motion="false"] .pb-box-art::after,
[data-package-motion="false"] .pb-box-art > .aaiab-orb-box-canvas {
  transition:none;
}
/* The recovered site owns these capability buttons and their click handlers.
   With the new agents already inside the glass, present that same navigation
   as a readable selector instead of drawing a second constellation over them. */
.pb-selection-stage:has(.pb-display[data-selected="true"]) > .po-continuous-scene {
  position:relative; inset:auto; float:left; width:43%; height:auto; min-height:0;
  margin:calc(43% + 74px) 0 100px 1%; padding:8px 0;
  display:flex; flex-direction:column; align-items:flex-start; gap:10px;
  container-type:normal; pointer-events:auto; overflow:visible;
}
.pb-selection-stage:has(.pb-display[data-selected="true"])::after {
  content:""; display:block; clear:both;
}
.pb-selection-stage:has(.pb-display[data-selected="true"]) > .po-continuous-scene[aria-hidden="true"] {
  visibility:hidden; pointer-events:none;
}
.pb-selection-stage:has(.pb-display[data-selected="true"]) > .po-continuous-scene[aria-hidden="true"] .po-agent {
  visibility:hidden!important; pointer-events:none!important;
}
.pb-selection-stage:has(.pb-display[data-selected="true"]) :is(.po-center-material,.po-agent-material) { display:none; }
.pb-selection-stage:has(.pb-display[data-selected="true"]) .po-center {
  position:static; inset:auto!important; translate:none; transform:none!important;
  width:auto!important; height:auto; min-height:44px; aspect-ratio:auto;
  padding:9px 14px; border:1px solid #9bafbd57; border-radius:6px;
  background:#10171ce8; color:#e5edf3; font-size:12px; line-height:1.4;
}
.pb-selection-stage:has(.pb-display[data-selected="true"]) .po-center::after { content:"Plan overview"; }
.pb-selection-stage:has(.pb-display[data-selected="true"]) .po-agent-group {
  position:static; inset:auto; display:flex; flex-wrap:wrap; gap:7px; width:100%; pointer-events:auto;
}
.pb-selection-stage:has(.pb-display[data-selected="true"]) .po-agent {
  position:static; inset:auto; translate:none; transform:none!important;
  display:inline-flex; flex-direction:row; width:auto; height:auto; min-height:44px;
  padding:9px 11px; border:1px solid #9bafbd38; border-radius:6px;
  background:#11191ee8; color:#dce6ed; visibility:visible!important;
  pointer-events:auto!important; will-change:auto; transition:background-color .15s ease,border-color .15s ease;
}
.pb-selection-stage:has(.pb-display[data-selected="true"]) .po-agent[data-plan-included="false"] { display:none; }
.pb-selection-stage:has(.pb-display[data-selected="true"]) .po-agent-name {
  position:static; inset:auto; translate:none; max-width:none; width:auto;
  padding:0; opacity:1; background:none; color:inherit; font-size:11px; text-shadow:none;
}
.pb-selection-stage:has(.pb-display[data-selected="true"]) :is(.po-center,.po-agent):hover {
  background:#202c34; border-color:#adc1cf80;
}
.pb-selection-stage:has(.pb-display[data-selected="true"]) .po-agent[aria-pressed="true"] {
  background:#25333c; border-color:#b2c9d8; color:#f1f7fa;
}
@media (min-width:821px) and (max-width:1050px) {
  .pb-selection-stage:has(.pb-display[data-selected="true"]) > .po-continuous-scene { margin-top:calc(43% + 120px); }
}
@media (max-width:820px) {
  .pb-selection-stage:has(.pb-display[data-selected="true"]) > .po-continuous-scene {
    float:none; width:100%; margin:0 0 24px; padding:0;
  }
}
/* Contain the mobile package stage's transformed descendants without creating
   a page-level scroller. The selector remains the native horizontal carousel. */
@media (max-width:600px) {
  .package-experience.package-boxes { min-width:0; overflow-x:clip; }
  .package-boxes .pb-selection-stage:not([data-open="true"]) .pb-box-selector {
    margin-inline:0; padding-inline:8px; scroll-padding-inline:8px;
    min-width:0; max-width:100%;
  }
}