.social-page{max-width:1320px;margin:0 auto 5rem;padding:clamp(1rem,3vw,2.5rem);color:#e6edf8}
.social-page .section-heading{margin-bottom:1.5rem}
.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));gap:1rem}
.social-card,.social-row,.club-content,.settings-form fieldset{background:linear-gradient(145deg,#18263a,#101b2d);border:1px solid #33465b;border-radius:15px;padding:1.25rem;box-shadow:0 16px 38px #0002}
.social-card h3{margin:.35rem 0;color:#f1d6a3}.social-card p{white-space:pre-wrap;overflow-wrap:anywhere}.social-card small{display:block;color:#afbdcf;margin:.5rem 0}
.social-card a,.social-actions a,.social-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
.social-actions,.social-tabs,.social-profile-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0}
.social-tabs button.active{border-color:#dec182;color:#f8dfaa;background:#283a52}
.club-hero{display:flex;gap:1.4rem;align-items:center;min-height:245px;background-size:cover;background-position:center;border:1px solid #6f6a58;border-radius:18px;padding:clamp(1.2rem,4vw,2.8rem);box-shadow:0 24px 70px #02081366}
.club-hero h2{font-size:clamp(2rem,5vw,3.8rem);margin:.3rem 0}.club-hero p{max-width:52ch;line-height:1.5}.club-crest{flex:none;width:92px;height:92px;border:2px solid #e7c889;border-radius:22px;background:#d7b56b33;color:#f2d18c;font-size:4rem;display:grid;place-items:center;box-shadow:0 0 45px #efc67d44}.club-crest img{max-width:100%;max-height:100%;object-fit:contain}
.social-list{display:grid;gap:.65rem}.social-row{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;min-height:62px;padding:.8rem 1rem}.social-row>a:first-of-type{font-weight:650;margin-right:auto;color:#f2ddab}.social-row button{min-height:42px}.presence-dot.online{color:#7fe0aa}.presence-dot.away{color:#e7c783}.presence-dot.offline{color:#8b9bb1}
.club-content{min-height:230px;margin-top:1rem}.club-content h3{margin:0 0 1rem}.club-content .social-grid{margin-top:1rem}.club-content .social-card{margin:.75rem 0}.club-content .social-card strong{display:block;margin-top:1rem}
.chat-feed{display:flex;flex-direction:column;gap:.5rem;min-height:180px;max-height:450px;overflow-y:auto;padding:1rem;background:#0b1626;border-radius:12px;border:1px solid #30425a}.chat-message{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;background:#1c2b3f;padding:.6rem .8rem;border-radius:9px;overflow-wrap:anywhere}.chat-message.mine{border-left:3px solid #d6af6d}.chat-message span{flex:1;min-width:120px}.chat-message small{color:#a9b5c6}
.social-dialog{border:1px solid #8c7959;border-radius:18px;background:#152236;color:#f1f4f9;box-shadow:0 30px 90px #000b;width:min(95vw,580px);max-height:min(90vh,850px);overflow-y:auto;padding:2rem}.social-dialog::backdrop{background:#010812aa;backdrop-filter:blur(6px)}.social-dialog .close{float:right;min-width:40px;min-height:40px}.social-dialog h2{margin:.6rem 0 1.5rem}.social-form,.settings-form{display:grid;gap:1rem}.social-form label,.settings-form label{display:grid;gap:.4rem;color:#b9c9dd;font-size:.95rem}.social-form input,.social-form select,.social-form textarea,.settings-form input,.settings-form select{box-sizing:border-box;width:100%;min-height:44px;border:1px solid #4a6077;border-radius:8px;padding:.55rem .75rem;background:#0b182b;color:#f1f5f9;font:inherit}.social-form input[type=checkbox],.settings-form input[type=checkbox]{width:22px;min-height:22px;accent-color:#d6b16d}.social-form textarea{min-height:110px}.social-form button[type=submit]{min-height:48px}.social-page input:not([type=checkbox]){max-width:100%;box-sizing:border-box}
.settings-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.settings-form fieldset{min-width:0;display:grid;gap:.85rem}.settings-form legend{color:#f1d7a3;font-size:1.25rem;font-weight:700;padding:0 .5rem}.settings-form>button{min-height:50px}.settings-form>p{grid-column:1/-1}
.messages-layout{display:grid;grid-template-columns:minmax(210px,30%) minmax(0,1fr);gap:1rem}.message-thread{min-width:0}.message-thread .chat-feed{max-height:50vh}.message-thread .social-form{margin-top:1rem}.profile-clubs{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.social-profile-actions{padding:.75rem 0;border-top:1px solid #30425a}.social-profile-actions>p{width:100%}
@media(max-width:760px){.social-page{padding:.8rem}.club-hero{display:block;min-height:0}.club-crest{width:68px;height:68px;font-size:3rem;margin-bottom:1rem}.social-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.social-tabs button{min-width:0;font-size:.87rem;padding:.55rem .3rem;min-height:46px}.settings-form,.messages-layout{grid-template-columns:1fr}.social-row>*{min-width:0}.social-row button{flex:1}.social-dialog{padding:1rem}.club-content{padding:1rem}}
.hide-legal .square.legal::after,.hide-legal .square.legal::before{display:none!important}
.hide-last .square.last,.hide-last .preview-cell.last{box-shadow:none!important;filter:none!important}
.square.last-from,.preview-cell.last-from,.legend-tournament-board .lt-board-square.last-from{box-shadow:inset 0 0 0 2px #9decd1aa,inset 0 0 14px #68dcb591,inset 0 0 0 999px #5ad8ae4d}
.square.last-to,.preview-cell.last-to,.legend-tournament-board .lt-board-square.last-to{box-shadow:inset 0 0 0 2px #c2ffe9e5,inset 0 0 19px #86f4c9bc,inset 0 0 0 999px #62e7b976}
.square.last-to.check,.preview-cell.last-to.check{box-shadow:inset 0 0 0 2px #c2ffe9e5,inset 0 0 16px #f1a6a099,inset 0 0 0 999px #cd817c55}
.square.premove-from{box-shadow:inset 0 0 0 4px #5fe7eb,inset 0 0 24px #37d3ee88}
.square.premove-to{box-shadow:inset 0 0 0 999px #40c9d46b,inset 0 0 0 4px #9afaff}
.square.premove-to.legal:after{background:#eaffff;border-color:#eaffff}
.hide-last .square.last-from,.hide-last .square.last-to,.hide-last .preview-cell.last-from,.hide-last .preview-cell.last-to,.hide-last .lt-board-square.last-from,.hide-last .lt-board-square.last-to{box-shadow:none!important}
.hide-last .square.premove-from{box-shadow:inset 0 0 0 4px #5fe7eb,inset 0 0 24px #37d3ee88!important}
.hide-last .square.premove-to{box-shadow:inset 0 0 0 999px #40c9d46b,inset 0 0 0 4px #9afaff!important}
.hide-check .square.check,.hide-check .preview-cell.check{box-shadow:none!important;filter:none!important}