.wof-friends-page{min-height:100vh;padding:58px 0 90px;background:radial-gradient(circle at 80% 0,rgba(60,210,234,.12),transparent 30%),#03111b;color:#eefaff}.wof-friends-wrap{width:min(1160px,calc(100% - 30px));margin:auto}.wof-friends-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px;border:1px solid rgba(126,231,255,.18);border-radius:24px;background:linear-gradient(140deg,#0b2a39,#061923)}.wof-friends-hero span,.wof-friends-title span,.wof-friends-add span{color:#55ddec;font-size:9px;font-weight:900;letter-spacing:.16em}.wof-friends-hero h1{font-size:clamp(38px,6vw,68px);margin:4px 0}.wof-friends-hero p,.wof-friends-add p{margin:0;color:#91aab5}.wof-friends-hero>strong{display:grid;place-items:center;min-width:100px;height:100px;border:1px solid rgba(85,221,236,.28);border-radius:50%;font-size:30px;color:#65e4f2}.wof-friends-hero>strong small{display:block;font-size:9px;color:#7895a2}.wof-friends-message{margin:14px 0;padding:12px 15px;border:1px solid rgba(70,230,172,.25);border-radius:12px;background:rgba(70,230,172,.08);color:#77edbc}.wof-friends-message.error{border-color:rgba(255,90,108,.25);background:rgba(255,90,108,.08);color:#ff9daa}.wof-friends-manage{margin-top:18px}.wof-friends-add{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:22px;border:1px solid rgba(126,231,255,.14);border-radius:18px;background:#071e2a}.wof-friends-add h2{margin:3px 0;font-size:25px}.wof-friends-add form{display:flex;gap:8px;min-width:min(440px,100%)}.wof-friends-add input{flex:1;min-width:0;border:1px solid rgba(126,231,255,.18);border-radius:11px;background:#04151f;color:#fff;padding:12px;font:inherit}.wof-friends-add button,.wof-friends-section button{border:0;border-radius:9px;background:#62dfed;color:#03202a;padding:10px 13px;font:900 11px Cairo,sans-serif;cursor:pointer}.wof-friends-columns,.wof-friends-games{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wof-friends-section{margin-top:14px;padding:18px;border:1px solid rgba(126,231,255,.13);border-radius:17px;background:#061a25}.wof-friends-section h3{display:flex;justify-content:space-between;margin:0 0 11px;font-size:16px}.wof-friends-section h3 b{display:grid;place-items:center;min-width:25px;height:25px;border-radius:8px;background:rgba(98,223,237,.12);color:#62dfed}.wof-friends-section article{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(126,231,255,.08)}.wof-friends-section article:last-child{border-bottom:0}.wof-friends-section img{width:40px;height:40px;border-radius:11px}.wof-friends-section article>div{min-width:0;flex:1}.wof-friends-section strong,.wof-friends-section small{display:block}.wof-friends-section small{color:#718e9b;font-size:9px}.wof-friends-section form{display:flex;gap:5px}.wof-friends-section button.ghost{background:rgba(255,255,255,.06);color:#9db4bf}.wof-friends-section button.danger{background:rgba(255,89,105,.1);color:#ff91a0}.wof-friends-section .empty{margin:0;padding:18px;text-align:center;color:#6f8b97}.wof-friends-rankings{margin-top:35px}.wof-friends-title h2{font-size:34px;margin:5px 0 16px}.wof-friends-games>section{overflow:hidden;border:1px solid rgba(126,231,255,.15);border-radius:19px;background:#071c27}.wof-friends-games>section>header{display:flex;align-items:center;justify-content:space-between;padding:17px}.wof-friends-games h3{margin:2px 0;font-size:21px}.wof-friends-games header small{color:#55ddec;font-size:8px}.wof-friends-games header a{color:#67deed;font-size:10px;font-weight:900}.wof-friends-board article{display:grid;grid-template-columns:38px 42px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 14px;border-top:1px solid rgba(126,231,255,.08)}.wof-friends-board article.is-me{background:rgba(82,218,234,.08)}.wof-friends-board img{width:40px;height:40px;border-radius:11px}.wof-friends-rank{color:#5bddea}.wof-friends-board strong,.wof-friends-board small{display:block}.wof-friends-board small{color:#718e9b;font-size:8px}.wof-friends-board em{font-style:normal;font-weight:900;color:#fff}.wof-friends-auth{min-height:70vh;padding:100px 20px;text-align:center;background:#03111b;color:#fff}.wof-friends-auth a{display:inline-block;padding:12px 18px;border-radius:10px;background:#62dfed;color:#03202a;font-weight:900}@media(max-width:720px){.wof-friends-page{padding-top:25px}.wof-friends-hero{padding:22px}.wof-friends-hero>strong{min-width:72px;height:72px;font-size:22px}.wof-friends-add{display:block}.wof-friends-add form{min-width:0;margin-top:15px}.wof-friends-columns,.wof-friends-games{grid-template-columns:1fr}.wof-friends-board article{grid-template-columns:32px 38px minmax(0,1fr) auto}.wof-friends-section{padding:14px}}
.wof-friends-route .wof-page-header{display:none}.wof-friends-route .wof-standard-page{padding:0}.wof-friends-route .wof-page-content{width:100%;max-width:none}
.wof-friend-search{position:relative;width:min(470px,100%)}.wof-friend-search>label{position:relative;display:block}.wof-friend-search>label i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#66ddea;font-size:20px;font-style:normal}.wof-friend-search-results{position:absolute;z-index:20;top:calc(100% + 7px);left:0;right:0;max-height:360px;overflow:auto;border:1px solid rgba(126,231,255,.2);border-radius:14px;background:#061923;box-shadow:0 24px 55px rgba(0,0,0,.5)}.wof-friend-search-results[hidden]{display:none}.wof-friend-search-results article{display:flex;align-items:center;gap:10px;padding:11px;border-bottom:1px solid rgba(126,231,255,.08)}.wof-friend-search-results article:last-child{border-bottom:0}.wof-friend-search-results img{width:42px;height:42px;border-radius:11px}.wof-friend-search-results article>div{min-width:0;flex:1}.wof-friend-search-results b,.wof-friend-search-results small{display:block}.wof-friend-search-results small{color:#718e9b;font-size:9px}.wof-friend-search-results button{border:0;border-radius:9px;padding:8px 13px;background:#62dfed;color:#03202a;font:900 10px Cairo,sans-serif;cursor:pointer}.wof-friend-search-results article>span{color:#829ca7;font-size:9px}.wof-friend-search-results>p{margin:0;padding:19px;text-align:center;color:#7895a1;font-size:10px}.wof-friend-search-results .is-loading{color:#62dfed}
.wof-friend-search>label{width:100%;min-width:0}.wof-friend-search>label input{display:block;width:100%!important;min-width:0;padding-right:42px!important;padding-left:13px!important}.wof-friend-search>label i{right:14px!important;left:auto!important;z-index:2;pointer-events:none}.wof-friend-search-results{overflow-x:hidden!important}.wof-friend-search-results article{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;width:100%;min-width:0}.wof-friend-search-results article>div{width:100%;min-width:0;overflow:hidden}.wof-friend-search-results article b,.wof-friend-search-results article small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wof-friend-search-results article form{display:block!important;min-width:0!important;width:auto!important;margin:0!important}.wof-friend-search-results article button{white-space:nowrap}.wof-friend-search-results article>span{white-space:nowrap}
@media(max-width:520px){.wof-friends-add{padding:16px}.wof-friend-search{width:100%}.wof-friend-search-results article{grid-template-columns:38px minmax(0,1fr) auto;gap:8px;padding:10px 9px}.wof-friend-search-results img{width:38px;height:38px}.wof-friend-search-results button{padding:8px 10px}.wof-friend-search-results article b{font-size:10px}.wof-friend-search-results article small{font-size:8px}}


/* v10.35 — FPL friends ranking */
.wof-friends-fpl-board article em{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.wof-friends-fpl-board article em span{font-style:normal;font-weight:800}.wof-friends-fpl-board article em small{font-style:normal;opacity:.72}