/* Esiti giocate: finestre Bootstrap, con illustrazioni originali Figma. */
.play-result .modal-dialog { max-width: 790px; width: calc(100% - 30px); margin-inline: auto; }
.play-result-content { align-items: center; background: #fff; border: 0; border-radius: 0; box-shadow: 0 4px 15px #00000040; color: var(--ink); min-height: 480px; padding: 19px 40px 43px; text-align: center; }
.play-result-sent { min-height: 417px; }
.play-result-close { align-items: center; background: none; border: 0; color: var(--ink); display: flex; font-size: 14px; font-weight: 500; gap: 8px; padding: 0; position: absolute; right: 24px; top: 24px; z-index: 1; }
.play-result-close img { height: 24px; width: 24px; }
.play-result-art { flex-shrink: 0; height: 216px; position: relative; width: 384px; }
.play-result-voucher { height: 156px; left: 60px; overflow: hidden; position: absolute; top: 41px; width: 264px; }
.play-result-voucher > img { height: 100%; left: -48.48%; max-width: none; position: absolute; top: 0; width: 196.21%; }
.play-result-voucher-mobile { display: none; }
.play-result-coin { height: 205px; left: 56px; position: absolute; top: 31px; width: 272px; }
.play-result-friends { height: 216px; object-fit: contain; width: 384px; }
.play-result-star { position: absolute; }
.play-result-star.star-small { height: 28px; left: 7px; top: 76px; width: 28px; }
.play-result-star.star-large { height: 47px; right: -12px; top: 133px; width: 47px; }
.play-result-star.star-medium { height: 29px; right: 21px; top: 114px; width: 29px; }
.play-result-content h2 { font-size: 28px; font-weight: 700; line-height: 34px; margin: 21px 0 8px; }
.play-result-description { font-size: 18px; line-height: 24px; margin: 0; max-width: 710px; }
.play-result-action { align-items: center; background: var(--ink); border: 1px solid var(--ink); border-radius: 4px; color: #fff; display: flex; font-size: 18px; font-weight: 700; height: 56px; justify-content: center; margin-top: auto; max-width: 100%; padding: 8px 16px; text-decoration: none; width: 298px; }
.play-result-description + .play-result-action { margin-top: 35px; }
.play-result-loss { min-height: 558px; }
.play-result-loss .play-result-art { height: 198px; }
.play-result-footprints { display: flex; flex-shrink: 0; height: 98px; justify-content: space-between; max-width: 100%; width: 443px; }
.play-result-footprints .path-footprint { height: 98px; width: 65px; }
.play-result-footprints .path-token-coin { height: 72px; left: -3px; top: 3px; width: 72px; }
.play-result-footprints .path-token-check { height: 26px; right: -2px; top: 0; width: 26px; }
.play-result-footprints .path-token-pending { height: 74px; left: -4px; top: -2px; width: 74px; }
.play-result-footprints .path-footprint small { bottom: 0; display: block; font-size: 14px; left: 0; line-height: 18px; position: absolute; width: 100%; }
.play-result-loss h2 { margin-top: 24px; }
.play-result-loss .play-result-action { margin-top: 52px; }
.won-grid .pending-play-action { align-items: center; background: none; border: 0; color: var(--ink); display: inline-flex; font-size: 16px; font-weight: 700; gap: 8px; padding: 4px 0; text-align: left; text-decoration: underline; }
.won-grid article.pending-play-prize .pending-play-action img { height: 24px; margin: 0; width: 24px; }
.client-dashboard .client-won .won-grid article.pending-play-prize { height: auto; min-height: 407px; }
.pending-play-action:disabled { color: #687078; text-decoration: none; }
.play-result button:focus-visible, .pending-play-action:focus-visible { outline: 3px solid #0075b9; outline-offset: 4px; }
@media (max-width: 767.98px) {
    .play-result-content { min-height: 468px; padding: 71px 23px 30px; }
    .play-result-close { right: 20px; }
    .play-result-art { height: 108px; max-width: calc(100% + 46px); width: 345px; }
    .play-result-voucher, .play-result-star { display: none; }
    .play-result-voucher-mobile { display: block; height: 108px; object-fit: contain; width: 100%; }
    .play-result-friends { height: 144px; margin-top: -18px; max-width: 100%; width: 256px; }
    .play-result-content h2 { font-size: 20px; line-height: 25px; margin-top: 48px; margin-bottom: 9px; }
    .play-result-description { font-size: 18px; line-height: 24px; margin-bottom: 28px; }
    .play-result-description + .play-result-action { height: 48px; margin-top: auto; width: calc(100% + 16px); max-width: calc(100% + 16px); }
    .play-result-loss { padding-top: 51px; }
    .play-result-loss .play-result-art { height: 93px; width: 176px; }
    .play-result-coin { height: 133px; left: 0; top: 0; width: 176px; }
    .play-result-footprints { height: 66px; width: 298px; }
    .play-result-footprints .path-footprint { height: 66px; width: 44px; }
    .play-result-footprints .path-token-coin { height: 48px; left: -2px; top: 2px; width: 48px; }
    .play-result-footprints .path-token-check { height: 18px; right: -1px; width: 18px; }
    .play-result-footprints .path-token-pending { height: 50px; left: -3px; top: -1px; width: 50px; }
    .play-result-footprints .path-footprint small { font-size: 12px; line-height: 16px; }
    .play-result-loss h2 { margin-top: 17px; }
    .game-modal .game-grid { gap: 5px; grid-template-columns: repeat(6, minmax(0, 1fr)); max-width: 412px; }
    .game-modal .game-tile { aspect-ratio: 1; height: auto; width: 100%; }
}