.code-form{margin:0 0 20px;padding:16px;background:#1d3326;border:1px solid var(--line);border-radius:10px}.code-form label{font-size:12px;color:#bbc9ae;display:block;margin-bottom:10px}.code-form>div{display:flex;gap:10px}.code-form input{min-width:0;flex:1;background:#10241a;border:1px solid #4c6245;border-radius:8px;color:#e5dec1;padding:12px;font:inherit;letter-spacing:3px}.code-form button{flex-shrink:0}.invite-banner{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:25px;padding:18px 25px;border:1px solid #9b9e6255;background:#c4b27612;border-radius:12px;font-size:12px;color:#bac6a5}.invite-code{font-size:25px;letter-spacing:5px;color:#dfd39f}.ranking-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0}.ranking-grid h2{font-size:21px}.ranking-row{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:15px 0;font-size:13px}.ranking-row>span{color:#879c82;font-size:11px}.ranking-row>b{font-weight:500}.ranking-row strong{margin-left:auto;color:var(--accent);font-size:20px}@media(max-width:650px){.ranking-grid{grid-template-columns:1fr}.invite-banner{gap:12px;padding:15px}.code-form>div{flex-direction:column}}