.league-box{border:1px solid #456459;border-radius:18px;background:#172722;padding:clamp(18px,3vw,30px);margin:20px 0}
.league-box h2{margin-top:0}
.league-forms{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.league-forms>.league-box{margin:0}
.league-form{display:grid;gap:16px;max-width:640px}
.league-form label{display:grid;gap:7px;font-weight:650}
.league-form input,.league-form select{width:100%;min-width:0;background:#0d1915;color:#f6f7f4;border:1px solid #789187;border-radius:8px;padding:12px;font:inherit;min-height:46px}
.round-pickers,.web-rounds{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.public-lobby-list{display:grid;gap:12px;margin-bottom:18px}
.public-lobby,.web-round{padding:18px;background:#0f1e18;border:1px solid #456459;border-radius:12px;min-width:0}
.recent-leagues{border-color:#a68844}
.recent-league{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 18px}
.recent-league h3{grid-column:1}.recent-league p{grid-column:1;margin:0;color:#c7d8cd}.recent-league .store-button{grid-column:2;grid-row:1/span 2}
.public-lobby h3,.web-round h3{margin:0 0 8px;overflow-wrap:anywhere}
.league-box .back-link{display:inline-block;margin:12px}
.invite-code{font-weight:750;letter-spacing:.08em}
.web-standings{padding-left:30px}
.web-standings li{padding:14px 4px;border-bottom:1px solid #456459}
.web-standings span{display:block;margin-top:6px;color:#c7d8cd}
.web-player-list{display:flex;flex-wrap:wrap;gap:12px 24px;padding-left:20px}
.league-promo{padding:16px 20px;border:1px solid #a68844;border-radius:12px;background:#25291c;margin:18px 0;display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}
.league-promo p{flex:1 1 260px;margin:0}
.league-sync{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.league-sync p{flex:1;min-width:200px}
#league-message{min-height:1.8em;overflow-wrap:anywhere}
.league-note{color:#d7e2dc;max-width:78ch}
.league-form .privacy-note{margin:0}
.league-form button{justify-self:start}
.web-round .store-button{display:inline-block}
.league-hero h1{margin-bottom:12px}
.web-round-results{display:grid;gap:7px;margin:12px 0}
.round-result-summary{margin:0;padding:9px 11px;border-left:3px solid #789187;background:#172722}
.round-result-link{display:block;padding:10px 12px;border:1px solid #456459;border-radius:7px;background:#172722;color:#f6f7f4;text-decoration:none;font-weight:650}
.round-result-link:hover{background:#243a31;border-color:#789187}
.round-answer-history summary{cursor:pointer;padding:10px 12px;font-weight:650}
.round-answer-history[open] summary{border-bottom:1px solid #456459}
.round-answer-list{margin:0;padding:10px 16px 12px 42px;max-height:220px;overflow:auto;overscroll-behavior:contain}
.round-answer-list li{padding:3px 0;overflow-wrap:anywhere}
.round-answer-locked{margin:10px 0 0;color:#c7d8cd;font-size:13px}
@media(max-width:650px){
  .league-forms{grid-template-columns:1fr}
  .web-rounds{grid-template-columns:1fr}
  .league-box{padding:18px}
  .league-promo .store-button{flex:1;text-align:center}
  .nav-actions .public-league-nav{display:none}
  .recent-league{grid-template-columns:1fr}.recent-league .store-button{grid-column:1;grid-row:auto;margin-top:8px;text-align:center}
}