/* V88 · Menú lateral integrado y simétrico en los dos estados. */
#app .dashboard-brand{padding-left:0!important}
#app .sessionbar .dashboard-brand{min-width:207px!important}
#app .v11-nav.rift-mode-nav{min-height:0!important;height:auto!important;align-self:start!important}
#app .rift-mode-nav-heading{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 height:81px!important;min-height:81px!important;gap:7px!important;padding:11px 10px!important;
 box-sizing:border-box!important
}
#app .rift-mode-nav-heading>span{
 flex:1 1 auto;min-width:0;color:#e9fcf7!important;
 font:650 21px/1 Teko,sans-serif!important;letter-spacing:.025em!important;
 white-space:nowrap
}
#app .rift-mode-nav-heading>small{font-size:9px!important;white-space:nowrap}
#app .rift-mode-nav-heading .rift-nav-toggle{
 display:flex!important;position:relative!important;left:auto!important;top:auto!important;
 width:32px!important;height:35px!important;flex:0 0 32px!important;
 align-items:center!important;justify-content:center!important;flex-direction:column!important;
 padding:6px!important;margin:0!important;gap:4px!important;box-sizing:border-box!important;
 background:#103c4e!important;border:1px solid #618b95!important;
 cursor:pointer!important
}
#app .rift-mode-nav-heading .rift-nav-toggle span{
 display:block!important;width:17px!important;height:2px!important;
 flex:0 0 2px!important;background:#d2fff4!important;border-radius:1px
}
#app .rift-mode-nav-heading .rift-nav-toggle:hover{background:#246077!important}
#app .rift-nav-bottom{display:none!important}
#app[data-nav-collapsed="true"]{
 grid-template-columns:68px minmax(0,1fr)!important;column-gap:16px!important
}
#app[data-nav-collapsed="true"] .v11-nav.rift-mode-nav{
 width:68px!important;min-width:68px!important;max-width:68px!important;
 min-height:0!important
}
#app[data-nav-collapsed="true"] .rift-mode-nav-heading{
 display:flex!important;justify-content:center!important;align-items:center!important;
 height:81px!important;min-height:81px!important;padding:10px 5px!important
}
#app[data-nav-collapsed="true"] .rift-mode-nav-heading>span,
#app[data-nav-collapsed="true"] .rift-mode-nav-heading>small{display:none!important}
#app[data-nav-collapsed="true"] .rift-mode-nav-heading .rift-nav-toggle{display:flex!important}
#app .v11-nav.rift-mode-nav>.v11-tab{
 min-height:112px!important;box-sizing:border-box!important
}
#app[data-nav-collapsed="true"] .v11-nav.rift-mode-nav>.v11-tab{
 display:flex!important;align-items:center!important;justify-content:center!important;
 min-height:112px!important;height:112px!important;width:100%!important;
 margin:0!important;padding:10px 2px!important;
 border-bottom:1px solid #263f50!important;gap:0!important
}
#app[data-nav-collapsed="true"] .v11-nav.rift-mode-nav .rift-nav-index{
 display:block!important;font-size:31px!important;line-height:1!important
}
#app[data-nav-collapsed="true"] .v11-nav.rift-mode-nav .rift-nav-copy,
#app[data-nav-collapsed="true"] .v11-nav.rift-mode-nav .rift-nav-chevron{display:none!important}
@media(max-width:1320px){
 #app .rift-mode-nav-heading>small{display:none!important}
 #app .rift-mode-nav-heading>span{font-size:21px!important}
}
@media(max-width:1040px){
 #app .rift-mode-nav-heading{
  display:flex!important;grid-column:1/-1!important;
  height:55px!important;min-height:55px!important;
 }
 #app[data-nav-collapsed="true"] .v11-nav.rift-mode-nav{
  display:flex!important;flex-direction:column!important;
  width:68px!important;min-width:68px!important;
  align-self:flex-start!important;min-height:0!important
 }
 #app[data-nav-collapsed="true"] .rift-mode-nav-heading{
  height:55px!important;min-height:55px!important
 }
 #app[data-nav-collapsed="true"] .v11-nav.rift-mode-nav>.v11-tab{
  display:flex!important;min-height:60px!important;height:60px!important
 }
}
@media(max-width:630px){
 #app .rift-mode-nav-heading>span{font-size:19px!important}
}

/* V88 · Cada capitán distribuye las cinco posiciones antes del Draft. */
#app #betaTab .beta-captain-shell.is-blue-turn .beta-captain-current{
 border-left-color:#68b8e4!important;background:#153b55!important
}
#app #betaTab .beta-captain-shell.is-red-turn .beta-captain-current{
 border-left-color:#fa8a91!important;background:#4b3041!important
}
#app #betaTab .beta-captain-team.is-choosing.is-blue{
 border-color:#77bee9!important;box-shadow:0 0 0 2px #77bee999,inset 0 0 25px #40728c22
}
#app #betaTab .beta-captain-team.is-choosing.is-red{
 border-color:#ed9193!important;box-shadow:0 0 0 2px #ed919399,inset 0 0 25px #a7515922
}
#app #betaTab .beta-captain-team-head{
 display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:7px
}
#app #betaTab .beta-captain-team-head h3{margin:3px 0!important}
#app #betaTab .beta-captain-live{
 font-size:9px;font-weight:900;letter-spacing:.04em;color:#ffe4bd;
 background:#304657;border:1px solid #77796f;padding:5px
}
#app #betaTab .beta-captain-team.is-roles-done .beta-captain-live{
 color:#b8fce8;background:#1b5552;border-color:#68bca3
}
#app #betaTab .beta-captain-role-control{display:flex;flex:0 0 auto;margin-left:auto}
#app #betaTab .beta-captain-role-control select{
 background:#0a2431!important;border:1px solid #87b7be!important;
 color:#f4fcfc!important;font:800 10px Manrope,sans-serif!important;
 padding:8px 7px!important;min-width:105px;max-width:116px
}
#app #betaTab .beta-captain-role-chosen{
 display:inline-flex;align-items:center;justify-content:center;margin-left:auto;
 min-width:52px;padding:5px 7px!important;
 border:1px solid #7ab9b0;background:#134a4b;color:#b2f7e7!important;
 font:900 11px Manrope,sans-serif!important
}
#app #betaTab .beta-captain-submit-roles{
 margin-top:12px!important;width:100%!important;min-height:44px!important
}
#app #betaTab .beta-captain-current{gap:7px!important}
#app #betaTab .beta-captain-current>span{font-weight:900;color:#eec0a7!important}
#app #betaTab .beta-captain-current>small{font-size:12px!important;font-weight:900}
#app #betaTab .beta-captain-options button:not(:disabled){
 border:1px solid #7bd4cc!important;background:#175058!important
}
@media(max-width:680px){
 #app #betaTab .beta-captain-player{gap:5px!important}
 #app #betaTab .beta-captain-role-control select{min-width:88px;max-width:100px}
}

/* V88 · Equipo en turno visible en TODO el lateral y en el centro. */
#app #betaTab .beta-draft-shell.is-blue-turn{border:2px solid #5cb3e4!important}
#app #betaTab .beta-draft-shell.is-red-turn{border:2px solid #ec858c!important}
#app #betaTab .beta-draft-side{
 position:relative;transition:opacity .18s,border-color .18s;
 border:2px solid transparent;padding:4px;min-width:0
}
#app #betaTab .beta-draft-shell:is(.is-blue-turn,.is-red-turn) .beta-draft-side:not(.is-current-team){
 opacity:.63;filter:saturate(.72)
}
#app #betaTab .beta-draft-side-blue.is-current-team{
 opacity:1!important;border-color:#69c9fa!important;
 background:linear-gradient(#18507466,#18507408);box-shadow:inset 0 0 23px #72c2ee29
}
#app #betaTab .beta-draft-side-red.is-current-team{
 opacity:1!important;border-color:#fa9599!important;
 background:linear-gradient(#6e2c4566,#6e2c4508);box-shadow:inset 0 0 23px #ec889229
}
#app #betaTab .beta-draft-side.is-current-team:before{
 display:block;content:"● TURNO DEL EQUIPO";padding:8px 7px;
 font:900 10px Manrope,sans-serif;letter-spacing:.09em;
 text-align:center;background:#114257;color:#9ce5ff
}
#app #betaTab .beta-draft-side-red.is-current-team:before{
 content:"● TURNO DEL EQUIPO ROJO";background:#542d40;color:#ffc7c7
}
#app #betaTab .beta-draft-side-blue.is-current-team:before{
 content:"● TURNO DEL EQUIPO AZUL"
}
#app #betaTab .beta-draft-center .beta-draft-turn.is-blue{
 border-color:#69c9fa!important;background:linear-gradient(110deg,#164664,#103443)!important
}
#app #betaTab .beta-draft-center .beta-draft-turn.is-red{
 border-color:#fa9599!important;background:linear-gradient(110deg,#60313f,#1b2b3e)!important
}
#app #betaTab .beta-draft-shell.is-player-turn .beta-draft-center .beta-draft-turn{
 outline:3px solid #ffe1ac!important;outline-offset:0!important;
 box-shadow:0 0 0 5px #ffcf9b3b!important
}
#app #betaTab .beta-draft-active-player{
 display:inline-block!important;padding:6px 10px!important;
 margin-top:8px!important;font-size:10px!important;
 background:#133a46;border-left:3px solid #f4b67d;
 color:#f9efde!important;letter-spacing:.02em
}
#app #betaTab .beta-draft-shell.is-player-turn .beta-draft-active-player{
 color:#0d3133!important;background:#aff5dd!important;border-left-color:#e89c75!important;
 font-weight:900!important;animation:betaTurnPulse 1.6s ease-in-out infinite alternate
}
@keyframes betaTurnPulse{from{box-shadow:0 0 0 #aff5dd11}to{box-shadow:0 0 18px #aff5dd73}}
#app #betaTab .beta-draft-slot.is-current{
 outline:2px solid #f6c58f!important;background:#2a4c59!important;
 box-shadow:0 0 15px #f0b78050!important
}
#app #betaTab .beta-draft-slot.is-current .beta-draft-player-turn{
 display:inline-flex!important;align-items:center!important;padding:3px 5px!important;
 color:#173339!important;background:#f8cea0!important;
 font-size:9px!important;white-space:nowrap
}
#app #betaTab .beta-draft-slot.is-current.is-mine{
 outline:3px solid #b5fce6!important;box-shadow:0 0 18px #b5fce677!important
}
@media(prefers-reduced-motion:reduce){
 #app #betaTab .beta-draft-shell.is-player-turn .beta-draft-active-player{animation:none!important}
}