/* Reusable icon sizing; the existing paper surfaces remain responsible for layout. */
.game-icon{display:inline-block;width:var(--icon-size,32px);height:var(--icon-size,32px);object-fit:contain;vertical-align:middle;flex-shrink:0;pointer-events:none;user-select:none;-webkit-user-drag:none;image-rendering:auto;filter:none}
.skill-slot>.game-icon,.skill-slot>span>.game-icon{--icon-size:42px;display:block;margin:auto}
.skill-slot>span:has(.game-icon){width:46px;height:46px;line-height:0;background:transparent;border:0;border-radius:0;text-shadow:none}
.card-icon>.game-icon{--icon-size:54px;display:block;margin:auto}
.card-icon:has(.game-icon){font-size:0;background:var(--ui-light,#fff9e5)}
.ability-mark>.game-icon{--icon-size:30px;display:block;margin:auto}
.hero-skills .game-icon{--icon-size:27px}
.build-chip .game-icon{--icon-size:22px;margin-right:4px}
.event-option .game-icon{--icon-size:32px;margin-right:8px}
.formation-card>.game-icon,.formation-card>span>.game-icon{--icon-size:44px}
#effect-list button>.game-icon,#effect-list button>b>.game-icon{--icon-size:34px}
#effect-list button>b:has(.game-icon){width:38px;height:38px;background:var(--ui-light,#fff9e5);border:0}
.hud-icon-button>.game-icon,.touch-action>.game-icon{--icon-size:35px;display:block;margin:auto}
.icon-only-button{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.icon-caption{display:inline-flex;align-items:center;gap:5px}
.game-icon.icon-small{--icon-size:22px}.game-icon.icon-large{--icon-size:52px}
@media(max-height:500px) and (orientation:landscape){
 .skill-slot>.game-icon,.skill-slot>span>.game-icon{--icon-size:32px}
 .skill-slot>span:has(.game-icon){width:34px;height:34px}
 .ability-mark>.game-icon{--icon-size:31px}
 .card-icon>.game-icon{--icon-size:42px}
}