:root{--jade-deep:#0b1f1c;--jade:#14433b;--jade-glow:#2a6f61;--cream:#f3ead6;--cream-dim:#b9c7bd;--gold:#e8b85a;--paper:#f8f3e6;--ink:#b3262a;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-slip:"Courier Prime", "Courier New", Courier, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--jade-deep);color:var(--cream);font-family:var(--font-ui);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden}.app{background:radial-gradient(90% 60% at 50% 46%, var(--jade-glow) 0%, var(--jade) 42%, var(--jade-deep) 100%);height:100%;position:relative}.stage{touch-action:none;position:absolute;inset:0}.stage canvas{opacity:0;transition:opacity .6s ease-out;display:block}.stage.ready canvas{opacity:1}.loading{pointer-events:none;font-family:var(--font-display);color:var(--cream-dim);place-items:center;margin:0;font-size:1.1rem;animation:1.6s ease-in-out infinite breathe;display:grid;position:absolute;inset:0}@keyframes breathe{0%,to{opacity:.45}50%{opacity:1}}.top{padding:calc(env(safe-area-inset-top,0px) + 20px) 20px 0;text-align:center;pointer-events:none;position:absolute;inset:0 0 auto}.brand{font-family:var(--font-display);letter-spacing:.01em;color:var(--gold);margin:0;font-size:1.5rem;font-weight:700}.tag{letter-spacing:.18em;text-transform:uppercase;color:var(--cream-dim);margin:4px 0 0;font-size:.72rem}.panel{padding:0 20px calc(env(safe-area-inset-bottom,0px) + 32px);text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;inset:auto 0 0}.panel h1{font-family:var(--font-display);text-wrap:balance;max-width:16ch;margin:0;font-size:clamp(1.5rem,6vw,2.1rem);font-weight:500;line-height:1.15}.panel p{max-width:34ch;color:var(--cream-dim);margin:0;line-height:1.45}.cta{pointer-events:auto;font:600 1.05rem var(--font-ui);color:var(--jade-deep);background:var(--gold);cursor:pointer;border:0;border-radius:999px;min-height:52px;margin-top:6px;padding:15px 38px;transition:transform .12s;box-shadow:0 10px 30px #00000059}.cta:active{transform:scale(.96)}.cta:focus-visible,.debug button:focus-visible{outline:3px solid var(--cream);outline-offset:3px}.panel .hint{font-family:var(--font-display);color:var(--cream);font-size:1.25rem;animation:.9s ease-in-out infinite nudge}@keyframes nudge{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.meter{background:#f3ead629;border-radius:3px;width:min(260px,70vw);height:6px;overflow:hidden}.meter span{background:var(--gold);transform-origin:0;height:100%;transition:transform .15s ease-out;display:block}.result{gap:18px}.slip{pointer-events:auto;-webkit-user-select:text;user-select:text;background:var(--paper);width:min(420px,100%);color:var(--ink);border-radius:2px;padding:20px 22px 14px;animation:.6s cubic-bezier(.2,.9,.25,1.15) both slip-in;transform:rotate(-1.2deg);box-shadow:0 14px 40px #00000073}.slip .msg{max-width:none;font-family:var(--font-slip);color:var(--ink);text-wrap:balance;font-size:clamp(1.05rem,4.6vw,1.3rem);font-weight:700;line-height:1.35}.slip .nums{max-width:none;font-family:var(--font-slip);letter-spacing:.02em;white-space:nowrap;color:var(--ink);font-variant-numeric:tabular-nums;border-top:1px dashed #b3262a59;margin-top:12px;padding-top:9px;font-size:.74rem}@keyframes slip-in{0%{opacity:0;transform:translateY(40px)rotate(4deg)scale(.85)}to{opacity:1;transform:rotate(-1.2deg)}}.next{font-size:.9rem}.info-btn{top:calc(env(safe-area-inset-top,0px) + 14px);cursor:pointer;opacity:.55;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;transition:opacity .2s;display:grid;position:absolute;right:10px}.info-btn span{border:1px solid var(--cream-dim);width:26px;height:26px;font:italic 600 .95rem/1 var(--font-display);color:var(--cream-dim);border-radius:50%;place-items:center;display:grid}.info-btn:hover,.info-btn:focus-visible{opacity:1}.info-btn:focus-visible{outline:2px solid var(--cream);outline-offset:-4px;border-radius:50%}.credits{color:var(--ink);background:0 0;border:0;width:min(360px,100% - 32px);max-height:calc(100% - 32px);padding:0}.credits::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04110f9e}.credits[open]{animation:.25s ease-out credits-in}@keyframes credits-in{0%{opacity:0;transform:translateY(12px)}}.credits-card{background:var(--paper);-webkit-user-select:text;user-select:text;border-radius:2px;padding:26px 24px 18px;position:relative;box-shadow:0 14px 40px #00000073}.credits-close{z-index:1;cursor:pointer;width:44px;height:44px;color:var(--ink);font:1.6rem/1 var(--font-ui);opacity:.6;background:0 0;border:0;position:absolute;top:4px;right:4px}.credits-close:hover,.credits-close:focus-visible{opacity:1}.credits-by{letter-spacing:.18em;text-transform:uppercase;opacity:.7;margin:0;padding-right:40px;font-size:.7rem}.credits h2{font:700 1.45rem/1.2 var(--font-display);margin:4px 0 12px}.credits a{color:inherit;text-underline-offset:3px}.credits h2 a{text-decoration:none}.credits h2 a:hover,.credits h2 a:focus-visible{text-decoration:underline}.credits-text{font:.98rem/1.5 var(--font-slip);margin:0}.credits-foot{font:.8rem var(--font-slip);border-top:1px dashed #b3262a59;margin:16px 0 0;padding-top:10px}.credits-tech{opacity:.6;margin:6px 0 0;font-size:.7rem}.debug{left:8px;right:8px;top:calc(env(safe-area-inset-top,0px) + 78px);color:var(--cream);text-align:center;flex-direction:column;align-items:center;gap:6px;font:12px ui-monospace,Menlo,Consolas,monospace;display:flex;position:absolute}.debug p{background:#00000073;border-radius:4px;margin:0;padding:5px 9px}.debug button{font:inherit;color:var(--cream);border:1px solid var(--cream-dim);background:#00000073;border-radius:4px;padding:7px 10px}@media (prefers-reduced-motion:reduce){.panel .hint,.slip,.loading,.credits[open]{animation:none}.stage canvas{transition:none}}