.contracts-panel{padding:clamp(16px,3vw,28px);background:linear-gradient(135deg,#14272b,#15202e);border:1px solid #bda270;border-radius:14px;color:#f1e6ce}.contracts-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.contracts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px;margin-top:22px}.contract-period{min-width:0}.contract-period h3{font:1.4rem Georgia,serif;color:#f3d29b}.contract-expiry{color:#cfb687;line-height:1.5;min-height:3em}.contract-card{margin-top:16px;padding:18px;border:1px solid #bda27066;border-radius:10px;background:#071725bd;overflow-wrap:anywhere}.contract-card h4{font-size:1.1rem;margin:0 0 10px;color:#f5dfb7}.contract-card p{line-height:1.6}.contract-card progress{width:100%;height:12px;accent-color:#d3b366}.contract-card button{width:100%;min-height:44px;padding:10px;cursor:pointer}.contract-ready{border-color:#dbc379;box-shadow:inset 3px 0 #dbc379}.contract-reward{padding-top:12px;border-top:1px solid #bda27044;color:#efcf92}.contract-claimed{color:#9be0b2}.contract-count{font-size:.9rem}.contracts-warning{color:#f2cc86}.contracts-receipt{color:#9be0b2;line-height:1.6}.contracts-panel :focus-visible{outline:3px solid #fbd386;outline-offset:3px}.battle-contracts:empty{display:none}.battle-contracts{line-height:1.6;color:#d9c9a8;padding-left:24px}