/* Final spacing pass for the compact handheld control cluster. */
.board{height:calc(100% - 126px)}
.move-controls{padding-left:clamp(16px,3vw,42px);gap:clamp(23px,4.8vw,55px)}
.dpad{width:clamp(114px,18vw,155px);height:clamp(96px,15vw,125px)}
.utility{width:min(365px,54%);gap:5px;margin-top:4px}.utility button{height:clamp(28px,3.9vh,34px);font-size:clamp(14px,1.65vw,19px);border-radius:8px}.utility span{font-size:clamp(9px,1.02vw,11px)}
@media(max-width:720px){.board{height:calc(100% - 82px)}.move-controls{padding-left:8px;gap:17px}.dpad{width:82px;height:65px}.drop-orb{width:50px;height:50px}.utility{width:57%;gap:2px;margin-top:2px}.utility button{height:24px;font-size:14px}.utility span{font-size:7px}}
@media(max-height:640px) and (min-width:721px){.board{height:calc(100% - 104px)}.dpad{width:95px;height:77px}.utility button{height:26px}}

/* Requested second pass: larger, slightly wider board; quieter header controls. */
.board{height:calc(100% - 114px);aspect-ratio:1/1.9}
.topbar{height:clamp(44px,6.2vh,52px)}.brand{font-size:clamp(16px,2vw,23px);gap:7px}.top-actions{gap:5px}.top-actions button{height:clamp(33px,4.6vh,41px);min-width:clamp(38px,4.5vw,54px);font-size:clamp(15px,1.75vw,21px)}.top-actions span{font-size:clamp(9px,1.05vw,12px)}
@media(max-width:720px){.board{height:calc(100% - 74px);aspect-ratio:1/1.92}.topbar{height:35px}.brand{font-size:13px}.top-actions{gap:1px}.top-actions button{height:26px;min-width:26px;font-size:14px}}
@media(max-height:640px) and (min-width:721px){.board{height:calc(100% - 94px);aspect-ratio:1/1.92}}