/* Společná mobilní vrstva pro celou Total Battle CZ Wiki */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-width:0;overflow-x:hidden}img,video,svg{max-width:100%}button,input,textarea,select{font:inherit}button,a,input,textarea{touch-action:manipulation}.container{width:min(100% - 32px,1200px);margin-inline:auto}table{max-width:100%}
@media(max-width:900px){
  .navbar,body>header:not(.navbar){position:relative!important;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px!important}
  body>header:not(.navbar) .logo{display:block;width:auto;min-width:0;font-size:.95rem;text-decoration:none}
  .navbar .logo{min-width:0;flex:1}
  .brand-title{font-size:1rem}.brand-sub{font-size:.72rem}
  .nav-links,body>header:not(.navbar)>nav{order:3;display:flex!important;width:100%;gap:6px!important;padding:5px 0 3px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#d4af37 #10141d}
  .nav-links a,body>header:not(.navbar)>nav a{flex:0 0 auto;min-height:42px;display:inline-flex;align-items:center;padding:9px 12px!important;border:1px solid rgba(212,175,55,.16);border-radius:6px;background:#111722;scroll-snap-align:start;white-space:nowrap}
  .search-box{order:2;min-width:130px;flex:0 1 190px}.search-box input{min-height:42px}
  .hero-section{margin-top:1.7rem;padding-inline:16px}.hero-title{font-size:clamp(1.45rem,7vw,2rem);line-height:1.18}.hero-subtitle{font-size:.95rem}
  .banner-image-container,.main-container{padding-inline:16px}.banner-frame{height:clamp(220px,48vw,340px)}.banner-overlay{padding:18px}.banner-caption h2{font-size:1.25rem}
  .cards-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{min-width:0}.bottom-widgets-container{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-title-section{padding-inline:0}.hero-title-section h1{font-size:clamp(1.65rem,6vw,2.3rem);overflow-wrap:anywhere}.section-title{font-size:clamp(1.05rem,4.5vw,1.35rem);line-height:1.3}
  .hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.hero-card{min-width:0}.hero-img-container img{width:100%;height:auto;object-fit:cover}.hero-role-badge{white-space:normal;overflow-wrap:anywhere}
  .contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.contact-card,.legal-content{min-width:0!important}
  input,textarea,select{max-width:100%;font-size:16px!important}button,.card-button,.gold-btn,.discord-btn,.action-link-btn{min-height:44px}
  .footer-content{align-items:flex-start;gap:14px}.footer-links{flex-wrap:wrap}
  .research-modal{padding:10px}.modal-panel{max-height:94dvh}.modal-head{padding:14px}.modal-tabs{overflow-x:auto}.modal-tab{min-width:115px;min-height:46px}.modal-body{padding:15px}.bonus-line{align-items:flex-start;flex-direction:column}.level-table{min-width:520px}.modal-pane{overflow-x:auto}
  .tree-stage{height:70dvh;min-height:500px;touch-action:pan-x pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.tree-hint{bottom:10px;left:10px;max-width:calc(100vw - 40px);white-space:normal}.branch-carousel{scroll-snap-type:x mandatory}.branch-tile{min-width:170px;scroll-snap-align:start}
}
@media(max-width:600px){
  .container{width:min(100% - 24px,1200px)}
  .navbar,body>header:not(.navbar){padding-inline:12px!important}
  .navbar .logo{width:100%;flex-basis:100%}.search-box{width:100%;flex-basis:100%}
  .nav-links a,body>header:not(.navbar)>nav a{font-size:.78rem}
  .cards-container,.bottom-widgets-container,.hero-grid,.contact-grid{grid-template-columns:1fr!important}
  .card{padding:16px 12px}.card-title{min-height:0}.search-grid{grid-template-columns:1fr}
  .banner-image-container,.main-container{padding-inline:12px}.banner-frame{height:220px}.banner-overlay{padding:14px}.banner-caption p{font-size:.82rem}
  .hero-card{display:block!important}.hero-img-container{width:100%!important;max-width:none!important}.hero-content{padding:15px!important}
  .back-btn{display:inline-flex;align-items:center;min-height:44px;margin-block:10px}
  .contact-card,.legal-content{padding:18px!important}.legal-content h3{font-size:1.05rem}
  footer{padding:20px 12px;margin-top:35px}.footer-content{flex-direction:column}.footer-links{gap:14px}
  .academy-head{padding-top:24px}.academy-title h1{font-size:2.15rem}.academy-title p{font-size:.9rem}
  .branch-carousel{padding-inline:12px}.branch-tile{min-width:158px;height:100px}
  .tree-stage{height:68dvh;border-radius:0}.tech-tree{margin-inline:0;zoom:.6}.tech-node{width:132px}.research-modal{align-items:end;padding:0}.modal-panel{width:100%;max-height:92dvh;border-radius:14px 14px 0 0}.modal-head h2{font-size:1.05rem}.modal-icon{width:46px;height:46px}.modal-close{min-width:44px;min-height:44px}
}
@media(max-width:380px){.research-v2 .tech-tree{zoom:.54}.brand-sub{display:none}.hero-title{font-size:1.35rem}.branch-tile{min-width:148px}.modal-tab{min-width:105px;padding-inline:8px}.tech-node{width:118px}}
@media(hover:none){.card:hover,.widget-card:hover,.hero-card:hover,.tech-node:hover,.branch-tile:hover{transform:none!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

@media(max-width:900px){.popular-widget{grid-column:1/-1}.popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.popular-grid{grid-template-columns:1fr}.popular-link{min-height:64px}}
@media(hover:none){.popular-link:hover{transform:none}}

@media(max-width:700px){.daily-reset{width:calc(100% - 24px);margin-block:1rem}.daily-reset-inner{grid-template-columns:44px minmax(0,1fr);gap:.75rem;padding:.8rem}.daily-reset-icon{width:42px;height:42px}.daily-reset-countdown{grid-column:1/-1;grid-template-columns:1fr auto;min-width:0;padding:.7rem 0 0;border-top:1px solid rgba(212,175,55,.18);border-left:0}.daily-reset-countdown small{text-align:left}.daily-reset-copy h2{font-size:.9rem}.daily-reset-copy h2 strong{font-size:1.05rem}}
@media(max-width:380px){.daily-reset-countdown{grid-template-columns:1fr}.daily-reset-countdown strong{margin-top:.15rem}.daily-reset-countdown small{grid-column:1;margin-top:.25rem}}