.shared-lobby{flex-direction:column;flex:1;gap:.5rem;min-width:0;min-height:0;display:flex}.shared-lobby-toolbar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:1.25rem 1.6rem;display:flex}.shared-lobby-title,.shared-lobby-controls,.shared-lobby-group{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.shared-lobby-title h1{font-size:2rem;line-height:1.15}.shared-lobby-title .hw-close{border-radius:50%;width:1.8rem;height:1.8rem}.shared-lobby-controls{gap:.75rem}.shared-lobby-controls>.shared-lobby-group+.shared-lobby-group{border-left:1px solid #8aa6bb30;padding-left:.75rem}.shared-lobby .hw-btn{min-height:2.5rem;padding:.5rem .75rem;font-size:.8rem}.shared-lobby-controls .hw-readout{min-height:0;padding:.4rem .65rem}.shared-lobby-controls .hw-readout-label{font-size:.6rem}.shared-lobby-controls .hw-readout-value{font-size:1.15rem}.shared-lobby-arena{flex:1;min-height:12rem;display:flex}.shared-lobby-stage{flex:1;justify-content:space-between;align-items:center;gap:2rem;min-height:0;padding:1.75rem 3rem;display:flex}.shared-lobby-center{text-align:center;width:min(100%,56rem);min-width:0;margin:auto}.shared-lobby-center h2{margin:.65rem 0;font-size:3.5rem;line-height:1.1}.shared-lobby-description{color:var(--hw-text-dim);max-width:46rem;margin:auto;font-size:1rem}.shared-lobby-meter{flex-shrink:0;width:2rem;height:70%;min-height:8rem;max-height:20rem}.shared-lobby-stats{border-top:1px solid #8aa6bb30;grid-template-columns:repeat(3,minmax(0,1fr));margin:1.25rem auto 0;padding-top:.75rem;display:grid}.shared-lobby-stats .hw-readout{box-shadow:none;background:0 0;border:0;border-radius:0;min-height:0;padding:.25rem .75rem}.shared-lobby-stats .hw-readout+.hw-readout{border-left:1px solid #8aa6bb30}.shared-lobby-stats .hw-readout-value{font-size:1.7rem}.shared-lobby-channels{flex-direction:column;flex:0 auto;gap:.5rem;min-height:0;display:flex}.shared-lobby-channel-heading{color:var(--hw-text-dim);justify-content:space-between;padding-inline:.5rem;font-size:.75rem;display:flex}.shared-lobby .shared-lobby-grid{--pta-medallion:2.8rem;flex:0 auto;grid-template-rows:none;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:5.8rem;gap:.5rem;max-height:24rem;padding:.15rem;overflow:auto}.shared-lobby-player{min-width:0;position:relative}.shared-lobby-player .pta-slot{gap:.65rem;height:100%;padding:.6rem 3rem .6rem .7rem}.shared-lobby-player>.relative{position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.shared-lobby-player .shared-lobby-actions{width:1.9rem;height:1.9rem}.shared-lobby-player .pta-slot-info{min-width:0}.shared-lobby-player .pta-slot-info>div:first-child{flex-wrap:wrap;row-gap:.1rem}.shared-lobby-player .pta-slot-name{max-width:100%;font-size:.9rem}.shared-lobby-player .pta-slot-status{padding:.15rem .5rem;font-size:.55rem;line-height:1.2}.shared-lobby-player .pta-slot .rounded-full.border{padding:.15rem .5rem;font-size:.55rem}.shared-lobby-player .pta-slot .hw-chip{font-size:.55rem}.shared-lobby-footer{min-width:0;max-width:100%;color:var(--hw-text-dim);flex-wrap:wrap;flex:none;justify-content:flex-start;align-self:stretch;align-items:center;gap:.75rem;margin-bottom:12px;padding:0;font-size:.75rem;display:flex}.shared-lobby-footer .hw-readout{align-items:center;gap:.5rem;min-height:0;padding:.25rem .5rem;display:flex}.shared-lobby-footer .hw-readout-value{font-size:1rem}.shared-lobby-footer .pta-reason{margin:0}.shared-lobby-footer>label{align-items:center;gap:.5rem;font-size:.65rem;display:flex}.shared-lobby-footer .pta-chat{max-width:100%;margin:0 0 0 auto;padding:0;position:relative;inset:auto}.shared-lobby-footer .hw-btn{min-height:2.5rem;padding:.5rem .75rem}.shared-lobby-footer select{width:6rem;min-height:2rem;margin-left:.5rem;padding:.25rem;font-size:.75rem}.shared-lobby .pta-chat{z-index:40;max-width:none;padding:0;position:relative;inset:auto}.shared-lobby .pta-chat-panel{width:min(24rem,100vw - 3rem);max-height:min(32rem,70dvh);position:absolute;top:calc(100% + .75rem);right:0;overflow:auto}.shared-lobby-dialog .pta-settings-grid{gap:1rem;padding:.5rem;overflow:visible}.shared-lobby-dialog :is(input,select){min-width:0;max-width:100%}.shared-lobby-dialog .pta-field .hw-input{width:100%}.shared-lobby-dialog .layers-role-mode{gap:.5rem;display:flex}.shared-lobby-done{margin:1.5rem 0 0 auto;display:flex}.shared-lobby-rules{color:var(--hw-text-dim);line-height:1.8}@media (min-width:1280px) and (max-height:1000px){.shared-lobby-toolbar{padding:.9rem 1.25rem}.shared-lobby-center h2{font-size:2.75rem}.shared-lobby-stage{padding:1rem 2rem}.shared-lobby .shared-lobby-grid{grid-auto-rows:5.2rem;max-height:21.5rem}.shared-lobby-stats{margin-top:.75rem}}@media (max-width:1279px){.shared-lobby-arena{min-height:18rem}.shared-lobby .shared-lobby-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:24rem}.shared-lobby-center h2{font-size:2.25rem}.shared-lobby-controls>.shared-lobby-group+.shared-lobby-group{border:0;padding:0}}@media (max-width:600px){.shared-lobby-title h1{font-size:1.6rem}.shared-lobby-toolbar{padding:1.25rem}.shared-lobby-stage{gap:.75rem;padding:1.5rem 1rem}.shared-lobby-meter{width:.65rem}.shared-lobby-center h2{font-size:1.8rem}.shared-lobby-stats .hw-readout-value{font-size:1.2rem}.shared-lobby .shared-lobby-grid{grid-template-columns:minmax(0,1fr)}}.lobby-room-code{white-space:nowrap;align-items:center;gap:.5rem;display:inline-flex}:is(.shared-lobby-title,.layers-lobby-title)>.hw-btn{min-height:2.2rem;padding:.4rem .6rem;font-size:.75rem}@media (min-width:1280px) and (max-width:1439px){:is(.shared-lobby-title,.layers-lobby-title) h1{font-size:1.55rem}:is(.shared-lobby-toolbar,.layers-lobby-toolbar){padding-inline:1.1rem}:is(.shared-lobby-controls,.layers-lobby-controls){gap:.55rem}}.lobby-room-code-eye{color:inherit;opacity:.75;cursor:pointer;border-radius:.25rem;align-items:center;padding:.15rem;display:inline-flex}.lobby-room-code-eye:hover,.lobby-room-code-eye:focus-visible{opacity:1}.lobby-room-code-copy{color:inherit;font:inherit;opacity:.9;cursor:pointer;background:0 0;border:1px solid;border-radius:.25rem;padding:.2rem .5rem;font-size:.7rem}.lobby-room-code-copy:hover,.lobby-room-code-copy:focus-visible{opacity:1}
