.game-result-timeline-card {
    align-self: center;
    width: min(336px, calc(100% - 28px));
    min-height: 72px;
    margin: 8px auto;
    overflow: hidden;
    border: 1px solid var(--border-secondary);
    border-radius: 16px;
    background: var(--game-panel-bg, var(--bg-secondary));
    color: var(--text-primary);
}
.game-result-timeline-summary {
    width: 100%;
    min-height: 72px;
    padding: 11px 12px;
    display: grid;
    grid-template-columns: 42px minmax(0,1fr) auto;
    align-items: center;
    gap: 10px;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}
.game-result-timeline-card:hover { border-color: color-mix(in srgb,var(--text-secondary) 55%,var(--border-secondary)); }
.game-result-timeline-summary:focus-visible { outline: 2px solid var(--accent-primary); outline-offset: -3px; }
.game-result-timeline-icon {
    --gp-strong: var(--accent-primary);
    --gp-card: var(--bg-tertiary);
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    border: 1px solid var(--game-border, var(--border-secondary));
    background: var(--game-cell-bg, var(--bg-tertiary));
    color: var(--text-secondary);
    font-size: 20px;
}
.game-result-timeline-icon .game-mark-tic { transform: scale(.8); }
.game-result-timeline-card:is(.is-win,.is-loss,.is-draw) .game-result-timeline-icon { color: var(--accent-primary); }
.game-result-timeline-copy { min-width: 0; display: grid; gap: 3px; }
.game-result-timeline-copy small { color: var(--text-secondary); font: 700 9px/1 Inter,sans-serif; letter-spacing: .05em; text-transform: uppercase; }
.game-result-timeline-copy strong { color: var(--text-primary); font: 750 14px/1.15 Inter,sans-serif; }
.game-result-timeline-copy>span { overflow: hidden; color: var(--text-secondary); font: 500 10.5px/1.2 Inter,sans-serif; text-overflow: ellipsis; white-space: nowrap; }
.game-result-timeline-open { display: flex; align-items: center; gap: 1px; color: var(--text-secondary); font: 700 9.5px/1 Inter,sans-serif; white-space: nowrap; }
.game-result-timeline-open i { font-size: 17px; transition: transform .18s ease; }
.game-result-timeline-summary[aria-expanded="true"] .game-result-timeline-open i { transform: rotate(90deg); }
.game-result-timeline-panel[hidden] { display: none; }
.game-result-timeline-panel {
    padding: 0 10px 10px;
    animation: game-result-inline-reveal .18s ease-out;
}
.game-result-timeline-board {
    padding: 12px;
    overflow: visible;
    border-top: 1px solid var(--border-muted);
    background: var(--game-panel-bg, var(--bg-tertiary));
    pointer-events: none;
}
.game-result-timeline-empty { min-height: 120px; display: grid; place-items: center; align-content: center; gap: 8px; color: var(--text-secondary); }
.game-result-timeline-empty i { font-size: 28px; }
.game-result-state {
    width: min(100%, 310px);
    margin: 0 auto;
    color: var(--text-primary);
}
.game-result-tic-tac-toe-board {
    width: min(230px,100%);
    height: auto;
    aspect-ratio: 1;
    margin: 0 auto;
}
.game-result-tic-tac-toe-board .cell { cursor: default; }
.game-result-live-board,
.game-result-reference-board {
    margin: 0 auto;
    pointer-events: none;
}
.game-result-state .connect4-board { width: min(290px,100%); height: auto; aspect-ratio: 7/6; }
.game-result-state .chess-board {
    width: min(270px,100%);
    height: auto;
    aspect-ratio: 1;
    border: 0;
    border-radius: 5px;
    --chess-light-square:#d8d1c2;
    --chess-dark-square:#4a433b;
}
.game-result-state .poison-candy-board { width: min(230px,100%); height: auto; aspect-ratio: 1; }
.game-result-state .connect4-cell,
.game-result-state .chess-cell,
.game-result-state .candy-cell { cursor: default; }
.game-result-wordle-board {
    height: auto;
    min-height: 0;
    padding: 0;
}
.game-result-wordle-board .wordle-grid-container {
    width: min(250px,100%);
    max-height: none;
    margin: 0 auto;
    overflow: visible;
}
.game-result-wordle-board .wordle-grid-wrapper {
    height: auto;
    max-height: none;
    overflow: visible;
}
.game-result-wordle-board .wordle-grid-wrapper::before,
.game-result-wordle-board .wordle-grid-wrapper::after { display: none; }
.game-result-wordle-board .wordle-grid {
    height: auto;
    min-height: 0;
    max-height: none;
    padding: 0;
    overflow: visible;
}
.game-result-wordle-board .wordle-cell {
    box-shadow: none !important;
}
.game-result-number-board { height: auto; padding: 0; }
.game-result-number-board .higher-lower-shell,
.game-result-number-board .number-duel-shell {
    height: auto;
    overflow: visible;
}
.game-result-number-board .higher-lower-shell.is-finished {
    grid-template-rows: auto auto;
    padding-bottom: 0;
}
.game-result-number-board .number-duel-shell { grid-template-rows: auto auto auto auto; }
.game-result-reference-board .reference-game-shell { width: min(100%,310px); }
.game-result-reference-board button { pointer-events: none; }
.conversation-share-game-result {
    --gp-strong: var(--accent-primary);
    --gp-card: var(--bg-tertiary);
    margin: 10px 7%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 1px solid var(--border-secondary);
    border-radius: 16px;
    background: var(--bg-secondary);
    color: var(--text-primary);
}
.conversation-share-game-result>header {
    display: grid;
    grid-template-columns: 42px minmax(0,1fr);
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
}
.conversation-share-game-mark { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; background: var(--bg-tertiary); color: var(--accent-primary); }
.conversation-share-game-result>header>div { min-width: 0; display: grid; gap: 3px; }
.conversation-share-game-result>header small { color: var(--text-secondary); font: 700 9px/1 Inter,sans-serif; letter-spacing: .05em; text-transform: uppercase; }
.conversation-share-game-result>header strong { font: 750 14px/1.15 Inter,sans-serif; }
.conversation-share-game-result>header span { color: var(--text-secondary); font: 500 10.5px/1.2 Inter,sans-serif; }
.conversation-share-game-result>.game-result-state { padding: 0 12px 13px; }
.conversation-share-game-result {
    --bg-input: var(--bg-tertiary);
    --border-primary: var(--text-secondary);
    --status-success: var(--accent-primary);
    --status-error: var(--text-secondary);
    --link-color: var(--text-secondary);
}
.conversation-share-preview[data-card-theme="default"] .conversation-share-game-result {
    --bg-primary: #0c0c0c; --bg-secondary: #171717; --bg-tertiary: #232323;
    --text-primary: #f0f0f0; --text-secondary: #929292; --border-secondary: #343434;
    --accent-primary: #f0f0f0;
    --bg-input: #181818; --border-primary: #1e1e1e; --status-success: #4ade80;
}
.conversation-share-preview[data-card-theme="default-light"] .conversation-share-game-result {
    --bg-primary: #faf5ec; --bg-secondary: #fffdf9; --bg-tertiary: #f1e8da;
    --text-primary: #23211c; --text-secondary: #8a7a63; --border-secondary: #d8cdbd;
    --accent-primary: #23211c;
    --bg-input: #ffffff; --border-primary: #ece2d1; --status-success: #2f9c6a;
}
.conversation-share-preview[data-card-theme="neon"] .conversation-share-game-result {
    --bg-primary: #0e1311; --bg-secondary: #141a18; --bg-tertiary: #18231d;
    --text-primary: #e8ede8; --text-secondary: #aab5ab; --border-secondary: #26322c;
    --accent-primary: #c8f26b;
    --bg-input: #202a25; --border-primary: #c8f26b; --status-success: #c8f26b;
    border-radius: 10px;
    font-family: ui-monospace,"JetBrains Mono",monospace;
}
.conversation-share-preview[data-card-theme="inkpaw"] .conversation-share-game-result {
    --bg-primary: #e8ddc6; --bg-secondary: #fffaf0; --bg-tertiary: #e2d2b6;
    --text-primary: #3a2d20; --text-secondary: #806f5b; --border-secondary: #c9b99d;
    --accent-primary: #a1402c;
    --bg-input: #f7f1e4; --border-primary: #a1402c; --status-success: #5f5748;
}
:is(.moment-card[data-theme="default"],.conversation-share-preview[data-card-theme="default"] .conversation-share-game-result) {
    --game-panel-bg:#0a0a0a;--game-border:#303030;--game-cell-bg:#151515;--game-cell-alt-bg:#292929;--game-text:#f0f0f0;--game-muted:#8a8a8a;--game-player-color:#f0f0f0;--game-opponent-color:#8a8a8a;--game-danger:#f87171;
    --game-mines-hidden-bg:#272727;--game-mines-hidden-border:#343434;--game-mines-open-bg:#141414;--game-mines-open-border:#202020;
    --game-checkers-square-light:#151515;--game-checkers-square-dark:#292929;--game-checkers-board-border:#303030;--game-checkers-player-piece:#eeeae0;--game-checkers-player-border:#f7f3e9;--game-checkers-opponent-piece:#383838;--game-checkers-opponent-border:#666;--game-checkers-focus:#f0f0f0;
}
:is(.moment-card[data-theme="default-light"],.conversation-share-preview[data-card-theme="default-light"] .conversation-share-game-result) {
    --game-panel-bg:#fff;--game-border:#e6dac6;--game-cell-bg:#fff;--game-cell-alt-bg:#fbf6ee;--game-text:#2a2118;--game-muted:#8a7a63;--game-player-color:#2f9c6a;--game-opponent-color:#3a6ea5;--game-danger:#b6503a;
    --game-mines-hidden-bg:#e9dbc2;--game-mines-hidden-border:#d8c8ad;--game-mines-open-bg:#fbf6ee;--game-mines-open-border:#ece2d1;
    --game-checkers-square-light:#f3e6d2;--game-checkers-square-dark:#cbaa7a;--game-checkers-board-border:#d8c8ad;--game-checkers-player-piece:#f7f1e4;--game-checkers-player-border:#e5dac5;--game-checkers-opponent-piece:#3b2d22;--game-checkers-opponent-border:#59483a;--game-checkers-focus:#2a2118;
}
:is(.moment-card[data-theme="neon"],.conversation-share-preview[data-card-theme="neon"] .conversation-share-game-result) {
    --game-panel-bg:#141a18;--game-border:#2d3a33;--game-cell-bg:#0e1311;--game-cell-alt-bg:#19221e;--game-text:#e8ede8;--game-muted:#849087;--game-player-color:#c8f26b;--game-opponent-color:#9aa8df;--game-danger:#ef7080;
    --game-mines-hidden-bg:#19221e;--game-mines-hidden-border:#2d3a33;--game-mines-open-bg:#0e1311;--game-mines-open-border:#26322c;
    --game-checkers-square-light:#101714;--game-checkers-square-dark:#26372f;--game-checkers-board-border:#2d3a33;--game-checkers-player-piece:#c8f26b;--game-checkers-player-border:#e0ff9d;--game-checkers-opponent-piece:#56635c;--game-checkers-opponent-border:#849087;--game-checkers-focus:#c8f26b;
}
:is(.moment-card[data-theme="inkpaw"],.conversation-share-preview[data-card-theme="inkpaw"] .conversation-share-game-result) {
    --game-panel-bg:#f7f1e4;--game-border:#cabb9e;--game-cell-bg:#f7f1e4;--game-cell-alt-bg:#e2d8c2;--game-text:#1b1712;--game-muted:#766c5d;--game-player-color:#687957;--game-opponent-color:#6d7894;--game-danger:#a1402c;
    --game-mines-hidden-bg:#d9c8a9;--game-mines-hidden-border:#cabb9e;--game-mines-open-bg:#f7f1e4;--game-mines-open-border:#dfd3bd;
    --game-checkers-square-light:#e2d8c2;--game-checkers-square-dark:#80673d;--game-checkers-board-border:#b9a888;--game-checkers-player-piece:#f7f1e4;--game-checkers-player-border:#fffaf0;--game-checkers-opponent-piece:#3a2d20;--game-checkers-opponent-border:#674831;--game-checkers-focus:#a1402c;
}
.game-mark-tic{display:flex;align-items:center;gap:3px}.game-mark-tic b{position:relative;width:18px;height:18px}.game-mark-tic b::before,.game-mark-tic b::after{content:"";position:absolute;top:50%;left:50%;width:20px;height:1.8px;border-radius:999px;background:currentColor;transform-origin:center}.game-mark-tic b::before{transform:translate(-50%,-50%) rotate(45deg)}.game-mark-tic b::after{transform:translate(-50%,-50%) rotate(-45deg)}.game-mark-tic i{width:16px;height:16px;border:1.8px solid currentColor;border-radius:50%}
.game-mark-four{width:26px;height:26px;display:grid;place-items:center;border:1.7px solid currentColor;border-radius:50%;font:800 13px/1 Inter,sans-serif}
.game-mark-arrows{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--gp-strong)}.game-mark-arrows b,.game-mark-arrows i{width:0;height:0;border-right:6px solid transparent;border-left:6px solid transparent}.game-mark-arrows b{border-bottom:9px solid currentColor}.game-mark-arrows i{border-top:9px solid currentColor}
.game-mark-wordle{width:26px;height:26px;display:grid;place-items:center;border-radius:5px;background:var(--gp-strong);color:var(--gp-card);font:800 14px/1 Inter,sans-serif}
.game-mark-chess{font:400 21px/1 serif}.game-mark-versus{font-size:12px}.game-mark-candy{width:30px;height:30px;color:var(--gp-strong)}
@keyframes game-result-inline-reveal {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

body[data-theme="neon"] .game-result-timeline-card {
    border-color: #26322c;
    border-radius: 10px;
    background: #141a18;
    font-family: ui-monospace,"JetBrains Mono",monospace;
}
body[data-theme="neon"] .game-result-timeline-copy small,
body[data-theme="neon"] .game-result-timeline-copy strong,
body[data-theme="neon"] .game-result-timeline-copy>span,
body[data-theme="neon"] .game-result-timeline-open { font-family: inherit; }

@media (prefers-reduced-motion: reduce) {
    .game-result-timeline-panel { animation: none; }
    .game-result-timeline-open i { transition: none; }
}