.living-status{position:absolute;z-index:14;top:90px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;width:max-content;max-width:min(330px,calc(100% - 32px));padding:9px 13px;border:1px solid #a4bac249;border-radius:6px;background:#102b3cde;box-shadow:0 5px 18px #00152030;text-align:left;color:#dae6df;backdrop-filter:blur(6px);cursor:pointer;min-height:46px}.living-status strong{display:block;font:600 12px/1.2 Arial,sans-serif}.living-status small{display:block;font:10px/1.3 Arial,sans-serif;color:#a9c3c5;margin-top:4px}.living-symbol{font-size:27px;line-height:1;color:#98c9dc}.living-info{margin-left:10px;border:1px solid #b6d2cf66;border-radius:50%;width:15px;height:15px;font:10px/14px Georgia,serif;text-align:center;flex:none}.living-status.calm{opacity:.8;min-height:36px;padding:6px 11px}.living-status.calm small{display:none}.living-status.warning{border-color:#e6bc7077;background:#3c3828eb}.living-status.warning .living-symbol{color:#ebc785}.living-status.active{border-color:#95c4d588}.living-dialog{width:min(430px,calc(100vw - 24px));max-height:calc(100dvh - 30px);overflow:auto}.living-kicker{font-size:10px;letter-spacing:2px;color:#b6c09e}.living-dialog p{font:13px/1.6 Arial,sans-serif;color:#b9ccc4}.living-dialog .living-current{padding:14px;background:#c8b8850c;border-left:2px solid #c8b885;color:#e4d7b8}.living-current small{font-size:11px;color:#a9c1b8}.living-dialog .living-fairness{font-size:11px;color:#91aa9f}.living-dialog .dialog-primary{width:100%}.lobby-theater>img{width:160px;max-width:40%;height:110px;object-fit:cover;border-radius:5px}.theater-preview:has(>img){align-items:center}
.living-status{left:auto;right:26px;transform:none}
@media(max-width:1100px){.living-status{top:calc(var(--hud-height,60px) + 69px);left:10px;right:auto;max-width:calc(100% - 80px);padding:7px 10px}.living-status strong{font-size:11px}.living-status small{font-size:9px}.living-status.calm{max-width:230px}.living-symbol{font-size:23px}.lobby-theater>img{width:120px;height:95px}body:not([data-mobile-panel=battle]) .living-status{display:none}}
@media(max-height:500px){.living-status{top:calc(var(--hud-height,52px) + 66px);padding:5px 9px;min-height:32px}.living-status strong{font-size:10px}.living-status small{margin-top:2px}.living-status.calm .living-symbol{font-size:19px}}
