/* ARDE Prode · mobile hotfix nav nativa + tablas + stats */

/* Tablas de grupos */
.groups-standings{margin-top:18px}
.groups-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.group-table-card{overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:linear-gradient(180deg,rgba(3,35,21,.86),rgba(2,20,16,.94));box-shadow:0 20px 60px rgba(0,0,0,.22)}
.group-table-card header{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.14);font-weight:950;text-transform:uppercase;letter-spacing:.02em;color:#fff}
.standings-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.standings-table{width:100%;border-collapse:collapse;min-width:0!important}
.standings-table th,.standings-table td{padding:9px 8px!important;border-bottom:1px solid rgba(255,255,255,.10);font-size:13px!important;text-align:center;white-space:nowrap}
.standings-table th{font-size:11px!important;color:rgba(255,255,255,.72);text-transform:uppercase;background:rgba(0,0,0,.20)}
.standings-table .team-standing{text-align:left;display:flex;align-items:center;gap:7px;min-width:170px}
.standings-table .team-standing img{width:22px;height:16px;object-fit:cover;border-radius:4px;box-shadow:0 0 0 1px rgba(255,255,255,.2)}
.standings-table .team-standing strong{font-size:12px;line-height:1.1;color:#fff}
.standings-table .pts,.standings-table .pos{font-weight:950;color:#fff}
.standings-table tr.zone-qualified{background:rgba(37,255,88,.10)}
.standings-table tr.zone-possible{background:rgba(18,178,255,.10)}
.group-table-card footer{display:grid;gap:7px;padding:10px 12px;font-size:12px;color:rgba(255,255,255,.88)}
.group-table-card footer span{display:flex;align-items:center;gap:7px}
.dot{width:12px;height:12px;border-radius:999px;display:inline-block}
.dot.qualified{background:#22ff58}.dot.possible{background:#18b8ff}
.compact-title{margin-bottom:12px}

/* Stats */
.stats-hero-grid,.stats-grid{display:grid;gap:16px}
.stats-hero-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}
.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}
.stat-big{display:grid;gap:8px}
.stat-big small,.stat-list .muted{color:rgba(255,255,255,.66)}
.stat-big strong{font-size:clamp(38px,6vw,64px);line-height:.9;letter-spacing:-.06em}
.stat-big span{color:rgba(255,255,255,.70);font-size:13px}
.stat-list h2{margin:0 0 12px;font-size:20px;letter-spacing:-.03em}
.stat-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.08)}
.stat-row span{min-width:0;display:flex;align-items:center;gap:8px;font-weight:800}
.stat-row img{width:26px;height:18px;object-fit:cover;border-radius:5px}
.stat-row b{white-space:nowrap}

/* Oculta nav mobile en desktop */
.mobile-tabbar{display:none}

/* Iconos CSS */
.tab-icon,.sheet-icon{position:relative;display:block;width:22px;height:22px;border-radius:8px}
.tab-icon::before,.tab-icon::after,.sheet-icon::before,.sheet-icon::after{content:"";position:absolute;display:block}
.icon-home::before{width:16px;height:12px;left:3px;top:7px;border:2px solid currentColor;border-top:0;border-radius:3px}
.icon-home::after{width:12px;height:12px;left:5px;top:2px;border-left:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}
.icon-ball::before{width:18px;height:18px;left:2px;top:2px;border:2px solid currentColor;border-radius:999px}.icon-ball::after{width:6px;height:6px;left:8px;top:8px;background:currentColor;border-radius:2px}
.icon-table::before{width:18px;height:16px;left:2px;top:3px;border:2px solid currentColor;border-radius:4px}.icon-table::after{width:14px;height:2px;left:4px;top:9px;background:currentColor;box-shadow:0 5px 0 currentColor}
.icon-rank::before{width:4px;height:13px;left:4px;bottom:3px;background:currentColor;border-radius:3px;box-shadow:7px -5px 0 currentColor,14px -9px 0 currentColor}
.icon-more::before{width:5px;height:5px;left:2px;top:9px;background:currentColor;border-radius:999px;box-shadow:7px 0 0 currentColor,14px 0 0 currentColor}
.icon-stats::before{width:4px;height:14px;left:4px;bottom:4px;background:currentColor;border-radius:4px;box-shadow:7px -6px 0 currentColor,14px -2px 0 currentColor}
.icon-star::before{width:18px;height:18px;left:2px;top:2px;background:currentColor;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 56%,79% 91%,50% 70%,21% 91%,32% 56%,2% 35%,39% 35%)}
.icon-user::before{width:8px;height:8px;left:7px;top:3px;border:2px solid currentColor;border-radius:999px}.icon-user::after{width:16px;height:8px;left:3px;bottom:3px;border:2px solid currentColor;border-radius:999px 999px 4px 4px}
.icon-panel::before{width:18px;height:14px;left:2px;top:4px;border:2px solid currentColor;border-radius:4px}.icon-panel::after{width:10px;height:2px;left:6px;top:10px;background:currentColor;box-shadow:0 4px 0 currentColor}
.icon-users::before{width:7px;height:7px;left:3px;top:5px;border:2px solid currentColor;border-radius:999px}.icon-users::after{width:18px;height:7px;left:2px;bottom:4px;border:2px solid currentColor;border-radius:999px 999px 4px 4px}
.icon-exit::before{width:13px;height:14px;left:3px;top:4px;border:2px solid currentColor;border-right:0;border-radius:4px 0 0 4px}.icon-exit::after{width:9px;height:9px;right:2px;top:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}



/* ARDE Prode · pasada mobile-first final */
.mobile-tabbar{display:none}
.auth-alt{margin:14px 0 0;text-align:center;color:rgba(255,255,255,.68);font-size:14px}.auth-alt a{color:#a6d9ff;font-weight:950}.register-card{max-width:520px}.register-form label{gap:6px}.register-form ul.errorlist{margin:4px 0 0;padding:0;list-style:none;color:#ff9a9a;font-size:12px}

.menu-grid-mobile{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.menu-tile{min-height:142px;padding:20px;display:grid;align-content:center;gap:8px;color:#fff;text-decoration:none}.menu-tile .sheet-icon{color:#a6d9ff}.menu-tile strong{font-size:18px}.menu-tile small{color:rgba(255,255,255,.62);line-height:1.3}.menu-logout{margin:0}.menu-logout button{width:100%;border:0;text-align:left;font:inherit;color:#fff}.admin-tile{border-color:rgba(255,209,102,.22)}

.ranking-mobile-list{display:none}

@media (max-width: 860px){
  html,body{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}
  body{padding-top:env(safe-area-inset-top);background-attachment:scroll!important}
  body::before,body::after,.bg-noise:before{pointer-events:none!important}
  .desktop-nav{display:none!important}
  body.login-page .topbar,body.login-page .mobile-tabbar,body.login-page .chat-fab,body.login-page .chat-panel{display:none!important}

  .app-topbar{position:sticky!important;top:0!important;z-index:50!important;padding:calc(10px + env(safe-area-inset-top)) 13px 10px!important;border-radius:0 0 22px 22px!important;background:rgba(3,8,16,.94)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;box-shadow:0 12px 34px rgba(0,0,0,.30)!important;backdrop-filter:blur(16px)!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
  .brand{margin:0!important;font-size:15px!important}.brand-mark{width:32px!important;height:32px!important;border-radius:10px!important}

  .container{width:100%!important;max-width:100%!important;padding:12px 10px calc(104px + env(safe-area-inset-bottom))!important;margin:0!important;position:relative!important;z-index:2!important}
  .auth-container{padding:0!important;min-height:100dvh!important;display:grid!important;place-items:center!important}

  .mobile-tabbar{position:fixed!important;left:9px!important;right:9px!important;bottom:calc(9px + env(safe-area-inset-bottom))!important;z-index:500!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;padding:7px!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(6,13,24,.97),rgba(3,8,16,.99))!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 16px 48px rgba(0,0,0,.58)!important;backdrop-filter:blur(18px)!important;pointer-events:auto!important}
  .mobile-tab{min-width:0!important;min-height:52px!important;border-radius:18px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;color:rgba(255,255,255,.72)!important;text-decoration:none!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;pointer-events:auto!important}
  .mobile-tab:active,.mobile-tab:hover{background:rgba(116,172,223,.15)!important;color:#fff!important}.mobile-tab b{font-size:10.5px!important;line-height:1!important;font-weight:950!important;letter-spacing:-.02em!important}.tab-icon{width:22px!important;height:22px!important}

  .page-head,.hero-app,.home-hero{border-radius:24px!important;padding:20px 16px!important;min-height:auto!important;margin:0 0 12px!important;background-position:center!important}.page-head h1,.hero-app h1,.home-hero h1{font-size:clamp(32px,10.5vw,46px)!important;line-height:.94!important;letter-spacing:-.06em!important;margin:7px 0 8px!important}.page-head p,.hero-app p,.home-hero p{font-size:14.5px!important;line-height:1.42!important}.eyebrow{font-size:10.5px!important;letter-spacing:.12em!important}
  .card,.login-card,.fixture-card,.table-card,.prediction-card,.profile-card,.podium-card,.group-table-card,.stat-big,.stat-list{border-radius:22px!important;padding:14px!important;box-shadow:0 16px 42px rgba(0,0,0,.32)!important}
  .btn,.ghost-btn{min-height:44px!important;padding:11px 14px!important;font-size:13.5px!important}.btn.full{width:100%!important}

  .login-shell{width:100%!important;min-height:100dvh!important;display:grid!important;grid-template-columns:1fr!important;align-content:center!important;gap:16px!important;padding:22px 14px!important}.login-copy{padding:0!important}.login-copy h1{font-size:clamp(38px,12.5vw,54px)!important;line-height:.9!important;margin:8px 0!important;letter-spacing:-.07em!important}.login-copy p{font-size:15px!important;line-height:1.42!important}.login-badges{display:flex!important;flex-wrap:wrap!important;gap:7px!important}.login-badges span{font-size:11px!important;padding:7px 9px!important}.login-card{width:100%!important;max-width:100%!important;margin:0!important;padding:20px!important}.login-card h2{font-size:26px!important;margin:6px 0!important}.auth-form input,.form input,.form select,.form textarea{min-height:46px!important;border-radius:15px!important;font-size:16px!important}.auth-alt{font-size:13.5px!important}

  .stats,.grid3,.cols,.fixture-grid,.groups-grid,.stats-hero-grid,.stats-grid,.podium-grid,.profile-head,.mini-fixture-grid,.selection-banner{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.stats{grid-template-columns:repeat(3,1fr)!important}.stats div{padding:12px 8px!important;border-radius:18px!important}.stats div strong{font-size:17px!important}.stats div span{font-size:10.5px!important}
  .selection-banner{padding:16px!important}.selection-thumbs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.selection-thumbs img{height:116px!important;border-radius:18px!important;object-fit:cover!important}.fun-grid article{padding:15px!important;border-radius:20px!important}.fun-grid h3{font-size:18px!important;margin:0 0 6px!important}.fun-grid p{font-size:13.5px!important;line-height:1.35!important}

  .filters.mobile-tabs{display:flex!important;gap:7px!important;overflow-x:auto!important;padding:2px 2px 10px!important;margin:8px 0 10px!important;scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important}.filters.mobile-tabs::-webkit-scrollbar{display:none!important}.filters.mobile-tabs a{flex:0 0 auto!important;scroll-snap-align:start!important;padding:9px 12px!important;border-radius:999px!important;font-size:12.5px!important;white-space:nowrap!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.10)!important}.filters.mobile-tabs a.active{background:rgba(116,172,223,.20)!important;color:#fff!important;border-color:rgba(116,172,223,.30)!important}

  .fixture-card{padding:12px!important}.fixture-top{display:grid!important;grid-template-columns:auto 1fr auto!important;gap:8px!important;align-items:center!important;margin-bottom:10px!important}.fixture-top strong{font-size:13px!important}.fixture-top small{font-size:11px!important}.match-no{min-width:38px!important;height:30px!important;border-radius:11px!important;font-size:12px!important}.pill{font-size:10.5px!important;padding:6px 8px!important}.fixture-teams{display:grid!important;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr)!important;gap:5px!important;align-items:center!important}.team-card-side{min-width:0!important;display:grid!important;justify-items:center!important;text-align:center!important;gap:6px!important}.team-card-side img{width:42px!important;height:29px!important;border-radius:8px!important;object-fit:cover!important}.team-card-side b{font-size:12px!important;line-height:1.12!important;overflow-wrap:anywhere!important}.fixture-center small{display:none!important}.vs-badge{font-size:11px!important;padding:6px 8px!important}.fixture-bottom{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:10px!important}.fixture-bottom .btn,.fixture-bottom .ghost-btn,.score-chip{width:100%!important;min-height:40px!important}.score-chip{font-size:13px!important;padding:9px 12px!important}

  .group-table-card{padding:12px!important}.group-table-card header{font-size:17px!important;margin-bottom:8px!important}.standings-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.standings-table{min-width:445px!important}.standings-table th,.standings-table td{padding:8px 6px!important;font-size:11.5px!important}.standings-table th{font-size:9.5px!important}.team-standing{min-width:150px!important}.team-standing img{width:25px!important;height:18px!important}.team-standing strong{font-size:11px!important}.group-table-card footer{display:flex!important;flex-wrap:wrap!important;gap:8px!important;font-size:10.5px!important}

  .podium-grid{grid-template-columns:1fr!important}.podium-card{min-height:auto!important;text-align:left!important;display:grid!important;grid-template-columns:auto 1fr auto!important;gap:10px!important;align-items:center!important}.podium-place{margin:0!important}.podium-card .avatar-xl{width:56px!important;height:56px!important}.podium-card h3{margin:0!important;font-size:17px!important}.podium-card p{display:none!important}.podium-card strong{font-size:22px!important}.podium-card small{font-size:11px!important;grid-column:2 / 4!important}.ranking-mobile-list{display:grid!important;gap:8px!important;margin:12px 0!important}.ranking-mobile-card{display:grid!important;grid-template-columns:34px 42px minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important;padding:11px!important}.ranking-mobile-card.top-rank{border-color:rgba(255,209,102,.22)!important}.mobile-rank-place{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(116,172,223,.16);font-weight:1000;color:#a6d9ff}.mobile-rank-info{min-width:0}.mobile-rank-info strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-rank-info small{display:block;color:rgba(255,255,255,.60);font-size:11px}.mobile-rank-points{text-align:right}.mobile-rank-points b{display:block;font-size:18px}.mobile-rank-points span{display:block;color:rgba(255,255,255,.55);font-size:10px}.ranking-table-wrap{display:none!important}

  .menu-grid-mobile{grid-template-columns:1fr 1fr!important;gap:9px!important}.menu-tile{min-height:118px!important;padding:14px!important;border-radius:22px!important}.menu-tile strong{font-size:15px!important}.menu-tile small{font-size:11.5px!important}.menu-logout{grid-column:1 / -1}.menu-logout .menu-tile{min-height:78px!important}

  .profile-preview.big{width:100%!important;min-height:auto!important}.profile-preview.big img,.profile-preview.big span{width:96px!important;height:96px!important}.narrow{max-width:100%!important;margin:12px 0!important}.versus{display:grid!important;grid-template-columns:1fr auto 1fr!important;gap:8px!important}.versus b{display:grid!important;font-size:22px!important;padding:0!important;align-self:center!important}.versus input{font-size:34px!important;padding:12px!important}.team-headline{display:grid!important;justify-items:center!important;gap:6px!important}.team-headline strong{font-size:12px!important;text-align:center!important;line-height:1.15!important}.team-headline img{width:40px!important;height:28px!important}

  .stat-big strong{font-size:34px!important}.stat-row{gap:8px!important}.stat-row span{min-width:0!important;font-size:13px!important}.stat-row img{width:24px!important;height:17px!important}.featured-match strong{font-size:15px!important;line-height:1.25!important}

  .chat-fab{right:12px!important;bottom:calc(84px + env(safe-area-inset-bottom))!important;z-index:480!important;padding:0!important;width:50px!important;height:50px!important;border-radius:50%!important;display:grid!important;place-items:center!important}.chat-fab span{display:none!important}.chat-fab::before{content:'💬';font-size:20px}.chat-fab b{position:absolute;right:10px;top:10px;margin:0!important}.chat-panel{width:calc(100vw - 20px)!important;height:min(520px,calc(100dvh - 170px))!important;right:10px!important;left:auto!important;bottom:calc(144px + env(safe-area-inset-bottom))!important;z-index:490!important;border-radius:24px!important}.chat-form{grid-template-columns:1fr auto!important}.chat-form input{min-width:0!important;font-size:16px!important}.chat-form button{min-height:42px!important}
}

@media (max-width: 380px){
  .mobile-tabbar{left:6px!important;right:6px!important;gap:3px!important;padding:6px!important}.mobile-tab{min-height:49px!important}.mobile-tab b{font-size:9.6px!important}.container{padding-left:8px!important;padding-right:8px!important}.stats{grid-template-columns:1fr!important}.menu-grid-mobile{grid-template-columns:1fr!important}.fixture-top{grid-template-columns:auto 1fr!important}.fixture-status{grid-column:1 / -1}.page-head h1,.hero-app h1,.home-hero h1{font-size:34px!important}
}


/* PATCH mobile admin + crear prode */
.admin-mobile-list{display:none}.admin-desktop-table{display:block}.create-league-card{max-width:560px}.form-section{display:grid;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(255,255,255,.045);margin:0 0 12px}.form-section>strong{font-size:15px;color:#fff}.form-section>small{color:rgba(255,255,255,.62);line-height:1.35}.choice-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice-card{position:relative!important;display:flex!important;gap:9px!important;align-items:center!important;padding:12px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:17px!important;background:rgba(255,255,255,.055)!important;cursor:pointer}.choice-card input{width:18px!important;height:18px!important;min-height:18px!important;accent-color:#74acdf}.choice-card span{font-size:13px;font-weight:900;line-height:1.15}.choice-card.is-active{border-color:rgba(116,172,223,.55)!important;background:rgba(116,172,223,.14)!important}.conditional-prize{display:grid;gap:10px}.admin-edit-card h1{font-size:clamp(28px,5vw,46px);line-height:.95;margin:8px 0}.score-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-edit-form input[type="number"]{font-size:34px!important;text-align:center;font-weight:1000}.admin-card-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.admin-card-head strong{display:block;line-height:1.15}.admin-card-head small{display:block;color:rgba(255,255,255,.58);font-size:12px;line-height:1.25;margin-top:3px}.admin-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.admin-card-meta span{color:rgba(255,255,255,.60);font-size:12px}.admin-card-meta b{font-size:18px}.admin-badges{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0}.admin-user-bio{font-size:13px;color:rgba(255,255,255,.68);margin:0}.admin-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.admin-card-actions .btn,.admin-card-actions .ghost-btn{text-align:center;justify-content:center}.danger-link{border-color:rgba(255,80,80,.32)!important;color:#ffb3b3!important}
@media (max-width:860px){
  .admin-mobile-list{display:grid!important;gap:10px!important;margin:0 0 12px!important}.admin-desktop-table{display:none!important}.admin-mobile-card{padding:12px!important;border-radius:22px!important;display:grid!important;gap:10px!important}.result-admin-card .match-no{width:44px!important;height:34px!important}.admin-card-head .avatar-mini{width:44px!important;height:44px!important}.hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.hero-actions .btn,.hero-actions .ghost-btn{width:100%!important;justify-content:center!important;text-align:center!important}.page-head.admin-hero p{font-size:14px!important}.admin-edit-card{margin:0!important;max-width:100%!important}.score-admin-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.score-admin-grid label{font-size:12px!important;text-align:center}.admin-edit-form input[type="number"]{min-height:74px!important;font-size:38px!important;border-radius:18px!important}.admin-edit-form select{min-height:48px!important}.admin-user-form{gap:10px!important}.admin-user-form label{font-size:13px!important}.checkbox-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:10px!important;border-radius:18px!important;background:rgba(255,255,255,.045)!important}.checkbox-grid label{display:flex!important;align-items:center!important;gap:8px!important;padding:9px!important;border-radius:14px!important;background:rgba(255,255,255,.045)!important}.checkbox-grid input{width:20px!important;height:20px!important;min-height:20px!important}.create-league-shell{align-content:start!important;padding-top:18px!important}.create-league-card{padding:16px!important}.form-section{padding:11px!important;border-radius:18px!important;margin-bottom:10px!important}.choice-cards{grid-template-columns:1fr!important}.choice-card{padding:11px!important;border-radius:16px!important}.choice-card span{font-size:13px!important}.conditional-prize{gap:8px!important}.create-league-form .btn.full{margin-top:4px!important}
}
@media (max-width:380px){.admin-card-actions{grid-template-columns:1fr!important}.score-admin-grid{grid-template-columns:1fr!important}.choice-cards{grid-template-columns:1fr!important}}

/* HOTFIX FIXTURE MOBILE - centrar equipos y evitar nombres partidos */
@media (max-width: 860px) {
  .fixture-card {
    padding: 18px 16px !important;
  }

  .fixture-teams {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1fr) !important;
    align-items: start !important;
    justify-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 24px 0 18px !important;
  }

  .team-card-side,
  .fixture-team,
  .team-side {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 132px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    gap: 8px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }

  .team-card-side img,
  .fixture-team img,
  .team-side img {
    width: 54px !important;
    height: 38px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    margin: 0 auto !important;
    display: block !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.30) !important;
  }

  .team-card-side b,
  .fixture-team b,
  .team-side b {
    display: block !important;
    width: 100% !important;
    max-width: 132px !important;
    margin: 0 auto !important;

    font-size: 15px !important;
    line-height: 1.06 !important;
    font-weight: 950 !important;
    letter-spacing: -.02em !important;
    text-align: center !important;
    color: #fff !important;

    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

  .fixture-center,
  .vs,
  .fixture-vs {
    align-self: center !important;
    justify-self: center !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    border-radius: 999px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    color: rgba(255,255,255,.72) !important;
    background: rgba(255,255,255,.06) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
  }

  .fixture-center small {
    display: none !important;
  }

  .score-chip,
  .fixture-result,
  .result-pill {
    margin-top: 14px !important;
  }
}

/* Ajuste extra para iPhone angosto */
@media (max-width: 390px) {
  .fixture-teams {
    grid-template-columns: minmax(0, 1fr) 34px minmax(0, 1fr) !important;
    gap: 6px !important;
  }

  .team-card-side,
  .fixture-team,
  .team-side {
    max-width: 118px !important;
  }

  .team-card-side b,
  .fixture-team b,
  .team-side b {
    max-width: 118px !important;
    font-size: 14px !important;
  }

  .team-card-side img,
  .fixture-team img,
  .team-side img {
    width: 50px !important;
    height: 35px !important;
  }

  .fixture-center,
  .vs,
  .fixture-vs {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    font-size: 11px !important;
  }
}

/* NAV MOBILE FIX FINAL - siempre clavada abajo */
@media (max-width: 860px) {
  html,
  body {
    min-height: 100%;
    overflow-x: hidden;
  }

  body {
    padding-bottom: calc(98px + env(safe-area-inset-bottom)) !important;
  }

  .mobile-tabbar {
    position: fixed !important;
    left: 14px !important;
    right: 14px !important;
    bottom: calc(10px + env(safe-area-inset-bottom)) !important;
    top: auto !important;

    z-index: 999999 !important;

    transform: none !important;
    translate: none !important;
    margin: 0 !important;

    width: auto !important;
    max-width: none !important;

    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    align-items: center !important;

    pointer-events: auto !important;
    isolation: isolate !important;
  }

  .mobile-tabbar,
  .mobile-tabbar * {
    -webkit-transform: none !important;
  }

  .chat-fab {
    position: fixed !important;
    right: 22px !important;
    bottom: calc(92px + env(safe-area-inset-bottom)) !important;
    z-index: 999998 !important;
  }

  .chat-panel {
    position: fixed !important;
    right: 14px !important;
    bottom: calc(166px + env(safe-area-inset-bottom)) !important;
    z-index: 999997 !important;
  }
}

/* Evita que algún contenedor padre rompa fixed en iOS */
@media (max-width: 860px) {
  .app-shell,
  .page-shell,
  .main-shell,
  .content-shell,
  main,
  .container {
    transform: none !important;
    perspective: none !important;
    filter: none !important;
    contain: initial !important;
  }
}

/* FIXTURE MOBILE RESTORE FINAL - cards prolijas */
@media (max-width: 860px) {
  .fixture-card,
  .match-card,
  .prediction-card {
    position: relative !important;
    display: block !important;
    padding: 22px 22px 24px !important;
    border-radius: 28px !important;
    min-height: auto !important;
    overflow: hidden !important;
  }

  .fixture-card .match-head,
  .match-card .match-head,
  .prediction-card .match-head,
  .fixture-card-header,
  .match-card-header {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 24px !important;
  }

  .fixture-card .match-number,
  .match-card .match-number,
  .prediction-card .match-number,
  .match-code {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 64px !important;
    height: 48px !important;
    border-radius: 16px !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
  }

  .fixture-card .match-date,
  .match-card .match-date,
  .prediction-card .match-date,
  .match-meta {
    flex: 1 !important;
    min-width: 0 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    text-align: left !important;
    white-space: normal !important;
  }

  .fixture-card .match-status,
  .match-card .match-status,
  .prediction-card .match-status,
  .status-pill {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 90px !important;
    height: 38px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
  }

  .fixture-card .teams,
  .match-card .teams,
  .prediction-card .teams,
  .match-teams {
    display: grid !important;
    grid-template-columns: 1fr 58px 1fr !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 18px 0 28px !important;
    text-align: center !important;
  }

  .fixture-card .team,
  .match-card .team,
  .prediction-card .team,
  .match-team {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    min-width: 0 !important;
    text-align: center !important;
  }

  .fixture-card .team img,
  .match-card .team img,
  .prediction-card .team img,
  .match-team img,
  .flag,
  .team-flag {
    width: 76px !important;
    height: 52px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    flex: 0 0 auto !important;
  }

  .fixture-card .team-name,
  .match-card .team-name,
  .prediction-card .team-name,
  .match-team-name,
  .team-name {
    display: block !important;
    width: 100% !important;
    max-width: 140px !important;
    margin: 0 auto !important;
    font-size: 22px !important;
    line-height: 1.02 !important;
    font-weight: 950 !important;
    color: #fff !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }

  .fixture-card .vs,
  .match-card .vs,
  .prediction-card .vs,
  .match-vs {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    justify-self: center !important;
    align-self: center !important;
  }

  .fixture-card .match-result,
  .match-card .match-result,
  .prediction-card .match-result,
  .result-pill {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 56px !important;
    margin: 0 0 14px !important;
    border-radius: 999px !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    text-align: center !important;
  }

  .fixture-card .match-actions,
  .match-card .match-actions,
  .prediction-card .match-actions {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .fixture-card .match-actions .btn,
  .match-card .match-actions .btn,
  .prediction-card .match-actions .btn,
  .fixture-card a.btn,
  .match-card a.btn,
  .prediction-card a.btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 58px !important;
    border-radius: 999px !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    text-align: center !important;
  }
}

/* iPhone angosto */
@media (max-width: 390px) {
  .fixture-card,
  .match-card,
  .prediction-card {
    padding: 20px 18px 22px !important;
    border-radius: 26px !important;
  }

  .fixture-card .teams,
  .match-card .teams,
  .prediction-card .teams,
  .match-teams {
    grid-template-columns: 1fr 48px 1fr !important;
    gap: 10px !important;
  }

  .fixture-card .team img,
  .match-card .team img,
  .prediction-card .team img,
  .match-team img,
  .flag,
  .team-flag {
    width: 68px !important;
    height: 46px !important;
  }

  .fixture-card .team-name,
  .match-card .team-name,
  .prediction-card .team-name,
  .match-team-name,
  .team-name {
    font-size: 20px !important;
    max-width: 120px !important;
  }

  .fixture-card .vs,
  .match-card .vs,
  .prediction-card .vs,
  .match-vs {
    width: 46px !important;
    height: 46px !important;
  }
}

/* FIXTURE MOBILE REAL FINAL - usa clases reales del template */
@media (max-width: 860px) {
  .fixture-card.card {
    display: block !important;
    padding: 20px 18px 22px !important;
    border-radius: 28px !important;
    min-height: auto !important;
    overflow: hidden !important;
  }

  .fixture-card .fixture-top {
    display: grid !important;
    grid-template-columns: 70px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 24px !important;
  }

  .fixture-card .match-no {
    width: 62px !important;
    min-width: 62px !important;
    height: 48px !important;
    border-radius: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    color: #a7d8ff !important;
  }

  .fixture-card .fixture-top > div:not(.match-no):not(.pill) {
    min-width: 0 !important;
  }

  .fixture-card .fixture-top strong {
    display: block !important;
    font-size: 20px !important;
    line-height: 1.05 !important;
    color: #fff !important;
    white-space: nowrap !important;
  }

  .fixture-card .fixture-top small {
    display: block !important;
    margin-top: 4px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    color: rgba(255,255,255,.68) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .fixture-card .pill {
    position: static !important;
    min-width: 86px !important;
    height: 38px !important;
    padding: 0 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
  }

  .fixture-card .fixture-teams {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr) !important;
    align-items: center !important;
    justify-items: center !important;
    gap: 12px !important;
    margin: 4px 0 26px !important;
    text-align: center !important;
  }

  .fixture-card .team-card-side {
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    text-align: center !important;
  }

  .fixture-card .team-card-side img {
    width: 78px !important;
    height: 54px !important;
    object-fit: cover !important;
    border-radius: 13px !important;
    display: block !important;
    flex: 0 0 auto !important;
  }

  .fixture-card .team-card-side b {
    display: block !important;
    width: 100% !important;
    max-width: 132px !important;
    margin: 0 auto !important;
    font-size: 21px !important;
    line-height: 1.02 !important;
    font-weight: 950 !important;
    color: #fff !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

  .fixture-card .fixture-center {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 54px !important;
    min-width: 54px !important;
  }

  .fixture-card .fixture-center small {
    display: none !important;
  }

  .fixture-card .vs-badge {
    width: 52px !important;
    height: 52px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
  }

  .fixture-card .fixture-bottom {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 13px !important;
    margin: 0 !important;
  }

  .fixture-card .score-chip {
    width: 100% !important;
    min-height: 54px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    padding: 0 16px !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    text-align: center !important;
  }

  .fixture-card .fixture-bottom .btn,
  .fixture-card .fixture-bottom .ghost-btn {
    width: 100% !important;
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    padding: 0 18px !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    text-align: center !important;
  }
}

@media (max-width: 390px) {
  .fixture-card.card {
    padding: 18px 16px 20px !important;
    border-radius: 26px !important;
  }

  .fixture-card .fixture-top {
    grid-template-columns: 60px minmax(0, 1fr) auto !important;
    margin-bottom: 22px !important;
  }

  .fixture-card .match-no {
    width: 56px !important;
    min-width: 56px !important;
    height: 44px !important;
    font-size: 17px !important;
  }

  .fixture-card .fixture-top strong {
    font-size: 18px !important;
  }

  .fixture-card .fixture-top small {
    font-size: 13px !important;
  }

  .fixture-card .pill {
    min-width: 78px !important;
    height: 36px !important;
    font-size: 13px !important;
    padding: 0 11px !important;
  }

  .fixture-card .fixture-teams {
    grid-template-columns: minmax(0, 1fr) 46px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  .fixture-card .team-card-side img {
    width: 70px !important;
    height: 48px !important;
  }

  .fixture-card .team-card-side b {
    max-width: 118px !important;
    font-size: 19px !important;
  }

  .fixture-card .fixture-center,
  .fixture-card .vs-badge {
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
  }

  .fixture-card .score-chip {
    min-height: 52px !important;
    font-size: 17px !important;
  }

  .fixture-card .fixture-bottom .btn,
  .fixture-card .fixture-bottom .ghost-btn {
    min-height: 56px !important;
    font-size: 17px !important;
  }
}

/* =========================================================
   FIXTURE MOBILE FINAL
   Mantener fixture centrado y limpio. Estas reglas son
   deliberadamente específicas para que calendario/tablas no lo pisen.
   ========================================================= */
@media (max-width: 700px) {
  .fixture-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .fixture-grid > .fixture-card.card {
    width: 100% !important;
    min-height: auto !important;
    padding: 22px 20px 24px !important;
    border-radius: 30px !important;
    overflow: hidden !important;
  }

  .fixture-grid > .fixture-card.card .fixture-top {
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: 12px !important;
    margin: 0 0 28px !important;
  }

  .fixture-grid > .fixture-card.card .match-no {
    width: 60px !important;
    min-width: 60px !important;
    height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 16px !important;
    font-size: 18px !important;
  }

  .fixture-grid > .fixture-card.card .fixture-top strong {
    display: block !important;
    font-size: 20px !important;
    line-height: 1.1 !important;
  }

  .fixture-grid > .fixture-card.card .fixture-top small {
    display: block !important;
    margin-top: 3px !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    opacity: .78 !important;
  }

  .fixture-grid > .fixture-card.card .pill {
    min-width: 82px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
  }

  .fixture-grid > .fixture-card.card .fixture-teams {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr) !important;
    align-items: center !important;
    justify-items: center !important;
    gap: 12px !important;
    margin: 0 0 26px !important;
    text-align: center !important;
  }

  .fixture-grid > .fixture-card.card .team-card-side {
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    text-align: center !important;
  }

  .fixture-grid > .fixture-card.card .team-card-side img {
    width: 78px !important;
    height: 54px !important;
    object-fit: cover !important;
    border-radius: 13px !important;
    display: block !important;
    flex: 0 0 auto !important;
  }

  .fixture-grid > .fixture-card.card .team-card-side b {
    display: block !important;
    width: 100% !important;
    max-width: 140px !important;
    margin: 0 auto !important;
    font-size: 21px !important;
    line-height: 1.04 !important;
    font-weight: 950 !important;
    color: #fff !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

  .fixture-grid > .fixture-card.card .fixture-center {
    width: 54px !important;
    min-width: 54px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .fixture-grid > .fixture-card.card .fixture-center small {
    display: none !important;
  }

  .fixture-grid > .fixture-card.card .vs-badge {
    width: 52px !important;
    height: 52px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
  }

  .fixture-grid > .fixture-card.card .fixture-bottom {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 13px !important;
    margin: 0 !important;
  }

  .fixture-grid > .fixture-card.card .score-chip {
    width: 100% !important;
    min-height: 54px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    padding: 0 16px !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    text-align: center !important;
  }

  .fixture-grid > .fixture-card.card .fixture-bottom .btn,
  .fixture-grid > .fixture-card.card .fixture-bottom .ghost-btn {
    width: 100% !important;
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    padding: 0 18px !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    text-align: center !important;
  }
}

@media (max-width: 390px) {
  .fixture-grid > .fixture-card.card {
    padding: 18px 16px 20px !important;
    border-radius: 26px !important;
  }

  .fixture-grid > .fixture-card.card .fixture-top {
    grid-template-columns: 60px minmax(0, 1fr) auto !important;
    margin-bottom: 22px !important;
  }

  .fixture-grid > .fixture-card.card .match-no {
    width: 56px !important;
    min-width: 56px !important;
    height: 44px !important;
    font-size: 17px !important;
  }

  .fixture-grid > .fixture-card.card .fixture-teams {
    grid-template-columns: minmax(0, 1fr) 46px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  .fixture-grid > .fixture-card.card .team-card-side img {
    width: 70px !important;
    height: 48px !important;
  }

  .fixture-grid > .fixture-card.card .team-card-side b {
    max-width: 124px !important;
    font-size: 19px !important;
  }

  .fixture-grid > .fixture-card.card .fixture-center,
  .fixture-grid > .fixture-card.card .vs-badge {
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
  }
}


/* =========================================================
   ARDE BRACKET MOBILE PROMIEDOS V2
   Corrige iPhone: evita que el CSS mobile global agrande .team-name
   dentro del cuadro y compacta el canvas como Promiedos.
   ========================================================= */
.wc-bracket-shell,
.wc-bracket-shell * {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}

.wc-bracket-shell .wc-bracket-grid.has-svg-connectors .wc-bracket-group::before,
.wc-bracket-shell .wc-bracket-grid.has-svg-connectors .wc-bracket-group::after,
.wc-bracket-shell .wc-bracket-grid.has-svg-connectors .wc-bracket-match::after {
  display: none !important;
  content: none !important;
}

.wc-bracket-shell .wc-bracket-connectors {
  pointer-events: none !important;
}

.wc-bracket-shell .team-name {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

@media (max-width: 720px) {
  .wc-bracket-shell {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow: hidden !important;
  }

  .wc-bracket-scroll {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 10px calc(150px + env(safe-area-inset-bottom)) 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .wc-bracket-grid {
    min-width: 840px !important;
    grid-template-columns: 188px 172px 160px 148px 142px !important;
    border-radius: 12px !important;
    overflow: visible !important;
  }

  .wc-bracket-round {
    min-height: 768px !important;
    padding: 9px 8px 13px !important;
    overflow: visible !important;
  }

  .wc-bracket-round h3 {
    height: 24px !important;
    min-height: 24px !important;
    margin: 0 0 8px !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    letter-spacing: .025em !important;
    white-space: nowrap !important;
  }

  .wc-bracket-groups {
    height: 710px !important;
  }

  .wc-bracket-team {
    height: 20px !important;
    min-height: 20px !important;
    padding: 0 6px !important;
    grid-template-columns: 18px minmax(0, 1fr) auto !important;
    gap: 5px !important;
    border-radius: 5px !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }

  .wc-bracket-team:first-child {
    border-radius: 5px 5px 0 0 !important;
  }

  .wc-bracket-team:nth-child(2) {
    margin-top: 2px !important;
    border-radius: 0 0 5px 5px !important;
  }

  .wc-bracket-shell .team-name {
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    color: inherit !important;
  }

  .wc-bracket-shell .wc-team-flag,
  .wc-bracket-shell .ball-dot {
    width: 17px !important;
    height: 12px !important;
    min-width: 17px !important;
    max-width: 17px !important;
    border-radius: 2px !important;
  }

  .wc-bracket-shell .wc-score {
    min-width: 16px !important;
    height: 16px !important;
    padding: 0 4px !important;
    font-size: 10px !important;
    border-radius: 5px !important;
  }

  .wc-round-round_32 .wc-bracket-group:nth-child(1) { top: 0 !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(2) { top: 88px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(3) { top: 176px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(4) { top: 264px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(5) { top: 352px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(6) { top: 440px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(7) { top: 528px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(8) { top: 616px !important; }

  .wc-round-round_16 .wc-bracket-group:nth-child(1) { top: 44px !important; }
  .wc-round-round_16 .wc-bracket-group:nth-child(2) { top: 220px !important; }
  .wc-round-round_16 .wc-bracket-group:nth-child(3) { top: 396px !important; }
  .wc-round-round_16 .wc-bracket-group:nth-child(4) { top: 572px !important; }

  .wc-round-quarter .wc-bracket-group:nth-child(1) { top: 132px !important; }
  .wc-round-quarter .wc-bracket-group:nth-child(2) { top: 484px !important; }

  .wc-round-semi .wc-bracket-group:nth-child(1) { top: 308px !important; }

  .wc-round-final .wc-bracket-group:nth-child(1) { top: 292px !important; }
  .wc-round-final .wc-bracket-group:nth-child(2) { top: 420px !important; }

  .wc-bracket-connectors path {
    stroke-width: 1.15 !important;
    opacity: .72 !important;
  }

  .wc-bracket-connectors .wc-connector-output {
    stroke-width: 1.25 !important;
    opacity: .86 !important;
  }
}

@media (max-width: 390px) {
  .wc-bracket-grid {
    min-width: 805px !important;
    grid-template-columns: 178px 165px 154px 142px 136px !important;
  }

  .wc-bracket-round {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .wc-bracket-shell .team-name,
  .wc-bracket-team {
    font-size: 9.5px !important;
  }
}


/* =========================================================
   ARDE BRACKET MOBILE V4 NO OVERLAP
   Corrige el cuadro en celular:
   - no hereda .team-name gigante del mobile general
   - separa las ramas para que no se encimen
   - deja el cuadro con scroll horizontal tipo Promiedos
   ========================================================= */
.wc-bracket-shell,
.wc-bracket-shell * {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  box-sizing: border-box !important;
}

.wc-bracket-shell .wc-bracket-grid {
  position: relative !important;
}

.wc-bracket-shell .wc-bracket-connectors {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
  pointer-events: none !important;
  z-index: 40 !important;
}

.wc-bracket-shell .wc-bracket-connectors path {
  fill: none !important;
  stroke: rgba(207,255,218,.72) !important;
  stroke-width: 1.35 !important;
  stroke-linecap: square !important;
  stroke-linejoin: round !important;
  vector-effect: non-scaling-stroke !important;
  filter: drop-shadow(0 0 2px rgba(170,255,190,.18)) !important;
}

.wc-bracket-shell .wc-bracket-connectors .wc-connector-spine { opacity: .62 !important; }
.wc-bracket-shell .wc-bracket-connectors .wc-connector-leg { opacity: .70 !important; }
.wc-bracket-shell .wc-bracket-connectors .wc-connector-output { opacity: .90 !important; stroke-width: 1.55 !important; }
.wc-bracket-shell .wc-bracket-connectors .wc-connector-arrow-head { fill: rgba(207,255,218,.88) !important; stroke: none !important; }

.wc-bracket-shell .wc-bracket-grid.has-svg-connectors .wc-bracket-group::before,
.wc-bracket-shell .wc-bracket-grid.has-svg-connectors .wc-bracket-group::after,
.wc-bracket-shell .wc-bracket-grid.has-svg-connectors .wc-bracket-match::after {
  display: none !important;
  content: none !important;
}

.wc-bracket-shell .wc-bracket-match {
  position: relative !important;
  z-index: 60 !important;
  min-height: 0 !important;
  text-decoration: none !important;
}

.wc-bracket-shell .wc-bracket-team {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) auto !important;
  align-items: center !important;
  justify-items: stretch !important;
  text-align: left !important;
  gap: 7px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  padding: 0 8px !important;
  font-size: 11px !important;
  line-height: 1 !important;
}

.wc-bracket-shell .team-name {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  color: inherit !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.wc-bracket-shell .wc-team-flag,
.wc-bracket-shell .ball-dot {
  width: 18px !important;
  height: 12px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  border-radius: 2px !important;
  object-fit: cover !important;
}

.wc-bracket-shell .wc-score {
  min-width: 17px !important;
  height: 17px !important;
  padding: 0 5px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
}

.wc-bracket-shell .wc-bracket-status {
  display: none !important;
}

.wc-bracket-shell .wc-bracket-team.loser {
  opacity: .52 !important;
  filter: grayscale(.85) !important;
  background: rgba(32,60,45,.88) !important;
  color: rgba(255,255,255,.62) !important;
  border-color: rgba(255,255,255,.10) !important;
}

.wc-bracket-shell .wc-bracket-team.winner {
  background: rgba(12,139,58,.98) !important;
  color: #fff !important;
  border-color: rgba(185,255,202,.52) !important;
}

@media (max-width: 720px) {
  .wc-bracket-shell {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow: hidden !important;
  }

  .wc-bracket-scroll {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 10px calc(170px + env(safe-area-inset-bottom)) 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .wc-bracket-grid {
    min-width: 900px !important;
    grid-template-columns: 220px 190px 175px 160px 145px !important;
    gap: 0 !important;
    overflow: visible !important;
    border-radius: 14px !important;
  }

  .wc-bracket-round {
    min-height: 930px !important;
    padding: 10px 10px 16px !important;
    overflow: visible !important;
  }

  .wc-bracket-round h3 {
    height: 25px !important;
    min-height: 25px !important;
    margin: 0 0 10px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    letter-spacing: .025em !important;
    white-space: nowrap !important;
  }

  .wc-bracket-groups {
    position: relative !important;
    height: 875px !important;
  }

  .wc-bracket-group {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    gap: 6px !important;
  }

  .wc-bracket-shell .wc-bracket-match {
    min-height: 0 !important;
    height: auto !important;
  }

  .wc-bracket-shell .wc-bracket-team {
    height: 21px !important;
    min-height: 21px !important;
    max-height: 21px !important;
    grid-template-columns: 19px minmax(0, 1fr) auto !important;
    gap: 6px !important;
    padding: 0 7px !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    border-radius: 6px !important;
  }

  .wc-bracket-shell .wc-bracket-team:first-child {
    border-radius: 6px 6px 0 0 !important;
  }

  .wc-bracket-shell .wc-bracket-team:nth-child(2) {
    margin-top: 2px !important;
    border-radius: 0 0 6px 6px !important;
  }

  .wc-bracket-shell .team-name {
    font-size: 10.5px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  .wc-bracket-shell .wc-team-flag,
  .wc-bracket-shell .ball-dot {
    width: 18px !important;
    height: 12px !important;
    min-width: 18px !important;
    max-width: 18px !important;
  }

  .wc-bracket-shell .wc-score {
    min-width: 17px !important;
    height: 17px !important;
    padding: 0 5px !important;
    font-size: 10px !important;
  }

  /* Ocultamos conectores viejos en mobile siempre. Las líneas buenas son SVG. */
  .wc-bracket-shell .wc-bracket-group::before,
  .wc-bracket-shell .wc-bracket-group::after,
  .wc-bracket-shell .wc-bracket-match::after {
    display: none !important;
    content: none !important;
  }

  /* Separación real: antes el step mobile era muy corto y las ramas se tocaban. */
  .wc-round-round_32 .wc-bracket-group:nth-child(1) { top: 0 !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(2) { top: 108px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(3) { top: 216px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(4) { top: 324px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(5) { top: 432px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(6) { top: 540px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(7) { top: 648px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(8) { top: 756px !important; }

  .wc-round-round_16 .wc-bracket-group:nth-child(1) { top: 54px !important; }
  .wc-round-round_16 .wc-bracket-group:nth-child(2) { top: 270px !important; }
  .wc-round-round_16 .wc-bracket-group:nth-child(3) { top: 486px !important; }
  .wc-round-round_16 .wc-bracket-group:nth-child(4) { top: 702px !important; }

  .wc-round-quarter .wc-bracket-group:nth-child(1) { top: 162px !important; }
  .wc-round-quarter .wc-bracket-group:nth-child(2) { top: 594px !important; }

  .wc-round-semi .wc-bracket-group:nth-child(1) { top: 378px !important; }

  .wc-round-final .wc-bracket-group:nth-child(1) { top: 360px !important; }
  .wc-round-final .wc-bracket-group:nth-child(2) { top: 520px !important; }

  .wc-bracket-connectors path { stroke-width: 1.25 !important; }
  .wc-bracket-connectors .wc-connector-output { stroke-width: 1.45 !important; }
}

@media (max-width: 390px) {
  .wc-bracket-grid {
    min-width: 875px !important;
    grid-template-columns: 210px 185px 170px 157px 143px !important;
  }

  .wc-bracket-round {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .wc-bracket-shell .wc-bracket-team,
  .wc-bracket-shell .team-name {
    font-size: 10px !important;
  }
}


/* =========================================================
   ARDE BRACKET V5 - ESPACIADO + SVG LIMPIO
   - PC con más aire vertical entre ramas.
   - Mobile mantiene scroll horizontal sin encimar.
   - Viejas flechas CSS apagadas; las líneas reales son SVG.
   ========================================================= */
.wc-bracket-shell,
.wc-bracket-shell * {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  box-sizing: border-box !important;
}

.wc-bracket-grid {
  position: relative !important;
  overflow: hidden !important;
}

.wc-bracket-round {
  min-height: 930px !important;
  overflow: visible !important;
}

.wc-bracket-groups {
  height: 870px !important;
}

.wc-bracket-group {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  gap: 5px !important;
}

.wc-bracket-shell .wc-bracket-group::before,
.wc-bracket-shell .wc-bracket-group::after,
.wc-bracket-shell .wc-bracket-match::after {
  display: none !important;
  content: none !important;
}

.wc-bracket-connectors {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
  pointer-events: none !important;
  z-index: 20 !important;
}

.wc-bracket-connectors path {
  fill: none !important;
  stroke: rgba(205,255,218,.58) !important;
  stroke-width: 1.15 !important;
  stroke-linecap: square !important;
  stroke-linejoin: round !important;
  vector-effect: non-scaling-stroke !important;
  filter: drop-shadow(0 0 2px rgba(180,255,198,.16)) !important;
}

.wc-bracket-connectors .wc-connector-spine { opacity: .68 !important; }
.wc-bracket-connectors .wc-connector-leg { opacity: .62 !important; }
.wc-bracket-connectors .wc-connector-output { opacity: .82 !important; stroke-width: 1.3 !important; }
.wc-bracket-connectors .wc-connector-arrow-open {
  fill: none !important;
  stroke: rgba(220,255,226,.82) !important;
  stroke-width: 1.25 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.wc-bracket-match {
  position: relative !important;
  z-index: 40 !important;
  min-height: 0 !important;
}

.wc-bracket-shell .wc-bracket-team {
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) auto !important;
  align-items: center !important;
  height: 23px !important;
  min-height: 23px !important;
  max-height: 23px !important;
  gap: 7px !important;
  padding: 0 8px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  text-align: left !important;
}

.wc-bracket-shell .team-name {
  display: block !important;
  min-width: 0 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.wc-bracket-shell .wc-team-flag,
.wc-bracket-shell .ball-dot {
  width: 18px !important;
  height: 12px !important;
  min-width: 18px !important;
  max-width: 18px !important;
}

.wc-bracket-shell .wc-score {
  min-width: 17px !important;
  height: 17px !important;
  font-size: 10px !important;
  line-height: 1 !important;
}

.wc-bracket-shell .wc-bracket-team.loser {
  opacity: .55 !important;
  filter: grayscale(.85) !important;
  background: rgba(31,61,45,.86) !important;
  color: rgba(255,255,255,.62) !important;
  border-color: rgba(255,255,255,.10) !important;
}

.wc-bracket-shell .wc-bracket-team.winner {
  background: rgba(12,139,58,.98) !important;
  color: #fff !important;
  border-color: rgba(185,255,202,.52) !important;
}

/* Desktop: antes el step era igual al alto de la rama, por eso se veía pegado. */
@media (min-width: 721px) {
  .wc-bracket-scroll {
    padding-bottom: 22px !important;
  }

  .wc-bracket-grid {
    min-width: 1180px !important;
    grid-template-columns: 290px 245px 235px 220px 200px !important;
  }

  .wc-round-round_32 .wc-bracket-group:nth-child(1) { top: 0 !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(2) { top: 110px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(3) { top: 220px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(4) { top: 330px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(5) { top: 440px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(6) { top: 550px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(7) { top: 660px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(8) { top: 770px !important; }

  .wc-round-round_16 .wc-bracket-group:nth-child(1) { top: 55px !important; }
  .wc-round-round_16 .wc-bracket-group:nth-child(2) { top: 275px !important; }
  .wc-round-round_16 .wc-bracket-group:nth-child(3) { top: 495px !important; }
  .wc-round-round_16 .wc-bracket-group:nth-child(4) { top: 715px !important; }

  .wc-round-quarter .wc-bracket-group:nth-child(1) { top: 165px !important; }
  .wc-round-quarter .wc-bracket-group:nth-child(2) { top: 605px !important; }

  .wc-round-semi .wc-bracket-group:nth-child(1) { top: 385px !important; }

  .wc-round-final .wc-bracket-group:nth-child(1) { top: 385px !important; }
  .wc-round-final .wc-bracket-group:nth-child(2) { top: 560px !important; }
}

@media (max-width: 720px) {
  .wc-bracket-shell {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow: hidden !important;
  }

  .wc-bracket-scroll {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 10px calc(170px + env(safe-area-inset-bottom)) 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .wc-bracket-grid {
    min-width: 900px !important;
    grid-template-columns: 220px 190px 175px 160px 145px !important;
    border-radius: 14px !important;
  }

  .wc-bracket-round {
    min-height: 930px !important;
    padding: 10px 10px 16px !important;
  }

  .wc-bracket-round h3 {
    height: 25px !important;
    min-height: 25px !important;
    margin: 0 0 10px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    letter-spacing: .025em !important;
    white-space: nowrap !important;
  }

  .wc-bracket-groups {
    height: 875px !important;
  }

  .wc-bracket-shell .wc-bracket-team {
    height: 21px !important;
    min-height: 21px !important;
    max-height: 21px !important;
    grid-template-columns: 19px minmax(0, 1fr) auto !important;
    gap: 6px !important;
    padding: 0 7px !important;
    font-size: 10.5px !important;
    border-radius: 6px !important;
  }

  .wc-bracket-shell .team-name {
    font-size: 10.5px !important;
    line-height: 1 !important;
  }

  .wc-bracket-connectors path {
    stroke-width: 1.05 !important;
    opacity: .72 !important;
  }
  .wc-bracket-connectors .wc-connector-output { stroke-width: 1.2 !important; }

  .wc-round-round_32 .wc-bracket-group:nth-child(1) { top: 0 !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(2) { top: 108px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(3) { top: 216px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(4) { top: 324px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(5) { top: 432px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(6) { top: 540px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(7) { top: 648px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(8) { top: 756px !important; }

  .wc-round-round_16 .wc-bracket-group:nth-child(1) { top: 54px !important; }
  .wc-round-round_16 .wc-bracket-group:nth-child(2) { top: 270px !important; }
  .wc-round-round_16 .wc-bracket-group:nth-child(3) { top: 486px !important; }
  .wc-round-round_16 .wc-bracket-group:nth-child(4) { top: 702px !important; }

  .wc-round-quarter .wc-bracket-group:nth-child(1) { top: 162px !important; }
  .wc-round-quarter .wc-bracket-group:nth-child(2) { top: 594px !important; }

  .wc-round-semi .wc-bracket-group:nth-child(1) { top: 378px !important; }

  .wc-round-final .wc-bracket-group:nth-child(1) { top: 360px !important; }
  .wc-round-final .wc-bracket-group:nth-child(2) { top: 520px !important; }
}

@media (max-width: 390px) {
  .wc-bracket-grid {
    min-width: 875px !important;
    grid-template-columns: 210px 185px 170px 157px 143px !important;
  }
  .wc-bracket-shell .wc-bracket-team,
  .wc-bracket-shell .team-name {
    font-size: 10px !important;
  }
}


/* =========================================================
   ARDE BRACKET V6 - EQUILIBRIO PC/MOBILE + LINEAS LIMPIAS
   Objetivo: PC menos apretado, mobile sin encimar, flechas menos raras.
   ========================================================= */
.wc-bracket-shell,
.wc-bracket-shell * {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  box-sizing: border-box !important;
}

.wc-bracket-grid {
  position: relative !important;
  overflow: hidden !important;
}

.wc-bracket-shell .wc-bracket-group::before,
.wc-bracket-shell .wc-bracket-group::after,
.wc-bracket-shell .wc-bracket-match::before,
.wc-bracket-shell .wc-bracket-match::after {
  display: none !important;
  content: none !important;
}

.wc-bracket-connectors {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
  pointer-events: none !important;
  z-index: 20 !important;
}

.wc-bracket-connectors path {
  fill: none !important;
  stroke: rgba(214,255,224,.54) !important;
  stroke-width: 1.05 !important;
  stroke-linecap: square !important;
  stroke-linejoin: round !important;
  vector-effect: non-scaling-stroke !important;
  filter: drop-shadow(0 0 2px rgba(180,255,198,.12)) !important;
}
.wc-bracket-connectors .wc-connector-output { stroke-width: 1.15 !important; opacity: .84 !important; }
.wc-bracket-connectors .wc-connector-leg { opacity: .58 !important; }
.wc-bracket-connectors .wc-connector-spine { opacity: .66 !important; }
.wc-bracket-connectors .wc-connector-chevron {
  stroke: rgba(226,255,232,.76) !important;
  stroke-width: 1.15 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  opacity: .82 !important;
}

.wc-bracket-match {
  position: relative !important;
  z-index: 40 !important;
  min-height: 0 !important;
}

.wc-bracket-shell .wc-bracket-team {
  display: grid !important;
  grid-template-columns: 21px minmax(0, 1fr) auto !important;
  align-items: center !important;
  height: 25px !important;
  min-height: 25px !important;
  max-height: 25px !important;
  gap: 7px !important;
  padding: 0 8px !important;
  line-height: 1 !important;
  text-align: left !important;
}

.wc-bracket-shell .team-name {
  display: block !important;
  min-width: 0 !important;
  font-size: 11.2px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.wc-bracket-shell .wc-team-flag,
.wc-bracket-shell .ball-dot {
  width: 19px !important;
  height: 13px !important;
  min-width: 19px !important;
  max-width: 19px !important;
}

.wc-bracket-shell .wc-score {
  min-width: 18px !important;
  height: 18px !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
}

.wc-bracket-shell .wc-bracket-team.loser {
  opacity: .55 !important;
  filter: grayscale(.85) !important;
  background: rgba(31,61,45,.86) !important;
  color: rgba(255,255,255,.62) !important;
  border-color: rgba(255,255,255,.10) !important;
}

.wc-bracket-shell .wc-bracket-team.winner {
  background: rgba(12,139,58,.98) !important;
  color: #fff !important;
  border-color: rgba(185,255,202,.52) !important;
}

@media (min-width: 721px) {
  .wc-bracket-scroll { padding-bottom: 24px !important; }

  .wc-bracket-grid {
    min-width: 1200px !important;
    grid-template-columns: 300px 250px 235px 220px 195px !important;
  }

  .wc-bracket-round {
    min-height: 985px !important;
    padding: 18px 16px 18px !important;
    overflow: visible !important;
  }
  .wc-bracket-round h3 {
    margin-bottom: 18px !important;
    font-size: 13px !important;
    letter-spacing: .02em !important;
  }
  .wc-bracket-groups { height: 925px !important; }
  .wc-bracket-group { gap: 6px !important; }

  .wc-round-round_32 .wc-bracket-group:nth-child(1) { top: 0 !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(2) { top: 116px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(3) { top: 232px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(4) { top: 348px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(5) { top: 464px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(6) { top: 580px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(7) { top: 696px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(8) { top: 812px !important; }

  .wc-round-round_16 .wc-bracket-group:nth-child(1) { top: 58px !important; }
  .wc-round-round_16 .wc-bracket-group:nth-child(2) { top: 290px !important; }
  .wc-round-round_16 .wc-bracket-group:nth-child(3) { top: 522px !important; }
  .wc-round-round_16 .wc-bracket-group:nth-child(4) { top: 754px !important; }

  .wc-round-quarter .wc-bracket-group:nth-child(1) { top: 174px !important; }
  .wc-round-quarter .wc-bracket-group:nth-child(2) { top: 638px !important; }

  .wc-round-semi .wc-bracket-group:nth-child(1) { top: 406px !important; }

  .wc-round-final .wc-bracket-group:nth-child(1) { top: 386px !important; }
  .wc-round-final .wc-bracket-group:nth-child(2) { top: 590px !important; }
}

@media (max-width: 720px) {
  .wc-bracket-shell {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow: hidden !important;
  }

  .wc-bracket-scroll {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 10px calc(170px + env(safe-area-inset-bottom)) 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .wc-bracket-grid {
    min-width: 900px !important;
    grid-template-columns: 220px 190px 175px 160px 145px !important;
    border-radius: 14px !important;
  }

  .wc-bracket-round {
    min-height: 940px !important;
    padding: 10px 10px 16px !important;
  }

  .wc-bracket-round h3 {
    height: 25px !important;
    min-height: 25px !important;
    margin: 0 0 10px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    letter-spacing: .025em !important;
    white-space: nowrap !important;
  }

  .wc-bracket-groups { height: 885px !important; }

  .wc-bracket-shell .wc-bracket-team {
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
    grid-template-columns: 19px minmax(0, 1fr) auto !important;
    gap: 6px !important;
    padding: 0 7px !important;
    border-radius: 6px !important;
  }
  .wc-bracket-shell .team-name {
    font-size: 10.4px !important;
    line-height: 1 !important;
  }
  .wc-bracket-shell .wc-team-flag,
  .wc-bracket-shell .ball-dot {
    width: 18px !important;
    height: 12px !important;
    min-width: 18px !important;
    max-width: 18px !important;
  }

  .wc-bracket-connectors path { stroke-width: 1.0 !important; }

  .wc-round-round_32 .wc-bracket-group:nth-child(1) { top: 0 !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(2) { top: 110px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(3) { top: 220px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(4) { top: 330px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(5) { top: 440px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(6) { top: 550px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(7) { top: 660px !important; }
  .wc-round-round_32 .wc-bracket-group:nth-child(8) { top: 770px !important; }

  .wc-round-round_16 .wc-bracket-group:nth-child(1) { top: 55px !important; }
  .wc-round-round_16 .wc-bracket-group:nth-child(2) { top: 275px !important; }
  .wc-round-round_16 .wc-bracket-group:nth-child(3) { top: 495px !important; }
  .wc-round-round_16 .wc-bracket-group:nth-child(4) { top: 715px !important; }

  .wc-round-quarter .wc-bracket-group:nth-child(1) { top: 165px !important; }
  .wc-round-quarter .wc-bracket-group:nth-child(2) { top: 605px !important; }

  .wc-round-semi .wc-bracket-group:nth-child(1) { top: 385px !important; }

  .wc-round-final .wc-bracket-group:nth-child(1) { top: 365px !important; }
  .wc-round-final .wc-bracket-group:nth-child(2) { top: 535px !important; }
}

@media (max-width: 390px) {
  .wc-bracket-grid {
    min-width: 880px !important;
    grid-template-columns: 212px 185px 170px 157px 143px !important;
  }
  .wc-bracket-shell .team-name { font-size: 10px !important; }
}