/* One centered result surface. The app measures the play area above the reserves. */
#game-end{position:absolute;z-index:30;left:50%;top:50%;transform:translate(-50%,-50%);box-sizing:border-box;width:min(400px,calc(100% - 32px));margin:0;padding:28px 24px 20px;overflow:auto;overscroll-behavior:contain;border:1px solid color-mix(in srgb,var(--ink) 18%,var(--panel));border-radius:24px;background:var(--panel);color:var(--ink);box-shadow:0 24px 80px #0006;text-align:center;animation:result-arrive .2s ease-out}
#game-end .result-emblem{display:grid;place-items:center;width:48px;height:52px;margin:0 auto 12px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:color-mix(in srgb,var(--ink) 7%,var(--panel));color:var(--ink);font-size:26px;font-weight:600}
#game-end[data-tone=win] .result-emblem{background:color-mix(in srgb,#3c9b6b 17%,var(--panel));color:light-dark(#267348,#87d5a7)}
#game-end>strong{display:block;font-size:32px;line-height:1.12;font-weight:700;letter-spacing:-.035em;text-wrap:balance;padding:0 8px}
#game-end>span{display:block;margin:10px auto 0;max-width:31ch;font-size:15px;line-height:1.5;color:var(--muted);text-wrap:pretty}
#game-end #end-reason{margin:8px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}
#game-end .result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:20px}
#game-end button{min-height:44px;padding:10px 14px;border-radius:12px;font-size:14px;font-weight:600}
#game-end .result-actions>.primary{flex:1 0 100%;min-height:52px;background:#0671df;color:#fff;border:1px solid transparent;font-size:16px}
#game-end .result-actions>.primary:hover:not(:disabled){background:#066bd3}
#game-end .result-actions>button:not(.primary){color:var(--muted)}
#game-end #end-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:40px;height:40px;min-height:40px;padding:0;border:0;background:transparent;color:var(--muted);font-size:24px;font-weight:400}
#game-end .friend-end-options{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}
#game-end .friend-score{margin:0 0 8px;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;text-wrap:balance}
#game-end .friend-end-options>div{display:flex;justify-content:center;flex-wrap:wrap;gap:4px}
#game-end .friend-end-options button{min-height:40px;font-size:13px;color:var(--muted);padding:8px 10px}
#game-end .guest-save{display:block;margin:8px auto 0;color:var(--ink)!important}
#game-end .guest-save-note{display:block;font-size:12px;line-height:1.4;color:var(--muted);max-width:30ch;margin:0 auto}
#game-end .friend-end-status{font-size:13px;margin:8px 0 0}
#game-end .friend-end-status:empty{display:none}
@media(max-width:600px){#game-end{width:min(380px,calc(100% - 24px));padding:24px 20px 16px}#game-end>strong{font-size:29px}}
@media(max-height:520px){#game-end{padding:16px 20px}#game-end .result-emblem{display:none}#game-end>strong{font-size:25px}#game-end .result-actions{margin-top:12px}#game-end .friend-end-options{margin-top:8px;padding-top:8px}}
@keyframes result-arrive{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){#game-end{animation:none}}