/* V1.24. Social discovery and text chat, without changing the playing board. */
.notification-button{position:relative;flex:0 0 44px;width:44px;height:44px;min-height:44px;border:1px solid #ffffff1c;border-radius:50%;display:grid;place-items:center;background:#ffffff05;color:#d3decf;padding:10px;cursor:pointer;}
.notification-button svg{width:22px;height:22px;}.notification-button:hover{background:#c8ff3815;color:#c8ff38;}.notice-badge{position:absolute;top:-4px;right:-3px;min-width:19px;height:19px;border-radius:20px;padding:1px 4px;background:#c8ff38;border:2px solid #0c1016;color:#10150a;font-size:10px;line-height:14px;font-weight:850;}.notice-badge[hidden]{display:none;}
.social-nav-icon{font-size:18px;}.social-hub-tabs{flex-wrap:wrap;gap:4px;}.social-hub-tabs button{flex:1 1 13%;font-size:12px;min-width:70px;}
.hub-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;}.hub-heading h2{margin-bottom:0;}.hub-heading button{flex-shrink:0;min-height:44px;}
.suggestion-wrap{position:relative;}.search-hint{font-size:12px;color:#a7b5c7;margin:9px 0;min-height:19px;}.player-suggestions{margin-top:8px;border:1px solid #c8ff3850;border-radius:16px;max-height:300px;overflow:auto;background:#101722;box-shadow:0 16px 32px #0007;}.player-suggestions[hidden]{display:none;}.player-suggestion{min-height:62px;display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;border-bottom:1px solid #ffffff0b;}.player-suggestion:last-child{border-bottom:0;}.player-suggestion:hover,.player-suggestion[aria-selected="true"]{background:#c8ff3817;}.suggestion-avatar,.chat-list-avatar{flex:0 0 38px;height:38px;width:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#b8f73a1f,#69f3b418);border:1px solid #c3ff3c30;color:#c9ff59;font-weight:800;}.player-suggestion strong,.player-suggestion small{display:block;}.player-suggestion strong{font-size:14px;}.player-suggestion small{font-size:11px;color:#93a2b7;margin-top:3px;}.suggestion-action{margin-left:auto;font-size:11px;color:#c7d5bc;}.social-player-actions{flex-wrap:wrap;}.social-player-actions button{min-height:44px;}
.notification-list{display:grid;gap:9px;margin-top:24px;}.notice-item{display:flex;align-items:center;gap:6px;background:#ffffff03;border:1px solid #ffffff12;border-radius:16px;overflow:hidden;}.notice-item.is-unread{border-color:#b8ef3540;background:linear-gradient(100deg,#c8ff3809,#ffffff03);}.notice-open{background:none;border:0;display:flex;align-items:center;gap:14px;text-align:left;width:100%;padding:17px;color:#f3f5fa;min-width:0;cursor:pointer;}.notice-icon{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#b4dc3a12;color:#c4fb4a;font-size:24px;}.notice-open span:last-child{min-width:0;}.notice-open strong,.notice-open small,.notice-open time{display:block;overflow-wrap:anywhere;}.notice-open strong{font-size:14px;}.notice-open small{font-size:12px;color:#afbbc9;margin-top:4px;}.notice-open time{font-size:10px;color:#8693a5;margin-top:5px;}.notice-read{flex:0 0 44px;height:44px;background:#ffffff05;border:1px solid #ffffff12;border-radius:12px;margin-right:12px;color:#c8ff38;cursor:pointer;}
.chat-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:0;border:1px solid #ffffff16;border-radius:20px;overflow:hidden;background:#0e141e;min-height:460px;}.chat-sidebar{background:linear-gradient(165deg,#18202b,#10151f);border-right:1px solid #ffffff12;min-width:0;max-height:570px;overflow-y:auto;}.chat-list-top{padding:17px 13px;border-bottom:1px solid #ffffff12;}.chat-list-top .section-kicker{font-size:9px;}.chat-list-top>div{display:flex;gap:7px;margin-top:12px;}.chat-list-top button{font-size:12px;min-height:44px;padding:10px 12px;flex:1;}.chat-sidebar>.social-caption,#chatThreads>.social-caption{padding:15px;}
.chat-thread{width:100%;display:flex;align-items:center;gap:10px;padding:15px 12px;min-height:76px;text-align:left;border:0;border-bottom:1px solid #ffffff08;background:transparent;cursor:pointer;}.chat-thread:hover{background:#ffffff04;}.chat-thread[aria-pressed="true"]{background:#bbf73612;box-shadow:inset 3px 0 #c8ff38;}.chat-list-copy{flex:1;min-width:0;}.chat-list-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;}.chat-list-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;color:#94a2b4;margin-top:4px;}.chat-unread{background:#c8ff38;border-radius:20px;min-width:20px;text-align:center;color:#152009;font-size:10px;padding:3px 5px;font-weight:800;}
.chat-invites article{margin:12px;padding:13px;border:1px solid #9a80ff50;border-radius:13px;background:#8b6cff0b;}.chat-invites strong,.chat-invites small{display:block;overflow-wrap:anywhere;}.chat-invites strong{font-size:13px;color:#d5cafa;}.chat-invites small{font-size:11px;color:#acb4c4;margin-top:4px;}.chat-invites article>div{display:flex;gap:8px;margin-top:9px;}.chat-invites button{font-size:11px;min-height:44px;}
.chat-pane{min-width:0;display:flex;flex-direction:column;height:570px;}.chat-pane>.social-empty{height:100%;border:0;border-radius:0;padding:40px 25px;justify-content:center;}.chat-pane-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px;border-bottom:1px solid #ffffff12;flex-shrink:0;min-width:0;}.chat-pane-head>div:first-child{min-width:0;}.chat-pane-head h3{font-size:19px;margin:5px 0;overflow-wrap:anywhere;}.chat-pane-head small{font-size:11px;color:#97a8b9;}.chat-pane-head .section-kicker{font-size:9px;}.chat-pane-head>div:last-child{display:flex;gap:7px;align-items:center;flex-shrink:0;}.chat-pane-head button{min-height:44px;font-size:12px;}.chat-options{width:44px;height:44px;border:1px solid #ffffff16;background:#ffffff04;border-radius:12px;font-size:23px!important;cursor:pointer;}
.chat-timeline{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:90px;padding:18px;scroll-behavior:auto;}.chat-beginning{text-align:center;margin:70px 0;color:#8190a4;font-size:13px;line-height:1.9;}.chat-message{width:fit-content;max-width:88%;min-width:90px;background:#202a39;border:1px solid #ffffff0b;border-radius:15px 15px 15px 3px;padding:11px 14px;margin:0 auto 14px 0;}.chat-message.mine{margin-left:auto;margin-right:0;background:#c8ff3811;border-color:#a3d23b2d;border-radius:15px 15px 3px 15px;}.chat-message-meta{display:flex;gap:15px;justify-content:space-between;align-items:baseline;}.chat-message-meta b{font-size:10px;color:#bbcef0;}.chat-message.mine .chat-message-meta b{color:#c2f06a;}.chat-message-meta time{font-size:9px;color:#8e9bb0;white-space:nowrap;}.chat-message p{font-size:14px;line-height:1.6;margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#f0f3f8;}.chat-report{border:0;background:none;color:#9ba8ba;font-size:9px;padding:7px 0;min-height:24px;cursor:pointer;}.chat-report:hover{color:#ff8193;}
.chat-composer{flex-shrink:0;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;border-top:1px solid #ffffff12;background:#101722;}.chat-composer textarea{resize:vertical;max-height:120px;min-height:50px;min-width:0;width:100%;padding:12px;border:1px solid #ffffff21;border-radius:13px;background:#0a1019;color:white;font:inherit;font-size:16px;}.chat-composer button{padding:10px 15px;align-self:stretch;min-height:48px;font-size:13px;}.chat-composer small{grid-column:1/-1;color:#8d9aae;font-size:9px;line-height:1.5;}
.chat-field{display:block;font-size:12px;color:#bcc6d4;margin:16px 0;}.chat-field input,.chat-field select,.chat-field textarea{display:block;margin-top:8px;width:100%;min-height:48px;border:1px solid #445064;border-radius:13px;background:#101722;color:#eff5fd;font:inherit;font-size:16px;padding:11px 13px;}.chat-friend-picker{max-height:330px;overflow:auto;margin:18px 0;display:grid;gap:8px;}.chat-pick{display:flex;align-items:center;text-align:left;gap:12px;width:100%;min-height:66px;background:#ffffff04;border:1px solid #ffffff15;border-radius:14px;padding:12px;color:#eef1f9;cursor:pointer;}.chat-pick strong{font-size:14px;flex:1;min-width:0;overflow-wrap:anywhere;}.chat-pick input{width:21px;height:21px;accent-color:#c8ff38;}.chat-pick>span:last-child{font-size:12px;color:#b4c398;}.chat-pick:has(input:checked){background:#b5f83c0d;border-color:#bffa4677;}.chat-members>div{display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff12;padding:12px 0;}.chat-members>div>span:nth-child(2){flex:1;min-width:0;}.chat-members b,.chat-members small{display:block;overflow-wrap:anywhere;}.chat-members b{font-size:14px;}.chat-members small{font-size:11px;color:#95a3b9;margin-top:3px;}.chat-members button{font-size:11px;min-height:44px;}
@media(min-width:961px){.topbar{grid-template-columns:minmax(170px,1fr) auto minmax(300px,1fr);gap:16px;padding-inline:24px;}.main-nav .nav-button{padding-inline:11px;}.topbar-actions{gap:9px;}}
@media(min-width:961px) and (max-width:1280px){.topbar{grid-template-columns:auto 1fr auto;gap:12px;padding-inline:18px;}.main-nav{justify-self:center;}.brand-copy{font-size:18px;}.main-nav .nav-button{padding-inline:8px;font-size:12px;}.topbar-actions .profile-copy,.topbar-actions .chevron{display:none;}.topbar-actions .profile-pill{padding:4px;}.topbar-actions .coin-pill{display:none;}.topbar-actions .wallet-pill{padding-inline:10px;}}
@media(max-width:960px){.main-nav{grid-template-columns:repeat(5,minmax(0,1fr));}.main-nav .nav-button{min-width:0;}.main-nav .nav-button span:last-child{font-size:10px;}.topbar-actions{gap:5px;}.notification-button{width:40px;flex-basis:40px;height:44px;border-radius:14px;border:0;background:none;}.notification-button svg{width:20px;height:20px;}.notice-badge{top:2px;right:0;}}
@media(max-width:600px){.chat-layout{display:flex;flex-direction:column;min-height:0;}.chat-sidebar{border-right:0;border-bottom:1px solid #ffffff12;max-height:235px;}.chat-list-top{padding:12px;}.chat-list-top>div{margin-top:8px;}.chat-pane{height:480px;}.chat-pane-head{padding:12px;}.chat-pane-head h3{font-size:17px;}.chat-pane-head button{font-size:11px;padding:9px 11px;}.chat-timeline{padding:12px;}.chat-composer{padding:10px;}.chat-message{max-width:95%;}.chat-message p{font-size:14px;}.chat-list-top .section-kicker{font-size:9px;}.social-hub-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin:14px 0;}.social-hub-tabs button{min-width:0;min-height:44px;font-size:12px;}.player-suggestion{gap:8px;padding:10px;}.suggestion-action{font-size:10px;}.hub-heading{align-items:flex-start;}.hub-heading h2{font-size:28px;}.hub-heading button{font-size:11px;}.notice-open{padding:13px;gap:10px;}.notice-read{margin-right:8px;}.notice-open strong{font-size:13px;}.chat-members{overflow-wrap:anywhere;}.chat-members button{padding-inline:6px;}.chat-members>div{gap:7px;}.social-player-actions{max-width:51%;}.social-player-actions .social-more{display:none;}.social-player-actions button{font-size:11px!important;}}
@media(max-width:380px){.topbar .brand-copy{font-size:16px;letter-spacing:-.8px;}.topbar .brand-mark{width:28px;height:28px;}.topbar .brand-button{gap:4px;}.topbar-actions{gap:1px;}.topbar-actions .wallet-pill{padding-inline:5px;}.notification-button{flex-basis:36px;width:36px;padding:7px;}.topbar{padding-inline:10px;}}

/* A phone shows one conversation at a time rather than stacking the directory above the composer. */
.chat-mobile-toolbar{display:none;}
@media(max-width:600px){
 #modalCard[data-kind="social-chats"]:has(.chat-layout.is-thread){height:calc(var(--chat-visible-height,100dvh) - max(8px,var(--safe-top,0px)) - max(8px,var(--safe-bottom,0px)));max-height:calc(var(--chat-visible-height,100dvh) - max(8px,var(--safe-top,0px)) - max(8px,var(--safe-bottom,0px)));padding:0;overflow:hidden;}
 #modalCard[data-kind="social-chats"]:has(.chat-layout.is-thread) #modalContent{height:100%;display:flex;flex-direction:column;}
 #modalCard[data-kind="social-chats"]:has(.chat-layout.is-thread) #modalContent>.social-top,
 #modalCard[data-kind="social-chats"]:has(.chat-layout.is-thread) #modalContent>#modalTitle,
 #modalCard[data-kind="social-chats"]:has(.chat-layout.is-thread) #modalContent>.modal-intro,
 #modalCard[data-kind="social-chats"]:has(.chat-layout.is-thread) #modalContent>nav{display:none;}
 #modalCard[data-kind="social-chats"]:has(.chat-layout.is-thread) #socialError:empty{display:none;}
 #modalCard[data-kind="social-chats"]:has(.chat-layout.is-thread) #socialError{padding:8px 14px;margin:0;}
 #modalCard[data-kind="social-chats"]:has(.chat-layout.is-thread) .modal-close{top:10px;right:12px;}
 .chat-layout:not(.is-thread) .chat-pane{display:none;}
 .chat-layout:not(.is-thread) .chat-sidebar{max-height:440px;}
 .chat-layout.is-thread{flex:1;min-height:0;border:0;border-radius:0;}
 .chat-layout.is-thread>.chat-sidebar{display:none;}
 .chat-layout.is-thread>.chat-pane{height:100%;flex:1;min-height:0;}
 .chat-mobile-toolbar{display:flex;align-items:center;flex-shrink:0;height:64px;padding:8px 65px 8px 14px;border-bottom:1px solid #ffffff10;}
 .chat-mobile-toolbar button{min-height:44px;color:#c8ff38;}
 .chat-pane-head{flex-wrap:wrap;}
 .chat-pane-head h3{font-size:18px;}
 .chat-composer textarea{resize:none;}
}

@media(max-width:600px){
 #modalCard[data-kind="social-chats"]:has(.chat-layout.is-thread){position:fixed;top:calc(var(--chat-visible-top,0px) + max(8px,var(--safe-top,0px)));left:0;right:0;margin-inline:auto;}
 .chat-layout.is-thread .chat-timeline{min-height:0;}
}
@media(max-width:600px) and (max-height:520px){
 .chat-mobile-toolbar{height:50px;padding-block:3px;}
 .chat-pane-head{padding-block:8px;}
 .chat-pane-head small,.chat-pane-head .section-kicker{display:none;}
 .chat-composer textarea{height:48px;min-height:48px;}
 .chat-composer{padding-block:7px;}
}

/* V1.24.1: use one monochrome Friends symbol across all screen sizes.
   SVG shapes avoid operating system emoji substitution. Parent colors and
   existing hit areas, navigation spacing and badge backgrounds are retained. */
.friend-icon{display:block;width:24px;height:24px;flex:none;pointer-events:none;}
.main-nav .social-nav-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;}
.main-nav .social-nav-icon .friend-icon{width:1em;height:1em;}

/* V1.30: independent card actions, accessible on narrow phone screens. */
.notice-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:0;}
.notice-item .notice-open{grid-column:1;grid-row:1;min-width:0;}
.notice-item .notice-read{grid-column:2;grid-row:1;}
.notice-item .notice-dismiss{grid-column:3;grid-row:1;}
.notice-match-actions{grid-column:1 / -1;grid-row:2;display:flex;gap:14px;align-items:center;justify-content:space-between;padding:13px 17px;border-top:1px solid #ffffff12;background:#c8ff3804;}
.notice-match-actions>span{font-size:12px;color:#acb9c7;min-width:0;overflow-wrap:anywhere;}
.notice-match-actions>div{display:flex;gap:9px;flex-wrap:wrap;flex-shrink:0;}
.notice-match-actions button{min-height:44px;white-space:normal;}
.notice-item.is-account-update .notice-icon{color:#9fceff;background:#78acff12;}
.notice-change-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0;}
.notice-change-grid>div{padding:19px;border:1px solid #ffffff16;border-radius:15px;background:#ffffff04;min-width:0;}
.notice-change-grid small{display:block;color:#a5b5c4;font-size:12px;margin-bottom:9px;}
.notice-change-grid strong{display:block;font-size:23px;color:#eaf2e7;overflow-wrap:anywhere;}
.notice-change-grid>div:last-child{border-color:#c8ff3838;background:#c8ff3808;}
.notice-change-grid>div:last-child strong{color:#c8ff38;}
@media(max-width:600px){.notice-match-actions{align-items:stretch;flex-direction:column;padding:12px;gap:10px;}.notice-match-actions>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}.notice-match-actions>div button{min-width:0;}.notice-change-grid{gap:8px;}.notice-change-grid>div{padding:12px;}.notice-change-grid strong{font-size:18px;}}
@media(prefers-reduced-motion:reduce){.notice-item{scroll-behavior:auto;}}