/* A viewport presentation of the native package stage and retained GPU boxes. */
.package-stage-reserve { pointer-events:none; }
.package-boxes .pb-selection-stage[data-package-presentation="focus"],
.package-boxes .pb-selection-stage[data-package-presentation="closing"] {
  position:fixed; inset:0; z-index:100; width:100%; height:100dvh;
  min-height:0; margin:0; padding:0 6vw; overflow:auto; overscroll-behavior:contain;
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:5vw;
  align-items:center; isolation:isolate; background:#090d11; transition:none;
  visibility:visible;
  animation:package-takeover-in 240ms ease-out both;
}
.package-boxes .pb-selection-stage:is([data-package-presentation="focus"],[data-package-presentation="closing"])::before {
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:radial-gradient(ellipse at 25% 48%,rgba(var(--tier-rgb),.13),transparent 60%),url('/images/atmosphere.png') center / cover no-repeat;
  opacity:.38;
}
.package-boxes .pb-selection-stage:is([data-package-presentation="focus"],[data-package-presentation="closing"])::after { content:none; }
.package-boxes .pb-selection-stage[data-package-presentation="closing"] { animation:package-takeover-out 180ms ease-in both; pointer-events:none; }
.package-boxes .pb-selection-stage:is([data-package-presentation="focus"],[data-package-presentation="closing"]) .pb-display {
  left:4vw!important; top:50%!important; width:min(46vw,680px)!important;
  translate:0 -50%!important; transform:none!important; transition:opacity 180ms ease!important;
  opacity:0!important;
}
.package-boxes .pb-selection-stage:is([data-package-presentation="focus"],[data-package-presentation="closing"]) .pb-display[data-selected="true"] { opacity:1!important; }
.package-boxes .pb-selection-stage:is([data-package-presentation="focus"],[data-package-presentation="closing"]) .pb-story-panel {
  grid-column:2; width:100%; margin:0; min-height:0; padding:76px 0 112px;
  opacity:1!important; transition:none;
}
.package-boxes .pb-selection-stage[data-package-presentation] .pb-story-content { animation:package-copy-in 260ms ease-out both; }
.package-boxes .pb-selection-stage:is([data-package-presentation="focus"],[data-package-presentation="closing"]) .pb-close {
  position:fixed; right:28px; top:24px; width:44px; height:44px; padding:0;
  border-color:rgba(var(--tier-rgb),.3); color:#e5eef3; background:#15202bba;
}
.package-boxes .pb-selection-stage[data-package-presentation="closing"] .pb-close,
.package-boxes .pb-selection-stage[data-package-presentation] .pb-close[data-closing="true"] { visibility:hidden; }
.package-boxes .pb-selection-stage:is([data-package-presentation="focus"],[data-package-presentation="closing"]) .pb-neighbor-controls {
  position:fixed; bottom:0; left:0; right:0; margin:0; min-height:72px;
  background:#0b1218ed; backdrop-filter:blur(18px); border-top:1px solid #aec8d32b;
}
.package-boxes .pb-selection-stage:is([data-package-presentation="focus"],[data-package-presentation="closing"]) .pb-stage-backdrop { position:fixed; z-index:-1; }
/* Native recall keeps running invisibly; overview access returns immediately. */
.package-boxes .pb-selection-stage[data-package-presentation="overview"] {
  position:relative; height:0; min-height:0!important; margin:0; padding:0;
  visibility:hidden; overflow:clip; pointer-events:none; transition:none;
}
.package-boxes .pb-selection-stage[data-package-presentation="overview"] :is(.pb-story-panel,.pb-close,.pb-stage-backdrop,.pb-neighbor-controls,.po-continuous-scene) { display:none!important; }
.package-boxes .pb-selection-stage[data-package-presentation="overview"] .pb-display {
  left:calc(var(--box-index) * 33.333%)!important; top:22px!important; width:33.333%!important;
  translate:none!important; transform:none!important; opacity:1!important; transition:none!important;
}
.package-boxes .pb-selection-stage[data-package-presentation="overview"] .pb-display[data-tier="scale"] { top:0!important; }
.package-boxes .pb-selection-stage[data-package-presentation="overview"] .pb-box { pointer-events:none!important; }
.package-boxes .pb-selection-stage[data-package-presentation="overview"] .pb-box-action { opacity:1!important; }
.package-boxes:has([data-package-presentation="overview"]) .pb-details-disclosure { display:block; }
@keyframes package-takeover-in { from { opacity:0; } to { opacity:1; } }
@keyframes package-takeover-out { from { opacity:1; } to { opacity:0; } }
@keyframes package-copy-in { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }
@media(max-width:820px) {
  .package-boxes .pb-selection-stage:is([data-package-presentation="focus"],[data-package-presentation="closing"]) { display:block; padding:0 24px; }
  .package-boxes .pb-selection-stage:is([data-package-presentation="focus"],[data-package-presentation="closing"]) .pb-box-selector { position:relative; height:min(54vw,300px); margin-top:38px; }
  .package-boxes .pb-selection-stage:is([data-package-presentation="focus"],[data-package-presentation="closing"]) .pb-display { left:50%!important; top:50%!important; width:min(72vw,400px)!important; translate:-50% -50%!important; }
  .package-boxes .pb-selection-stage:is([data-package-presentation="focus"],[data-package-presentation="closing"]) .pb-story-panel { width:100%; padding:8px 0 110px; }
  .package-boxes .pb-selection-stage:is([data-package-presentation="focus"],[data-package-presentation="closing"]) .pb-close { top:14px; right:16px; }
}
@media(max-width:600px) {
  .package-boxes .pb-selection-stage:is([data-package-presentation="focus"],[data-package-presentation="closing"]) .pb-overview-heading h3 { font-size:36px; margin-bottom:12px; }
  .package-boxes .pb-selection-stage:is([data-package-presentation="focus"],[data-package-presentation="closing"]) .pb-overview-facts { margin-block:20px; }
}
@media(prefers-reduced-motion:reduce) {
  .package-boxes .pb-selection-stage[data-package-presentation],.package-boxes .pb-selection-stage[data-package-presentation] .pb-story-content { animation:none!important; }
}
[data-motion="false"] .pb-selection-stage[data-package-presentation],
[data-motion="false"] .pb-selection-stage[data-package-presentation] .pb-story-content { animation:none!important; }