.membership-bar { margin: 14px 4.3vw 0; padding: 12px 16px; border: 1px solid #e2e7e3; border-radius: 14px; background: #fff; display: flex; align-items: center; gap: 14px; }
.membership-bar > div { display: grid; gap: 2px; }
.membership-bar b { font-size: 13px; }
.membership-bar span { font-size: 11px; color: #6d807b; }
.membership-bar > .btn { margin-left: auto; padding: 9px 14px; }
.tester-extension { display: flex; gap: 7px; margin-left: auto; }
.tester-extension input, .invite-controls input { min-width: 160px; border: 1px solid #e2e7e3; border-radius: 9px; padding: 9px 11px; background: #fff; }
.tester-extension button { border: 0; border-radius: 9px; padding: 9px 12px; background: #08715d; color: #fff; font-weight: 700; cursor: pointer; }
.projected-expiry { display: block; margin: 4px 0 16px; color: #08715d; font-size: 12px; }
.promotion-entry { display: grid; width: min(440px, 100%); gap: 7px; margin: 20px auto 0; text-align: left; font-size: 12px; font-weight: 700; }
.promotion-entry span { display: flex; gap: 8px; }
.promotion-entry input { flex: 1; border: 1px solid #e2e7e3; border-radius: 10px; padding: 11px; }
.promotion-entry button { border: 0; border-radius: 10px; padding: 0 15px; background: #08715d; color: #fff; font-weight: 700; }
.promotion-entry small { color: #6d807b; font-weight: 500; }
.competition-controls,.competition-board header{display:flex;align-items:center;justify-content:space-between;gap:12px}.competition-controls{margin-bottom:16px}.competition-controls select,.competition-board select{border:1px solid #e2e7e3;border-radius:10px;padding:10px;background:#fff}.competition-arena{margin:18px 0;padding:24px;border-radius:18px;background:#fff}.competition-arena .options{margin-top:18px}.competition-board{margin-top:16px}.leader-row{display:grid;grid-template-columns:50px 1fr repeat(3,90px);gap:10px;align-items:center;padding:12px 4px;border-bottom:1px solid #edf0ee;font-size:12px}.leader-row b:first-child{font-size:18px}.leader-row small{color:#6d807b}@media(max-width:720px){.leader-row{grid-template-columns:40px 1fr 62px}.leader-row span:nth-last-child(-n+2){display:none}}
@media (max-width: 720px) { .membership-bar { margin: 10px 16px 0; align-items: stretch; flex-direction: column; } .membership-bar > .btn, .tester-extension { margin-left: 0; } .tester-extension input { min-width: 0; flex: 1; } }