/* Nerddi OS Run 55 · Photo-Match Command Controller
   Visual/ergonomic shell only. Pairing, transport and game authority are unchanged. */

@media (orientation: landscape){
  .controller-app[data-game-skin="botzwar"]{
    --run55-shell-cyan:#59e7ff;
    --run55-shell-blue:#1789c8;
    --run55-shell-gold:#f5bd45;
    --run55-panel:#071017;
    --run55-panel-deep:#010407;
    --run55-left-center:50%;
    --run55-grip-radius:36px;
  }

  /* One premium molded controller shell, closer to the approved photo. */
  .controller-app[data-game-skin="botzwar"] .controldeck-gamepad{
    gap:10px!important;
    border-radius:40px 40px 62px 62px!important;
    background:
      radial-gradient(ellipse at 12% 42%,#113249aa 0,transparent 34%),
      radial-gradient(ellipse at 88% 42%,#113249aa 0,transparent 34%),
      linear-gradient(180deg,#223443 0,#0b151e 9%,#03070c 35%,#010305 76%,#07131b 100%)!important;
    border:1px solid #44778d!important;
    box-shadow:
      inset 0 3px 0 #ffffff20,
      inset 0 -11px 24px #000d,
      0 18px 42px #000e,
      0 0 0 1px #0b1b25,
      0 0 34px #46dcff12!important;
  }

  /* Sculpted side grips: broad shoulders, pinched waist, palm flare. */
  .controller-app[data-game-skin="botzwar"] .deck-left-body,
  .controller-app[data-game-skin="botzwar"] .deck-right-body{
    isolation:isolate;
    border:1px solid #28495c!important;
    background:
      linear-gradient(115deg,#ffffff0d 0 4%,transparent 15% 80%,#ffffff06 92%),
      radial-gradient(ellipse at 50% 24%,#14344a88,transparent 34%),
      radial-gradient(ellipse at 50% 70%,#0b2233aa,transparent 54%),
      linear-gradient(160deg,#0c1720 0,#04080c 42%,#010305 74%,#0a141c 100%)!important;
    clip-path:polygon(5% 0,95% 0,100% 8%,97% 76%,88% 94%,72% 100%,25% 100%,10% 94%,2% 77%,0 12%);
    border-radius:var(--run55-grip-radius)!important;
    box-shadow:
      inset 10px 0 22px #000a,
      inset -10px 0 22px #000a,
      inset 0 18px 24px #000a,
      inset 0 -26px 36px #000e,
      0 12px 24px #000c,
      0 0 0 1px #213b4b,
      0 0 22px #4adfff0b!important;
  }
  .controller-app[data-game-skin="botzwar"] .deck-left-body:before,
  .controller-app[data-game-skin="botzwar"] .deck-right-body:before{
    inset:10px!important;
    border-radius:30px!important;
    border:1px solid #ffffff0b!important;
    box-shadow:inset 0 0 34px #000c,0 0 14px #58e6ff0a!important;
  }
  .controller-app[data-game-skin="botzwar"] .deck-left-body:after,
  .controller-app[data-game-skin="botzwar"] .deck-right-body:after{
    content:"";position:absolute;z-index:0;inset:8% 8% 5%;pointer-events:none;border-radius:32px;
    background:repeating-linear-gradient(118deg,#ffffff025 0 1px,transparent 1px 5px);
    opacity:.34;mix-blend-mode:screen;
  }

  /* Photo-like raised shoulder pairs, with a stronger outer bevel. */
  .controller-app[data-game-skin="botzwar"] .deck-shoulders{
    gap:8px!important;padding:0 5px 5px!important;perspective:600px;
  }
  .controller-app[data-game-skin="botzwar"] .deck-shoulder{
    height:39px!important;min-height:39px!important;
    border-radius:14px 14px 18px 18px!important;
    border:1px solid #53788e!important;
    background:linear-gradient(180deg,#2a3f50 0,#111f2a 34%,#071017 70%,#020507 100%)!important;
    box-shadow:
      inset 0 3px 0 #ffffff25,
      inset 0 -6px 0 #000b,
      0 6px 0 #010305,
      0 12px 18px #000c,
      0 0 12px #4be1ff0e!important;
  }

  /* Keep the selector a compact hardware strip like the approved render. */
  .controller-app[data-game-skin="botzwar"] .deck-direction-module{
    position:relative!important;z-index:2!important;
    padding:10px 10px 7px!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    gap:8px!important;
  }
  .controller-app[data-game-skin="botzwar"] .deck-direction-selector>small{display:none!important}
  .controller-app[data-game-skin="botzwar"] .deck-direction-selector>div{
    width:100%;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:4px!important;
    padding:4px!important;border:1px solid #2c4a5c!important;border-radius:999px!important;
    background:#010407!important;box-shadow:inset 0 5px 12px #000d,0 2px 0 #ffffff08!important;
  }
  .controller-app[data-game-skin="botzwar"] .deck-direction-selector button{
    min-height:30px!important;border-radius:999px!important;border:1px solid #203c4d!important;
    background:linear-gradient(180deg,#132532,#050a0f)!important;
    box-shadow:inset 0 1px 0 #ffffff12,0 4px 8px #0009!important;
  }
  .controller-app[data-game-skin="botzwar"] .deck-direction-selector button.active{
    color:#e8feff!important;border-color:var(--run55-shell-cyan)!important;
    box-shadow:inset 0 1px 0 #ffffff24,0 0 14px #59e7ff44,0 5px 10px #000a!important;
  }

  /* Shared left-control centerline. This is the key ergonomic correction from the marked screenshot. */
  .controller-app[data-game-skin="botzwar"] .deck-direction-stack{
    position:relative!important;width:100%!important;height:100%!important;min-height:0!important;
    align-items:center!important;justify-items:center!important;overflow:visible!important;
  }
  .controller-app[data-game-skin="botzwar"] .deck-direction-module[data-direction-mode="stick"] .virtual-stick,
  .controller-app[data-game-skin="botzwar"] .deck-direction-module[data-direction-mode="dpad"] .master-direction-control{
    width:100%!important;height:100%!important;display:grid!important;place-items:center!important;transform:none!important;
  }
  .controller-app[data-game-skin="botzwar"] .deck-direction-module[data-direction-mode="stick"] .virtual-stick .stick-zone,
  .controller-app[data-game-skin="botzwar"] .deck-direction-module[data-direction-mode="dpad"] .master-direction-pad{
    position:absolute!important;left:var(--run55-left-center)!important;transform:translateX(-50%)!important;
  }

  /* BOTH becomes a true vertical controller column: analog directly above D-pad. */
  .controller-app[data-game-skin="botzwar"] .deck-direction-module[data-direction-mode="both"] .deck-direction-stack{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(0,1fr) minmax(0,1fr)!important;
    gap:4px!important;padding:2px 0 4px!important;
    align-items:center!important;justify-items:center!important;
  }
  .controller-app[data-game-skin="botzwar"] .deck-direction-module[data-direction-mode="both"] .virtual-stick,
  .controller-app[data-game-skin="botzwar"] .deck-direction-module[data-direction-mode="both"] .master-direction-control{
    width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
    display:grid!important;place-items:center!important;justify-self:center!important;transform:none!important;
  }
  .controller-app[data-game-skin="botzwar"] .deck-direction-module[data-direction-mode="both"] .virtual-stick .stick-zone{
    position:absolute!important;left:var(--run55-left-center)!important;top:50%!important;transform:translate(-50%,-50%)!important;
  }
  .controller-app[data-game-skin="botzwar"] .deck-direction-module[data-direction-mode="both"] .master-direction-pad{
    position:relative!important;left:var(--run55-left-center)!important;transform:translateX(-50%)!important;
  }
  .controller-app[data-game-skin="botzwar"] .deck-direction-module[data-direction-mode="both"] .virtual-stick .stick-rings{
    width:min(18vh,92px)!important;
  }
  .controller-app[data-game-skin="botzwar"] .deck-direction-module[data-direction-mode="both"] .virtual-stick .stick-knob{
    width:min(8vh,46px)!important;height:min(8vh,46px)!important;
  }
  .controller-app[data-game-skin="botzwar"] .deck-direction-module[data-direction-mode="both"] .master-direction-pad{
    width:min(18vh,92px)!important;
  }

  /* Larger single-mode controls, centered exactly like a real handheld. */
  .controller-app[data-game-skin="botzwar"] .deck-direction-module[data-direction-mode="stick"] .stick-rings{
    width:min(30vh,150px)!important;
  }
  .controller-app[data-game-skin="botzwar"] .deck-direction-module[data-direction-mode="dpad"] .master-direction-pad{
    width:min(27vh,142px)!important;
  }

  /* Photo-match analog hardware. */
  .controller-app[data-game-skin="botzwar"] .stick-rings{
    background:
      radial-gradient(circle at 50% 50%,#020507 0 28%,#0c1720 29% 43%,#1f455c 44% 46%,#03070b 47% 63%,#2f5b73 64% 66%,#020508 67%)!important;
    box-shadow:
      0 0 0 5px #020508,
      0 0 0 7px #274a5f,
      0 0 20px #45ddff26,
      inset 0 12px 20px #000e,
      0 14px 24px #000c!important;
  }
  .controller-app[data-game-skin="botzwar"] .stick-knob{
    background:radial-gradient(circle at 38% 28%,#314b5d,#111d25 36%,#03070a 74%)!important;
    border:1px solid #41647a!important;
    box-shadow:inset 0 3px 0 #ffffff1f,inset 0 -9px 15px #000d,0 8px 0 #010203,0 14px 22px #000c!important;
  }

  /* D-pad becomes one coherent cross-shaped mechanical assembly. */
  .controller-app[data-game-skin="botzwar"] .master-direction-pad{
    aspect-ratio:1!important;gap:4px!important;
    padding:7px!important;border-radius:50%!important;background:radial-gradient(circle,#0c1720 0 52%,#020507 72%)!important;
    box-shadow:inset 0 12px 22px #000d,0 0 0 1px #27485c,0 11px 20px #000b!important;
  }
  .controller-app[data-game-skin="botzwar"] .master-direction-pad .deck-dpad-key{
    border-radius:11px!important;
    background:linear-gradient(145deg,#375263,#13232e 48%,#04080c)!important;
    border-color:#527285!important;
    box-shadow:inset 0 2px 0 #ffffff1c,inset 0 -5px 0 #000a,0 5px 0 #010305,0 8px 12px #000a!important;
  }

  /* Right controls follow the exact clean diamond + high Z arrangement from the visual target. */
  .controller-app[data-game-skin="botzwar"] .deck-right-body{padding:12px 12px 10px!important}
  .controller-app[data-game-skin="botzwar"] .deck-face-cluster{
    width:min(32vh,164px)!important;max-width:94%!important;
    transform:translate(-3px,8px) rotate(0deg)!important;
    border-radius:50%!important;
    background:radial-gradient(circle,#08121a 0 58%,#020507 72%)!important;
    box-shadow:inset 0 16px 30px #000e,0 0 0 1px #27485c,0 14px 22px #000c!important;
  }
  .controller-app[data-game-skin="botzwar"] .deck-face{
    width:38%!important;min-width:46px!important;min-height:46px!important;
    border:2px solid #527084!important;
    background:radial-gradient(circle at 34% 22%,#425e70 0,#172732 28%,#071016 62%,#020405 100%)!important;
    box-shadow:inset 0 3px 0 #ffffff2c,inset 0 -7px 0 #000c,0 7px 0 #010305,0 13px 18px #000c,0 0 18px color-mix(in srgb,currentColor 22%,transparent)!important;
  }
  .controller-app[data-game-skin="botzwar"] .deck-face-triangle{left:31%!important;top:-1%!important}
  .controller-app[data-game-skin="botzwar"] .deck-face-circle{right:-1%!important;top:31%!important}
  .controller-app[data-game-skin="botzwar"] .deck-face-cross{left:31%!important;bottom:-1%!important}
  .controller-app[data-game-skin="botzwar"] .deck-face-square{left:-1%!important;top:31%!important}
  .controller-app[data-game-skin="botzwar"] .deck-face-z{
    width:36%!important;min-width:50px!important;min-height:50px!important;
    right:-20%!important;top:-17%!important;transform:none!important;
    border-color:#9c7b34!important;
    background:radial-gradient(circle at 34% 22%,#866522,#38270d 40%,#110d05 72%,#030302 100%)!important;
    box-shadow:inset 0 3px 0 #ffffff30,inset 0 -8px 0 #120d03,0 8px 0 #0a0702,0 14px 22px #000d,0 0 28px #f5bd4544!important;
  }

  /* Deep glass command screen inset into the chassis. */
  .controller-app[data-game-skin="botzwar"] .deck-center{padding:2px 1px 5px!important}
  .controller-app[data-game-skin="botzwar"] .deck-screen{
    border-radius:25px!important;border:1px solid #416c82!important;
    background:linear-gradient(180deg,#071018e8,#010407ee)!important;
    backdrop-filter:blur(8px) saturate(1.08);
    box-shadow:
      inset 0 0 0 4px #010407,
      inset 0 12px 30px #000d,
      inset 0 -14px 24px #000d,
      0 -3px 0 #294b5f,
      0 8px 0 #010204,
      0 18px 30px #000e,
      0 0 26px #53e1ff14!important;
  }
  .controller-app[data-game-skin="botzwar"] .deck-screen:after{
    background:linear-gradient(115deg,#ffffff12 0 6%,transparent 18% 60%,#59e7ff07 72%,transparent 88%)!important;
  }

  /* Bottom command spine resembles the centered hardware strip in the target. */
  .controller-app[data-game-skin="botzwar"] .deck-computer-dock{
    width:min(72%,420px)!important;min-height:32px!important;padding:3px 10px!important;
    border-radius:22px 22px 13px 13px!important;border:1px solid #315267!important;
    background:linear-gradient(180deg,#1d303e,#09131b 52%,#020507)!important;
    box-shadow:inset 0 2px 0 #ffffff1c,inset 0 -5px 0 #000b,0 9px 15px #000b,0 0 18px #50ddff14!important;
  }

  @media(max-height:430px){
    .controller-app[data-game-skin="botzwar"] .deck-shoulder{height:31px!important;min-height:31px!important}
    .controller-app[data-game-skin="botzwar"] .deck-direction-selector button{min-height:24px!important}
    .controller-app[data-game-skin="botzwar"] .deck-direction-module{padding:6px 7px 4px!important;gap:4px!important}
    .controller-app[data-game-skin="botzwar"] .deck-direction-module[data-direction-mode="both"] .virtual-stick .stick-rings,
    .controller-app[data-game-skin="botzwar"] .deck-direction-module[data-direction-mode="both"] .master-direction-pad{width:min(15.5vh,76px)!important}
    .controller-app[data-game-skin="botzwar"] .deck-face-cluster{width:min(27vh,128px)!important;transform:translate(-2px,5px)!important}
    .controller-app[data-game-skin="botzwar"] .deck-face{min-width:44px!important;min-height:44px!important}
    .controller-app[data-game-skin="botzwar"] .deck-face-z{min-width:46px!important;min-height:46px!important;right:-16%!important;top:-14%!important}
  }
}