/* V1.23 social surfaces. The board and phone landscape geometry are unchanged. */
.social-lobby-strip { display:flex;align-items:center;gap:16px;padding:15px 18px;margin:0 0 20px;border:1px solid #a6ba6738;border-radius:20px;background:linear-gradient(110deg,#192720aa,#131622bd); }
.social-lobby-strip>span:first-child {display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:13px;background:#b8f63712;color:#c1fa45;font-size:24px;}
.social-lobby-strip>div {flex:1;min-width:0;}.social-lobby-strip strong{display:block;font-size:15px;}.social-lobby-strip small{display:block;color:#a7b2bd;margin-top:4px;line-height:1.4;}
.social-lobby-strip>button{min-height:44px;display:flex;align-items:center;gap:10px;}.social-count{min-width:21px;height:21px;padding:2px 5px;border-radius:20px;background:#f2f9de;color:#142007;font-size:11px;}.social-count[hidden]{display:none;}
.social-top {display:flex;align-items:center;gap:12px;}.social-top .modal-eyebrow{margin:0;}.social-symbol{display:grid;place-items:center;background:#c7fa4018;border:1px solid #c7fa402d;width:43px;height:43px;border-radius:13px;color:#c7fa40;}.social-symbol svg,.social-empty svg{width:24px;height:24px;}
.social-tabs{display:flex;gap:5px;border-bottom:1px solid #ffffff12;padding-bottom:9px;margin:22px 0;overflow-x:auto;}.social-tabs button{flex:1;min-height:44px;border:0;border-radius:12px;background:transparent;color:#aab5c8;font:inherit;font-size:12px;font-weight:750;padding:10px 8px;white-space:nowrap;}.social-tabs button[aria-current="page"]{color:#c5fa47;background:#c1fa4514;}.social-tabs button span{display:inline-block;margin-left:4px;background:#c2f63d;color:#152110;padding:2px 5px;border-radius:20px;font-size:10px;}
.social-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;}.social-search input{width:100%;min-width:0;min-height:50px;border:1px solid #3d485a;border-radius:13px;background:#0e141d;color:#f5f7fc;padding:12px 15px;font-size:16px;}.social-search button{min-height:50px;}
.social-caption {font-size:12px;line-height:1.6;color:#a5b1c3;margin:12px 0 0;}.social-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}.social-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 12px;}.social-section-title h3{margin:0;font-size:17px;}.social-section-title>span{font-size:11px;color:#929daf;}
.social-player-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.social-player{min-width:0;display:flex;flex-direction:column;gap:16px;background:linear-gradient(140deg,#232b37,#161b24);padding:18px;border:1px solid #ffffff16;border-radius:19px;}.social-player-info{display:flex;align-items:center;gap:12px;min-width:0;}.social-player-info>div{min-width:0;}.social-avatar{flex-shrink:0;display:grid;place-items:center;width:46px;height:46px;background:linear-gradient(135deg,#d8ff73,#6feba5);border-radius:15px;color:#15231e;font-size:21px;font-weight:850;box-shadow:inset 0 0 0 1px #ddff8844;}.social-name{display:block;border:0;background:none;color:#fff;font:inherit;font-size:16px;font-weight:800;text-align:left;padding:0;overflow-wrap:anywhere;}.social-player-info .cr-badge{margin-top:7px;}.social-availability{display:block;font-size:11px;color:#94a0b2;margin-top:8px;}.social-availability.is-online{color:#7ce4ad;}.social-availability.is-online:before{content:' ';display:inline-block;width:6px;height:6px;background:#79e2a8;border-radius:50%;margin-right:6px;}
.social-player-actions{display:flex;align-items:center;gap:8px;}.social-player-actions .primary-button{flex:1;min-height:44px;}.social-player-actions .secondary-button{min-height:44px;}.social-more{width:44px;height:44px;flex-shrink:0;border:1px solid #ffffff1c;background:#ffffff05;color:#a3afbf;border-radius:12px;font-size:22px;}.social-status-pill{display:inline-block;width:max-content;max-width:100%;padding:6px 9px;border-radius:8px;background:#8190ae13;color:#b5bfce;font-size:10px;line-height:1.4;font-weight:700;}.social-status-pill.ready{color:#c0fa4a;background:#c0fa4a14;}
.social-empty{grid-column:1/-1;padding:28px 22px;border:1px dashed #ffffff22;border-radius:18px;text-align:center;}.social-empty>span{display:inline-grid;place-items:center;background:#bdfa4810;color:#bdfa48;border-radius:16px;width:50px;height:50px;}.social-empty h3{font-size:18px;margin:14px 0 8px;}.social-empty p{font-size:13px;line-height:1.6;color:#9ba9bc;max-width:400px;margin:0 auto;}
.social-offer-list{display:grid;gap:10px;}.social-inbox-card{border:1px solid #ffffff18;background:linear-gradient(100deg,#27352866,#222737);border-radius:16px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;color:inherit;font:inherit;width:100%;}.social-inbox-person{display:flex;align-items:center;gap:12px;min-width:0;}.social-inbox-card strong,.social-inbox-card b{font-size:14px;overflow-wrap:anywhere;}.social-inbox-card small{display:block;font-size:11px;line-height:1.4;color:#9daabe;margin-top:5px;}.social-inbox-terms{text-align:right;flex-shrink:0;}.social-inbox-terms b{color:#c0f658;}.social-inbox-card small.social-ready-color{color:#88efb6;}
.social-bottom{border-top:1px solid #ffffff10;display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:24px;padding-top:16px;font-size:10px;color:#8d99ab;}.social-bottom .text-button{font-size:11px;min-height:44px;}.social-error{color:#ffb3b9;line-height:1.5;font-size:13px;margin-top:12px;}.social-error:empty{display:none;}
.social-settings-title{font-size:18px;margin-top:22px;}.social-settings{display:grid;gap:0;}.social-settings>label{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:18px 0;border-bottom:1px solid #ffffff15;}.social-settings strong{font-size:14px;}.social-settings small{display:block;font-size:12px;line-height:1.5;color:#9eabbd;margin-top:4px;}.social-settings input[type="checkbox"]{appearance:auto;accent-color:#b7f437;width:24px;height:24px;flex:0 0 24px;margin:0;}.social-settings>button{margin-top:20px;}.social-blocked>div{display:flex;align-items:center;justify-content:space-between;padding:12px 0;}.social-blocked b{font-size:14px;}
.social-person-heading{display:flex;gap:16px;align-items:center;margin-bottom:20px;}.social-person-heading h2{margin:0 0 10px;overflow-wrap:anywhere;}.social-person-heading .social-avatar{width:65px;height:65px;}.social-detail-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.social-person-summary{display:flex;align-items:center;gap:12px;border:1px solid #ffffff16;border-radius:16px;background:#ffffff04;padding:16px;margin:20px 0;}.social-person-summary>span:nth-child(2){flex:1;min-width:0;}.social-person-summary b{display:block;margin-bottom:7px;overflow-wrap:anywhere;}.social-person-summary .cr-badge{display:inline-flex;}
.social-choice{padding:0;border:0;margin:22px 0;min-width:0;}.social-choice legend{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;font-weight:750;font-size:13px;color:#c9d2df;margin-bottom:10px;}.social-choice legend>span{font-size:11px;color:#9daabc;font-weight:400;}.social-mode,.social-format{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}.social-format{grid-template-columns:repeat(4,minmax(0,1fr));}.social-choice button{min-height:67px;border-radius:14px;border:1px solid #3d4657;background:#171f2b;color:#edf1f8;padding:12px 5px;font:inherit;}.social-choice button b{display:block;font-size:14px;}.social-choice button small{display:block;font-size:11px;margin-top:6px;color:#a7b4c9;}.social-choice button[aria-pressed="true"]{border-color:#bcfa3e;background:#bffa3814;box-shadow:inset 0 0 0 1px #bcfa3e;color:#c7ff50;}.social-compose-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:10px;margin-top:24px;}.social-compose-actions button{min-height:52px;}.social-compose-actions.single{grid-template-columns:1fr;}
.social-table-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin:24px 0;}.social-table-pair>div{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;min-width:0;padding:19px 10px;border-radius:18px;border:1px solid #b9f64624;background:linear-gradient(160deg,#b7f5340a,#1b233433);}.social-table-pair>div:last-child .social-avatar{background:linear-gradient(130deg,#cad1ff,#9590fa);}.social-table-pair strong{font-size:16px;text-align:center;overflow-wrap:anywhere;}.social-table-pair strong small{color:#899bb1;font-size:11px;}.social-table-pair .cr-badge{font-size:10px;}.social-vs{color:#808d9e;font-size:13px;font-weight:800;}.social-format-summary{display:flex;gap:16px;align-items:center;flex-wrap:wrap;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16;padding:13px 0;}.social-format-summary b{color:#c4fc40;font-size:14px;}.social-format-summary span{font-size:12px;color:#a5b2c4;}.social-free-line{font-size:13px;color:#a9c1b0;}
.social-callout{display:flex;gap:13px;align-items:flex-start;border:1px solid #b9f74530;border-radius:16px;padding:18px;background:linear-gradient(120deg,#b5ee3410,#77dda907);margin:18px 0;}.social-callout b{display:block;font-size:15px;color:#e6f4da;}.social-callout p{color:#a7b7b2;font-size:12px;line-height:1.7;margin:7px 0 0;}.social-orb{height:8px;width:8px;border-radius:50%;background:#c1fb46;box-shadow:0 0 14px #c1fb4644;margin-top:6px;flex-shrink:0;}.social-result-actions{margin-top:12px;}.social-quick-link{margin-bottom:18px;display:flex;width:100%;align-items:center;justify-content:space-between;min-height:44px;}
@media(max-width:600px){
 .social-lobby-strip{gap:10px;padding:12px;border-radius:16px;margin-bottom:16px;}.social-lobby-strip>span:first-child{width:34px;height:34px;flex-basis:34px;font-size:18px;}.social-lobby-strip strong{font-size:13px;}.social-lobby-strip small{font-size:10px;}.social-lobby-strip>button{font-size:12px;padding:10px 12px;}
 .social-tabs{gap:1px;margin:18px 0;}.social-tabs button{font-size:11px;padding:9px 4px;}.social-player-grid{grid-template-columns:1fr;}.social-player{gap:12px;padding:14px;flex-direction:row;align-items:center;}.social-player-info{gap:9px;flex:1;}.social-player-info .social-avatar{width:38px;height:38px;border-radius:12px;font-size:18px;}.social-name{font-size:14px;}.social-player .cr-badge span{display:none;}.social-player-actions{gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:48%;}.social-player-actions .primary-button,.social-player-actions .secondary-button{font-size:12px;padding:10px;}.social-more{width:36px;}.social-section-title{gap:7px;}.social-section-title>span{font-size:10px;max-width:50%;text-align:right;}.social-section-title h3{font-size:16px;}.social-search{gap:8px;}.social-search button{padding:10px 12px;font-size:12px;}
 .social-inbox-card{gap:8px;padding:14px 12px;}.social-inbox-person{gap:9px;}.social-inbox-card .social-avatar{width:36px;height:36px;border-radius:11px;font-size:18px;}.social-inbox-card strong,.social-inbox-card b{font-size:12px;}.social-inbox-card small{font-size:10px;}.social-inbox-terms{max-width:42%;}
 .social-table-pair{gap:8px;}.social-table-pair>div{padding:16px 7px;}.social-table-pair strong{font-size:14px;}.social-table-pair .cr-badge span{display:none;}.social-person-summary .social-status-pill{font-size:9px;}.social-choice button b{font-size:12px;}.social-choice button small{font-size:10px;}.social-format{gap:6px;}.social-compose-actions{grid-template-columns:1fr 1.5fr;gap:8px;}.social-compose-actions button{font-size:12px;padding:12px 9px;}.social-detail-actions button{font-size:12px;padding:12px 10px;}.social-format-summary{gap:10px;}.social-bottom{gap:8px;}.social-bottom>span{max-width:44%;line-height:1.5;}
}

/* Keep the full offer and its send action visible on ordinary desktop heights. */
.social-compose-surface .social-choice{margin:14px 0;}
.social-compose-surface .social-choice button{min-height:58px;padding:9px 5px;}
.social-compose-surface .social-person-summary{padding:12px 14px;margin:14px 0;}
.social-compose-surface .modal-intro{margin-bottom:10px;}
.social-compose-surface .social-compose-actions{margin-top:14px;}
.social-compose-surface .demo-pot-summary{padding:16px 18px;margin-block:16px;}
.social-compose-surface .social-caption{margin-top:10px;font-size:11px;}