/* FormyDog v62 · board centering and symmetric frame. Visual-only. */
@media (min-width:901px){
  html body .app>.game-layout>.center{
    justify-items:center!important;
    align-items:center!important;
  }

  html body .app>.game-layout>.center .board-shell{
    position:relative!important;
    justify-self:center!important;
    box-sizing:border-box!important;
    width:min(66dvh,100%,650px)!important;
    max-width:min(100%,650px)!important;
    aspect-ratio:1/1!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:8px!important;
    border:2px solid rgba(183,229,248,.98)!important;
    border-radius:22px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(212,241,254,.92))!important;
    box-shadow:
      0 5px 0 rgba(4,67,128,.78),
      0 14px 30px rgba(2,38,77,.20),
      inset 0 0 0 2px rgba(255,255,255,.68),
      0 0 0 1px rgba(99,194,234,.18)!important;
    overflow:visible!important;
  }

  /* Independent ring so all four sides stay visually identical. */
  html body .app>.game-layout>.center .board-shell::after{
    content:''!important;
    display:block!important;
    position:absolute!important;
    inset:4px!important;
    z-index:3!important;
    border:2px solid rgba(111,199,236,.48)!important;
    border-radius:18px!important;
    background:transparent!important;
    opacity:1!important;
    pointer-events:none!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.72)!important;
  }

  html body .app>.game-layout>.center .board-mount{
    position:absolute!important;
    inset:8px!important;
    width:auto!important;
    height:auto!important;
    box-sizing:border-box!important;
    border:1px solid rgba(99,195,236,.42)!important;
    border-radius:14px!important;
    overflow:hidden!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.55),
      inset 0 0 18px rgba(23,133,191,.08)!important;
  }

  html body .app>.game-layout>.center .board-mount canvas{
    display:block!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    max-width:100%!important;
    max-height:100%!important;
  }

  html body .app>.game-layout>.center .status{
    justify-self:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Keep the same symmetric frame language on tablet/mobile without altering gameplay. */
@media (max-width:900px){
  html body .app>.game-layout>.center .board-shell{
    box-sizing:border-box!important;
    margin-left:auto!important;
    margin-right:auto!important;
    border-left-width:2px!important;
    border-right-width:2px!important;
  }
  html body .app>.game-layout>.center .board-shell::after{
    content:''!important;
    display:block!important;
    position:absolute!important;
    inset:3px!important;
    z-index:3!important;
    border:1px solid rgba(111,199,236,.42)!important;
    border-radius:15px!important;
    background:transparent!important;
    opacity:1!important;
    pointer-events:none!important;
  }
}