.socialPanel{margin-top:18px}.socialGrid{display:grid;grid-template-columns:1fr 1.3fr 1.2fr;gap:22px}.socialGrid>section{min-width:0}.socialGrid h2{font-size:20px}.socialGrid .muted{font-size:11px;line-height:1.6;margin:15px 0 0}.personRow{display:flex;flex-wrap:wrap;align-items:center;gap:7px;border:1px solid #48523b;border-radius:7px;background:#142219;padding:10px;margin:7px 0}.personRow>div{flex:1;min-width:100px}.personRow strong{font-size:12px}.personRow small{display:block;color:#acc7b4;font-size:10px}.personRow button{padding:6px 8px;font-size:10px}.personTag{font-size:10px;color:#b5eac6}.friendSearch{display:flex;gap:7px;flex-wrap:wrap}.friendSearch input{min-width:150px;flex:1;font-size:12px}.friendSearch button{font-size:11px}#friendList>h3{font-size:12px;margin:16px 0 7px;color:#d8c395}#rankingFormat{padding:7px;min-height:34px;font-size:12px}#rankingMine{margin:12px 0;color:#eacf98;font-size:12px}.rankRow{display:grid;grid-template-columns:27px 1fr auto;gap:6px;padding:10px 0;border-bottom:1px solid #4a422e;align-items:center;font-size:11px}.rankRow strong{overflow-wrap:anywhere}.rankRow b{color:#efcc86}.rankRow small{grid-column:2/-1;font-size:10px;color:#afa68d}.roomControls>label:has(select){min-width:180px}.roomControls select{min-height:34px;font-size:12px;padding:7px}.spectatorHand{padding:12px;margin:0;color:#c6bfab;font-size:12px}.spectating #hand{min-height:40px!important}.spectating .playerBar.activeTurn{border-left-color:#dec584!important}.spectating #handSizeButton{display:none}.spectating #ok,.spectating #concede{display:none!important}
@media(max-width:1100px){.socialGrid{grid-template-columns:1fr 1fr}.socialGrid>section:last-child{grid-column:1/-1}}@media(max-width:650px){.socialGrid{grid-template-columns:1fr}.socialGrid>section:last-child{grid-column:auto}.socialPanel{padding:15px}.friendSearch{flex-direction:column}}

@media(max-width:560px){.spectating #table .enemyRow::before{content:'GIOCATORE 2'}.spectating #table .ownRow::before{content:'GIOCATORE 1'}}