/* Your Other World v1.10.1 — selected in-game message is displayed beside the phone. */
.phone-inline-layout { grid-template-columns:minmax(280px,440px) minmax(0,1fr); gap:22px; align-items:start; }
.phone-inline-layout > *, .phone-right-rail {min-width:0;}
.phone-right-rail { display:grid; gap:18px; align-content:start; }
.phone-detail-slot { min-height:270px; scroll-margin-top:130px; }
.phone-detail-card { max-width:none; width:100%; }
.phone-detail-card .message-fullbody { white-space:normal; }
.phone-inline-layout .phone-empty { min-height:275px; display:flex; flex-direction:column; justify-content:center; }
.phone-inline-layout .phone-empty h2 { margin:10px 0 16px; }
.phone-inline-layout .phone-frame { min-height:490px; }
.phone-inline-layout .inbox { max-height:540px; }
.phone-inline-layout .message-link.is-selected {background:#4c336654;border-left:3px solid #c88bff;padding-left:6px;}
.phone-inline-layout .message-link.is-selected .message-preview strong {color:#fff;}
.phone-inline-layout .reply-actions {display:flex; flex-wrap:wrap; gap:10px;}
.phone-inline-layout .reply-actions .button {padding:10px 14px; min-height:44px; font-size:10px;}
.phone-inline-layout .contacts-panel {margin:0;}
.phone-inline-layout .phone-detail-slot.is-loading {opacity:.68;}
.topnav .navlink.is-active {color:#fff;}
@media(max-width:900px){.phone-inline-layout{grid-template-columns:minmax(0,1fr);} .phone-inline-layout .phone-frame{width:100%;min-height:0;} .phone-inline-layout .inbox{max-height:400px;} .phone-inline-layout .phone-detail-slot{scroll-margin-top:155px;} }
@media(max-width:580px){.phone-inline-layout{gap:18px;} .phone-inline-layout .reply-actions{flex-direction:column;} .phone-inline-layout .reply-actions .button{width:100%;} }