.recording-status.svelte-1jrhf4a{margin:.25rem 0 .75rem}.recording-summary.svelte-1jrhf4a{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:.75rem;font-weight:700;display:flex}.recording-live.svelte-1jrhf4a{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:#b3261e;padding:.1rem .45rem;font-size:.75rem}.recording-button.svelte-1jrhf4a{border:1px solid var(--aoe-border-soft);background:var(--aoe-surface);color:var(--aoe-rich-brown);font:inherit;cursor:pointer;padding:.2rem .6rem;font-size:.8rem;text-decoration:none}.recording-button.svelte-1jrhf4a:hover,.recording-button.svelte-1jrhf4a:focus-visible{background:var(--aoe-button-hover-warm);color:var(--aoe-button-hover-text)}.recording-tabs.svelte-1jrhf4a{border-bottom:1px solid var(--aoe-border-soft);gap:.25rem;margin-bottom:.75rem;display:flex}.recording-tabs.svelte-1jrhf4a button:where(.svelte-1jrhf4a){color:var(--aoe-ink);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:.4rem .9rem;font-weight:700}.recording-tabs.svelte-1jrhf4a button.active:where(.svelte-1jrhf4a){border-bottom-color:var(--aoe-rich-brown)}.recording-players.svelte-1jrhf4a{flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem;display:flex}.recording-player.svelte-1jrhf4a{border:1px solid var(--aoe-border-soft);background:var(--aoe-surface);color:var(--aoe-ink);font:inherit;cursor:pointer;align-items:center;gap:.35rem;padding:.25rem .55rem;display:inline-flex}.recording-player.active.svelte-1jrhf4a{border-color:var(--aoe-rich-brown);box-shadow:inset 0 0 0 1px var(--aoe-rich-brown);font-weight:700}.player-dot.svelte-1jrhf4a{border-radius:50%;width:.6rem;height:.6rem}.player-flag.svelte-1jrhf4a{width:1.4rem;height:1.4rem}.player-won.svelte-1jrhf4a{background:var(--aoe-rich-brown);color:#fff;padding:0 .3rem;font-size:.7rem;font-weight:700}.recording-kinds.svelte-1jrhf4a{flex-wrap:wrap;gap:.25rem 1rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.recording-kinds.svelte-1jrhf4a label:where(.svelte-1jrhf4a){cursor:pointer;align-items:center;gap:.3rem;display:inline-flex}.build-order.svelte-1jrhf4a{border:1px solid var(--aoe-border-soft);max-height:60vh;margin:0;padding:0;list-style:none;overflow-y:auto}.build-order.svelte-1jrhf4a li:where(.svelte-1jrhf4a){border-bottom:1px solid var(--aoe-border-light);grid-template-columns:3.5rem 2rem minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.2rem .5rem;display:grid}.build-order.svelte-1jrhf4a li:where(.svelte-1jrhf4a):last-child{border-bottom:0}.step-time.svelte-1jrhf4a{color:var(--aoe-muted-brown-strong);font-variant-numeric:tabular-nums}.step-icon.svelte-1jrhf4a{width:2rem;height:2rem}.step-count.svelte-1jrhf4a{font-weight:700}.aoe-recording-modal.bx--modal.is-visible{background:var(--aoe-modal-overlay)}.aoe-recording-modal .bx--modal-container{background:linear-gradient(180deg, var(--aoe-modal-bg-start) 0%, var(--aoe-modal-bg-end) 100%);border:var(--aoe-frame-border);box-shadow:0 10px 28px var(--aoe-shadow-color);color:var(--aoe-text-dark)}.aoe-recording-modal .bx--modal-header{background:var(--aoe-modal-header-bg);border-bottom:1px solid var(--aoe-border-light);padding:.75rem 1rem}.aoe-recording-modal .bx--modal-header__heading{text-shadow:0 1px 1px var(--aoe-text-shadow-dark);font-weight:700;color:var(--aoe-header-hover-text)!important}.aoe-recording-modal .bx--modal-close{background:var(--aoe-modal-close-bg);color:var(--aoe-modal-close-text)}.aoe-recording-modal .bx--modal-close:hover,.aoe-recording-modal .bx--modal-close:focus-visible{background:var(--aoe-modal-header-bg);color:var(--aoe-modal-close-hover-text)}.aoe-recording-modal .bx--modal-close svg,.aoe-recording-modal .bx--modal-close path{fill:currentColor}.aoe-recording-modal .bx--modal-content{color:var(--aoe-ink);background:0 0;padding:1rem}