/* A result remains visible after the board is dismissed. */
.game-result-card,.game-result-dialog{--result-accent:#d4ad54;box-sizing:border-box;color:var(--ink,#f1eee8);background:var(--paper,#202630);font-family:inherit;text-align:start;min-width:0;overflow-wrap:anywhere}
.game-result-card[hidden],.game-result-dialog [hidden],.game-result-card [hidden]{display:none!important}
.game-result-card[data-outcome=win],.game-result-dialog[data-outcome=win]{--result-accent:#67bd88}
.game-result-card[data-outcome=loss],.game-result-dialog[data-outcome=loss]{--result-accent:#eb8b91}
.game-result-card{padding:16px;border-bottom:1px solid var(--line,#343d49);border-top:4px solid var(--result-accent)}
.game-result-heading{display:flex;align-items:center;gap:10px;min-width:0}
.game-result-mark{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;color:var(--result-accent);background:var(--bg,#181c24);border-radius:8px;font-size:34px;line-height:1}
.game-result-title{font-weight:750;font-size:25px;line-height:1.15;margin:0;min-width:0;flex:1}
.game-result-score{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:23px;line-height:1.3;flex-shrink:0}
.game-result-reason{color:var(--result-accent);font-size:17px;font-weight:600;line-height:1.35;margin:9px 0 0}
.game-result-opponent{font-size:16px;line-height:1.4;margin:8px 0 0}
.game-result-meta{font-size:14px;line-height:1.4;color:var(--muted,#adb7c4);margin:5px 0 0}
.game-result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px;min-width:0}
.game-result-actions button,.game-result-board,.game-result-close{font:inherit;cursor:pointer;touch-action:manipulation;box-sizing:border-box;white-space:normal;min-width:0;transition:none}
.game-result-actions button{border-radius:6px;min-height:46px;padding:10px 12px;font-size:17px;font-weight:650;line-height:1.3;border:1px solid var(--line,#343d49)}
.game-result-actions .game-result-primary{grid-column:1/-1;background:#e8b859;color:#20252b;border-color:#e8b859;font-size:19px;min-height:52px}
.game-result-actions .game-result-secondary{background:var(--bg,#181c24);color:var(--ink,#f1eee8)}
.game-result-actions button:hover{filter:brightness(1.08)}
.game-result-actions button:focus-visible,.game-result-close:focus-visible,.game-result-board:focus-visible{outline:3px solid var(--lime,#e8b859);outline-offset:3px}
dialog.game-result-dialog{position:fixed;width:min(440px,calc(var(--result-visible-width,100vw) - 24px));max-width:none;max-height:calc(var(--result-visible-height,100dvh) - 24px);height:auto;inset:auto;margin:0;padding:28px 24px 16px;border:1px solid var(--line,#343d49);border-top:5px solid var(--result-accent);border-radius:12px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 16px 60px #0005}
dialog.game-result-dialog::backdrop{background:#0008}
.game-result-dialog .game-result-heading{margin-inline-end:22px}
.game-result-dialog .game-result-title{font-size:30px}
.game-result-dialog .game-result-mark{width:54px;height:54px;flex-basis:54px;font-size:39px}
.game-result-dialog .game-result-reason{font-size:19px;margin-top:17px}
.game-result-dialog .game-result-opponent{font-size:17px}
.game-result-dialog .game-result-actions{margin-top:20px}
.game-result-dialog .game-result-close{position:absolute;inset-inline-end:8px;top:8px;width:40px;height:40px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--muted,#adb7c4);font-size:30px;line-height:1}
.game-result-board{display:block;border:0;background:transparent;color:var(--muted,#adb7c4);width:100%;min-height:42px;margin-top:8px;padding:9px 12px;font-size:16px;text-decoration:underline;text-underline-offset:3px}
.game-result-dialog[data-compact=true]{padding:16px 18px 10px}
.game-result-dialog[data-compact=true] .game-result-title{font-size:25px}
.game-result-dialog[data-compact=true] .game-result-reason{margin-top:10px;font-size:17px}
.game-result-dialog[data-compact=true] .game-result-actions{margin-top:12px}
.game-result-dialog[data-compact=true] .game-result-mark{width:44px;height:44px;flex-basis:44px;font-size:33px}
.game-result-dialog[data-compact=true] .game-result-actions button{min-height:42px;padding:8px}
.game-result-dialog[data-compact=true] .game-result-board{margin-top:3px;min-height:34px;padding:5px}
.game-result-card[data-mobile=true]{position:fixed!important;z-index:85;bottom:auto;right:auto;max-width:none;max-height:calc(var(--portal-visible-height,100dvh) - 24px);padding:11px 12px max(11px,env(safe-area-inset-bottom));border:1px solid var(--line,#343d49);border-top:3px solid var(--result-accent);border-radius:9px;box-shadow:0 8px 36px #0005;overflow-y:auto;overflow-x:hidden}
.game-result-card[data-mobile=true] .game-result-title{font-size:22px}
.game-result-card[data-mobile=true] .game-result-mark{height:34px;width:34px;flex-basis:34px;font-size:27px;border-radius:5px}
.game-result-card[data-mobile=true] .game-result-score{font-size:21px}
.game-result-card[data-mobile=true] .game-result-reason{font-size:15px;margin:5px 0 0}
.game-result-card[data-mobile=true] .game-result-opponent,.game-result-card[data-mobile=true] .game-result-meta{display:none}
.game-result-card[data-mobile=true] .game-result-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px}
.game-result-card[data-mobile=true] .game-result-actions button{min-height:42px;padding:7px;font-size:15px}
.game-result-card[data-mobile=true] .game-result-actions .game-result-primary{font-size:17px;min-height:44px}
@media(max-width:350px){.game-result-dialog .game-result-title{font-size:26px}.game-result-dialog .game-result-mark{display:none}.game-result-dialog .game-result-score{font-size:21px}.game-result-dialog .game-result-actions button{font-size:15px;padding-inline:6px}.game-result-dialog .game-result-actions .game-result-primary{font-size:18px}.game-result-card[data-mobile=true] .game-result-title{font-size:21px}.game-result-card[data-mobile=true] .game-result-actions button{font-size:14px}}