/* Equal scores get a quiet finish after the final delivery has been revealed. */
.board.tied{background-color:#354b47;background-image:radial-gradient(ellipse at 50% 45%,#bcc3a323,transparent 70%)}
.board.tied .arena{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;min-height:380px;padding:42px 24px}
.board.tied .arena .tie-title{font:700 clamp(32px,5vw,52px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-1.7px;color:#f3ead0;margin:0}
.tie-scores{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:center;gap:12px;width:min(420px,100%)}
.tie-player{min-width:0;padding:23px 12px;border:1px solid #d4ddc44a;border-radius:12px;background:#d9e1c90b;animation:tie-settle .5s ease-out both;--arrival:-14px}
.tie-player:last-child{--arrival:14px}
.tie-player-label{display:block;font-size:11px;line-height:1.4;letter-spacing:1px;color:#d4ddc4;white-space:nowrap}
.tie-player strong{display:block;font:700 60px/1 'Space Grotesk',sans-serif;letter-spacing:-3px;color:#f4edd5;margin-top:13px;font-variant-numeric:tabular-nums}
.tie-player small{font-size:24px;letter-spacing:-1px;color:#b4c3af}
.tie-equals{font:400 32px/1 'Space Grotesk',sans-serif;color:#e0c890;animation:tie-equal .5s .2s ease-out both}
.board.tied .arena>.actions{width:min(420px,100%);margin:0;gap:10px;flex-wrap:nowrap}
.board.tied .actions button{flex:1;min-width:0;min-height:48px;padding:12px 16px;white-space:nowrap}
.board.tied .actions .primary{background:#e6d39f;color:#30443a;box-shadow:0 3px 0 #9c8b5e}
.board.tied .actions .primary:hover{background:#f1dfb0}
.board.tied .actions .secondary{border-color:#b7c7b075;color:#ece6cd}
.board.tied .actions button:focus-visible{outline:2px solid #f4e3b6;outline-offset:4px}
@keyframes tie-settle{from{opacity:0;transform:translateX(var(--arrival))}to{opacity:1;transform:none}}
@keyframes tie-equal{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}
@media(max-width:1024px){
 .board.tied .arena{min-height:0;padding:24px 16px;gap:26px}
 .board.tied .arena .tie-title{font-size:34px;letter-spacing:-1px}
 .tie-scores{gap:8px;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)}
 .tie-player{padding:22px 8px}.tie-player-label{font-size:10px;letter-spacing:.7px}
 .tie-player strong{font-size:50px}.tie-player small{font-size:21px}.tie-equals{font-size:27px}
 .board.tied .actions button{font-size:12px;padding-inline:10px}
}
@media(max-width:1024px) and (max-height:500px) and (orientation:landscape){
 .board.tied .arena{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;gap:12px 24px;padding:12px 24px}
 .board.tied .arena .tie-title{grid-column:1;grid-row:1;font-size:30px;align-self:end}
 .board.tied .tie-scores{grid-column:2;grid-row:1/-1;justify-self:center;max-width:310px}
 .tie-player{padding:15px 8px}.tie-player strong{font-size:42px;margin-top:9px}.tie-player small{font-size:19px}
 .board.tied .arena>.actions{grid-column:1;grid-row:2;align-self:start;gap:8px}
 .board.tied .actions button{min-height:44px;font-size:11px;padding-inline:8px}
}
@media(prefers-reduced-motion:reduce){.tie-player,.tie-equals{animation:none}}