/* Family Arena /1/ visual correction 02 — no backend changes */
main{min-height:calc(100vh - 148px);padding:28px 20px 48px}
.hero{max-width:1120px;padding:10px 220px 45px;min-height:610px;display:flex;align-items:center;flex-direction:column;justify-content:flex-start}
.hero-logo{height:238px;width:min(420px,100%);margin:0 auto 4px;flex-shrink:0}
.hero-logo img{max-height:230px}
.hero .red-ribbon{display:none} /* already embedded in approved logo artwork */
.hero .heroes{inset:175px 0 auto;z-index:0;justify-content:space-between;pointer-events:none}
.hero .heroes img{width:220px;height:220px;max-height:none}
.hero h1,.hero p,.hero .primary,.hero .feature-row{position:relative;z-index:1}
.hero h1{margin:4px auto 12px;max-width:640px;font-size:clamp(30px,3.6vw,45px);line-height:1.15}
.hero p{max-width:600px;margin:4px auto 25px;font-size:17px}
.hero .game-btn.primary{min-width:270px;gap:14px}
.hero .feature-row{margin-top:36px;gap:24px}
.feature-row .bubble img{width:38px;height:38px;object-fit:contain}
.world-castle{bottom:4%;width:clamp(150px,20vw,310px)}
.world-palms{bottom:1%;width:clamp(150px,18vw,280px)}
.play-actions{max-width:560px}.play-actions .game-btn{min-height:90px;padding:16px 25px}
.play-actions .game-btn strong{font-size:21px}.play-actions .game-btn small{font-size:14px}
.screen-title img{width:230px;height:132px}.screen-title p{font-size:16px}
.panel{max-width:530px;padding:28px 34px 32px}.panel.wide{max-width:730px}
.panel label{font-size:15px}.panel input,.panel select{font-size:16px;min-height:51px}
.secondary-back{margin-top:15px!important;min-height:50px!important;font-size:15px!important}
.arena{max-width:760px}.arena-panel{padding:30px}.arena-panel input{font-size:17px;min-height:54px}
.letters span{width:72px;height:78px}
.mini-grid button{min-height:95px;width:145px}
@media(max-width:1000px){.hero{padding-left:155px;padding-right:155px}.hero .heroes img{width:165px;height:175px}.hero .heroes{inset:200px -4px auto}}
@media(max-width:700px){main{padding:18px 12px 38px}.hero{min-height:0;padding:0 14px 42px}.hero-logo{height:200px;width:min(360px,90vw)}.hero-logo img{max-height:195px}.hero .heroes{position:relative;inset:auto;order:2;display:flex;justify-content:center;gap:10px;width:100%;margin:0 auto 4px}.hero .heroes img{width:min(33vw,140px);height:130px}.hero h1{order:3;margin:4px auto 12px;font-size:clamp(28px,7vw,39px)}.hero p{order:4;font-size:15px;line-height:1.5}.hero .primary{order:5}.hero .feature-row{order:6;flex-wrap:wrap;gap:10px;margin-top:27px}.hero .feature-row>div{width:calc(50% - 10px);font-size:12px}.hero .float-letter{display:none}.play-actions{max-width:520px}.world-castle,.world-palms{opacity:.28}}
@media(max-width:480px){.hero-logo{height:165px}.hero-logo img{max-height:165px}.hero .heroes img{height:110px}.hero h1{font-size:29px}.hero p{font-size:14px}.hero .game-btn.primary{min-width:240px}.panel{padding:22px 18px 26px}.play-actions .game-btn{min-height:79px}.play-actions .game-btn strong{font-size:17px}.play-actions .game-btn small{font-size:12px}.mini-grid button{width:31%;font-size:12px}.arena-panel{padding:17px}.letters span{width:55px;height:64px}}