:root{--cream: #f2ead9;--ink: #22211e;--paper: #fbf8f0;--suit-look-closer: #f65035;--suit-steal-from-nature: #7fbfa2;--suit-flip-it: #3845ad;--suit-what-if: #ffcd64;--accent-pink: #f9cdcc;--accent-yellow: #ffcd64;--font-display: "Baloo 2", system-ui, sans-serif;--font-ui: "Archivo", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, "SFMono-Regular", monospace;--card-radius: 32px;--card-max-width: 380px;--card-ratio: 1 / 1.9;--page-pad: 20px;--deal-duration: .36s;--deal-ease: cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--cream);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.page{min-height:100svh;display:flex;flex-direction:column;align-items:center;gap:22px;padding:max(var(--page-pad),env(safe-area-inset-top)) var(--page-pad) max(var(--page-pad),env(safe-area-inset-bottom))}.wordmark{font-family:var(--font-display);font-weight:800;font-size:1.35rem;letter-spacing:.01em;color:var(--ink);padding-top:6px}.stage{width:100%;display:flex;justify-content:center}.card-slot{width:100%;max-width:var(--card-max-width)}.controls{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.page-footer{max-width:340px;margin-top:auto;padding-top:8px;text-align:center;font-size:.8rem;line-height:1.5;color:var(--ink);opacity:.62}.btn{font-family:var(--font-ui);font-weight:600;font-size:1rem;color:var(--paper);background:var(--ink);border:none;border-radius:999px;padding:15px 30px;min-width:220px;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.btn:hover{opacity:.9}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:3px solid var(--suit-look-closer);outline-offset:3px}.streak{margin:0;min-height:1.2em;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.01em;color:var(--ink);opacity:.7;text-align:center}.card{position:relative;width:100%;aspect-ratio:var(--card-ratio);border-radius:var(--card-radius);overflow:hidden;display:flex;flex-direction:column;animation:deal-in var(--deal-duration) var(--deal-ease) both;box-shadow:0 18px 40px -22px #22211e8c}@keyframes deal-in{0%{opacity:0;transform:translateY(16px) scale(.965)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.card{animation-duration:1ms}}.card--back{background:var(--ink);color:var(--paper);cursor:pointer;align-items:center;justify-content:center}.card__back-inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px}.card__back-word{margin:0;font-family:var(--font-display);font-weight:700;font-size:1.5rem}.card__back-hint{margin:0;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.card--face{background:var(--card-bg);color:var(--ink);padding:26px 24px 0}.card--face.card--light{color:var(--paper)}.card__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.card__tag{font-family:var(--font-mono);font-weight:700;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;padding:7px 13px;border:1.5px solid currentColor;border-radius:999px;white-space:nowrap}.card__num{font-family:var(--font-display);font-weight:800;font-size:1.6rem;line-height:1}.card__motif{margin:14px 0 6px}.motif{display:block;width:46%;max-width:164px;height:auto}.card__prompt{margin:6px 0 0;font-family:var(--font-display);font-weight:700;font-size:clamp(1.32rem,6.4vw,1.62rem);line-height:1.16;letter-spacing:-.01em}.card__tryit{margin-top:auto;padding:18px 0 20px}.card__label{display:block;font-family:var(--font-mono);font-weight:700;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;opacity:.85;margin-bottom:6px}.card__tryit-text{margin:0;font-family:var(--font-ui);font-weight:500;font-size:.95rem;line-height:1.4}.card__story{background:var(--ink);color:var(--paper);margin:0 -24px;padding:16px 24px 20px}.card__story-label{display:block;font-family:var(--font-mono);font-weight:700;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-yellow);margin-bottom:6px}.card__story-text{margin:0;font-family:var(--font-ui);font-size:.82rem;line-height:1.42;color:var(--paper)}@media (min-width: 600px){.page{gap:26px;padding-top:40px}.wordmark{font-size:1.5rem}.card--face{padding:30px 28px 0}.card__story{margin:0 -28px;padding:18px 28px 22px}}