/* Shared manager aesthetic: navy chrome, silver panels and green action buttons. */
#pf-friends{position:fixed;inset:0;z-index:1000;overflow:auto;padding:20px;color:#28475f;background:#081522 radial-gradient(ellipse at 50% 0,#274563,transparent 75%);font:14px/1.5 Arial,Helvetica,sans-serif;color-scheme:light}#pf-friends[hidden]{display:none!important}#pf-friends *{box-sizing:border-box}#pf-friends .ff-wrap{max-width:1280px;margin:auto}#pf-friends header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:18px 22px;background:linear-gradient(#294c6a,#142f49);border:1px solid #698ba5;border-top:3px solid #d7bc70;border-radius:6px;box-shadow:0 6px 22px #0004,inset 0 1px #b8d3e244;color:#dce8f0}#pf-friends .ff-brand{display:flex;gap:22px;align-items:center;min-width:0}#pf-friends .ff-brand img{width:230px;max-width:35vw;height:72px;object-fit:contain;filter:drop-shadow(0 3px 3px #0008)}#pf-friends header small{font-size:9px;letter-spacing:1.5px;color:#d2bd7f}#pf-friends h1{font-size:25px;margin:3px 0;color:#f0f5f8;letter-spacing:.5px}#pf-friends h2{font-size:18px;color:#365c78;margin:0 0 14px}#pf-friends h3{color:#365c78}#pf-friends .ff-card{background:linear-gradient(130deg,#f3f7fa,#dce7ef);border:1px solid #a5bbcd;border-radius:4px;padding:22px;margin-bottom:18px;box-shadow:inset 0 1px #fff,0 4px 10px #0002;min-width:0}#pf-friends .ff-card>h2:first-child{margin:-22px -22px 18px;padding:11px 18px;background:linear-gradient(#d5e3ed,#bdcede);border-bottom:1px solid #97b1c5;border-radius:3px 3px 0 0;font-size:14px;letter-spacing:.7px;text-transform:uppercase}#pf-friends p{margin:10px 0 16px}#pf-friends button,#pf-friends .ff-link{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:42px;padding:10px 15px;color:#28475f;font:700 12px Arial,Helvetica,sans-serif;text-decoration:none;cursor:pointer;border:1px solid #748da2;border-radius:3px;background:linear-gradient(#fafcfd,#bfcfdd);box-shadow:inset 1px 1px #fff9,inset -1px -1px #7d94a666;line-height:1.3;text-align:center}#pf-friends button:hover,#pf-friends .ff-link:hover{filter:brightness(1.06)}#pf-friends button:disabled{opacity:.45;cursor:not-allowed}#pf-friends .ff-primary{color:#fff;border-color:#284e30;text-shadow:0 1px #183b24;background:linear-gradient(#688f4c,#335e35);box-shadow:inset 0 1px #b8d98c88,inset 0 -1px #15351f}#pf-friends .ff-danger{border-color:#bd7c7c;color:#7c3038}#pf-friends input,#pf-friends select{display:block;width:100%;min-width:0;min-height:43px;border:1px solid #9ab2c6;border-top-color:#68859e;border-radius:3px;background:#fff;color:#23445e;font:14px Arial,Helvetica,sans-serif;padding:11px;box-shadow:inset 1px 2px 3px #26435c14}#pf-friends input[data-euros]{font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.6px}#pf-friends input[readonly]{background:#e8f0f5;color:#395e78;font-size:12px}#pf-friends label{display:block;margin:12px 0;font-size:12px;font-weight:700;color:#446781}#pf-friends label>input,#pf-friends label>select{margin-top:6px}#pf-friends label small{font-weight:400;margin-top:5px;color:#607d93}#pf-friends input[type=checkbox]{display:inline;width:auto;min-height:0;margin:0 8px 0 0;box-shadow:none;accent-color:#456f43}#pf-friends .ff-check{display:flex;align-items:center;gap:3px;font-weight:400}#pf-friends .ff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;align-items:start}#pf-friends .ff-home-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}#pf-friends .ff-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}#pf-friends .ff-muted{color:#638098;font-size:12px}#pf-friends small{display:block;font-size:11px}#pf-friends .ff-message{padding:12px 16px;background:#d9e8f1;border:1px solid #9ab4ca;color:#2b526e;border-radius:3px;margin-bottom:16px}#pf-friends .ff-message:empty,#pf-friends .ff-form-error:empty{display:none}#pf-friends .ff-error,#pf-friends .ff-form-error{color:#8a303a;background:#fae6e8;border:1px solid #d6a8ae;padding:10px;border-radius:3px}#pf-friends .ff-expiry{display:flex;align-items:center;gap:18px;background:#19344d;border:1px solid #5c7891;border-left:3px solid #d4b971;padding:12px 16px;color:#cedce8;margin-bottom:20px;font-size:12px}#pf-friends .ff-expiry b{font-size:9px;letter-spacing:1px;color:#dcc78c;flex-shrink:0}#pf-friends .ff-steps{display:flex;list-style:none;gap:0;margin:16px 0 22px;padding:0;counter-reset:step}#pf-friends .ff-steps li{display:flex;align-items:center;gap:7px;flex:1;font-size:10px;color:#7a92a6;padding:9px;border-bottom:2px solid #9fb3c4;background:#e4edf4}#pf-friends .ff-steps b{display:grid;place-items:center;width:23px;height:23px;border:1px solid #b0c1ce;background:#f2f6f9;border-radius:50%;flex-shrink:0}#pf-friends .ff-steps [aria-current]{border-bottom-color:#4a753e;color:#315e3c;font-weight:bold}#pf-friends .ff-steps [aria-current] b,#pf-friends .ff-steps .done b{background:#4b7343;color:white;border-color:#315b35}#pf-friends .ff-topline{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px;padding:16px 20px;background:#dce8f1;border:1px solid #9eb7ca;border-radius:4px}#pf-friends .ff-topline h2{margin:3px 0;font-size:23px}#pf-friends .ff-topline p{margin:6px 0}#pf-friends .ff-code-row{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:16px 0;padding:13px;background:#d7e5f0;border:1px solid #b3c8d9}#pf-friends .ff-code{font:700 clamp(16px,2vw,23px) monospace;letter-spacing:2px;color:#315672;overflow-wrap:anywhere;user-select:all}#pf-friends .ff-code-row small{font-size:8px;letter-spacing:1px;color:#638099;margin-bottom:4px}#pf-friends .ff-setup-art{font-size:78px;text-align:center;padding:12px 0 24px;filter:drop-shadow(0 3px 0 #9cb2c4)}#pf-friends .ff-back{margin-top:15px}#pf-friends table{width:100%;border-collapse:collapse;font-size:12px}#pf-friends td,#pf-friends th{padding:10px;text-align:left;border-bottom:1px solid #bacdda}#pf-friends th{background:#cedde9;color:#4b6c85;font-size:10px;text-transform:uppercase}#pf-friends .ff-scroll{overflow:auto}#pf-friends .ff-ready{color:#33744d;font-weight:bold}#pf-friends .ff-stat{font-size:26px;font-weight:700;color:#365c78}#pf-friends .ff-summary{display:flex;gap:24px;flex-wrap:wrap;align-items:center;justify-content:space-between}#pf-friends .ff-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px}#pf-friends .ff-player{padding:14px;background:#e7eff5;border:1px solid #aec4d5;border-top:3px solid #6d8ca4;border-radius:3px}#pf-friends .ff-player>small{margin:7px 0;color:#607e96}#pf-friends .ff-player button{font-size:10px;min-height:36px;padding:8px;margin:5px 3px 0 0}#pf-friends .ff-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px;padding:9px;background:#cadbe8;border:1px solid #98b3c8;border-radius:4px}#pf-friends .ff-tabs button{flex:1;min-width:95px}#pf-friends .ff-tabs [aria-current=true]{background:linear-gradient(#426b8c,#294e6c);border-color:#203e57;color:white}#pf-friends .ff-league-entry{border-bottom:1px solid #bdcedb;padding-bottom:12px}#pf-friends .ff-league-entry button{width:100%;justify-content:flex-start}#pf-friends .ff-league-entry small{margin-top:5px;color:#648096}#pf-friends .ff-crest{display:inline-block;width:32px;height:38px;object-fit:contain;vertical-align:middle;flex-shrink:0;clip-path:polygon(0 0,100% 0,100% 68%,80% 87%,50% 100%,20% 87%,0 68%);background:#d4e2ec;border:1px solid #8ca7ba;padding:2px}#pf-friends .ff-default-crest{text-align:center;line-height:32px}#pf-friends .ff-crest-preview .ff-crest{width:72px;height:84px}#pf-friends .ff-identity-fields{display:grid;gap:8px;margin-bottom:16px}#pf-friends .ff-identity-fields input[type=file]{max-width:100%;font-size:12px}#pf-friends .ff-identity-fields>small{color:#678398}#pf-friends .rating-color{font-size:12px}#pf-friends .ff-footer{display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px;color:#9bb0c2;letter-spacing:1px;padding:16px 0}#pf-friends .ff-footer img{width:28px;height:28px;object-fit:contain}#pf-friends .ff-bid-dialog{background:transparent;border:0;padding:0;width:min(520px,calc(100vw - 28px));top:50%;transform:translateY(-50%);max-height:90dvh;color:#294e68}#pf-friends .ff-bid-dialog .ff-card{margin:0}#pf-friends .ff-bid-dialog::backdrop{background:#071c30b8;backdrop-filter:blur(3px)}#pf-friends a{color:#3b6687}#pf-friends :is(button,a,input,select):focus-visible{outline:3px solid #c89f46;outline-offset:3px}
@media(max-width:700px){#pf-friends{padding:9px;font-size:13px}#pf-friends header{padding:12px;gap:8px;align-items:flex-start}#pf-friends .ff-brand{display:block}#pf-friends .ff-brand img{width:150px;height:44px;max-width:50vw}#pf-friends header small{font-size:7px;letter-spacing:.7px}#pf-friends h1{font-size:17px}#pf-friends header>button{font-size:10px;padding:8px;min-height:36px}#pf-friends .ff-home-grid{grid-template-columns:1fr}#pf-friends .ff-card{padding:15px;margin-bottom:13px}#pf-friends .ff-card>h2:first-child{margin:-15px -15px 15px;padding:10px 13px;font-size:12px}#pf-friends .ff-expiry{display:block;padding:11px;font-size:11px}#pf-friends .ff-expiry b{display:block;margin-bottom:5px}#pf-friends .ff-steps li{padding:8px 4px;font-size:9px;gap:4px}#pf-friends .ff-steps b{width:20px;height:20px}#pf-friends .ff-grid{gap:12px}#pf-friends .ff-code-row{padding:10px;gap:7px}#pf-friends .ff-code-row button{font-size:10px;padding:8px}#pf-friends .ff-topline{padding:12px}#pf-friends .ff-topline h2{font-size:20px}#pf-friends .ff-topline .ff-actions{margin:0}#pf-friends td,#pf-friends th{padding:8px 5px}#pf-friends .ff-stat{font-size:22px}#pf-friends .ff-footer{font-size:7px;letter-spacing:.4px}#pf-friends .ff-summary{gap:14px}#pf-friends .ff-setup-art{font-size:55px}}

/* Match the main game's silver/green action controls, with rounded action silhouettes. */
#pf-friends button,#pf-friends .ff-link{border-radius:999px;border-color:#16263a;color:var(--ink,#142338);background:linear-gradient(#f0f3f4,#b8c3cd);box-shadow:inset 1px 1px #fff9,inset -1px -1px #687b8e;padding:10px 16px}
#pf-friends button:active,#pf-friends .ff-link:active{box-shadow:inset 2px 2px #485c6a;transform:translateY(1px)}
#pf-friends .ff-primary{color:white;text-shadow:1px 1px #152713;background:linear-gradient(#648746,#31572d);border-color:#1c331d;box-shadow:inset 1px 1px #d0e7a1,inset -1px -1px #182a16}
#pf-friends .ff-danger{color:#7c3038;border-color:#a46b74;background:linear-gradient(#fff3f3,#dfbdc3)}
#pf-friends .ff-league-entry .ff-delete-league{width:auto;justify-content:center;margin-top:10px;min-height:42px}

/* Same sprite artwork, dimensions and labels as the main game. */
#pf-friends button.action-orb,#pf-friends a.ff-link.action-orb{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:auto;min-width:90px;max-width:140px;min-height:100px;padding:4px!important;border:0!important;border-radius:8px;background:transparent!important;box-shadow:none!important;text-shadow:none!important;color:#274b68!important;text-align:center;font:700 10px/1.25 Arial,Helvetica,sans-serif}
#pf-friends .action-orb .action-art{display:block;flex-shrink:0;width:68px;height:68px;background-image:url('assets/action-buttons.png');background-size:400% 200%;background-position:var(--action-x) var(--action-y);background-repeat:no-repeat;image-rendering:pixelated;filter:drop-shadow(0 2px 1px #08203d55)}
#pf-friends .action-orb.action-extra .action-art{background-image:url('assets/club-actions.png');background-size:200% 200%;background-position:var(--extra-x) var(--extra-y)}
#pf-friends .action-label{font-size:10px;line-height:1.25;font-weight:700;max-width:100%;text-transform:uppercase;overflow-wrap:anywhere}
#pf-friends header .action-orb .action-label{color:#e2ecf5}
#pf-friends .action-orb:hover .action-art{filter:brightness(1.12) drop-shadow(0 2px 2px #133f6d55)}
#pf-friends .action-orb:active .action-art{transform:translateY(2px)}
#pf-friends .ff-actions{align-items:flex-start;gap:14px}
#pf-friends .ff-tabs button.action-orb{flex:1;min-width:74px}
#pf-friends .ff-tabs [aria-current=true].action-orb{outline:2px solid #648746;outline-offset:2px}
#pf-friends .ff-league-entry button.action-orb{justify-content:center}
#pf-friends .ff-code-row{flex-wrap:wrap}
@media(max-width:700px){#pf-friends button.action-orb,#pf-friends a.ff-link.action-orb{min-width:78px;max-width:110px;min-height:88px}#pf-friends .action-orb .action-art{width:58px;height:58px}#pf-friends .action-label{font-size:9px}#pf-friends .ff-actions{gap:10px}#pf-friends header>.action-orb{min-width:78px;max-width:90px}}

.club-personalization{margin:12px 0;border:1px solid #6383a0;border-radius:8px;overflow:hidden}.club-personalization>summary{cursor:pointer;display:flex;align-items:center;gap:12px;padding:14px 18px;font-weight:700;background:#e2eaf0;color:#17344d}.club-personalization>summary .disclosure-more,.club-personalization>summary .disclosure-less{margin-left:auto;text-decoration:underline}.club-personalization .disclosure-less{display:none}.club-personalization[open] .disclosure-more{display:none}.club-personalization[open] .disclosure-less{display:inline}.club-personalization>form{margin:0;padding:18px}