.rid-stage{background-color:var(--violet);color:var(--cream);background-image:radial-gradient(#fff6df26 2px,#0000 2px);background-size:22px 22px;gap:.875rem;padding:.875rem 1rem 1.25rem;overflow-x:clip}.rid-score{flex-wrap:wrap;align-items:center;gap:.25rem 1rem;font-size:.9375rem;font-weight:700;display:flex}.rid-score b{color:var(--sun);font-size:1.25rem;font-weight:800}.rid-reset{border:2px solid var(--cream);border-radius:999px;place-items:center;width:1.75rem;height:1.75rem;margin-left:auto;display:grid}.rid-card{perspective:1400px;flex:1;min-height:15rem;position:relative}.rid-flipper{transform-style:preserve-3d;position:absolute;inset:0 7px 7px 0}.rid-flipped{transform:rotateY(180deg)}.rid-face{border:4px solid var(--ink);box-shadow:7px 7px 0 var(--ink);color:var(--ink);text-align:center;backface-visibility:hidden;border-radius:20px;flex-direction:column;justify-content:space-between;align-items:center;gap:.5rem;padding:.875rem 1.125rem;display:flex;position:absolute;inset:0;container-type:size}.rid-front{background:var(--sun)}.rid-front:not(:disabled){cursor:pointer}.rid-back{background:var(--mint);transform:rotateY(180deg)}.rid-flipped .rid-front{visibility:hidden}.rid-label{letter-spacing:.04em;text-transform:uppercase;font-size:.8125rem;font-weight:800}.rid-text{font-family:var(--font-pop-display), ui-rounded, system-ui, sans-serif;text-wrap:balance;margin-block:auto;line-height:1.14;display:block}.rid-actions,.rid-share{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.rid-actions .pop-btn{flex:8rem;max-width:16rem}.rid-actions .pop-btn:disabled{opacity:.55}.rid-got{background:var(--mint)}.rid-missed{background:var(--pink)}.rid-hint{border:3px solid var(--ink);background:var(--cream);color:var(--ink);text-align:center;border-radius:16px;padding:.625rem 1rem;font-size:1.0625rem;font-weight:700;line-height:1.25}.rid-share .pop-btn{min-height:2.625rem;font-size:.9375rem}.rid-front:focus-visible,.rid-reset:focus-visible{outline:4px solid var(--cream);outline-offset:3px}.rid-stage .pop-btn:focus-visible{outline-color:var(--cream)}@media (max-height:30rem){.rid-stage{gap:.5rem;padding-block:.5rem .75rem}.rid-card{min-height:10.5rem}.rid-actions .pop-btn{min-height:2.625rem}}@media (min-width:64rem){.rid-stage{padding:1.25rem 2rem 2rem}.rid-card{width:100%;max-width:60rem;margin-inline:auto}}@media (prefers-reduced-motion:no-preference){@keyframes rid-in{0%{scale:.72}70%{scale:1.06}to{scale:1}}.rid-flipper{transition:transform .55s cubic-bezier(.3,1.3,.5,1);animation:.3s cubic-bezier(.2,.9,.3,1) backwards rid-in}.rid-flipped .rid-front{transition:visibility 0s linear .14s}}