.room-scroll{overflow:auto;border:1px solid var(--border);border-radius:16px;background:#130f20}.room-canvas{position:relative;width:100%;min-width:680px;height:850px;background:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:34px 34px}.room-zone{position:absolute;border:2px solid #547784;border-radius:10px;background:#193039;padding:8px;display:flex;flex-direction:column;min-height:0}.room-zone.stage{background:#442442;border-color:#c37cb9}.room-zone.neutral{background:#292831;border-color:#777380}.room-zone.selected{outline:3px solid var(--green);outline-offset:2px}.room-zone-title{margin:0 0 7px;font-size:14px;font-weight:bold;line-height:1.2;color:var(--text);overflow-wrap:anywhere}.room-zone button.room-zone-title{background:transparent;border:0;padding:0;text-align:left;cursor:grab;touch-action:none}.room-people{display:flex;gap:5px;flex-wrap:wrap;overflow:auto;align-content:flex-start;min-height:0}.room-person{width:47px;text-align:center;flex-shrink:0}.room-person .avatar{width:34px;height:34px;margin:auto;border-radius:9px}.room-person img{width:100%;height:100%;object-fit:contain;border-radius:inherit}.room-person small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.room-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#room-editor{margin-top:24px}#room-editor input,#room-editor select{min-width:0}@media(max-width:600px){.room-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
.room-canvas{min-width:0}.room-zone-title{font-size:clamp(11px,2.5vw,14px)}@media(max-width:600px){.room-canvas{height:1000px}.room-zone{padding:5px}.room-person{width:37px}.room-person .avatar{width:30px;height:30px}}
.room-resize{position:absolute;right:1px;bottom:1px;width:28px;height:28px;border:0;border-radius:6px;background:#ffffff22;color:white;cursor:nwse-resize;touch-action:none}.room-zone:has(.room-resize){padding-bottom:28px}.tile.purple{--tile-bg:#322044;--tile-border:#a67cce;--tile-shadow:#62418a;--tile-color:#ecdaff}#room-move{margin-top:20px}
.room-person.draggable{cursor:grab;touch-action:none;user-select:none}.room-person.draggable img{pointer-events:none;-webkit-user-drag:none}.room-drag-ghost{position:fixed;transform:translate(-50%,-50%);pointer-events:none;z-index:10000;background:#30203f;border:2px solid #adff2f;border-radius:10px;padding:5px;width:60px;box-shadow:0 5px 20px #0008}.room-drag-ghost img{width:34px;height:34px;object-fit:contain}.room-zone.drop-target{outline:4px solid #adff2f;background:#355328}
.room-people{display:grid;flex:1;gap:0;overflow:hidden;min-width:0;align-content:start;align-items:start;justify-items:center}.room-people .room-person{width:min(100%,var(--person-size,47px));height:var(--person-size,47px);min-width:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0}.room-people .room-person .avatar{width:calc(var(--person-size,47px)*.67);height:calc(var(--person-size,47px)*.67);min-width:0;min-height:0;flex-shrink:0;border-radius:20%;font-size:calc(var(--person-size,47px)*.3);margin:0}.room-people .room-person small{width:100%;font-size:min(10px,calc(var(--person-size,47px)*.22));line-height:1.2}.room-zone-title{flex-shrink:0}.room-zone button.room-zone-title{cursor:pointer;touch-action:auto}.room-zone button.room-edit-title{cursor:grab;touch-action:none}.room-details-dialog{width:min(640px,calc(100vw - 32px));max-height:85vh;overflow:auto;background:#21162f;color:var(--text);border:1px solid var(--border);border-radius:16px;padding:24px}.room-details-dialog::backdrop{background:#090514bb}.room-details-dialog section+section{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.room-details-dialog h2{margin:0}.room-details-dialog p{line-height:1.6}