/* Interaction states only. Screen geometry belongs exclusively to layout.css. */
#game[hidden],#lobby[hidden],#intro[hidden],#preparation[hidden],#combat[hidden],#result[hidden]{display:none!important}
.card[draggable=true],.formationSlot[draggable=true],.workerToken[draggable=true]{cursor:grab}.dragging .formationSlot{outline:1px dashed #8ecee8}.dropTarget,.dragging .dropTarget{outline:3px solid #ffe098;background:#e1b85b22}.buying #handZone{outline:3px solid #a8dcf5;box-shadow:0 0 16px #82ceff44;background:#1c4258ed}.buying .formationSlot,.buying #sellZone{opacity:.55;cursor:not-allowed}.slotTarget{outline:2px solid #9ae1f8}.busy #launch,.busy #refresh{cursor:progress}.handZone.dropTarget{outline:3px solid #a8dcf5}.workerZone.dropTarget{outline:3px solid #bde1a2;background:#396444}.sellZone.dropTarget{outline:3px solid #e6c18d;background:#714731}.reducedMotion .fusionOffer{outline:2px solid #ecca78}@media(prefers-reduced-motion:reduce){.fusionOffer{outline:2px solid #ecca78}}