/* Mobile: games in a hamburger menu (kept last) */
/* ---------- Mobile: games in a hamburger menu ---------- */
.burger{display:none}
@media (max-width:600px){
  header{position:relative}
  header.menu-open{z-index:60}
  .burger{
    display:flex;align-items:center;gap:8px;order:0;background:var(--bg-dark);border-radius:99px;padding:8px 12px 8px 10px;
    font-weight:700;font-size:13px;max-width:46vw;min-width:0;
  }
  .burger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .burger .bars{width:18px;height:14px;flex:none;position:relative}
  .burger .bars i{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:transform .25s,opacity .2s,top .25s}
  .burger .bars i:nth-child(1){top:0}.burger .bars i:nth-child(2){top:6px}.burger .bars i:nth-child(3){top:12px}
  header.menu-open .burger .bars i:nth-child(1){top:6px;transform:rotate(45deg)}
  header.menu-open .burger .bars i:nth-child(2){opacity:0}
  header.menu-open .burger .bars i:nth-child(3){top:6px;transform:rotate(-45deg)}
  .logo{display:none}
  .nav{
    display:none;position:absolute;left:10px;right:10px;top:calc(100% + 6px);z-index:50;flex-direction:column;gap:4px;
    padding:8px;border-radius:12px;background:var(--panel);box-shadow:0 12px 32px rgba(0,0,0,.55);order:3;flex-basis:auto;
  }
  header.menu-open .nav{display:flex;animation:menuIn .18s ease-out}
  .nav button{flex:none;text-align:left;padding:13px 16px;font-size:15px;border-radius:8px}
  .nav button.on{background:var(--tile)}
  .menu-scrim{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.45)}
}
@keyframes menuIn{from{opacity:0;transform:translateY(-6px)}}
@media (max-width:1780px){ .nav button{padding:8px 11px} .logo small{display:none} }
@media (min-width:601px) and (max-width:1680px){
  .burger{display:flex;align-items:center;gap:8px;background:var(--bg-dark);border-radius:99px;padding:8px 14px 8px 12px;font-weight:700;font-size:14px}
  .burger .bars{width:18px;height:14px;flex:none;position:relative}
  .burger .bars i{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:transform .25s,opacity .2s,top .25s}
  .burger .bars i:nth-child(1){top:0}.burger .bars i:nth-child(2){top:6px}.burger .bars i:nth-child(3){top:12px}
  header.menu-open .burger .bars i:nth-child(1){top:6px;transform:rotate(45deg)}
  header.menu-open .burger .bars i:nth-child(2){opacity:0}
  header.menu-open .burger .bars i:nth-child(3){top:6px;transform:rotate(-45deg)}
  header.menu-open{z-index:60}
  .hleft{position:relative}
  .nav{display:none;position:absolute;left:0;top:calc(100% + 14px);z-index:50;flex-direction:column;gap:4px;padding:8px;border-radius:12px;background:var(--panel);box-shadow:0 12px 32px rgba(0,0,0,.55);min-width:230px}
  header.menu-open .nav{display:flex;animation:menuIn .18s ease-out}
  .nav button{text-align:left;padding:12px 16px;font-size:15px;border-radius:8px}
  .menu-scrim{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.45)}
}