/* Community is part of the football home screen; match HUD stays unobstructed. */
.front-menu[data-screen=home] .fm-home{display:grid;grid-template-columns:minmax(320px,1fr) minmax(230px,.8fr) 360px;grid-template-rows:minmax(0,1fr);gap:24px;align-items:stretch;max-width:1600px;width:100%;flex:none;height:clamp(510px,calc(100dvh - 300px),740px);min-height:510px;max-height:none;margin:12px auto 20px;padding:0}
.front-menu[data-screen=home] .fm-home-selection{min-width:0;width:100%;align-self:center}
.front-menu[data-screen=home] .fm-club-strip,.front-menu[data-screen=home] .fm-footer{flex:none}
.front-menu[data-screen=home] .fm-hero{min-width:0;width:100%}
.home-social{--social-font:var(--ui-font,sans-serif);position:relative;z-index:2;align-self:stretch;min-width:0;min-height:0;max-height:740px;border:1px solid #ffffff20;border-top:3px solid var(--red,#e1142d);background:#0e1116f5;box-shadow:0 18px 45px #0005;color:var(--social-ink);display:flex;flex-direction:column;font-family:var(--social-font)}
.home-social-title{padding:14px 18px;border-bottom:1px solid var(--social-line);flex:none}
.home-social-title h2{font:700 23px/1.1 var(--tv-font);margin:0;text-transform:uppercase;letter-spacing:.4px}
.home-social .social-hub{margin:0;padding:14px;min-height:0;gap:12px;flex:1;overflow:hidden}
.home-social .social-bar{padding:0 0 10px;border:0;border-bottom:1px solid var(--social-line);background:none;gap:8px}
.home-social .social-identity{flex:1;gap:9px;min-width:0;background:none;border:0;padding:0;box-shadow:none;min-height:0}
.home-social .social-identity strong{font-size:14px;line-height:1.25}
.home-social .social-avatar.is-small{width:34px;height:42px;flex-shrink:0}
.home-social .social-handle{font-size:10px;letter-spacing:.3px}
.home-social .social-status{width:100%;justify-content:space-between;font-size:11px}
.home-social .social-pill{padding:0;background:none;font-size:10px}
.home-social .social-pill::before{width:6px;height:6px;box-shadow:none}
.home-social-launch,.home-social-actions{display:flex!important;gap:8px;margin:0!important}
.home-social-launch>*{flex:1;padding:9px 7px;font-size:12px}
.home-social .social-tabs{display:flex;overflow:visible;gap:0;border-bottom:1px solid var(--social-line)}
.home-social .social-tab{flex:1;min-width:0;font-size:11px;letter-spacing:.5px;padding:9px 4px;background:none;border:0;min-height:39px}
.home-social .social-tab.is-active,.home-social .social-tab.is-active:hover{color:#fff;background:#e1142d20;border-bottom:2px solid var(--red)}
.home-social .social-count{margin-left:3px;padding:1px 3px;font-size:9px}
.home-social .social-panel{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#59616d #0000;gap:10px;min-height:0;padding:2px}
.home-social .social-panel[data-panel=chat]{overflow:hidden;flex:1;min-height:180px}
.home-social .social-chat-head{align-items:center;margin:0;gap:8px}
.home-social .social-chat-head h2{font-size:13px;letter-spacing:.3px}
.home-social .social-chat-head .social-online{font-size:10px}
.home-social .social-chat-body{display:flex;flex-direction:column;gap:8px;min-height:0;flex:1}
.home-social .social-chat-body[hidden]{display:none}
.home-social .social-chat-log{flex:1;height:260px;min-height:0;max-height:none;padding:0 6px 0 0;border:0;background:none;overscroll-behavior:contain}
.home-social .social-msg{padding:11px 0;border-bottom:1px solid #ffffff0a;gap:6px}
.home-social .social-msg-text{font:400 13px/1.5 var(--ui-font);overflow-wrap:anywhere}
.social-btn.social-msg-name,.social-btn.social-person-name{display:inline;padding:0;min-height:0;border:0;background:none;box-shadow:none;white-space:normal;text-align:left;letter-spacing:0;text-transform:none;overflow-wrap:anywhere;font-size:12px;font-weight:700;color:var(--social-ink)}
.social-btn.social-msg-name:hover,.social-btn.social-person-name:hover{color:var(--social-gold);background:none;text-decoration:underline}
.home-social .social-msg-time,.home-social .social-msg-tag{font-size:10px}
.home-social .social-chat-form{display:grid;grid-template-columns:1fr 48px;position:relative;gap:5px;flex:none}
.home-social .social-chat-form input{min-width:0;width:100%;padding:11px 9px 20px;font-size:12px;background:#070a0e;border:1px solid #ffffff26}
.home-social .social-chat-form .social-counter{position:absolute;bottom:5px;right:62px;font-size:9px;pointer-events:none}
.home-social .social-chat-form .social-btn{min-width:0;padding:8px 3px;font-size:10px}
.home-social .social-hint{font:400 11px/1.5 var(--ui-font);margin:0;color:var(--social-muted)}
.home-social .social-chat-body>.social-hint{font-size:10px}
.home-social .social-message:empty{display:none}
.social-people{border-bottom:1px solid var(--social-line);padding-bottom:9px}
.social-people summary{cursor:pointer;color:var(--social-muted);font-size:11px;font-weight:600;padding:5px 0}
.social-people-list{max-height:155px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.home-social .social-row{padding:9px 0;gap:8px;flex-wrap:wrap;background:none;border-bottom:1px solid var(--social-line)}
.social-btn.social-avatar-wrap{border:0;padding:0;background:none;min-height:0;flex:none;position:relative}
.home-social .social-row-copy{flex:1;min-width:0}
.home-social .social-row-handle,.home-social .social-row-status{font-size:10px}
.home-social .social-row-actions{gap:5px;flex-wrap:wrap;justify-content:flex-start;width:100%;margin-left:0}
.home-social .social-row-actions:empty{display:none}
.home-social .social-row-actions .social-btn{padding:6px 8px;min-height:32px;font-size:10px}
.home-social .social-add{display:flex;flex-wrap:wrap;gap:8px}
.home-social .social-field{flex:1;min-width:160px}
.home-social .social-add input{min-width:0;width:100%;font-size:12px}
.home-social .social-card{padding:12px;background:#ffffff04;border:1px solid var(--social-line);box-shadow:none}
.home-social .social-card h2{font:700 17px/1.2 var(--tv-font);margin:6px 0}
.home-social .social-quick-card>.social-hint{display:none}
.home-social .social-queue-state{font-size:11px;margin:7px 0}
.home-social .social-list h3{font:700 13px/1.3 var(--tv-font);margin:10px 0;text-transform:uppercase;letter-spacing:.7px}
.home-social .social-empty{padding:12px 0;font:400 12px/1.6 var(--ui-font);color:var(--social-muted)}
.home-social-actions .social-btn{flex:1;min-width:0;padding:9px 5px;font-size:11px}
.social-room{padding:13px 0;border-bottom:1px solid var(--social-line);display:flex;flex-direction:column;gap:8px}
.social-room-top{display:flex;align-items:center;gap:8px;font-size:12px;flex-wrap:wrap}
.social-room-top>strong{flex:1;overflow-wrap:anywhere}
.social-room-state{color:var(--social-online);font-size:10px}
.social-room-rivals{font-size:11px;color:var(--social-muted);overflow-wrap:anywhere;margin:0}
.home-social .social-facts{grid-template-columns:1fr}
.home-social .social-profile-top{align-items:center;gap:10px}
.home-social .social-profile-actions{flex-direction:column;gap:6px}
.home-social-gate{padding:34px 23px;display:flex;flex-direction:column;align-items:flex-start;gap:17px;justify-content:center;flex:1;min-height:375px}
.home-social-symbol{font:italic 900 54px/1 var(--tv-font);color:var(--red)}
.home-social-gate h3{font:700 28px/1.05 var(--tv-font);text-transform:uppercase;margin:0}
.home-social-gate p{font:400 14px/1.7 var(--ui-font);color:var(--social-muted);margin:0}
.public-profile-dialog{width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #ffffff35;border-top:4px solid var(--red);padding:25px;background:#11161e;color:var(--social-ink);box-shadow:0 25px 90px #000a;font-family:var(--ui-font)}
.public-profile-dialog::backdrop{background:#05080edb}
.public-profile-hero{display:flex;gap:18px;align-items:center}
.public-profile-hero h2{font:700 29px/1.15 var(--tv-font);margin:7px 0;overflow-wrap:anywhere}
.public-profile-hero .social-avatar{width:75px;height:94px;flex-shrink:0}
.public-profile-status{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--social-muted);margin:22px 0 12px}
.public-profile-status .social-dot{position:static}
.public-profile-club{display:flex;align-items:center;gap:10px;font-size:14px;min-height:43px;padding:15px 0;border-block:1px solid var(--social-line)}
.public-profile-club img{width:30px;height:30px;object-fit:contain}
.public-profile-actions{display:flex;gap:8px;flex-wrap:wrap;margin:19px 0 10px}
.public-profile-dialog [data-focus=public-profile-close]{width:100%;margin-top:12px}
.public-profile-dialog button:focus-visible,.home-social summary:focus-visible{outline:2px solid var(--social-gold);outline-offset:3px}
@media(min-width:1500px){.front-menu[data-screen=home] .fm-home{grid-template-columns:minmax(390px,1fr) minmax(240px,.85fr) 390px}}
@media(max-width:1199px){.front-menu[data-screen=home] .fm-home{grid-template-columns:minmax(280px,1fr) 350px;gap:24px}.front-menu[data-screen=home] .fm-hero{display:none}}
@media(max-width:749px){.front-menu[data-screen=home] .fm-home{display:flex;flex-direction:column;gap:26px}.home-social{width:100%;max-height:700px;min-height:570px;align-self:auto}.home-social .social-chat-log{height:245px}.home-social-title{padding:16px}.home-social-gate{min-height:280px}.home-social .social-panel[data-panel=chat]{min-height:330px}.home-social .social-btn{min-height:40px}.home-social .social-msg-name,.home-social .social-person-name,.home-social .social-avatar-wrap{min-height:24px}.home-social .social-panel{max-height:460px}}
@media(max-width:749px){.front-menu[data-screen=home] .fm-home{height:auto;min-height:0;max-height:none}.home-social{height:630px;flex:none}.home-social .social-panel[data-panel=chat]{min-height:240px}}
@media(prefers-reduced-motion:reduce){.home-social *,.public-profile-dialog *{scroll-behavior:auto;transition:none}}
/* Notices must not cover the message composer on a phone. */
@media(max-width:749px){body.front-menu-open .social-toasts{top:8px;bottom:auto;flex-direction:column}}