@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;1,9..144,500;1,9..144,600;1,9..144,700&family=Inter:wght@400;500;600&display=swap";:root{--color-paper: oklch(98.6% .008 95);--color-paper-2: oklch(96.5% .01 95);--color-ink: oklch(27% .018 320);--color-ink-soft: oklch(50% .016 320);--color-accent: oklch(52% .11 350);--color-accent-ink: oklch(99% .004 95);--pastel-rose: oklch(94% .038 18);--pastel-peach: oklch(95% .04 65);--pastel-mint: oklch(94% .04 165);--pastel-sky: oklch(94% .038 235);--pastel-lilac: oklch(94% .04 305);--color-line: oklch(90% .01 320);--color-focus: oklch(52% .11 350);--font-display: "Fraunces", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--text-xs: .8rem;--text-sm: .94rem;--text-md: 1.06rem;--text-lg: 1.25rem;--text-xl: 1.7rem;--text-2xl: 2.2rem;--text-3xl: 3rem;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 20px;--space-lg: 32px;--space-xl: 48px;--space-2xl: 72px;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 26px;--ease-out: cubic-bezier(.21, .62, .34, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .15s;--dur-mid: .32s;--shadow-card: 0 1px 1px oklch(40% .03 320 / .05), 0 10px 24px -12px oklch(40% .03 320 / .28), 0 2px 6px -3px oklch(40% .03 320 / .16)}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:clip}#root{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding-left:8px;padding-right:8px}body{font-family:var(--font-body);color:var(--color-ink);background:radial-gradient(120% 90% at 50% -10%,oklch(97% .02 320),transparent 70%),var(--color-paper);min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-md);line-height:1.5;-webkit-font-smoothing:antialiased}.stage{width:min(400px,100%);flex-shrink:0}.deck{position:relative;width:100%;aspect-ratio:3 / 4}.card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;background:var(--card-tint, var(--color-paper));border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-xl) var(--space-lg);transform-origin:center;transition:transform var(--dur-mid) var(--ease-out),opacity var(--dur-mid) var(--ease-out);will-change:transform,opacity;height:100%}.card.is-behind{pointer-events:none}.card-inner{width:100%}.tint-0{--card-tint: color-mix(in oklch, var(--color-paper) 82%, var(--pastel-rose))}.tint-1{--card-tint: color-mix(in oklch, var(--color-paper) 82%, var(--pastel-mint))}.tint-2{--card-tint: color-mix(in oklch, var(--color-paper) 82%, var(--pastel-lilac))}.tint-3{--card-tint: color-mix(in oklch, var(--color-paper) 82%, var(--pastel-peach))}.tint-4{--card-tint: color-mix(in oklch, var(--color-paper) 82%, var(--pastel-sky))}@keyframes deal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.progress{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.dots{display:flex;gap:6px;flex:1}.dot{height:5px;flex:1;border-radius:99px;background:#dbd5dc;transition:background var(--dur-mid) var(--ease-out)}.dot.done,.dot.current{background:var(--color-accent)}.progress-label{font-size:var(--text-xs);font-weight:600;color:var(--color-ink-soft);font-variant-numeric:tabular-nums}.eyebrow{font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:lowercase;color:var(--color-accent);margin-bottom:var(--space-sm)}.q-title{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:clamp(2rem,7vw,var(--text-3xl));line-height:1.02;letter-spacing:-.02em;overflow-wrap:anywhere;min-width:0;margin-bottom:var(--space-sm)}.q-sub{color:var(--color-ink-soft);font-size:var(--text-md);margin-bottom:var(--space-lg)}.q-sub:empty{display:none}.options{display:grid;gap:var(--space-xs)}.opt{font:inherit;font-weight:500;text-align:left;padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-line);background:#ffffff8c;color:var(--color-ink);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast),background var(--dur-fast)}.opt:hover{border-color:var(--color-ink-soft);transform:translateY(-1px)}.opt:active{transform:translateY(0)}.opt.selected{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent);background:#fffc}.opt:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.trap{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.trap-btn{font:inherit;font-weight:600;font-size:var(--text-md);border-radius:99px;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast),box-shadow var(--dur-mid) var(--ease-out),opacity var(--dur-mid) var(--ease-out)}.trap-btn.safe{padding:var(--space-sm) var(--space-xl);border:none;background:var(--color-ink);color:var(--color-paper)}.trap-btn.safe:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.trap-btn.safe:active{transform:translateY(0)}.trap-btn.safe.solo{transform:translateY(-2px);box-shadow:0 0 0 4px #974c7229}.trap-btn.flee{padding:var(--space-xs) var(--space-lg);border:1px solid var(--color-line);background:#fff9;color:var(--color-ink-soft)}.trap-btn.flee.runaway{position:absolute;z-index:5;margin:0;transition:left var(--dur-mid) var(--ease-out),top var(--dur-mid) var(--ease-out),opacity var(--dur-mid) var(--ease-out)}.trap-btn.flee.gone{opacity:0;pointer-events:none}.trap-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.trap-hint{width:100%;font-size:var(--text-sm);color:var(--color-ink-soft);min-height:1.4em}.nav-row{display:flex;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-lg)}.btn-next,.btn-back{font:inherit;font-weight:600;padding:var(--space-sm) var(--space-lg);border-radius:99px;text-wrap:nowrap;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast),border-color var(--dur-fast),opacity var(--dur-fast)}.btn-next{border:none;background:var(--color-ink);color:var(--color-paper)}.btn-next:hover{transform:translateY(-2px)}.btn-next:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-back{border:1px solid var(--color-line);background:transparent;color:var(--color-ink-soft)}.btn-back:hover{border-color:var(--color-ink-soft)}.btn-next:focus-visible,.btn-back:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.nav-spacer{display:inline-block}.start .nav-row{justify-content:flex-end}.done-emoji{font-size:2.8rem;line-height:1;margin-bottom:var(--space-sm)}.summary{margin-top:var(--space-lg);display:grid;gap:2px}.summary-row{display:flex;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-line);font-size:var(--text-sm);animation:deal var(--dur-mid) var(--ease-out) both}.summary-row:nth-child(2){animation-delay:60ms}.summary-row:nth-child(3){animation-delay:.12s}.summary-row:nth-child(4){animation-delay:.18s}.summary-row span:first-child{color:var(--color-ink-soft)}.summary-row span:last-child{font-weight:600;font-family:var(--font-display);font-style:italic}.status-line{margin-top:var(--space-md);font-size:var(--text-sm);color:var(--color-ink-soft)}.status-line.ok{color:var(--color-accent);font-weight:600}.foot{margin-top:var(--space-lg);text-align:center;font-size:var(--text-xs);color:var(--color-ink-soft)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}@media(max-width:480px){body{padding:var(--space-md) var(--space-sm);align-content:center}.stage{width:min(400px,100%)}.card{padding:var(--space-lg) var(--space-md);border-radius:var(--radius-md)}.q-title{font-size:clamp(1rem,8vw,1.9rem)}.q-sub{font-size:var(--text-sm);margin-bottom:var(--space-md)}.done-emoji{font-size:2.2rem}.opt{padding:var(--space-sm);font-size:14px}}