/* Pool Legends 7.4 — private friends room hub */
.pl-friends-trigger{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;min-height:60px;margin-top:12px;border-radius:17px;border:1px solid #33c8d499;color:#eefaff;background:linear-gradient(120deg,#075c72,#0d2846 60%,#071525);box-shadow:inset 0 1px #83edff33,0 13px 36px #0006;cursor:pointer;font-family:inherit;text-align:left}
.pl-friends-trigger .plf-emoji{font-size:29px}.pl-friends-trigger b{display:block;font-size:16px;font-weight:950;letter-spacing:.02em}.pl-friends-trigger small{display:block;font-size:10px;color:#a0d6de;margin-top:2px}
.pl-friends-trigger:focus-visible,.plf button:focus-visible,.plf input:focus-visible,.plf select:focus-visible{outline:2px solid #50efc4;outline-offset:2px}
.plf{position:fixed;inset:0;z-index:8500;display:none;place-items:center;padding:16px;background:rgba(2,5,11,.97);color:#edf6ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}
.plf.open{display:grid}.plf *{box-sizing:border-box}.plf-shell{width:min(1110px,100%);max-height:calc(100dvh - 26px);overflow-y:auto;overscroll-behavior:contain;border:1px solid #31465e;border-radius:23px;background:linear-gradient(155deg,#0d1a2a,#070f1b 65%);box-shadow:0 22px 110px #000b}
.plf-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 21px;border-bottom:1px solid #26394d;position:sticky;top:0;z-index:2;background:#0b1524f6;backdrop-filter:blur(14px)}
.plf-brand{display:flex;align-items:center;gap:11px;min-width:0}.plf-brand img{width:46px;height:46px;object-fit:contain}.plf-brand div{min-width:0}.plf-brand small{display:block;color:#34e8b6;font-size:9px;font-weight:950;letter-spacing:.18em}.plf-brand strong{display:block;font-size:19px;line-height:1.15}
.plf-close{border:1px solid #354a64;background:#111f31;color:#e7f7ff;font-size:13px;font-weight:800;border-radius:12px;padding:10px 13px;cursor:pointer}
.plf-main{padding:22px}.plf-home-intro{padding:19px 20px;border-radius:17px;background:radial-gradient(circle at 94% 0%,#12696066,transparent 50%),linear-gradient(145deg,#11293b,#0e1b2d);border:1px solid #2f6271}
.plf-home-intro h2{font-size:clamp(22px,3vw,33px);margin:0 0 6px;font-weight:1000}.plf-home-intro p{margin:0;color:#a5bdd0;font-size:12px;line-height:1.5}.plf-note{color:#a0b3c4;font-size:11px;line-height:1.55}
.plf-cols{display:grid;grid-template-columns:1.18fr .82fr;gap:17px;margin-top:17px}
.plf-card{background:#0b1626;border:1px solid #273b52;border-radius:17px;padding:18px;min-width:0}
.plf-card h3{font-size:17px;margin:0 0 13px}.plf-card p{margin:5px 0;color:#9db2c5;line-height:1.5;font-size:12px}
.plf-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.plf-field{display:grid;gap:5px;min-width:0}.plf-field.full{grid-column:1/-1}
.plf-field label{font-size:10px;color:#98b4ca;font-weight:850;letter-spacing:.07em}.plf-field input,.plf-field select,.plf-join-input{width:100%;min-width:0;background:#07121f;border:1px solid #354b64;border-radius:11px;color:#f4faff;height:42px;padding:0 11px;font:700 12px inherit}
.plf-field input[type=number]{font-variant-numeric:tabular-nums}.plf-btn{border:1px solid #5effc7;background:linear-gradient(180deg,#2ae3a4,#13ac7b);color:#061910;border-radius:12px;padding:12px 16px;font-weight:1000;cursor:pointer;font-size:12px;min-height:43px}
.plf-btn.secondary{color:#d9f3ff;border-color:#335677;background:#122740}.plf-btn.gold{border-color:#ffdb71;background:linear-gradient(180deg,#ffdc6e,#dcae35);color:#2d1a04}.plf-btn.danger{background:#3a202b;color:#ffbeca;border-color:#84465b}
.plf-btn:disabled{opacity:.45;cursor:not-allowed}.plf-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.plf-error{color:#ffd4d5;background:#52253566;border:1px solid #89455b;border-radius:11px;padding:11px;font-size:12px;margin:12px 0}
.plf-stat-row{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}.plf-stat{padding:10px 13px;border-radius:11px;border:1px solid #385271;background:#10233a}.plf-stat b{display:block;font-size:17px}.plf-stat small{font-size:9px;color:#8caac4}
.plf-history{margin-top:16px;display:grid;gap:7px}.plf-room-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid #314760;background:#0b1827;border-radius:11px;cursor:pointer;color:#dff8ff;text-align:left}.plf-room-link b{font-size:12px}.plf-room-link small{display:block;color:#819cb6;font-size:10px;margin-top:4px}
.plf-room-head{display:flex;align-items:start;justify-content:space-between;gap:14px}.plf-room-head h2{font-size:clamp(23px,3vw,32px);margin:4px 0}.plf-room-tag{color:#39ebba;font-size:10px;letter-spacing:.16em;font-weight:950}.plf-code{color:#ffd96a;letter-spacing:.19em;font-size:21px;font-weight:1000;white-space:nowrap}
.plf-room-cols{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;margin-top:15px}.plf-members{display:grid;gap:7px}
.plf-member{display:flex;align-items:center;gap:9px;border:1px solid #304259;background:#0c1929;border-radius:11px;padding:10px}.plf-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(120deg,#35e4ae,#14858d);color:#041523;font-size:14px;font-weight:1000}
.plf-member-copy{flex:1;min-width:0}.plf-member-copy b{font-size:12px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.plf-member-copy small{font-size:9px;color:#8fa9c1}
.plf-badge{font-size:9px;font-weight:950;border:1px solid #405777;border-radius:999px;padding:5px 8px;color:#b0c5dc;white-space:nowrap}.plf-badge.ready{border-color:#2a886e;color:#5af0ba;background:#0e352c}.plf-badge.live{border-color:#d4a946;color:#ffe18b;background:#393018}
.plf-bracket{display:grid;gap:10px}.plf-round{border:1px solid #32445a;border-radius:13px;padding:12px;background:#0b1726}.plf-round h4{font-size:11px;letter-spacing:.12em;color:#6ce6cf;margin:0 0 8px}
.plf-game{border:1px solid #31465b;background:#0e2235;border-radius:11px;padding:10px;margin:7px 0}.plf-game-title{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#91b2ce}
.plf-vs{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:8px 0;font-size:12px;font-weight:950}.plf-vs em{font-size:10px;color:#ffcf62;font-style:normal}.plf-vs .winner{color:#4df0b8}
.plf-choices{display:flex;gap:7px;flex-wrap:wrap}.plf-choices button{font-size:10px;min-height:32px;padding:7px 9px}
.plf-outcome{font-size:10px;line-height:1.5;color:#9dc4d0}.plf-live-label{display:inline-flex;gap:5px;align-items:center}
.plf-waiting{padding:15px;border:1px dashed #4c6680;border-radius:12px;color:#aac0d4;font-size:12px;text-align:center}
.plf-loader{color:#6eedd4;font-size:12px;padding:20px}.plf-foot{padding:10px 23px 20px;color:#7891a7;font-size:10px}
@media(max-width:720px){.plf{padding:8px}.plf-shell{max-height:calc(100dvh - 10px);border-radius:14px}.plf-main{padding:12px}.plf-head{padding:9px 12px}.plf-brand img{width:30px;height:30px}.plf-brand strong{font-size:14px}.plf-brand small{font-size:8px}.plf-close{padding:8px}.plf-cols,.plf-room-cols{grid-template-columns:1fr;gap:10px}.plf-card{padding:12px}.plf-fields{gap:8px}.plf-field input,.plf-field select{height:36px}.plf-btn{padding:9px 12px;min-height:36px}.plf-home-intro{padding:13px}.plf-code{font-size:17px}.plf-room-head{flex-wrap:wrap}}
@media(orientation:landscape) and (pointer:coarse){.plf{padding:4px}.plf-shell{max-height:calc(100dvh - 8px)}.plf-head{padding:6px 12px}.plf-brand img{width:27px;height:27px}.plf-main{padding:10px 14px}.plf-cols{grid-template-columns:1.1fr .9fr}.plf-room-cols{grid-template-columns:.8fr 1.2fr}.plf-card{padding:11px}.plf-field input,.plf-field select{height:32px}.plf-home-intro h2{font-size:21px}.plf-home-intro p{font-size:10px}.plf-foot{padding:7px 14px}}

/* Keep the friends CTA inside the hero at all breakpoints. */
@media(min-width:901px){.legends-hero{height:365px}.pl-friends-trigger{min-height:56px}}
@media(orientation:landscape) and (pointer:coarse){
  html.pl-mobile-device .legends-hero{height:228px!important}
  .pl-friends-trigger{min-height:35px;margin-top:6px;border-radius:10px;gap:8px}
  .pl-friends-trigger .plf-emoji{font-size:19px}
  .pl-friends-trigger b{font-size:12px}
  .pl-friends-trigger small{display:none}
}