/* Project Freedom v0.35.1 — Verified scenery hotfix */
:root{--pf-page-max:1180px}
html,body{margin:0;min-height:100%;background:#07101d!important}
body,body.pf-v034{min-height:100vh;position:relative;isolation:isolate}

/* Keep scenery inside the visible stacking context. Negative z-index was hidden behind html/body. */
.scene{position:fixed!important;inset:0!important;z-index:0!important;display:block!important;overflow:hidden!important;background:#07101d!important;pointer-events:none!important}
.scene-layer{position:absolute!important;inset:0!important;display:block!important;visibility:visible!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;filter:saturate(1.08) contrast(1.05) brightness(.92)!important;transform:scale(1.01)!important;opacity:0!important;transition:opacity .45s ease!important}
/* Always show Alpine scenery as the stable default, regardless of late JS or radio state. */
.scene .s1{opacity:1!important;visibility:visible!important}
.scene:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(3,11,24,.12),rgba(3,12,27,.30) 55%,rgba(2,8,18,.62)),radial-gradient(circle at 12% 8%,rgba(41,222,255,.12),transparent 34%),radial-gradient(circle at 90% 20%,rgba(154,91,255,.13),transparent 36%)!important;pointer-events:none!important}

/* All interface content must sit above the scenery. */
.app,.pf34-shell,.pf-page,.bottom,.pf34-bottom,.pf-fab,.pf-ask-fab,.info-drawer,.panel-shade{position:relative;z-index:2}
.bottom,.pf34-bottom,.pf-fab,.pf-ask-fab,.info-drawer,.panel-shade{position:fixed}
.scene-trigger,.scene-drawer,.scene-shade{display:none!important}

/* Premium translucent cards so scenery remains visible. */
.glass,.pf34-card,.pf-page .card{background:linear-gradient(145deg,rgba(8,37,64,.62),rgba(17,24,58,.56))!important;border-color:rgba(255,255,255,.30)!important;box-shadow:0 20px 55px rgba(0,5,18,.34),inset 0 1px rgba(255,255,255,.20)!important;backdrop-filter:blur(13px) saturate(132%)!important;-webkit-backdrop-filter:blur(13px) saturate(132%)!important}

@media(min-width:900px){
  .app{width:min(calc(100% - 52px),var(--pf-page-max))!important;padding-left:22px!important;padding-right:22px!important}
  .pf34-shell,.pf-page{max-width:var(--pf-page-max)!important;padding-left:24px!important;padding-right:24px!important}
  .mini-grid,.pf34-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .pf34-mini{min-height:180px}.hero,.pf34-hero{padding:26px 30px!important}
  .hero-top,.pf34-hero-row{grid-template-columns:170px minmax(0,1fr)!important;gap:30px!important}
  .score,.pf34-score{width:158px!important;height:158px!important}.worth,.pf34-worth{font-size:42px!important}
  .bottom,.pf34-bottom{left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(calc(100% - 48px),900px)!important}
  .pf-fab{left:calc(50% - 560px)!important}.pf-ask-fab{right:calc(50% - 560px)!important}
  header,.pf34-head{padding-top:8px}.scene-layer{background-position:center 42%!important}
}
@media(max-width:520px){
  .scene-layer{background-position:56% center!important}
  .pf34-bottom,.bottom{bottom:max(7px,env(safe-area-inset-bottom))!important}
  .pf34-card,.glass{backdrop-filter:blur(11px) saturate(128%)!important;-webkit-backdrop-filter:blur(11px) saturate(128%)!important}
}