#tableTop.speed-finished{position:relative;isolation:isolate;transition:box-shadow .3s ease,border-color .3s ease}#tableTop.speed-win{border-color:#b2e9ff;box-shadow:inset 0 0 90px #62bdff42,0 0 44px #72c9ff55}#tableTop.speed-lose{border-color:#6785a4}#tableTop.speed-finished .play-field{pointer-events:none}#tableTop.speed-lose .card-row{filter:brightness(.48);transition:filter .3s ease}.speed-end-cue{position:absolute;inset:0;z-index:45;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center;padding:24px;background:linear-gradient(0deg,#06172de6,#0b2b4cdb);opacity:0;visibility:hidden;pointer-events:none;color:#f1fbff;transition:opacity .3s ease}.speed-end-cue.visible{opacity:1;visibility:visible;pointer-events:auto}.speed-end-mark{font:700 42px Outfit,sans-serif;color:#a9e2ff}.speed-end-cue strong{font:900 clamp(29px,5vw,54px)/1.1 Outfit,sans-serif;letter-spacing:-.035em;max-width:100%;overflow-wrap:anywhere;text-wrap:balance}.speed-end-cue small{font:500 13px/1.5 'DM Sans',sans-serif;color:#c2dced}.speed-win .speed-end-cue{background:radial-gradient(ellipse,#1d74aee6,#061b32eb 72%)}.speed-win .speed-end-cue.visible .speed-end-mark{animation:speed-victory-mark .45s ease-out both}.speed-win .speed-end-cue.visible>strong{animation:speed-result-arrive .28s ease-out both}.speed-lose .speed-end-cue{background:#06172de6}.speed-lose .speed-end-mark{color:#a8bfd3}
/* Reserve space from the outset so the title never jumps when actions appear. */
.speed-end-actions{width:100%;max-width:570px;margin-top:18px;opacity:0;visibility:hidden;transform:translateY(12px);pointer-events:none;transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1),visibility .75s}.actions-ready .speed-end-actions{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.speed-end-actions .result-actions{gap:10px}.speed-end-actions .result-actions button{min-height:44px}.speed-end-actions .result-rematch{background:#d7efff;color:#12395b;box-shadow:0 4px 0 #598eaf}.speed-end-actions .result-rematch:hover{background:#effaff}
@keyframes speed-victory-mark{from{transform:scale(.65) rotate(-18deg);opacity:.4}to{transform:scale(1) rotate(0deg);opacity:1}}@keyframes speed-result-arrive{from{transform:translateY(8px);opacity:.5}to{transform:translateY(0);opacity:1}}
@media(max-width:550px){.speed-end-cue{padding:18px 12px;gap:8px}.speed-end-mark{font-size:30px}.speed-end-cue>strong{font-size:32px}.speed-end-cue small{font-size:12px}.speed-end-actions{margin-top:14px}.speed-end-actions .result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.speed-end-actions button{font-size:11px;padding:10px 8px}}
@media(prefers-reduced-motion:reduce){.speed-end-cue,.speed-end-actions,#tableTop.speed-finished,#tableTop.speed-lose .card-row{transition:none;transform:none}.speed-end-cue.visible>strong,.speed-end-cue.visible .speed-end-mark{animation:none!important}}html[data-motion=reduced] .speed-end-cue.visible :is(strong,.speed-end-mark){animation:none!important}html[data-motion=reduced] :is(.speed-end-cue,.speed-end-actions,#tableTop.speed-finished,#tableTop.speed-lose .card-row){transition:none;transform:none}
/* Computer difficulty lives beside the action it affects. */
.home-computer-option{display:flex;flex-direction:column;min-width:0;gap:12px}.home-computer-option #soloMode{width:100%;flex:1}.speed-difficulty{background:#10365b;border:1px solid #5489b7;border-radius:13px;padding:14px 16px;color:#e8f6ff}.speed-difficulty-label{display:block;font:800 9px 'DM Sans',sans-serif;letter-spacing:1.4px;margin-bottom:10px;color:#accfea}.speed-difficulty-choices{display:flex;gap:5px}.speed-difficulty-choices button{flex:1;min-width:0;min-height:42px;border:1px solid #5e8eb4;border-radius:7px;padding:8px 4px;background:#0b2744;color:#c7dfef;font:700 12px 'DM Sans',sans-serif;cursor:pointer}.speed-difficulty-choices button[aria-pressed=true]{background:#d3eeff;border-color:#e6f7ff;color:#0c3558}.speed-difficulty-choices button:hover{border-color:#b8e6ff}.speed-difficulty p{margin:8px 0 0;font:500 11px/1.5 'DM Sans',sans-serif;color:#bad9ed;min-height:17px}
