/* DREAMTEAM HAIL MARY | MOBILE 1.0
 * Camada responsiva aditiva da V7 integrada. Nenhum endpoint, regra ou evento oficial é alterado.
 * Navegação controlada por mobile.js, com fallback para a navegação antiga caso JS falhe.
 */
.dt-mobile-menu-button,.dt-mobile-bottom,.dt-mobile-scrim,.dt-mobile-play-sheet,.dt-mobile-play-backdrop{display:none!important}

@media (max-width:900px){
  html{max-width:100%;overflow-x:clip;-webkit-text-size-adjust:100%}
  body{max-width:100%;overflow-x:clip}
  body *,body *::before,body *::after{box-sizing:border-box}
  body.dt-mobile-ready .app{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}
  body.dt-mobile-ready .main{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0 14px calc(96px + env(safe-area-inset-bottom))!important}
  body.dt-mobile-ready .sidebar{position:fixed!important;inset:0 auto 0 0!important;z-index:1300!important;display:flex!important;flex-direction:column!important;transform:translateX(-104%);transition:transform .22s ease;visibility:hidden;width:min(320px,calc(100vw - 54px))!important;max-width:320px!important;min-width:0!important;height:100dvh!important;min-height:0!important;padding:14px 12px calc(12px + env(safe-area-inset-bottom))!important;overflow-y:auto!important;overscroll-behavior:contain;background:#160e27!important;box-shadow:8px 0 32px #0008;pointer-events:none}
  body.dt-mobile-ready.dt-mobile-menu-open .sidebar{transform:translateX(0);visibility:visible;pointer-events:auto}
  body.dt-mobile-ready .sidebar .brand{display:flex!important;align-items:center!important;gap:10px!important;padding:6px 8px 18px!important;width:auto!important}
  body.dt-mobile-ready .sidebar .brand strong{display:block!important;font-size:17px!important}
  body.dt-mobile-ready .sidebar .brand small{display:block!important;font-size:10px!important}
  body.dt-mobile-ready .sidebar .section-label{display:block!important;font-size:10px!important;letter-spacing:.08em}
  body.dt-mobile-ready .sidebar .brand-mark{flex:0 0 40px}
  body.dt-mobile-ready .sidebar nav{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-height:0!important;overflow:visible!important;gap:2px!important;width:100%!important}
  body.dt-mobile-ready .sidebar .nav-item{display:flex!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;gap:10px!important;width:100%!important;min-height:43px!important;padding:10px 12px!important;font-size:13px!important;line-height:1.3!important;white-space:normal!important}
  body.dt-mobile-ready .sidebar .nav-item>span{font-size:19px!important}
  body.dt-mobile-ready .sidebar .nav-item>small{display:inline!important;font-size:10px!important;margin-left:auto}
  body.dt-mobile-ready .sidebar .nav-category{display:block!important;font-size:10px!important;padding:14px 8px 5px!important;letter-spacing:.08em}
  body.dt-mobile-ready .sidebar .sidebar-bottom{display:block!important;flex:0 0 auto;width:100%;margin-top:14px}
  body.dt-mobile-ready .dt-mobile-menu-button{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 42px;min-width:42px!important;height:42px!important;min-height:42px!important;border-radius:11px!important;border:1px solid #78539e;background:#302043;color:#faf0ff;font-size:21px;cursor:pointer;padding:0!important}
  body.dt-mobile-ready .dt-mobile-scrim{display:block!important;position:fixed;inset:0;z-index:1290;border:0;background:#07040dbf;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,visibility .18s;width:100vw;height:100dvh}
  body.dt-mobile-ready.dt-mobile-menu-open .dt-mobile-scrim{opacity:1;visibility:visible;pointer-events:auto}
  body.dt-mobile-ready.dt-mobile-menu-open{overflow:hidden!important}
  body.dt-mobile-ready .topbar{position:sticky!important;top:0;z-index:65;display:flex!important;align-items:center;gap:8px!important;width:100%;min-width:0;min-height:62px;height:auto!important;padding:8px 0!important;margin:0 0 12px!important;background:#100d1ded;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  body.dt-mobile-ready .topbar .crumb{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px!important;letter-spacing:0!important}
  body.dt-mobile-ready .topbar .top-actions{min-width:0;display:flex;flex:0 1 auto;gap:6px!important;align-items:center}
  body.dt-mobile-ready .topbar .balance{white-space:nowrap;padding:6px 7px!important;font-size:12px!important;max-width:110px;overflow:hidden;text-overflow:ellipsis}
  body.dt-mobile-ready .topbar #user-top{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px!important}
  body.dt-mobile-ready .topbar #logout{padding:6px 8px!important;min-height:36px!important;font-size:11px!important}
  body.dt-mobile-ready .dt-mobile-bottom{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:900;height:calc(66px + env(safe-area-inset-bottom));padding:5px max(6px,env(safe-area-inset-left)) calc(5px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-right));gap:2px;background:#181022f5;border-top:1px solid #64477f;box-shadow:0 -6px 24px #0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  body.dt-mobile-ready .dt-mobile-bottom button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:0!important;height:56px;padding:4px 2px!important;margin:0;border:1px solid transparent;border-radius:9px;background:transparent;color:#cfbddc;font-weight:700;font-size:10px;line-height:1.2;cursor:pointer}
  body.dt-mobile-ready .dt-mobile-bottom button .dt-mobile-glyph{font-size:21px;line-height:1.2}
  body.dt-mobile-ready .dt-mobile-bottom button[aria-current="page"],body.dt-mobile-ready .dt-mobile-bottom button[aria-expanded="true"]{background:#37234d;color:#fff;border-color:#815ca5}
  body.dt-mobile-ready .dt-mobile-play-sheet{display:block!important;position:fixed;z-index:1110;left:8px;right:8px;bottom:calc(74px + env(safe-area-inset-bottom));border:1px solid #8964a9;border-radius:16px;background:#21132fff;box-shadow:0 15px 40px #000b;padding:14px;max-width:460px;margin:0 auto;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);transition:transform .18s,opacity .18s,visibility .18s}
  body.dt-mobile-ready.dt-mobile-play-open .dt-mobile-play-sheet{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
  body.dt-mobile-ready .dt-mobile-play-sheet header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
  body.dt-mobile-ready .dt-mobile-play-sheet header strong{font-size:14px}
  body.dt-mobile-ready .dt-mobile-play-sheet .dt-mobile-play-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  body.dt-mobile-ready .dt-mobile-play-sheet button{min-width:0;min-height:44px!important;border-radius:9px;border:1px solid #75549a;background:#352047;color:#f5eafa;padding:8px 10px;font-size:12px;font-weight:700;text-align:left;cursor:pointer}
  body.dt-mobile-ready .dt-mobile-play-sheet header button{text-align:center;min-width:40px}
  body.dt-mobile-ready.dt-mobile-play-open .dt-mobile-play-backdrop{display:block!important;position:fixed;inset:0;z-index:880;background:transparent}
  body.dt-mobile-ready .page,body.dt-mobile-ready #logged-in{min-width:0!important;max-width:100%!important}
  body.dt-mobile-ready .panel,body.dt-mobile-ready .auto-config-card,body.dt-mobile-ready .tower-shop-content,body.dt-mobile-ready .dt15-mode{min-width:0!important;max-width:100%!important}
  body.dt-mobile-ready .page>h1{font-size:clamp(24px,6vw,33px)!important;line-height:1.15;margin:7px 0 9px}
  body.dt-mobile-ready .page>.subtitle{font-size:12px;line-height:1.5}
  body.dt-mobile-ready [data-section="home"]>.home-club-header{order:-20!important}
  body.dt-mobile-ready [data-section="home"]>.home-live-section{order:-19!important}
  body.dt-mobile-ready [data-section="home"]>#radar-panel{order:-18!important}
  body.dt-mobile-ready [data-section="home"]>#official-feed-panel{order:-17!important}
  body.dt-mobile-ready [data-section="home"]>.recent-games{order:-16!important}
  body.dt-mobile-ready [data-section="home"]>#team-panel{order:-15!important}
  body.dt-mobile-ready .home-club-header{grid-template-columns:1fr!important;justify-items:center!important;gap:10px!important;padding:14px!important;text-align:center!important}
  body.dt-mobile-ready .club-header-actions,body.dt-mobile-ready .home-top-auto-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;width:100%}
  body.dt-mobile-ready .home-live-section{padding:12px!important}
  body.dt-mobile-ready .live-section-header{display:flex;flex-direction:column;gap:9px!important;align-items:stretch!important}
  body.dt-mobile-ready .home-hud-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  body.dt-mobile-ready .hud-card{min-width:0;padding:10px!important;min-height:85px!important;gap:6px}
  body.dt-mobile-ready .hud-card .hud-value{font-size:clamp(16px,4.2vw,22px)!important;overflow-wrap:anywhere}
  body.dt-mobile-ready .hud-card .hud-label{font-size:9px!important}
  body.dt-mobile-ready .hud-card .hud-sub{font-size:10px!important}
  body.dt-mobile-ready .team-showcase-panel,body.dt-mobile-ready .feed-collapsible-body{min-width:0}
  body.dt-mobile-ready .auto-core-grid,body.dt-mobile-ready .tower-dashboard,body.dt-mobile-ready .friends-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  body.dt-mobile-ready .tower-dashboard>*{grid-column:1/-1!important;min-width:0}
  body.dt-mobile-ready .tower-dashboard .stats-grid,body.dt-mobile-ready .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px}
  body.dt-mobile-ready .auto-core-grid>*{min-width:0}
  body.dt-mobile-ready #auto-match-mini:empty{display:none!important}
  body.dt-mobile-ready .auto-tabs{display:flex!important;gap:5px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:6px}
  body.dt-mobile-ready .auto-tabs>button{flex:0 0 auto;white-space:nowrap;padding:9px 10px!important}
  body.dt-mobile-ready .auto-pair{grid-template-columns:minmax(0,1fr)!important}
  body.dt-mobile-ready :is(.auto-settings,.auto-tab-panel,.auto-sort-list,.auto-item-rows){min-width:0;max-width:100%}
  body.dt-mobile-ready .dt15-main-grid,body.dt-mobile-ready .dt15-secondary-grid,body.dt-mobile-ready .dt15-overview,body.dt-mobile-ready .dt15-grid{grid-template-columns:minmax(0,1fr)!important}
  body.dt-mobile-ready .dt15-choices,body.dt-mobile-ready .dt15-pass-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.dt-mobile-ready :is(.inventory-grid,.upgrade-grid,.action-grid,.formations-grid,.club-setup){grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))!important;gap:9px!important}
  body.dt-mobile-ready .form-row,body.dt-mobile-ready .feed-controls{display:flex;flex-wrap:wrap;min-width:0;gap:8px}
  body.dt-mobile-ready .form-row>*{flex:1 1 160px;min-width:0}
  body.dt-mobile-ready .button-group{display:flex;flex-wrap:wrap;gap:7px!important;max-width:100%}
  body.dt-mobile-ready :is(.button-group,.home-top-auto-controls,.dt15-toolbar)>button{flex:1 1 auto;white-space:normal}
  body.dt-mobile-ready :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){max-width:100%!important;min-width:0!important;font-size:max(16px,1rem)!important}
  body.dt-mobile-ready :is(.panel,.dt-modal,.page) :is(p,small,strong,span,h1,h2,h3,label){overflow-wrap:break-word}
  body.dt-mobile-ready :is(.panel,.dt-modal) :is(table){display:block;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  body.dt-mobile-ready :is(.panel,.dt-modal) table :is(th,td){white-space:normal;min-width:70px}
  body.dt-mobile-ready .recent-games .feed-controls{gap:8px}
  body.dt-mobile-ready .recent-games :is(.feed-card,.recent-game,.recent-match){max-width:100%;min-width:0}
  body.dt-mobile-ready .chat-drawer{position:fixed!important;inset:auto 8px calc(72px + env(safe-area-inset-bottom)) 8px!important;z-index:1100!important;width:auto!important;max-width:none!important;height:min(71dvh,650px)!important;max-height:calc(100dvh - 100px)!important;border-radius:16px!important;overflow:hidden}
  body.dt-mobile-ready .chat-drawer .chat-drawer-compose{display:flex;gap:6px}
  body.dt-mobile-ready .chat-drawer .chat-drawer-input{min-width:0;flex:1}
  body.dt-mobile-ready #chat-float-button{position:fixed!important;z-index:890!important;bottom:calc(80px + env(safe-area-inset-bottom));right:10px;max-width:130px!important;max-height:52px}
  body.dt-mobile-ready :is(.r6-miniscore,.match-scoreboard){max-width:100%;min-width:0;font-size:clamp(12px,3.4vw,16px)!important}
  body.dt-mobile-ready :is(.radar-panel,.match-visual,.match-formations){max-width:100%;min-width:0}
  body.dt-mobile-ready .match-scoreboard{gap:6px!important;padding:8px!important;flex-wrap:wrap!important}
  body.dt-mobile-ready .match-history{max-height:35dvh;overflow:auto}
  body.dt-mobile-ready dialog,body.dt-mobile-ready .dt-modal{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 22px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;min-width:0!important;margin:auto!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;padding:14px!important}
  body.dt-mobile-ready dialog::backdrop{background:rgba(5,2,11,.82)}
  body.dt-mobile-ready .reveal-modal.dt-motion-playing{width:calc(100vw - 10px)!important;max-width:calc(100vw - 10px)!important;padding:10px!important}
  body.dt-mobile-ready :is(.reveal-modal,.sale-modal,.r6-dialog,.r3-checkout-dialog) .button-group{display:flex;gap:7px;flex-wrap:wrap}
  body.dt-mobile-ready .r2-notification-dialog .feed-pref-row{grid-template-columns:minmax(0,1fr) 48px 48px!important;gap:5px!important}
  body.dt-mobile-ready .refinement-draft-dialog #dt15-draft-offers,body.dt-mobile-ready .refinement-draft-dialog .dt15-draft-options{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.dt-mobile-ready :is(.dt15-choice,.r2-draft-card){min-width:0;max-width:100%!important}
  body.dt-mobile-ready :is(.auto-item,.tower-shop-card,.relic-item,.relic-slot,.inventory-orb,.upgrade-card){min-width:0;max-width:100%;overflow-wrap:anywhere}
  body.dt-mobile-ready :is(.auto-item,.tower-shop-card,.relic-item,.relic-slot,.inventory-orb,.upgrade-card)>:is(.auto-item-choices,.button-group,.inline-action-buttons,button,select){max-width:100%;min-width:0}
  body.dt-mobile-ready :is(button,a[role="button"],input[type="checkbox"],input[type="radio"]){touch-action:manipulation}
  body.dt-mobile-ready :is(button,.nav-item,.dt-mobile-bottom button){-webkit-tap-highlight-color:transparent}
  body.dt-mobile-ready :is(button,.nav-item):focus-visible{outline:2px solid #d0a1ff!important;outline-offset:2px}
  body.dt-mobile-ready .auth-screen{max-width:100%!important;padding:32px 12px}
  body.dt-mobile-ready .toast{max-width:calc(100vw - 24px)}
  body.dt-mobile-ready:has(dialog[open]) .dt-mobile-bottom{visibility:hidden;pointer-events:none}
  body.dt-mobile-ready:has(#logged-in.hidden) .dt-mobile-bottom,body.dt-mobile-ready:has(#logged-in.hidden) .dt-mobile-menu-button{display:none!important}
}
@media (max-width:520px){
  body.dt-mobile-ready .main{padding-left:10px!important;padding-right:10px!important}
  body.dt-mobile-ready .topbar .crumb{font-size:9px!important}
  body.dt-mobile-ready .topbar #user-top{display:none}
  body.dt-mobile-ready .topbar .balance{max-width:95px}
  body.dt-mobile-ready .home-hud-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.dt-mobile-ready .home-hud-grid .hud-card{padding:8px!important}
  body.dt-mobile-ready :is(.panel,.tower-shop-content,.dt15-mode){padding:12px!important}
  body.dt-mobile-ready .refinement-draft-dialog #dt15-draft-offers,body.dt-mobile-ready .refinement-draft-dialog .dt15-draft-options{grid-template-columns:minmax(0,1fr)!important}
  body.dt-mobile-ready .feed-controls label{flex:1 1 115px}
  body.dt-mobile-ready .r6-dialog-content{padding:12px!important}
  body.dt-mobile-ready .chat-drawer .subtabs{gap:3px}
  body.dt-mobile-ready .chat-drawer .subtabs button{padding:7px 5px!important;font-size:11px!important}
}
@media (max-width:350px){
 body.dt-mobile-ready .home-hud-grid{grid-template-columns:minmax(0,1fr)!important}
 body.dt-mobile-ready .topbar .crumb{display:none}
 body.dt-mobile-ready .topbar .top-actions{margin-left:auto}
 body.dt-mobile-ready .dt-mobile-bottom button{font-size:9px}
 body.dt-mobile-ready .dt-mobile-bottom .dt-mobile-glyph{font-size:19px}
}
@media (hover:none) and (pointer:coarse) and (max-width:900px){
 body.dt-mobile-ready :is(button,.main-btn,.secondary-btn,.danger-btn,select){min-height:42px!important}
 body.dt-mobile-ready input[type="checkbox"],body.dt-mobile-ready input[type="radio"]{min-width:19px;min-height:19px}
}
@media (prefers-reduced-motion:reduce){
 body.dt-mobile-ready .sidebar,body.dt-mobile-ready .dt-mobile-scrim,body.dt-mobile-ready .dt-mobile-play-sheet{transition:none!important}
}
/* Flutuantes: posição-padrão acima dos atalhos, mas preserva posição arrastada por refinement8.js. */
@media (max-width:900px){
  body.dt-mobile-ready .r6-miniscore:not(.r6-inside-chat){right:10px;bottom:calc(143px + env(safe-area-inset-bottom));width:min(300px,calc(100vw - 20px));max-width:calc(100vw - 20px)!important}
}