.live { display: flex; flex-direction: column; align-items: center; gap: 8px; margin: 2px 0 14px; }
.live-stage { position: relative; image-rendering: pixelated; }
.live-gui { position: absolute; left: 0; top: 0; }
.live-chest { display: block; image-rendering: pixelated; user-select: none; -webkit-user-drag: none; }
.live-slots { position: absolute; inset: 0; }
.live-slot { position: absolute; padding: 0; margin: 0; border: 0; background: transparent; cursor: default; outline: none; -webkit-tap-highlight-color: transparent; }
.live-slot.act { cursor: pointer; }
.live-slot i { position: absolute; display: none; pointer-events: none; background: url(live/mc/textures/gui/sprites/container/slot_highlight_front.png) 0 0 / 100% 100% no-repeat; image-rendering: pixelated; }
.live-slot:hover i, .live-slot:focus-visible i, .live-slot.on i { display: block; }
.live-tip { position: fixed; z-index: 2100; pointer-events: none; image-rendering: pixelated; display: none; }
.live-tip.show { display: block; }
.live-tip.sheet { left: 50%; bottom: 12px; transform: translateX(-50%); }
.live-hud { position: fixed; display: flex; flex-direction: column; align-items: flex-start; gap: 0; pointer-events: none; z-index: 2050; }
.live-chat, .live-action { line-height: 0; transition: opacity .5s ease; }
.live-chat img, .live-action img, .live-title img { image-rendering: pixelated; display: block; }
.live-action { align-self: center; margin-top: 2px; }
.live-chat.fade { opacity: 0; }
.live-title { position: absolute; top: 34%; z-index: 4; display: flex; flex-direction: column; align-items: center; gap: 6px; pointer-events: none; opacity: 0; transition: opacity .3s ease; }
.live-title.show { opacity: 1; }
.live-closed { position: absolute; inset: 0; display: none; align-items: center; justify-content: center; }
.live-closed.show { display: flex; }
.live-closed button, .live-reset { font-family: var(--mono); font-size: 0.72rem; color: var(--text); background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius-sm); padding: 7px 12px; cursor: pointer; }
.live-closed button:hover, .live-reset:hover { border-color: var(--accent); }
.live-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; max-width: 528px; }
.live-hint { font-family: var(--mono); font-size: 0.66rem; color: var(--muted); }
.live-btns { display: flex; gap: 6px; }
.live-sign { position: absolute; left: 50%; top: 18%; transform: translateX(-50%); width: min(320px, 92%); padding: 14px 16px; background: #a0763f; border: 4px solid #6b4a22; box-shadow: inset 0 0 0 2px #b88b4f; display: flex; flex-direction: column; align-items: center; gap: 6px; image-rendering: pixelated; }
.live-sign input { width: 100%; text-align: center; background: transparent; border: 0; border-bottom: 1px dashed rgba(0,0,0,.35); font-family: var(--mono); font-size: 1rem; color: #000; outline: none; }
.live-sign-row { min-height: 12px; line-height: 0; }
.live-sign-done { position: absolute; left: 50%; top: calc(18% + 150px); transform: translateX(-50%); font-family: var(--mono); font-size: 0.72rem; color: var(--text); background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--radius-sm); padding: 7px 14px; cursor: pointer; }
.live-actions { display: flex; flex-direction: column; gap: 6px; align-items: center; }
.live-actrow { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; }
.live-reset.on { border-color: var(--accent); color: var(--accent); }
.live-reset:disabled { opacity: .45; cursor: default; }
.live-actinfo { font-family: var(--mono); font-size: 0.7rem; color: var(--muted); align-self: center; padding: 0 4px; }
.live-closed { flex-direction: column; gap: 10px; }
.live-closedtext { font-family: var(--mono); font-size: 0.74rem; color: var(--muted); }
.live-chatin { position: absolute; left: 2px; right: 2px; bottom: 2px; background: rgba(0,0,0,.55); padding: 3px 6px; }
.live-chatin input { width: 100%; background: transparent; border: 0; outline: none; color: #fff; font-family: var(--mono); font-size: .9rem; caret-color: #fff; }
.live-below { line-height: 0; }
.live-below canvas { image-rendering: pixelated; max-width: 100%; }
.live-text { max-width: 100%; height: auto; }
.live-cover { position: absolute; display: none; pointer-events: none; background: #8b8b8b; }
.live-slot.lifted .live-cover { display: block; }
.live-held { position: fixed; z-index: 2200; pointer-events: none; image-rendering: pixelated; display: none; }
.live-held.show { display: block; }
.live-try { margin: 4px 0 10px; text-align: center; font-family: var(--mono); font-size: 0.78rem; color: var(--accent); }
.live-action { opacity: 0; transition: opacity .6s ease; }
.live-action.show { opacity: 1; transition: none; }
.live-foot { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; }
.live-foot .live-actions { flex-direction: row; }
.pk-card--expandable.expanded.pk-fit { max-height: 97vh; }
.live-signui { position: absolute; inset: 0; z-index: 5; background: rgba(0, 0, 0, 0.62); display: flex; justify-content: center; cursor: text; }
.live-signui canvas { display: block; image-rendering: pixelated; }
.live-signin { position: absolute; left: 0; top: 0; width: 1px; height: 1px; opacity: 0; border: 0; padding: 0; }
.live-signok { position: absolute; padding: 0; border: 0; background: transparent; cursor: pointer; }