.stage{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:12px}
.table{position:relative;width:100%;height:340px;display:flex;justify-content:center;align-items:center;touch-action:pan-y;user-select:none;-webkit-user-select:none}
/* The Deck card: the app's tall card (height 1.61 x width), its print colours,
   category small on top, the question in Fraunces, the two words at the foot. */
.card{position:relative;width:200px;height:322px;border-radius:24px;padding:20px 18px 16px;background:var(--bg);color:var(--on);text-align:left;display:flex;flex-direction:column;box-shadow:0 18px 30px -16px rgba(60,40,10,.55),0 2px 4px rgba(60,40,10,.12);cursor:grab;will-change:transform;transform:rotate(-2deg)}
.card.dragging{cursor:grabbing}
.card .cat{font:600 11px/1 var(--text);letter-spacing:.12em;text-transform:uppercase;opacity:.72}
.card .q{font:700 27px/1.1 var(--display);font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 40;letter-spacing:-.01em;margin-top:16px;flex:1;overflow-wrap:break-word;hyphens:auto}
.card .words{display:flex;justify-content:space-between;gap:8px}
.card .w{font:700 12px/1 var(--text);letter-spacing:.1em;color:inherit;background:none;border:0;padding:10px 4px;margin:-10px -4px;cursor:pointer;opacity:.85;transition:opacity .15s}
.card .w:hover{opacity:1}
.card .w.lit{opacity:1;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.card.enter{animation:deal .35s cubic-bezier(.2,.8,.2,1)}
@keyframes deal{from{transform:translateY(16px) scale(.96) rotate(-2deg);opacity:0}to{transform:rotate(-2deg);opacity:1}}
.hint{font-size:14px;color:var(--faint);margin:6px 0 26px;min-height:1.5em}
.ask{font:600 40px/1.05 var(--display);font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 72;letter-spacing:-.02em;margin:0 0 8px;text-wrap:balance}
.say{color:var(--sub);margin:0 0 24px;text-wrap:balance}
.stores{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}
.stores a{display:block;line-height:0}
.stores img{height:48px;width:auto}
.soon{margin:0;font-weight:600;font-size:15px;color:var(--ink)}
@media (min-width:600px){.ask{font-size:48px}.table{height:370px}}
@media (prefers-reduced-motion:reduce){.card.enter{animation:none}}
.stores img.gp{height:71px;margin:-11.5px -9px}
