/* Hógolyócsata detail page: same component scale and responsive layout as Halloween and Mosó. */
body.game-snowball {
  --accent:#bf3448;
  --yellow:#ffd16b;
  --soft:#fff1ee;
  --notice:#fff0ee;
  --notice-line:#f0cdd0;
  --line:#ecdadd;
  background:radial-gradient(circle at 90% 3%,rgba(211,64,83,.11),transparent 290px),#fffefa;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
.game-snowball h1,.game-snowball h2,.game-snowball h3{letter-spacing:-.025em;text-wrap:balance}
.game-snowball .hero{
  border-color:#efd8db;
  border-radius:36px;
  box-shadow:0 24px 65px rgba(18,54,86,.10);
  background:radial-gradient(circle at 88% 12%,rgba(210,60,82,.13),transparent 250px),
             linear-gradient(135deg,#fff0f0 0%,#fffefa 62%,#fff2d7 100%);
}
.game-snowball .hero::after{background:#ce496529}
.game-snowball .hero h1{font-size:clamp(43px,4.45vw,64px);overflow-wrap:normal}
.game-snowball .hero h1 span{display:block}
.game-snowball .hero-art img{
 display:block;width:100%;max-width:350px;height:auto;aspect-ratio:1/1;
 object-fit:contain;filter:drop-shadow(0 22px 28px rgba(87,26,42,.18))
}
.game-snowball .pill{border-color:#eacbd0}
.game-snowball .feature{position:relative;overflow:hidden;border-color:#ebd9dc;box-shadow:0 10px 28px rgba(18,54,86,.08)}
.game-snowball .feature::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;
 background:linear-gradient(#f8a18c,#b9324a)}
.game-snowball .button{min-height:50px;border-width:1.5px;box-shadow:0 5px 0 rgba(18,54,86,.18)}
.game-snowball .button:hover{transform:translateY(-2px);box-shadow:0 7px 0 rgba(18,54,86,.18)}
.game-snowball .notice{border-radius:22px;box-shadow:0 10px 28px rgba(18,54,86,.05)}
.game-snowball .notice a{color:var(--accent)}
.game-snowball .game-switcher__card{border-color:#eedfe1;box-shadow:0 10px 28px rgba(18,54,86,.08)}
.game-snowball .game-switcher__card:hover{box-shadow:0 18px 42px rgba(18,54,86,.13)}
.game-snowball .game-shot{border-color:#f0dfe0}
.game-snowball .game-shot img{aspect-ratio:1600/897;object-fit:contain}
.game-snowball .game-screenshots__grid .game-shot:last-child{
 grid-column:1/-1;width:calc((100% - 18px)/2);justify-self:center
}
.snowball-songs{
 display:flex;align-items:center;justify-content:space-between;gap:24px;
 margin-bottom:80px;padding:28px 34px;border:1px solid #ebd4d6;
 border-radius:24px;background:linear-gradient(115deg,#fff0ed,#fffbf1)
}
.snowball-songs h2{margin:0 0 7px;font-size:clamp(25px,2.5vw,31px);line-height:1.15}
.snowball-songs p:last-child{margin:0;color:var(--muted)}
.snowball-songs .button{flex-shrink:0;text-align:center}
@media(max-width:900px){
 .game-snowball .hero{grid-template-columns:minmax(0,1fr);gap:20px;padding:clamp(27px,4.5vw,42px)}
 .game-snowball .hero .hero-art{grid-row:1;max-width:280px;margin-inline:auto}
 .game-snowball .hero h1{font-size:clamp(37px,5.8vw,49px);line-height:1.08}
}
@media(min-width:901px){
 .game-snowball .hero{grid-template-columns:minmax(0,1fr) minmax(0,400px)}
}
.game-snowball .hero>*{min-width:0;max-width:100%}
.game-snowball .hero .actions,.game-snowball .hero .pills{min-width:0;max-width:100%}
.game-snowball .hero .button{box-sizing:border-box;max-width:100%;min-width:0;text-align:center;white-space:normal;overflow-wrap:anywhere}
@media(max-width:700px){
 .game-snowball .game-screenshots__grid .game-shot:last-child{grid-column:auto;width:100%}
 .snowball-songs{flex-direction:column;align-items:flex-start;padding:25px 22px;gap:18px}
 .snowball-songs .button{width:100%}
}
@media(max-width:620px){
 body.game-snowball{background:#fffefa}
 .game-snowball .hero{grid-template-columns:minmax(0,1fr);padding:clamp(18px,5.5vw,28px);
   border-radius:24px;box-shadow:0 14px 36px rgba(18,54,86,.08)}
 .game-snowball .hero h1{font-size:clamp(30px,8.8vw,41px);line-height:1.08;letter-spacing:-.035em}
 .game-snowball .hero .hero-art img{max-width:215px}
 .game-snowball .hero .actions{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%}
 .game-snowball .hero .actions .button{width:100%;min-height:48px}
 .game-snowball .hero .lead{font-size:clamp(15px,4vw,17px);line-height:1.65}
 .game-snowball .section h2{font-size:clamp(27px,7.5vw,35px)}
}