/* Nerddi OS Run 54 · Sculpted Command Center
   Visual depth + ergonomic polish only. Transport, pairing and game authority stay untouched. */

@media(orientation:landscape){
  .controller-app[data-game-skin="botzwar"]{
    --run54-edge-light:#75e9ff;
    --run54-shell-depth:22px;
    --run54-screen-inset:10px;
    --run54-spine-depth:12px;
    --run54-cyan:color-mix(in srgb,var(--accent) 72%,#8ef7ff);
    --run54-gold:#f0b949;
  }

  /* Layered outer shell: the controller reads as one molded object. */
  .controller-app[data-game-skin="botzwar"] .controller-stage[data-controldeck-chassis="gamepad"] .controldeck-gamepad{
    perspective:1000px;
    border-radius:36px 36px 58px 58px!important;
    background:
      linear-gradient(180deg,#ffffff10 0,transparent 5%),
      radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--run54-edge-light) 16%,transparent),transparent 38%),
      radial-gradient(ellipse at 14% 68%,#15344b66,transparent 34%),
      radial-gradient(ellipse at 86% 68%,#15344b66,transparent 34%),
      linear-gradient(155deg,#14212d 0,#060a0f 38%,#010306 58%,#0b1720 100%)!important;
    box-shadow:
      inset 0 3px 0 #ffffff1c,
      inset 0 -8px 0 #000b,
      inset 0 calc(var(--run54-shell-depth) * -1) 42px #000b,
      0 18px 36px #000d,
      0 0 0 1px #315267,
      0 0 34px color-mix(in srgb,var(--run54-edge-light) 10%,transparent)!important;
  }
  .controller-app[data-game-skin="botzwar"] .controller-stage[data-controldeck-chassis="gamepad"] .controldeck-gamepad:before{
    inset:2px 3px 5px!important;
    border-radius:34px 34px 54px 54px!important;
    border-color:#4a6e82!important;
    box-shadow:inset 0 2px 0 #ffffff12,inset 0 -8px 18px #0009,0 0 12px #6be8ff14!important;
  }

  /* Palm wells are deeply recessed while retaining Run 53 silhouette. */
  .controller-app[data-game-skin="botzwar"] .deck-left-body,
  .controller-app[data-game-skin="botzwar"] .deck-right-body{
    position:relative;
    background:
      radial-gradient(ellipse at 50% 38%,color-mix(in srgb,var(--run54-cyan) 9%,transparent),transparent 42%),
      linear-gradient(115deg,#ffffff08,transparent 20%,transparent 78%,#ffffff05),
      linear-gradient(160deg,#09131b,#020507 68%,#0b151d)!important;
    box-shadow:
      inset 0 18px 26px #000a,
      inset 0 -22px 36px #000d,
      inset 8px 0 22px #0008,
      inset -8px 0 22px #0008,
      0 0 0 1px #29485b,
      0 12px 26px #000b!important;
  }
  .controller-app[data-game-skin="botzwar"] .deck-left-body:before,
  .controller-app[data-game-skin="botzwar"] .deck-right-body:before{
    content:"";position:absolute;inset:8px;pointer-events:none;border-radius:34px 18px 52px 24px;
    border:1px solid #ffffff0a;
    box-shadow:inset 0 0 28px #000a,0 0 18px color-mix(in srgb,var(--run54-cyan) 5%,transparent);
  }
  .controller-app[data-game-skin="botzwar"] .deck-right-body:before{border-radius:18px 34px 24px 52px}

  /* Raised shoulder hardware: highlight on top, deep shadow underneath. */
  .controller-app[data-game-skin="botzwar"] .deck-shoulder{
    transform:skewX(-7deg) translateY(-2px)!important;
    border:1px solid #547084!important;
    background:
      linear-gradient(180deg,#263847 0,#101c26 36%,#060b10 72%,#020406 100%)!important;
    box-shadow:
      inset 0 3px 0 #ffffff22,
      inset 0 -5px 0 #000a,
      0 7px 0 #020407,
      0 13px 18px #000a,
      0 0 14px color-mix(in srgb,var(--run54-cyan) 9%,transparent)!important;
  }
  .controller-app[data-game-skin="botzwar"] .deck-right .deck-shoulder{transform:skewX(7deg) translateY(-2px)!important}
  .controller-app[data-game-skin="botzwar"] .deck-shoulder:active{transform:skewX(-7deg) translateY(2px)!important;box-shadow:inset 0 2px 8px #000d,0 3px 5px #000a!important}
  .controller-app[data-game-skin="botzwar"] .deck-right .deck-shoulder:active{transform:skewX(7deg) translateY(2px)!important}

  /* Analog well: concentric hardware rings and a tactile floating cap. */
  .controller-app[data-game-skin="botzwar"] .deck-left-body .stick-rings{
    background:
      radial-gradient(circle,#030609 0 26%,#0d1820 27% 43%,#162b39 44% 46%,#020507 47% 66%,#213746 67% 69%,#03070b 70%)!important;
    box-shadow:
      0 0 0 2px #020305,
      0 0 0 7px #0b151d,
      0 0 0 8px #34566b,
      0 12px 28px #000c,
      inset 0 12px 18px #000e,
      0 0 24px color-mix(in srgb,var(--run54-cyan) 18%,transparent)!important;
  }
  .controller-app[data-game-skin="botzwar"] .deck-left-body .stick-knob{
    border:1px solid #38596d!important;
    background:
      radial-gradient(circle at 38% 28%,#263b4a 0,#101b24 36%,#03070b 72%),
      repeating-radial-gradient(circle,#ffffff05 0 1px,transparent 1px 4px)!important;
    box-shadow:0 11px 0 #010204,0 16px 24px #000d,inset 0 3px 0 #ffffff20,inset 0 -9px 16px #000b,0 0 16px #5ce7ff1c!important;
    transition:transform .07s ease,box-shadow .07s ease;
  }
  .controller-app[data-game-skin="botzwar"] .virtual-stick:active .stick-knob{transform:translateY(3px) scale(.97);box-shadow:0 4px 0 #010204,0 8px 12px #000d,inset 0 5px 14px #000c!important}

  /* D-pad is a raised mechanical cross with clear press travel. */
  .controller-app[data-game-skin="botzwar"] .master-direction-pad .deck-dpad-key{
    border:1px solid #4a6575!important;
    background:linear-gradient(145deg,#304654,#0e1921 48%,#04080c)!important;
    box-shadow:inset 0 2px 0 #ffffff1a,inset 0 -5px 0 #0009,0 6px 0 #010305,0 10px 14px #000b!important;
    transition:transform .06s ease,box-shadow .06s ease;
  }
  .controller-app[data-game-skin="botzwar"] .deck-dpad-key:active{transform:translateY(3px);box-shadow:inset 0 4px 10px #000d,0 2px 0 #010305!important}

  /* Selector pills sit on their own recessed hardware rail. */
  .controller-app[data-game-skin="botzwar"] .deck-direction-selector>div{
    padding:3px;border-radius:999px;background:#020507;border:1px solid #203746;box-shadow:inset 0 4px 9px #000d,0 1px 0 #ffffff08;
  }
  .controller-app[data-game-skin="botzwar"] .deck-direction-selector button.active{
    border-color:color-mix(in srgb,var(--run54-cyan) 62%,#315166)!important;
    box-shadow:inset 0 1px 0 #ffffff1a,0 4px 8px #0009,0 0 12px color-mix(in srgb,var(--run54-cyan) 18%,transparent)!important;
  }

  /* Face buttons become individual illuminated caps seated in a dark well. */
  .controller-app[data-game-skin="botzwar"] .deck-face-cluster{
    border-radius:50%;
    background:radial-gradient(circle,#08121a 0 58%,#020507 72%);
    box-shadow:inset 0 16px 30px #000d,inset 0 -5px 0 #14242f,0 0 0 1px #1e394a,0 16px 24px #000a;
  }
  .controller-app[data-game-skin="botzwar"] .deck-face{
    min-width:44px!important;min-height:44px!important;
    border:2px solid #49677a!important;
    background:
      radial-gradient(circle at 34% 22%,#435c6e 0,#182731 28%,#071016 62%,#020405 100%)!important;
    box-shadow:
      inset 0 3px 0 #ffffff28,
      inset 0 -7px 0 #000b,
      0 7px 0 #010305,
      0 13px 18px #000c,
      0 0 20px color-mix(in srgb,currentColor 24%,transparent)!important;
    transition:transform .06s ease,filter .06s ease,box-shadow .06s ease;
  }
  .controller-app[data-game-skin="botzwar"] .deck-face:active{transform:translateY(3px) scale(.97)!important;filter:brightness(1.3);box-shadow:inset 0 5px 14px #000d,0 2px 0 #010305,0 0 18px currentColor!important}
  .controller-app[data-game-skin="botzwar"] .deck-face-z{
    border-color:#806735!important;
    box-shadow:inset 0 3px 0 #ffffff25,inset 0 -7px 0 #000b,0 7px 0 #120e04,0 13px 20px #000c,0 0 24px #f0b94930!important;
  }

  /* The command screen is mounted beneath the physical shell with a glass layer. */
  .controller-app[data-game-skin="botzwar"] .deck-center{padding:0 2px 5px!important}
  .controller-app[data-game-skin="botzwar"] .deck-screen{
    margin-top:var(--run54-screen-inset)!important;
    border:1px solid #41667b!important;
    background:#010407!important;
    box-shadow:
      inset 0 0 0 4px #020609,
      inset 0 10px 28px #000d,
      inset 0 -12px 22px #000c,
      0 -3px 0 #203746,
      0 10px 0 #010204,
      0 19px 32px #000d,
      0 0 26px color-mix(in srgb,var(--run54-cyan) 12%,transparent)!important;
  }
  .controller-app[data-game-skin="botzwar"] .deck-screen:after{
    content:"";position:absolute;z-index:8;inset:4px;border-radius:19px;pointer-events:none;
    background:linear-gradient(115deg,#ffffff0d 0 7%,transparent 19% 57%,#75e9ff05 70%,transparent 86%);
    box-shadow:inset 0 1px 0 #ffffff0d;
  }

  /* Bottom controls read as a central command spine, not loose pills. */
  .controller-app[data-game-skin="botzwar"] .deck-computer-dock{
    position:relative;z-index:12;width:min(70%,390px)!important;min-height:28px;
    border-radius:18px 18px 12px 12px!important;
    background:linear-gradient(180deg,#1a2a36,#071017 55%,#020507)!important;
    box-shadow:inset 0 2px 0 #ffffff18,inset 0 -4px 0 #000a,0 var(--run54-spine-depth) 18px #000b,0 0 18px #54dff315!important;
  }
  .controller-app[data-game-skin="botzwar"] .deck-computer-dock:before{
    content:"";position:absolute;left:14%;right:14%;top:-3px;height:3px;border-radius:99px;background:linear-gradient(90deg,transparent,var(--run54-cyan),transparent);opacity:.48;pointer-events:none;
  }

  /* Slight asymmetry follows thumb reach instead of forcing perfect symmetry. */
  .controller-app[data-game-skin="botzwar"] .deck-direction-module[data-direction-mode="stick"] .virtual-stick{transform:translate(4px,7px)!important}
  .controller-app[data-game-skin="botzwar"] .deck-face-cluster{transform:translate(-8px,13px) rotate(-7deg)!important}

  @media(max-height:430px){
    .controller-app[data-game-skin="botzwar"]{--run54-screen-inset:6px;--run54-shell-depth:16px;--run54-spine-depth:8px}
    .controller-app[data-game-skin="botzwar"] .deck-screen{margin-top:var(--run54-screen-inset)!important}
    .controller-app[data-game-skin="botzwar"] .deck-face-cluster{transform:translate(-5px,8px) rotate(-6deg)!important}
  }
}