.ws-champion-budget { margin-block: 1rem; padding: 1rem; border: 1px solid #ded6c8; border-radius: 12px; background: #faf7f0; }
.ws-champion-budget[hidden] { display: none; }
.ws-champion-budget-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; }
.ws-champion-budget label { display: flex; flex-direction: column; gap: .4rem; font-weight: 600; min-width: 0; }
.ws-champion-budget select, .ws-champion-budget input { width: 100%; min-height: 44px; max-width: 100%; box-sizing: border-box; font: inherit; border: 1px solid #b6ab98; border-radius: 7px; padding: .55rem; background: #fff; color: #282335; }
.ws-champion-budget .ws-champion-coins { margin-block: 1rem; }
#kms-champion-budget .ws-champion-budget button { min-height: 44px; padding: .6rem 1rem; font: inherit; border: 0; border-radius: 7px; background: #ad3325; color: white; cursor: pointer; }
#kms-champion-budget .ws-champion-budget button:hover, #kms-champion-budget .ws-champion-budget button:focus-visible { background: #86261c; color: #fff; }
.ws-champion-budget :is(select,input,button):focus-visible { outline: 3px solid #93602a; outline-offset: 3px; }
.ws-champion-budget [data-champion-result] { overflow-wrap: anywhere; margin-bottom: 0; }
@media(max-width:560px) { .ws-champion-budget-grid { grid-template-columns: 1fr; } }