.status-badges{position:absolute;z-index:40;top:0;right:0;pointer-events:none;--badge-size:42px}
.status-badges[hidden]{display:none}
.status-badge{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:var(--badge-size);height:var(--badge-size);overflow:hidden;border:1px solid #d8e2e799;border-radius:3px;background:color-mix(in srgb,var(--menu-color) 60%,transparent);box-shadow:1px 1px #0008;cursor:default;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
.status-badge[hidden]{display:none}
.status-badge-icon{display:block;flex:none;background-repeat:no-repeat;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none}
@supports (image-rendering:pixelated){.status-badge-icon{image-rendering:pixelated}}
.status-badge-sweep{position:absolute;inset:0;background:conic-gradient(transparent 0deg calc(360deg - var(--sweep,0deg)),rgb(0 0 0 / 55%) 0);pointer-events:none}
.status-badge-tip{position:absolute;z-index:1;top:0;left:0;box-sizing:border-box;padding:4px 10px;border:1px solid var(--line);border-radius:3px;background:var(--menu-color);box-shadow:2px 3px #0008;color:var(--text);font:15px/22px KctMenu,"GulimChe",sans-serif;width:max-content;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere;pointer-events:none}
.status-badge-tip[hidden]{display:none}
.app-screen .notice[data-badge-room]{max-width:var(--badge-room)}

.status-badge.locked{background:#2563ebd9}
.status-badge-ms{position:absolute;left:0;right:0;bottom:2px;text-align:center;color:#fff;font:700 calc(var(--badge-size) * 0.26)/1 KctMenu,"GulimChe",monospace;letter-spacing:-0.5px;text-shadow:1px 1px #000,-1px 0 #000;pointer-events:none;white-space:nowrap}