/* 2PISO V22 — vista móvil más limpia y menos saturada */
@media (max-width:860px){
  #gameShell .game-layout{gap:10px !important;padding:8px 8px 34px !important;}
  #gameShell .board-toolbar{
    margin:0 auto 8px !important;
    padding:10px 12px !important;
    border-radius:18px !important;
    font-size:11px !important;
  }
  #gameShell .board-toolbar button{
    min-height:42px;
    padding:0 14px;
    border-radius:16px;
    white-space:nowrap;
  }
  #gameShell .board-viewport{max-width:100% !important;}
  #gameShell .board-stage{
    width:100% !important;
    max-width:650px !important;
    border-radius:26px !important;
  }
  #gameShell .dice-panel{
    width:calc(100% - 4px) !important;
    max-width:650px !important;
    margin:10px auto 0 !important;
    padding:10px 12px 12px !important;
    border-radius:22px !important;
    background:linear-gradient(180deg,#2b1050 0%,#1b0d38 100%) !important;
    border:1px solid rgba(190,135,255,.65) !important;
  }
  #gameShell .dice-left{
    display:grid !important;
    align-content:start;
    gap:2px;
    flex:1 1 150px !important;
  }
  #gameShell .small-overline{font-size:12px !important;letter-spacing:.18em !important;}
  #gameShell .table-theme{font-size:12px !important;padding:6px 10px !important;width:max-content;}
  #gameShell .dice-left strong{font-size:16px !important;line-height:1.08 !important;}
  #gameShell .dice-left small{font-size:12px !important;line-height:1.28 !important;color:#e8d7ff !important;}
  #gameShell .dice-controls{
    display:grid !important;
    grid-template-columns:52px 52px minmax(0,1fr);
    gap:8px !important;
    width:100%;
    align-items:center;
  }
  #gameShell .dice-controls .die{
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    font-size:28px !important;
    border-radius:16px !important;
  }
  #gameShell #rollButton{
    min-height:52px !important;
    padding:0 12px !important;
    border-radius:16px !important;
    font-size:12px !important;
    letter-spacing:.04em;
    white-space:nowrap;
  }
  #gameShell .v13-hint-row,
  #gameShell .dice-fairness,
  #gameShell .game-events{
    display:none !important;
  }
  #gameShell .game-sidebar>.panel:first-child{
    padding:12px !important;
  }
  #gameShell .seat-list{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  #gameShell .panel-title{font-size:12px !important;}
  #gameShell .player-seat.v12-player-seat{padding:7px !important;min-height:56px !important;}
  #gameShell .seat-meta b{font-size:11px !important;}
  #gameShell .seat-meta small{font-size:10px !important;}

  #gameShell .move-choices{
    margin-top:10px !important;
    padding:10px !important;
    border-radius:18px !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px !important;
    background:rgba(24,10,50,.88) !important;
  }
  #gameShell .move-legend{
    grid-column:1 / -1;
    margin:0 !important;
    padding:10px 12px;
    border-radius:14px;
    font-size:13px;
    line-height:1.35;
    color:#fff7df;
    background:rgba(255,221,171,.14);
    border:1px solid rgba(255,218,150,.28);
  }
  #gameShell .move-choice,
  #gameShell .move-change-die{
    min-height:54px !important;
    padding:10px 12px !important;
    border-radius:16px !important;
    font-size:13px !important;
    line-height:1.22 !important;
    white-space:normal !important;
    text-align:center;
  }
  #gameShell .move-choice-exit{grid-column:1 / -1;}

  #gameShell:not(.mobile-dice-open) .move-choices{display:none !important;}
  #gameShell:not(.mobile-dice-open) .dice-left small{display:none !important;}
  #gameShell:not(.mobile-dice-open) .dice-panel::after{display:none;content:'';}
  #gameShell:not(.mobile-dice-open).mobile-has-moves .dice-panel::after{
    display:block;
    content:'Hay movimientos disponibles · toca “Dados” para verlos';
    margin-top:8px;
    padding:8px 10px;
    border-radius:12px;
    font-size:12px;
    line-height:1.3;
    color:#fff0c7;
    background:rgba(255,214,125,.12);
    border:1px solid rgba(255,214,125,.25);
  }
  #gameShell.mobile-dice-open .dice-panel{
    box-shadow:0 12px 26px rgba(0,0,0,.36),0 0 0 1px rgba(255,216,124,.18) !important;
  }
  #gameShell .game-mobile-dock button{font-size:11px !important;gap:4px !important;}
}