/* V167 · Corrección visual de capturas del 02/11: siete categorías visibles,
   ingreso torneo sin huecos y nuevo Sorteo Caos sin anfitrión. */
#app.v167-has-admin .v11-nav.rift-mode-nav>.v11-tab[hidden]{display:none!important}
/* V169 · Categorías iguales en ambos estados: 96px de alto y sin scroll interno. */
@media(min-width:1041px){
 #app.v167-has-admin[data-nav-collapsed="false"] .v11-nav.rift-mode-nav,
 #app.v167-has-admin[data-nav-collapsed="true"] .v11-nav.rift-mode-nav{
  height:753px!important;min-height:753px!important;max-height:753px!important;
  overflow:hidden!important;overflow-y:hidden!important;overscroll-behavior:auto!important;
 }
 #app.v167-has-admin .v11-nav.rift-mode-nav>.v11-tab{
  height:96px!important;min-height:96px!important;max-height:96px!important;
  flex:0 0 96px!important;
 }
 #app.v167-has-admin[data-nav-collapsed="false"] .v11-nav.rift-mode-nav>.v11-tab{
  padding:13px 15px!important;gap:11px!important;
 }
 #app.v167-has-admin .v11-nav.rift-mode-nav>.rift-mode-nav-heading{
  height:81px!important;min-height:81px!important;max-height:81px!important;
  flex:0 0 81px!important;
 }
 #app.v167-has-admin .v11-nav.rift-mode-nav .rift-nav-copy b{font-size:11px!important}
 #app.v167-has-admin .v11-nav.rift-mode-nav .rift-nav-copy small{font-size:10px!important;line-height:1.5!important}
}
/* V169 · Menú sin ADMIN: 81px encabezado + 6 × 96px = 657px.
   Con ADMIN: 81px + 7 × 96px = 753px (definido arriba). */
@media(min-width:1041px){
 #app:not(.v167-has-admin)[data-nav-collapsed="false"] .v11-nav.rift-mode-nav,
 #app:not(.v167-has-admin)[data-nav-collapsed="true"] .v11-nav.rift-mode-nav{
  height:657px!important;min-height:657px!important;max-height:657px!important;
  overflow:hidden!important;overflow-y:hidden!important;
 }
 #app[data-nav-collapsed="false"] .v11-nav.rift-mode-nav>.v11-tab,
 #app[data-nav-collapsed="true"] .v11-nav.rift-mode-nav>.v11-tab{
  height:96px!important;min-height:96px!important;max-height:96px!important;
  flex:0 0 96px!important;
 }
}
/* Igual posición del botón abierto y minimizado.
   La palabra CATEGORÍAS queda inmediatamente a su derecha cuando está abierto. */
#app .v11-nav.rift-mode-nav>.rift-mode-nav-heading{
 justify-content:flex-start!important;gap:10px!important;padding:0 13px!important;
}
#app .v11-nav.rift-mode-nav>.rift-mode-nav-heading>.rift-nav-toggle{
 order:0!important;margin:0!important;flex-shrink:0!important;
}
#app .v11-nav.rift-mode-nav>.rift-mode-nav-heading>span{
 order:1!important;white-space:nowrap!important;
}
@media(min-width:1041px){
 #app[data-nav-collapsed="true"] .v11-nav.rift-mode-nav>.rift-mode-nav-heading{
  justify-content:center!important;padding:0!important;gap:0!important;
 }
}
#app .v11-nav.rift-mode-nav>.v11-tab.v166-admin-tab:not([hidden]),
#app .v11-nav.rift-mode-nav>.v11-tab.v166-admin-tab.active:not([hidden]){
 background:linear-gradient(100deg,#39274d,#231d38)!important;
 border-left:3px solid #b994f0!important;color:#f4e4ff!important;
 box-shadow:inset 3px 0 0 #b994f0!important;
}
#app .v11-nav.rift-mode-nav>.v11-tab.v166-admin-tab .rift-nav-index,
#app .v11-nav.rift-mode-nav>.v11-tab.v166-admin-tab .rift-nav-copy b{
 color:#e4c9ff!important;
}
#app .v11-nav.rift-mode-nav>.v11-tab.v166-admin-tab.active::after{
 background:#bc95eb!important;box-shadow:0 0 9px #b383e7!important;
}
/* TORNEOS · una única fila de datos y entrada, sin columnas vacías. */
#app #betaTab #betaEntry #betaJoinForm.v167-join{
 display:grid!important;grid-template-columns:minmax(250px,1fr) max-content!important;
 grid-template-rows:auto!important;align-items:center!important;
 column-gap:clamp(16px,2.2vw,35px)!important;row-gap:0!important;
 padding:18px clamp(16px,2vw,26px)!important;min-height:0!important;
}
#app #betaTab #betaJoinForm>.v167-join-copy{
 grid-column:1!important;grid-row:1!important;min-width:0;display:flex;flex-direction:column;gap:5px;
}
#app #betaTab #betaJoinForm>.v167-join-copy h2{
 font:700 clamp(27px,2.7vw,36px)/1 Teko,sans-serif!important;margin:1px 0!important;
}
#app #betaTab #betaJoinForm>.v167-join-copy p{
 color:#b6d4d8!important;font-size:12px!important;line-height:1.42!important;
 margin:0!important;max-width:490px!important;
}
#app #betaTab #betaJoinForm>.v167-join-controls{
 grid-column:2!important;grid-row:1!important;display:flex!important;
 align-items:flex-end!important;gap:12px!important;min-width:0!important;
}
#app #betaTab #betaJoinForm .v167-join-controls>.beta-field{
 display:flex!important;flex:0 0 155px!important;width:155px!important;max-width:155px!important;min-width:0!important;gap:7px!important;
}
#app #betaTab #betaJoinForm .v167-join-controls #betaJoinCode{
 min-height:46px!important;height:46px!important;width:100%!important;
}
#app #betaTab #betaJoinForm .v167-join-controls>button{
 min-height:46px!important;height:46px!important;flex:0 0 auto!important;
 padding:10px 17px!important;white-space:nowrap!important;
}
@media(max-width:1160px){
 #app #betaTab #betaEntry #betaJoinForm.v167-join{
  grid-template-columns:1fr!important;row-gap:15px!important;
 }
 #app #betaTab #betaJoinForm>.v167-join-copy,#app #betaTab #betaJoinForm>.v167-join-controls{
  grid-column:1!important;grid-row:auto!important;
 }
 #app #betaTab #betaJoinForm>.v167-join-controls{max-width:650px!important}
}
@media(max-width:520px){
 #app #betaTab #betaJoinForm>.v167-join-controls{flex-direction:column!important;align-items:stretch!important}
 #app #betaTab #betaJoinForm .v167-join-controls>.beta-field{flex:none!important}
}
/* ADMIN · navegación visible y organización vertical de los bloques. */
#app #adminTab{display:flex!important;flex-direction:column!important;gap:15px!important;
 align-items:stretch!important}
#app #adminTab>.admin-hero,#app #adminTab>.v166-admin-shortcuts,#app #adminTab>.admin-panels,
#app #adminTab>.stats-integrity-panel,#app #adminTab>.v166-admin-roles,
#app #adminTab>.v159-admin-accounts,#app #adminTab>.beta-pending-admin,
#app #adminTab>.v162-timer-admin{width:100%!important;box-sizing:border-box!important;margin:0!important}
#app #adminTab>.admin-panels{display:flex!important;flex-direction:column!important;
 align-items:stretch!important;gap:15px!important}
#app #adminTab>.admin-panels>*{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
#app #adminTab .v166-admin-shortcuts{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
#app #adminTab .v166-admin-shortcuts button{min-height:38px!important}
#app #adminTab [hidden]{display:none!important}
/* ONLINE · sin cabecera repetida ni formulario de código. */
#app #onlineDrawTab>.v147-online-shell{
 height:260px!important;min-height:260px!important;max-height:none!important;
 padding:33px clamp(24px,3.5vw,54px)!important;
}
#app #onlineDrawTab #v167ChaosBoard [hidden]{display:none!important}
#app #onlineDrawTab #v167ChaosBoard{
 margin-top:16px;min-width:0;background:#102b38;
 border:1px solid #4c7280;border-top:3px solid #b99bed;
 padding:clamp(17px,2vw,27px);box-sizing:border-box;
}
#app #onlineDrawTab .v167-chaos-head{display:flex;align-items:center;justify-content:space-between;
 gap:20px;flex-wrap:wrap}
#app #onlineDrawTab .v167-chaos-head>div:first-child{max-width:760px;min-width:0}
#app #onlineDrawTab .v167-chaos-head h2{
 font:700 clamp(32px,3.4vw,48px)/1 Teko,sans-serif;color:#fff;margin:6px 0 7px;
}
#app #onlineDrawTab .v167-chaos-head h2 em{font-style:normal;color:#d6b4ff}
#app #onlineDrawTab .v167-chaos-head p{margin:0;color:#b9d3d8;
 font-size:12px;line-height:1.55;max-width:670px}
#app #onlineDrawTab .v167-chaos-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
#app #onlineDrawTab #v167ChaosBoard button{
 border:1px solid #648c9b;color:#effbf8;background:#1b4550;padding:11px 15px;
 font:900 11px/1.3 Manrope,sans-serif;cursor:pointer
}
#app #onlineDrawTab #v167ChaosJoin,#app #onlineDrawTab #v167ChaosReady{
 background:#a6ead9!important;border-color:#a6ead9!important;color:#092a32!important;
 min-height:43px!important
}
#app #onlineDrawTab #v167ChaosReady.is-ready{background:#2d6156!important;color:#d5fff1!important}
#app #onlineDrawTab #v167ChaosLeave{color:#ffccbd!important;border-color:#a97c79!important}
#app #onlineDrawTab #v167ChaosBoard button:disabled{opacity:.45!important;cursor:not-allowed}
#app #onlineDrawTab .v167-chaos-auth{
 margin:16px 0 0;padding:15px;background:#203646;border:1px solid #846b8f;
 display:flex;align-items:center;gap:10px;flex-wrap:wrap
}
#app #onlineDrawTab .v167-chaos-auth span{font-weight:900;color:#ebd2ee;font-size:11px;margin-right:auto}
#app #onlineDrawTab .v167-chaos-stats{display:flex;align-items:center;flex-wrap:wrap;
 gap:13px 27px;margin:17px 0 10px;padding:11px 14px;
 border:1px solid #4b6d76;background:#0b2431}
#app #onlineDrawTab .v167-chaos-stats span{color:#a3c3cb;font-size:10px;font-weight:850;letter-spacing:.04em}
#app #onlineDrawTab .v167-chaos-stats strong{font-size:19px;color:#ddfef5;margin-left:8px}
#app #onlineDrawTab #v167ChaosStage{margin-left:auto;color:#afeddf;font-size:11px;letter-spacing:.03em}
#app #onlineDrawTab #v167ChaosMessage{margin:9px 0;padding:9px 12px;color:#a5e6da;
 background:#0b3540;font-size:12px}
#app #onlineDrawTab #v167ChaosMessage[data-error=true]{color:#ffb8a8}
#app #onlineDrawTab .v167-chaos-seats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
 gap:9px;margin:13px 0 0}
#app #onlineDrawTab .v167-chaos-seat{
 display:flex;flex-direction:column;gap:7px;position:relative;min-width:0;min-height:99px;
 padding:12px;border:1px solid #486b78;border-top:3px solid #527184;
 background:linear-gradient(145deg,#123140,#0d2736)
}
#app #onlineDrawTab .v167-chaos-seat.is-ready{border-top-color:#81dfc8;background:#153e41}
#app #onlineDrawTab .v167-chaos-seat.is-bot{border-top-color:#bc9cdb}
#app #onlineDrawTab .v167-chaos-seat-number{color:#86b4c1;font-size:11px;font-weight:900}
#app #onlineDrawTab .v167-chaos-seat strong{font-size:12px;color:#f4fffd;overflow-wrap:anywhere}
#app #onlineDrawTab .v167-chaos-seat small{font-size:9px;color:#b7d2d8;font-weight:800;margin-top:auto}
#app #onlineDrawTab .v167-chaos-seat [data-v167-remove-bot]{position:absolute;top:5px;right:5px;
 padding:1px 7px!important;font-size:17px!important;color:#ffd4cf!important;border-color:#9b6765!important}
#app #onlineDrawTab .v167-chaos-started{margin:12px 0;padding:18px;border:1px solid #bd9def;
 background:linear-gradient(90deg,#4c285e,#172b44);text-align:center;color:#fff}
#app #onlineDrawTab .v167-chaos-started strong{display:block;font:700 36px Teko,sans-serif;letter-spacing:.05em}
#app #onlineDrawTab .v167-chaos-started span{display:block;font-size:12px;font-weight:900;color:#e5caff}
#app #onlineDrawTab .v167-chaos-started p{font-size:11px;color:#cfdae8;max-width:700px;margin:9px auto 0}
#app #onlineDrawTab .v167-chaos-admin{margin-top:16px;display:flex;justify-content:space-between;
 flex-wrap:wrap;align-items:center;gap:14px;padding:15px;border:1px solid #76668d;
 background:#1d2b3b}
#app #onlineDrawTab .v167-chaos-admin strong{display:block;margin:5px 0;color:#e5ceff;font-size:13px}
#app #onlineDrawTab .v167-chaos-admin small{display:block;color:#bacfd5;font-size:10px;max-width:490px}
#app #onlineDrawTab .v167-chaos-bot-actions{display:flex;flex-wrap:wrap;gap:8px}
#app #onlineDrawTab .v167-chaos-bot-actions button{
 border-color:#9d82c5!important;background:#4a3b62!important;color:#fff!important}
@media(max-width:1080px){
 #app #onlineDrawTab .v167-chaos-seats{grid-template-columns:repeat(3,minmax(0,1fr))}
 #app #onlineDrawTab #v167ChaosStage{margin-left:0}
}
@media(max-width:700px){
 #app #onlineDrawTab>.v147-online-shell{height:auto!important;min-height:260px!important;padding:26px 20px!important}
 #app #onlineDrawTab .v167-chaos-head{align-items:flex-start}
 #app #onlineDrawTab .v167-chaos-seats{grid-template-columns:repeat(2,minmax(0,1fr))}
 #app #onlineDrawTab .v167-chaos-admin{align-items:flex-start}
}
@media(max-width:440px){
 #app #onlineDrawTab .v167-chaos-seats{grid-template-columns:1fr}
 #app #onlineDrawTab .v167-chaos-stats{gap:8px}
}