/* Keep the official centered logo and its characters fully in frame. */
.hero{min-height:0;background:#071a2c;overflow:visible;padding-top:1rem}
.hero:before{display:none}
.hero-art{position:relative;inset:auto;z-index:auto;width:100%;height:auto;max-height:49vh;min-height:240px;object-fit:contain;object-position:center;align-self:center}
.hero-content{padding-block:1.8rem 2rem;text-align:center}
.hero-eyebrow{margin-bottom:1rem}
.hero h1{max-width:1100px;margin:0 auto 1.2rem;font-size:clamp(2.1rem,3.4vw,3.3rem)}
.hero-description{max-width:720px;margin-inline:auto;line-height:1.65}
.hero .actions{justify-content:center;margin-top:1.5rem}
.hero-note{margin-bottom:0}
.hero-bottom{position:relative;inset:auto;padding-block:1.4rem;border-block:1px solid var(--line)}
.game-stats .player-count{display:flex;align-items:baseline;gap:.23em;white-space:nowrap}
.game-stats .player-count .range-word{font-size:1rem;letter-spacing:0;color:var(--yellow);font-weight:400}
.squarelings-team{display:flex;align-items:flex-end;max-width:460px;margin-top:1rem;gap:.4rem}
.squareling{position:relative;display:block;flex:1;min-width:0;aspect-ratio:1;filter:drop-shadow(0 12px 12px #0003)}
.squareling .body{position:absolute;left:11.25%;top:14.375%;width:77.5%;height:76.25%}
.squareling:first-child{transform:rotate(-9deg)}
.squareling:nth-child(2){transform:translateY(-.5rem)}
.squareling:last-child{transform:rotate(9deg)}
.squareling .accessory{position:absolute;height:auto;pointer-events:none}
.community-links{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}
.site-footer>div{flex-wrap:wrap}
@media(max-width:700px){
  .hero{padding-top:0}
  .hero-art{min-height:0;max-height:none;aspect-ratio:3668/1714}
  .hero-content{padding-block:1.6rem 2rem}
  .hero h1{max-width:480px;font-size:clamp(2rem,7.5vw,2.8rem);line-height:1.12}
  .hero .actions{margin-inline:auto}
  .hero-bottom{padding-block:1rem}
  .squarelings-team{max-width:330px;margin-block:-.5rem -1rem}
}