:root{--paper:#f4efe6;--paper-2:#ebe4d8;--paper-3:#e1d9cb;--ink:#1f1d1a;--ink-2:#4a4640;--muted:#7a746b;--line:#1f1d1a1f;--line-strong:#1f1d1a3d;--sage:#8ba888;--sage-deep:#5c7a5a;--clay:#c9735b;--clay-deep:#9c5340;--sky:#7fa7c9;--sky-deep:#4f7ba3;--sand:#d9b96f;--sand-deep:#a88a3f;--lilac:#a695c9;--lilac-deep:#7a68a5;--rose:#d78f9c;--rose-deep:#b45f6f;--slate:#5f6b7a;--mint:#9fcbb8;--mint-deep:#5f9a84;--good:#5c9a6a;--bad:#c25a4e;--warn:#d2a24a;--font-display:"Fraunces", "Iowan Old Style", "Palatino", Georgia, serif;--font-ui:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius:14px;--radius-lg:22px;--shadow:0 1px 2px #1f1d1a0f, 0 8px 24px #1f1d1a14;--shadow-lg:0 2px 4px #1f1d1a14, 0 18px 48px #1f1d1a29;--hud-h:56px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation;margin:0;font-size:16px;line-height:1.4}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:700}p{margin:0}img,svg,canvas{display:block}::selection{background:#c9735b40}.no-select{-webkit-user-select:none;user-select:none}.play-area{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.btn{letter-spacing:.01em;background:var(--ink);min-height:48px;color:var(--paper);box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:16px;font-weight:600;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.btn:active{box-shadow:none;transform:translateY(1px)scale(.98)}.btn.secondary{background:var(--paper-2);color:var(--ink);box-shadow:none;border:1px solid var(--line-strong)}.btn.ghost{color:var(--ink-2);box-shadow:none;background:0 0}.btn.big{min-height:64px;padding:0 36px;font-size:20px}.btn.accent{background:var(--accent,var(--clay));color:#fff}.btn:disabled{opacity:.5;cursor:default}.card{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;padding:20px}.pill{background:var(--paper-2);color:var(--ink-2);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.02}.display.italic{font-style:italic;font-weight:500}.mono{font-variant-numeric:tabular-nums}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes float-up{0%{opacity:0;transform:translate(-50%)scale(.9)}15%{opacity:1;transform:translate(-50%,-8px)scale(1.05)}to{opacity:0;transform:translate(-50%,-56px)scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.anim-pop{animation:.26s cubic-bezier(.2,.9,.3,1.3) both pop-in}.anim-fade-up{animation:.36s both fade-up}.anim-shake{animation:.32s shake}.anim-pulse{animation:.9s ease-in-out infinite pulse}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}