.room-page{max-width:1380px;margin:auto}.room-page .page-heading{align-items:start;gap:18px}.room-page .page-heading .actions{flex-wrap:wrap;justify-content:flex-end}.room-pills{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.room-pills span{padding:8px 12px;border:1px solid #7586714d;border-radius:99px;background:#718b6a12;font-size:12px}.room-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px}.room-grid aside{min-width:0}.room-grid h2{font-size:15px;margin:0 0 18px}.room-member{display:grid;gap:7px;padding:14px 0;border-bottom:1px solid #ffffff14}.room-member span{overflow-wrap:anywhere;font-size:13px}.room-member small{font-size:11px;color:#b2b6ae}.room-inventory,.room-groups{display:flex;gap:7px;flex-wrap:wrap}.room-inventory span,.room-groups span{padding:6px 9px;background:#ffffff09;border-radius:7px;font-size:12px}.room-groups{margin-top:18px}.room-reading{min-width:0}.room-reading #room-status{background:#70856316;border:1px solid #809a6630;border-radius:14px;padding:18px;margin-bottom:20px;line-height:1.8}.room-reading p{line-height:1.95;overflow-wrap:anywhere}.room-round,.room-opening,.room-personal{background:#202521b3;border:1px solid #d6e4c318;border-radius:17px;padding:24px;margin:0 0 18px;box-shadow:0 18px 42px #0002}.room-round header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.room-round header span,.room-personal small{font-size:11px;color:#a1aa9b}.room-round details summary{cursor:pointer;padding:10px 0;color:#c6d0bc}.room-result{padding:14px 0;border-top:1px solid #ffffff16}.room-result p{margin:7px 0}.room-result small{color:#b7c9aa}.room-personal article{padding:15px 0;border-top:1px solid #ffffff14}.room-reading #room-action-form{display:grid;gap:12px;padding:20px;background:#263123;border:1px solid #8dab6550;border-radius:16px;position:sticky;bottom:16px}.room-reading #room-action-form[hidden]{display:none}.room-reading #room-action-form>div{display:flex;justify-content:space-between;gap:14px;align-items:center}.room-reading #room-action-form textarea{resize:vertical;min-height:96px;width:100%;font-size:15px;line-height:1.8}.room-reading #room-action-form small{font-size:12px;line-height:1.8;color:#b4c6a9}.room-work-select{display:flex;align-items:end;gap:14px;margin:24px 0}.room-work-select label{display:grid;gap:8px;flex:1}.room-work-select select{max-width:100%;min-width:0}.room-list{display:grid;gap:15px}.room-list article{display:flex;gap:18px;justify-content:space-between;align-items:center;padding:23px;background:#252b24;border:1px solid #d1dfc11e;border-radius:16px;min-width:0}.room-list article>div{min-width:0}.room-list h3{margin:0;overflow-wrap:anywhere}.room-list small{color:#aeba9f}.room-guide{padding:20px;border:1px solid #9aab7630;background:#9aab760c;border-radius:14px;line-height:1.9}.room-guide p{margin:0 0 10px}.room-role-editor{padding:13px 0;border-bottom:1px solid #ffffff12}.multiplayer-editor input[type=number]{min-width:0}.room-page .button{min-height:42px}
@media(max-width:760px){.room-grid{grid-template-columns:minmax(0,1fr);gap:16px}.room-grid>aside{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.room-grid>aside .panel{margin:0}.room-page .page-heading{display:block}.room-page .page-heading .actions{justify-content:flex-start;margin-top:17px}.room-reading #room-action-form{position:static;padding:14px}.room-round,.room-opening,.room-personal{padding:18px}.room-list article{align-items:start;flex-direction:column;padding:19px}.room-list .button{align-self:stretch}.room-work-select{display:grid;grid-template-columns:minmax(0,1fr)}.room-page h1{font-size:25px;overflow-wrap:anywhere}.room-reading #room-action-form>div{align-items:stretch;flex-direction:column}.room-page .actions .button{padding:9px 11px;font-size:12px}.room-pills span{font-size:11px}.room-grid #room-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.room-member span,.room-member small{overflow-wrap:anywhere}.room-page{padding-bottom:30px}}