/* scene_atmosphere_v4.css — composition pass: turn pages into scenes */
/* landing: a composed command-room entrance */
#public-preview .pp-wrap{width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);grid-template-areas:"brand brand" "hero auth" "sections sections" "footer footer";column-gap:20px;align-items:start;padding:0 24px 72px}
#public-preview .pp-brand{grid-area:brand;position:relative;z-index:3;padding:28px 4px 10px}
#public-preview .pp-hero{grid-area:hero;min-height:540px;display:flex;flex-direction:column;justify-content:flex-end;padding:42px 34px 30px!important;border-radius:28px 8px 28px 8px!important;background:
 linear-gradient(180deg,rgba(3,12,18,.12) 0%,rgba(3,12,18,.30) 38%,rgba(3,12,18,.94) 86%),
 linear-gradient(90deg,rgba(3,12,18,.98),rgba(3,12,18,.25)),
 url('/assets/img/age_of_ashes_command.webp') center/cover!important;box-shadow:0 26px 90px #000b,0 0 0 1px #ecd08333,inset 0 0 80px #000b!important}
#public-preview .pp-hero::before{content:"";position:absolute;inset:10px!important;width:auto!important;height:auto!important;border:1px solid #e9ca7a55;border-radius:21px 4px 21px 4px;background:radial-gradient(circle at 72% 26%,#f1c15f24,transparent 20%),linear-gradient(180deg,transparent 60%,#061017c9);filter:none!important;pointer-events:none}
#public-preview .pp-hero::after{content:"فرماندهی جهان  ·  اتصال پایدار";position:absolute;top:26px;right:28px;z-index:2;padding:7px 10px;border:1px solid #79d5cc66;border-radius:5px;background:#06141bc7;color:#b9eee7;font-size:10px;letter-spacing:0;box-shadow:0 0 22px #56c6bd22}
#public-preview .pp-auth{grid-area:auth;position:sticky;top:18px;margin-top:38px;padding:22px!important;border-radius:8px 24px 8px 24px!important;background:linear-gradient(160deg,rgba(18,47,58,.98),rgba(5,17,24,.98))!important;box-shadow:0 28px 70px #000a,0 0 0 1px #e9ca7a22,inset 0 1px #fff2!important}
#public-preview .pp-auth::before{content:"ورودی امن فرمانده";display:block;margin:-5px 0 18px;padding-bottom:12px;border-bottom:1px solid #86d9d044;color:#f0d58e;font-size:11px;font-weight:900;letter-spacing:.05em}
#public-preview .pp-section{grid-area:sections}
#public-preview .pp-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#public-preview .pp-feature{min-height:180px;padding:22px 18px!important;border-radius:6px 18px 6px 18px!important}
#public-preview .pp-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#public-preview .pp-step{min-height:120px;padding:18px!important;border-radius:6px 14px 6px 14px!important}
#public-preview .pp-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#public-preview .pp-shot{min-height:145px;border-radius:6px 18px 6px 18px!important;background:linear-gradient(145deg,#153846,#07151d)!important;border-color:#83d8cf44!important}
#public-preview .pp-footer{grid-area:footer}
/* HQ: a real diorama plane behind existing cards */
.app-shell .main-content{isolation:isolate;overflow:hidden!important;background:
 radial-gradient(ellipse at 52% 4%,rgba(76,166,168,.15),transparent 28%),
 linear-gradient(180deg,rgba(6,20,28,.18),rgba(2,10,15,.75))!important}
.app-shell .main-content::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:
 linear-gradient(180deg,rgba(4,14,20,.10),rgba(4,14,20,.72)),url('/assets/img/age_of_ashes_command.webp') center 30%/cover no-repeat;opacity:.25;filter:saturate(.72) contrast(1.1)}
.app-shell .main-content::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:
 linear-gradient(90deg,transparent 0 9%,rgba(116,208,201,.09) 9.1%,transparent 9.2% 90.8%,rgba(230,196,117,.08) 90.9%,transparent 91%),
 linear-gradient(180deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:100% 100%,100% 86px;mask-image:linear-gradient(180deg,#000,transparent 78%);opacity:.36}
.app-shell .command-hero{min-height:310px!important;display:flex;flex-direction:column;justify-content:flex-end;padding:30px!important;border-radius:7px 26px 7px 26px!important;background:
 linear-gradient(180deg,rgba(4,15,22,.06),rgba(4,15,22,.86)),url('/assets/img/age_of_ashes_command.webp') center/cover!important;box-shadow:0 28px 75px #000a,0 0 0 1px #e8c77833,inset 0 0 70px #000b!important}
.app-shell .command-hero::before{content:"";inset:12px!important;width:auto!important;height:auto!important;background:linear-gradient(90deg,#65d4cd66 1px,transparent 1px),linear-gradient(#e7c57655 1px,transparent 1px)!important;background-size:56px 56px!important;opacity:.23!important;filter:none!important;border:1px solid #e8c77844;border-radius:4px 20px 4px 20px}
.app-shell .action-grid.jw-map,.app-shell .action-grid.hq-refit-board{margin-top:16px!important;border-radius:5px 24px 5px 24px!important;min-height:clamp(560px,76vh,860px)!important;background:
 radial-gradient(ellipse at 50% 42%,rgba(79,169,163,.16),transparent 38%),
 linear-gradient(180deg,rgba(3,15,21,.16),rgba(3,13,18,.88)),url('/assets/img/age_of_ashes_command.webp') center/cover!important;box-shadow:0 30px 90px #000b,0 0 0 1px #e8c77833,inset 0 0 100px #000c!important}
.app-shell .action-grid.jw-map::before,.app-shell .action-grid.hq-refit-board::before{content:"میدان فرماندهی  ·  نقشهٔ زنده"!important;display:block!important;inset:14px!important;height:auto!important;border:1px solid #7ed7cf55!important;border-radius:3px 20px 3px 20px!important;background:
 linear-gradient(90deg,transparent 0 19%,#7ed7cf12 19.1%,transparent 19.2% 79.8%,#e8c77810 79.9%,transparent 80%),
 linear-gradient(180deg,#ffffff08 1px,transparent 1px)!important;background-size:100% 100%,100% 72px!important;box-shadow:inset 0 0 90px #000c,0 0 0 8px #e8c7780b!important;color:#bce9e2!important;pointer-events:none!important;text-align:left;padding:14px!important;font-size:10px!important}
.app-shell .action-grid.jw-map .action-card:not([data-world-slot=extra]),.app-shell .action-grid.hq-refit-board .action-card:not([data-world-slot=extra]){backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:linear-gradient(145deg,rgba(21,59,70,.94),rgba(4,19,27,.97))!important;border-radius:4px 14px 4px 14px!important}
@media(max-width:760px){
 #public-preview .pp-wrap{display:block;padding:0 14px 52px}
 #public-preview .pp-brand{padding:20px 2px 8px}
 #public-preview .pp-hero{min-height:480px;margin-top:8px;border-radius:8px 22px 8px 22px!important;padding:28px 20px 22px!important}
 #public-preview .pp-auth{position:relative;top:auto;margin-top:14px;border-radius:8px 20px 8px 20px!important}
 #public-preview .pp-features,#public-preview .pp-steps{grid-template-columns:1fr;gap:10px}
 #public-preview .pp-feature{min-height:140px}
 #public-preview .pp-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .app-shell .command-hero{min-height:250px!important}
 .app-shell .action-grid.jw-map,.app-shell .action-grid.hq-refit-board{min-height:clamp(520px,115vw,720px)!important}
 .app-shell .action-grid.jw-map::before,.app-shell .action-grid.hq-refit-board::before{inset:8px!important}
}
@media(prefers-reduced-motion:reduce){#public-preview::before{animation:none!important}}