/* Keep score and wand choices in one flow, anchored above the status panel.
   Touch layouts retain their existing compact score and separate wand picker. */
#app .hud-selection{display:contents}
#app[data-controls=keyboard] .hud-selection{
 position:absolute;
 left:50%;
 bottom:calc(var(--hud-bottom) + var(--hud-height) + 10px + env(safe-area-inset-bottom,0px));
 transform:translateX(-50%);
 display:flex;
 flex-direction:column;
 align-items:center;
 gap:8px;
 max-width:calc(100% - 24px);
}
#app[data-controls=keyboard] .hud-selection > :is(.wand-bar,.combat-status){
 position:static;
 inset:auto;
 transform:none;
 margin:0;
 flex-shrink:0;
}
#app[data-controls=keyboard] .hud-selection .combat-status{
 font:12px/1.4 var(--magic-text);
 letter-spacing:.2px;
 text-align:center;
 white-space:nowrap;
 padding:3px 10px;
 border-radius:8px;
 background:#10232c9e;
 text-shadow:0 1px 2px #000;
}
#app[data-controls=keyboard] .voice-caption{
 bottom:calc(var(--hud-bottom) + var(--hud-height) + 108px + env(safe-area-inset-bottom,0px));
}