/* Breakpoints. Loaded last so it wins. */
/* responsive */
@media (max-width:960px){
  .top-nav{flex-wrap:wrap;gap:10px}
  .tabs{order:2;width:100%;margin-left:0}
  .cluster{order:1;margin-left:auto}
}
@media (max-width:1000px){
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feat-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  body{overflow:auto}
  html,body{height:auto}
  .shell{height:auto;min-height:100%}
  .home,.lab,.slots,.bong-wrap,.strain,.stash,.stash-main,.sheet{grid-template-columns:1fr}
  .home{gap:28px}
  .win,.win:hover{transform:none}
  .lab-nav{flex-direction:row;overflow-x:auto}
  .lab-nav button{flex:1 0 150px}
  .lab-tip{display:none}
  .status{font-size:15px}
  .status .clock{display:none}
}
@media (max-width:560px){
  .feat-grid,.grid,.sheet,.feats ul{grid-template-columns:1fr}
  .search input,.search input:focus{width:100%}
  .shop-tools,.search{width:100%}
  .win-body{grid-template-columns:1fr}
  .win-side{flex-direction:row;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto}
  .reel{height:96px;font-size:44px}
  .cluster{width:100%;justify-content:space-between;margin-left:0;flex-wrap:wrap;gap:8px;min-width:0}
  .tabs{min-width:0}
  .tab{padding:7px 12px}
  .swatches{padding:5px 6px}
  .xp{min-width:0}
  .who .wlabel{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}