/* game_stage_v5.css — game-feel layer, presentation + interaction only */
:root{--gs5-cyan:#7ce3d6;--gs5-gold:#efc879;--gs5-ink:#eaf4ef;--gs5-dark:#031017}
.app-shell{min-height:100dvh!important;display:flex!important;flex-direction:column!important;position:relative!important;background:#020a10!important}
.app-shell .topbar{flex:0 0 auto!important}
.app-shell .main-content{flex:1 1 auto!important;min-height:calc(100dvh - 64px)!important;padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}
/* cockpit HUD rail */
.gs5-command-rail{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;min-height:42px;margin:2px 0 10px;padding:8px 11px;border:1px solid #7ed8d044;border-radius:4px 13px 4px 13px;background:linear-gradient(90deg,#071c25dd,#0b2934cc,#07161edd);box-shadow:0 10px 26px #0007,inset 0 1px #fff1;direction:rtl;overflow:hidden}
.gs5-command-rail::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,#7ce3d612 45%,#efc87912 55%,transparent);animation:gs5-scan 5.6s linear infinite}
@keyframes gs5-scan{from{transform:translateX(-80%)}to{transform:translateX(80%)}}
.gs5-rail-side{position:relative;z-index:1;display:flex;align-items:center;gap:7px;color:#8aaeb4;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs5-rail-side b{color:#e8d19a;font-size:11px}.gs5-rail-core{position:relative;z-index:1;display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #82ddd44d;border-radius:99px;color:#bdeee6;font-size:9px}.gs5-core-dot{width:7px;height:7px;border-radius:50%;background:#7ce3d6;box-shadow:0 0 12px #7ce3d6;animation:gs5-pulse 1.8s ease-in-out infinite}@keyframes gs5-pulse{50%{opacity:.35;box-shadow:0 0 3px #7ce3d6}}
/* Tactical board is a scene, not a list container. */
.app-shell .action-grid.jw-map,.app-shell .action-grid.hq-refit-board{overflow:hidden!important}
.gs5-links{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.70;overflow:visible}.gs5-links line{stroke:#8fe0d655;stroke-width:1;stroke-dasharray:4 8;filter:drop-shadow(0 0 3px #69d9cf)}.gs5-links line.gs5-link-hot{stroke:#efc87999;stroke-width:1.5;stroke-dasharray:none}
.app-shell .action-grid.jw-map .action-card,.app-shell .action-grid.hq-refit-board .action-card{z-index:3!important}
.app-shell .action-grid.jw-map .action-card.gs5-selected,.app-shell .action-grid.hq-refit-board .action-card.gs5-selected{z-index:8!important;border-color:#f2d38a!important;box-shadow:0 0 0 3px #efc87928,0 0 30px #efc87955,0 20px 30px #000b!important;filter:brightness(1.16)!important}
.app-shell .action-grid.jw-map .action-card.gs5-selected::after,.app-shell .action-grid.hq-refit-board .action-card.gs5-selected::after{content:"انتخاب فرمان"!important;position:absolute!important;top:-25px!important;right:50%!important;left:auto!important;height:auto!important;width:max-content!important;padding:3px 7px!important;border:1px solid #eac97c88!important;border-radius:99px!important;background:#071821f2!important;color:#f2d99b!important;font-size:9px!important;transform:translateX(50%)!important;opacity:1!important}
.gs5-stage-readout{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 9px;padding:8px 11px;border-right:3px solid var(--gs5-cyan);border-bottom:1px solid #77d6cb33;background:linear-gradient(90deg,#0b2029c9,#07121855);direction:rtl}.gs5-stage-readout b{color:#e9d29a;font-size:12px}.gs5-stage-readout small{color:#91b3b8;font-size:9px}.gs5-stage-readout em{font-style:normal;color:#7ce3d6;font-size:9px}
.gs5-selection-drawer{position:fixed;right:16px;bottom:calc(78px + env(safe-area-inset-bottom));z-index:80;width:min(330px,calc(100vw - 32px));padding:12px 14px;border:1px solid #e8c87966;border-radius:5px 16px 5px 16px;background:linear-gradient(145deg,#173b45f5,#06151df8);box-shadow:0 22px 55px #000b,0 0 26px #e8c87922;direction:rtl;transform:translateY(18px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.gs5-selection-drawer.is-visible{transform:translateY(0);opacity:1;pointer-events:auto}.gs5-selection-drawer b{display:block;color:#f0d38e;font-size:14px}.gs5-selection-drawer small{display:block;margin-top:4px;color:#a5c5c4;font-size:10px}.gs5-selection-drawer button{margin-top:9px;min-height:34px;padding:6px 12px;border:1px solid #77d8ce66;border-radius:8px;background:#0b2932;color:#c9eee7;font:inherit;font-size:10px;cursor:pointer}
@media(max-width:700px){.gs5-command-rail{grid-template-columns:1fr auto;min-height:46px}.gs5-rail-side:last-of-type{display:none}.gs5-command-rail .gs5-rail-core{justify-self:end}.gs5-stage-readout{margin-inline:0}.gs5-selection-drawer{right:10px;width:calc(100vw - 20px)}}
@media(prefers-reduced-motion:reduce){.gs5-command-rail::before,.gs5-core-dot{animation:none!important}.gs5-selection-drawer{transition:none!important}.gs5-links line{stroke-dasharray:none}}