/* responsive.css — Mobil nézet (alsó menü, szűk képernyő) és mozgáscsökkentés. */
.tabbar{display:none}
@media (max-width:760px){
  h1{font-size:34px}
  header.top{padding-top:6px}
  .top-in{height:58px;gap:12px;padding:0 18px;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 12px))}
  .top-in::before,.top-in::after{width:19px;height:13px}
  .brand-logo{height:38px}
  .brand-t b{font-size:26px}
  .nav,.acct .who{display:none}
  .grid2,.grid3{grid-template-columns:1fr}
  .ticket{grid-template-columns:1fr;--cut:16px}
  .ticket .r{border-left:0;border-top:1px solid var(--line-strong);min-width:0;padding:16px}
  .ticket .l{padding:20px 20px 20px 22px}
  .board{grid-template-columns:1fr;gap:10px;padding:14px}
  .board .side,.board .side.b{flex-direction:row;text-align:left;margin:0;padding:6px 6px 6px 12px;box-shadow:none;border-left:3px solid var(--atk)}
  .board .side.b{border-left-color:var(--def)}
  .board .nm{font-size:22px}
  main.wrap{padding-bottom:96px}
  .tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:rgba(4,10,12,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line-strong);padding-bottom:env(safe-area-inset-bottom,0px)}
  .tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 0 8px;font:600 10.5px var(--f-head);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--mute)}
  .tabbar a.on{color:var(--accent);box-shadow:inset 0 2px 0 var(--accent),inset 0 14px 18px -14px rgba(55,242,216,.4)}
  #toasts{left:16px;right:16px;bottom:calc(76px + env(safe-area-inset-bottom,0px));max-width:none}
  .modal{align-items:flex-end;padding:0}
  .sheet{max-width:none;max-height:92vh;border-bottom:0}
  td.act{white-space:normal}
}
@media (prefers-reduced-motion: reduce){.pill.live::before{animation:none}.btn,.mc{transition:none}}