.friends-page{max-width:1120px;margin:0 auto;padding:35px 24px 50px;color:#dfedf5}.friends-hero{padding:32px;border:1px solid #2c5549;border-radius:20px;background:linear-gradient(125deg,#153e32,#112333);margin:0 0 25px}.friends-hero h1{font-size:clamp(32px,4.5vw,48px);margin:18px 0 12px}.friends-hero p{max-width:680px;line-height:1.8;color:#bdd0dd}.friends-tag{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:1px;color:#77e8af;font-weight:700}.friends-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.friends-chips span{font-size:12px;border:1px solid #3b6257;border-radius:30px;padding:8px 13px;color:#b9ebcf}.friends-panel{background:#10212e;border:1px solid #2e4a5a;border-radius:16px;padding:25px;margin:23px 0;min-width:0}.friends-panel h2{display:flex;align-items:center;gap:9px;font-size:23px;margin:0 0 15px}.friends-panel h3{font-size:17px}.friends-panel p{line-height:1.8;font-size:14px}.friends-page a{color:#87eac0}.friends-page button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #38566a;background:#1b3342;color:#d9edf8;padding:11px 15px;border-radius:9px;cursor:pointer;font-size:13px}.friends-page button:disabled{opacity:.5;cursor:default}.friends-page button.friends-primary{background:#60dfa7;border-color:#60dfa7;color:#08251a;font-weight:700;min-height:47px}.friends-page label{display:block;font-size:13px;color:#bcd3e0;margin:15px 0}.friends-page input{display:block;width:100%;box-sizing:border-box;margin-top:8px;border:1px solid #375263;background:#0b1925;color:#e1eef5;border-radius:8px;padding:13px;font-size:15px;min-width:0}.friends-page .friends-muted{font-size:12px;color:#a2bdce}.friends-setup{display:grid;grid-template-columns:1fr 1fr;gap:22px}.friends-group-nav{display:flex;flex-wrap:wrap;gap:9px}.friends-group-nav button[aria-current=page]{background:#1e4b39;border-color:#63dda4;color:#a9f4c9}.friends-notice,.friends-success{padding:15px 19px;background:#302d20;border:1px solid #75613d;border-radius:10px;color:#eddcbc;line-height:1.8}.friends-success{background:#133c2d;border-color:#387e59;color:#b1f3cc}.friends-section-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.friends-table-wrap{overflow-x:auto;max-width:100%}.friends-table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}.friends-table td,.friends-table th{border-bottom:1px solid #2a4454;padding:14px 10px;white-space:nowrap}.friends-table thead th{color:#a3c3d7;font-weight:500;font-size:12px}.friends-mine{background:#173c32}.friends-picks td,.friends-picks th{text-align:center}.friends-picks th:first-child{text-align:left}.friends-picks .friends-won{background:#164731;color:#abfacb}.friends-picks .friends-lost{background:#4d222a;color:#ffbec5}.friends-picks .friends-review,.friends-picks .friends-void{color:#e2cc9c}.friends-round{padding:18px 0;border-top:1px solid #2c4656}.friends-manage>summary,.friends-round>summary{color:#94eac0;cursor:pointer;font-size:14px;font-weight:600;line-height:1.7}.friends-round details{margin-top:18px;font-size:12px}.friends-fixtures{list-style:none;padding:0;margin:20px 0}.friends-fixtures li{display:flex;align-items:center;gap:9px;padding:10px 0;font-size:13px}.friends-fixtures li>span:first-child{color:#83e0ac;min-width:20px}.friends-fixtures small{display:block;color:#9eb8cc;margin-top:6px}.friends-actions{display:flex;gap:10px;flex-wrap:wrap}.friends-member{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #2b4353}.friends-footer{display:flex;flex-wrap:wrap;gap:18px;color:#9ab8c8;font-size:12px;margin:28px 0}.friends-page :is(a,button,input,summary):focus-visible{outline:2px solid #8af0b9;outline-offset:4px}.friends-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:650px){.friends-page{padding:24px 14px}.friends-hero{padding:25px 20px}.friends-panel{padding:20px 15px}.friends-setup{grid-template-columns:1fr;gap:0}.friends-setup .friends-panel{margin:12px 0}.friends-current .friends-primary{width:100%}.friends-table td,.friends-table th{padding:12px 8px}.friends-table{font-size:12px}.friends-section-head h2{font-size:21px}}