/* Compact result card in the cream, gold and teal party palette. */
body.playing #game-layout #endGameContainer.has-recap{width:760px;top:76px!important;max-height:calc(100dvh - 96px);overflow:auto;overscroll-behavior:contain;gap:12px;padding:20px!important;scrollbar-width:thin;scrollbar-color:#d3b775 #fff6d8}
.endgame-heading{display:flex;justify-content:center;align-items:center;gap:12px;width:100%}
#endGameContainer .endgame-medal{width:47px;height:47px;border-radius:17px;flex-shrink:0}
#endGameContainer .endgame-medal svg{width:36px;height:36px}
body.playing #game-layout #endGameContainer #gameIsOverLabel{font-size:16px;order:0}
body.playing #game-layout #endGameContainer #gameIsOverLabel b{display:inline;font-size:24px;margin-left:6px}
#game-recap{order:2;width:100%;text-align:center}
.recap-photo{position:relative;margin:0;overflow:hidden;border-radius:16px;box-shadow:0 3px 0 #bf9f49,0 7px 20px #18374a20;border:2px solid #eed68d;background:#164252}
.recap-photo:has(#recap-preview[hidden]){display:none}
#game-recap .recap-photo h2{position:absolute;inset:0 0 auto;z-index:1;padding:8px 12px;margin:0;background:#fff2cc;color:#173c50;border-bottom:1px solid #e6c570;font-size:17px!important;font-weight:900;line-height:1.25}
#recap-preview{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
#recap-status{font-size:15px;min-height:52px;display:grid;place-items:center;line-height:1.5;padding:8px}
#game-recap[aria-busy=true] #recap-status:before{content:'';width:23px;height:23px;border:3px solid #e3ce91;border-top-color:#087f85;border-radius:50%;animation:recap-spin .8s linear infinite;margin:9px auto}
.recap-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:12px}
.recap-button{font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:2px solid #b8d7d7;border-radius:13px;color:#24566b;font-size:15px;font-weight:900;background:#fffcf4;box-shadow:0 3px 0 #adcacc;cursor:pointer;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.recap-button.recap-primary{background:#087f85;color:#fffdf4;border-color:#00696f;box-shadow:0 4px 0 #045b64}
.recap-button:not(:disabled):hover{transform:translateY(-3px) rotate(-1deg);box-shadow:0 6px 0 #adcacc}
.recap-button.recap-primary:not(:disabled):hover{box-shadow:0 7px 0 #045b64}
.recap-button:not(:disabled):active{transform:translateY(2px);box-shadow:none}
.recap-button:focus-visible{outline:3px solid #dfa923;outline-offset:4px}
.recap-button:disabled{opacity:.6;cursor:default}
.endgame-navigation{order:3;display:flex;align-items:stretch;justify-content:center;gap:12px;width:100%}
body.playing #endGameContainer .endgame-navigation .cta-button{flex:1 1 0;min-width:0;width:auto;display:flex;align-items:stretch}
body.playing #endGameContainer .endgame-navigation .cta-button p{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;line-height:1.3}
body.playing #endGameContainer .endgame-navigation #playAgainBtn{order:0}
body.playing #endGameContainer .endgame-navigation .cta-red{order:1}
.endgame-navigation svg{flex-shrink:0}
#game-recap [hidden],#recap-status[hidden],#game-recap[hidden]{display:none!important}
@keyframes recap-spin{to{transform:rotate(360deg)}}
@media(max-width:640px){body.playing #game-layout #endGameContainer.has-recap{top:75px!important;padding:14px!important;gap:10px}.endgame-heading{gap:8px}#endGameContainer .endgame-medal{width:38px;height:38px}#endGameContainer .endgame-medal svg{width:29px;height:29px}body.playing #game-layout #endGameContainer #gameIsOverLabel{font-size:14px}body.playing #game-layout #endGameContainer #gameIsOverLabel b{font-size:19px;margin-left:3px}#game-recap .recap-photo h2{font-size:14px!important;padding:6px}.recap-button{flex:1;min-width:120px;font-size:14px;padding:9px}.recap-actions{gap:8px}.endgame-navigation{gap:8px}body.playing #endGameContainer .endgame-navigation .cta-button p{font-size:12px;padding:9px 6px}}
@media(prefers-reduced-motion:reduce){.recap-button{transition:none}#game-recap[aria-busy=true] #recap-status:before{animation:none}}