/* v18 command deck: the mothership's bridge. Original styling; gunmetal panels, trench grid, holo table, red/white alert accents, quiet HUD. */
:root{--gm1:#1a1d22;--gm2:#0e1014;--gmline:rgba(160,175,195,.10);--alert:#ff2a3d;--hud:#9fe8ff}
body.deck{background:
  linear-gradient(transparent 0 calc(100% - 1px),var(--gmline) 0) 0 0/100% 48px,
  linear-gradient(90deg,transparent 0 calc(100% - 1px),var(--gmline) 0) 0 0/48px 100%,
  radial-gradient(ellipse at 50% 120%,#1b2430 0,#0a0c10 55%,#050608 100%) !important;background-attachment:fixed !important}
body.deck::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px);mix-blend-mode:screen}
body.deck::after{content:"BRIDGE · DECK 01   ◉ ALL SYSTEMS NOMINAL   CORE  ▮▮▮▮▮▮▯  HOLO TABLE ONLINE";position:fixed;right:14px;bottom:10px;z-index:9999;pointer-events:none;font:400 10px 'IBM Plex Mono',monospace;letter-spacing:.22em;color:var(--hud);opacity:.55;padding:5px 10px;border:1px solid rgba(159,232,255,.25);border-left:3px solid var(--alert);background:rgba(8,10,14,.75)}
body.deck header{background:linear-gradient(180deg,#20242b,#111318) !important;border-bottom:1px solid rgba(255,255,255,.08) !important;box-shadow:0 2px 0 rgba(255,42,61,.55),0 6px 24px rgba(0,0,0,.6)}
body.deck header::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,transparent,var(--alert) 20%,#fff 50%,var(--alert) 80%,transparent);opacity:.8;animation:deckscan 6s linear infinite;background-size:200% 100%}
@keyframes deckscan{to{background-position:-200% 0}}
body.deck .side,body.deck .pnl,body.deck #panel,body.deck #legend,body.deck #drawer,body.deck nav{background:linear-gradient(160deg,var(--gm1),var(--gm2)) !important;border:1px solid rgba(190,200,215,.12) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 0 0 1px rgba(0,0,0,.5),0 10px 30px rgba(0,0,0,.45);position:relative}
body.deck .pnl::before,body.deck .side::before,body.deck #panel::before{content:"";position:absolute;inset:6px;pointer-events:none;border:1px solid transparent;background:
  linear-gradient(var(--alert),var(--alert)) top left/14px 2px no-repeat,linear-gradient(var(--alert),var(--alert)) top left/2px 14px no-repeat,
  linear-gradient(#fff,#fff) bottom right/14px 2px no-repeat,linear-gradient(#fff,#fff) bottom right/2px 14px no-repeat;opacity:.55}
body.deck .step,body.deck .grp,body.deck .meta{letter-spacing:.2em}
body.deck .step{border-left:2px solid var(--alert) !important;padding-left:10px}
body.deck .btn:not(.o){box-shadow:0 0 0 1px rgba(255,42,61,.4),0 0 14px rgba(255,42,61,.25)}
body.deck #stage{position:relative}
body.deck #stage::after{content:"";position:absolute;left:8%;right:8%;bottom:4%;height:22%;pointer-events:none;border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(90,215,255,.22),rgba(90,215,255,.06) 45%,transparent 70%),repeating-radial-gradient(ellipse at center,rgba(159,232,255,.16) 0 1px,transparent 1px 18px);
  box-shadow:0 0 0 1px rgba(159,232,255,.15);animation:holo 4s ease-in-out infinite}
@keyframes holo{50%{opacity:.7}}
@media (prefers-reduced-motion:reduce){body.deck header::after,body.deck #stage::after{animation:none}}