.game-liveblog { --game-liveblog-accent: var(--e-global-color-primary, currentColor); color: inherit; font: inherit; margin-block: 1.5em; }
.game-liveblog-status { display: inline-flex; align-items: center; gap: .5em; font-weight: 700; font-size: .85em; }
.game-liveblog-status::before { content: ''; width: .6em; height: .6em; border-radius: 50%; background: currentColor; }
.game-liveblog[data-state="live"] .game-liveblog-status { color: var(--game-liveblog-accent); }
.game-liveblog > header h2 { margin-block: .5em 1em; }
.game-liveblog-update { border-inline-start: 2px solid var(--game-liveblog-accent); padding-inline-start: 1.25em; margin-block: 1.5em; overflow-wrap: anywhere; }
.game-liveblog-update time { display: block; font-size: .95em; font-weight: 600; opacity: .9; }
.game-liveblog-update h3 { margin-block: .4em .75em; }
.game-liveblog-body > :last-child { margin-block-end: 0; }
.game-liveblog-body { display: flow-root; }
.game-liveblog-body img, .game-liveblog-body video { max-width: 100%; height: auto; }
.game-liveblog-refresh { font: inherit; cursor: pointer; }
.game-liveblog-refresh.has-updates { outline: 2px solid var(--game-liveblog-accent); outline-offset: 3px; }
.game-liveblog-message { font-size: .9em; }
.game-liveblog-message:empty { display: none; }
.editor-styles-wrapper .game-liveblog { padding: 1em; border: 1px dashed currentColor; }
.game-liveblog-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1em; }
.game-liveblog-header h2 { margin: 0; }
.game-liveblog-toolbar { display: flex; flex-direction: column; align-items: flex-end; gap: .5em; flex-shrink: 0; }
.game-liveblog-controls { display: flex; gap: 6px; }
.game-liveblog .game-liveblog-controls button { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; min-width: 28px; min-height: 28px; padding: 4px; border: 1px solid currentColor; border-radius: 4px; background: transparent; color: inherit; line-height: 1; cursor: pointer; }
.game-liveblog-controls button svg { display: block; width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.game-liveblog-controls button:hover { opacity: .75; }
.game-liveblog-controls button:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.game-liveblog-auto[data-playing="true"] .game-liveblog-play-icon, .game-liveblog-auto[data-playing="false"] .game-liveblog-pause-icon { display: none; }
.game-liveblog-controls button:disabled { cursor: wait; opacity: .6; }
.game-liveblog-refresh.is-refreshing svg { animation: game-liveblog-spin .8s linear infinite; }
.game-liveblog-author { display: block; font-size: .85em; margin-block-start: .2em; opacity: .8; }
.game-liveblog-author a { color: inherit; text-decoration: none; }
.game-liveblog-author a:hover { text-decoration: underline; }
.game-liveblog-author a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.game-liveblog-status { padding: 4px 9px; border-radius: 4px; font-size: 11px; line-height: 1.4; }
.game-liveblog[data-state="live"] .game-liveblog-status { background: #d82030; color: #fff; animation: game-liveblog-pulse 1.8s ease-in-out infinite; }
@keyframes game-liveblog-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .4; } }
@keyframes game-liveblog-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .game-liveblog[data-state="live"] .game-liveblog-status, .game-liveblog-refresh.is-refreshing svg { animation: none; } }
.game-liveblog-update.is-latest { border-inline-start-width: 4px; padding: 1em 1.25em; background: rgba(128, 128, 128, .08); background: color-mix(in srgb, var(--game-liveblog-accent) 6%, transparent); border-radius: 0 6px 6px 0; }
.game-liveblog-latest-label { display: block; width: fit-content; margin-block-end: .7em; color: var(--game-liveblog-accent); font-size: .75em; font-weight: 700; letter-spacing: .03em; }
.game-liveblog .game-liveblog-link { display: block; width: fit-content; max-width: 100%; box-sizing: border-box; margin-block-start: 1em; margin-inline-start: auto; margin-inline-end: 0; padding: .5em 1em; border: 1px solid var(--game-liveblog-accent); border-radius: 4px; background: transparent; color: var(--game-liveblog-accent); font: inherit; font-weight: 600; text-decoration: none; }
.game-liveblog .game-liveblog-link:hover { text-decoration: underline; }
.game-liveblog .game-liveblog-link:focus-visible { outline: 2px solid var(--game-liveblog-accent); outline-offset: 3px; }
.game-liveblog[data-paused="true"] .game-liveblog-status { animation: none; opacity: 1; }
.game-liveblog-actions { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; gap: .6em; margin-block-start: 1em; }
.game-liveblog-actions:empty { display: none; }
.game-liveblog .game-liveblog-actions .game-liveblog-link { display: inline-block; margin: 0; cursor: pointer; }
.game-liveblog-body [hidden] { display: none !important; }
.game-liveblog-entries > .game-liveblog-update { display: grid; grid-template-columns: 140px minmax(0, 1fr); gap: 1.25em; border: 0; padding: 0; background: none; border-radius: 0; }
.game-liveblog-update .game-liveblog-date { grid-column: 1; margin: 0; padding-block-start: .6em; opacity: 1; }
.game-liveblog-clock { display: block; font-size: 1.8em; font-weight: 700; line-height: 1.2; font-variant-numeric: tabular-nums; }
.game-liveblog-day { display: block; margin-block-start: .35em; font-size: .85em; font-weight: 400; }
.game-liveblog-content { grid-column: 2; min-width: 0; border-inline-start: 2px solid var(--game-liveblog-accent); padding: .6em 0 .6em 1.25em; }
.game-liveblog-update.is-latest .game-liveblog-content { border-inline-start-width: 4px; padding: 1em 1.25em; background: rgba(128,128,128,.08); background: color-mix(in srgb, var(--game-liveblog-accent) 6%, transparent); border-radius: 0 6px 6px 0; }
.game-liveblog-content > .game-liveblog-latest-label { margin-inline-start: auto; text-align: right; }
.game-liveblog-footer { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 1em; margin-block-start: 1em; }
.game-liveblog-footer .game-liveblog-author { margin: 0; }
.game-liveblog-footer .game-liveblog-actions { margin: 0 0 0 auto; }
@media (max-width: 600px) { .game-liveblog-entries > .game-liveblog-update { grid-template-columns: minmax(0,1fr); gap: .75em; } .game-liveblog-content { grid-column: 1; } .game-liveblog-clock { font-size: 1.6em; } }
.game-liveblog .game-liveblog-preview { display: block; width: 100%; min-height: 0; margin: .75em 0 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: inherit; font: inherit; text-align: start; cursor: pointer; }
.game-liveblog-preview-text { display: block; line-height: 1.6; max-height: 2.4em; overflow: hidden; -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 25%, transparent 100%); mask-image: linear-gradient(to bottom, #000 0%, #000 25%, transparent 100%); }
.game-liveblog .game-liveblog-preview:focus-visible { outline: 2px solid var(--game-liveblog-accent); outline-offset: 4px; }