/* Bursa Fun Club shared action buttons: reuse this file and bfc-* classes. */
:root{--bfc-lime:#baf35e;--bfc-blue:#71c7ff;--bfc-amber:#ffbc63;--bfc-purple:#c6a3ff;--bfc-coral:#ff9292;--bfc-neutral:#c5e0d5}
.bfc-icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.button-icon{display:block;flex:0 0 auto;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.bfc-button{--button-color:var(--bfc-lime);--button-shadow:color-mix(in srgb,var(--button-color) 52%,#133526);display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border:1px solid color-mix(in srgb,var(--button-color) 74%,white);border-radius:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--button-color) 80%,white),var(--button-color));color:#10291f;box-shadow:inset 0 1px 0 #ffffff60,0 3px 0 var(--button-shadow),0 5px 12px #0002;padding:12px 20px;font:800 14px/1.15 Barlow,Arial,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:filter .15s,transform .12s,box-shadow .12s;margin:0}
.bfc-button--neutral{--button-color:var(--bfc-neutral)}.bfc-button--blue{--button-color:var(--bfc-blue)}.bfc-button--purple{--button-color:var(--bfc-purple)}.bfc-button--amber{--button-color:var(--bfc-amber)}.bfc-button--coral{--button-color:var(--bfc-coral)}
.bfc-button:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--button-color) 80%,white),var(--button-color));filter:brightness(1.07)}.bfc-button:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #ffffff60,0 1px 0 var(--button-shadow)}.bfc-button:disabled{opacity:.45;cursor:default}.bfc-button:focus-visible{outline:3px solid white;outline-offset:4px}
.bfc-button .button-label{margin:0}.bfc-button svg{margin:0}
header{gap:12px}.brand.bfc-brand{display:block;width:190px;max-width:38vw;height:58px;flex-shrink:0;padding:6px 8px;background:transparent;border:0;border-radius:0;transform:none}.bfc-brand img{display:block;width:100%;height:100%;object-fit:contain}.header-right{gap:8px}.header-right .edition{display:none}.header-right .bfc-button{padding:9px 12px;font-size:11px;min-height:42px}.header-right .button-icon{width:18px;height:18px}
.arena .dialog .bfc-button{display:flex;width:100%;min-width:0;min-height:44px;padding:11px 16px;font-size:14px;margin:0}.opening-actions .bfc-button{padding:14px 22px;min-height:48px}.selection-actions .bfc-button{margin:0;min-height:44px;padding:12px 20px}.selection-actions .secondary{min-width:90px}.character-info #confirmCharacter.bfc-button{display:flex;padding:12px;min-height:44px;margin-top:10px}.rules-close.bfc-button{width:36px;height:36px;min-height:36px;padding:7px;float:right}.rules-close .button-label{display:none}.rules-close .button-icon{width:19px;height:19px}#pause.bfc-button{width:40px;min-height:40px;height:40px;padding:9px;flex-shrink:0}#pause .button-label{display:none}
.tier-tabs button,.profile-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;box-shadow:inset 0 1px 0 #ffffff20,0 2px 0 #0004;min-height:38px}.tier-tabs .button-icon,.profile-tabs .button-icon{width:16px;height:16px}.profile-tabs .button-label{margin:0}.character-info .upgrade-buttons button,.loadout-options button{border-radius:10px;box-shadow:inset 0 1px 0 #ffffff20,0 2px 0 #0004}
@media(max-width:600px){header{padding:8px;gap:8px}.brand.bfc-brand{width:168px;height:50px;max-width:calc(100vw - 172px);padding:5px 7px}.header-right{gap:7px}.header-right .bfc-button{width:42px;height:42px;min-height:42px;padding:9px;border-radius:10px}.header-right .button-label{display:none}.header-right .button-icon{width:21px;height:21px}.opening-actions .bfc-button{font-size:14px}.selection-actions .bfc-button{font-size:12px;padding:12px 14px;gap:7px}.selection-actions .secondary{min-width:78px}.rules-tabs .button-icon{display:none}.tier-tabs{gap:5px}.tier-tabs button{gap:4px;font-size:12px}.tier-tabs .button-icon{width:13px;height:13px}.profile-tabs{gap:5px}.profile-tabs button{font-size:11px;gap:4px}.profile-tabs .button-icon{width:14px;height:14px}}
@media(max-height:550px) and (orientation:landscape){header{padding:4px 12px}.brand.bfc-brand{height:36px;width:150px;padding:3px 6px}.header-right .bfc-button{min-height:34px;height:34px;padding:6px 10px}.header-right .button-icon{width:17px;height:17px}.arena .dialog .bfc-button{min-height:36px;padding:8px 12px;font-size:13px}.opening-actions .bfc-button{min-height:40px;padding:10px 18px}.selection-actions .bfc-button{min-height:36px;padding:8px 15px}.character-info #confirmCharacter.bfc-button{min-height:36px;padding:8px}.profile-tabs button,.tier-tabs button{min-height:32px}.rules-close.bfc-button{width:30px;height:30px;min-height:30px;padding:5px}}
@media(prefers-reduced-motion:reduce){.bfc-button{transition:none}}