@import"https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Caveat:wght@600;700&display=swap";*{box-sizing:border-box}html,body,#root{height:100%;margin:0}:root{--cover:#15564a;--cover-2:#0f4338;--paper:#fdfcf6;--rule:#aac4e2;--margin:#e1a3a3;--ink:#23303f;--ink-soft:#5d6b7a;--hl:#f4c544;--out:#d3493f;--line:#e6e2d4}.bc-root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);min-height:100vh;min-height:100dvh;background:radial-gradient(120% 80% at 50% -10%,var(--cover) 0%,var(--cover-2) 70%);display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:calc(18px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left))}.bc-shell{width:100%;max-width:460px;margin-block:auto}.hand{font-family:Patrick Hand,Comic Sans MS,Chalkboard SE,cursive}.script{font-family:Caveat,Patrick Hand,cursive}.flex{display:flex}.grid{display:grid}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.mb-3{margin-bottom:12px}.paper{position:relative;background-color:var(--paper);background-image:linear-gradient(var(--margin),var(--margin)),repeating-linear-gradient(transparent,transparent 31px,var(--rule) 31px,var(--rule) 32px);background-size:2px 100%,100% 100%;background-position:38px 0,0 6px;background-repeat:no-repeat,repeat;border-radius:14px;box-shadow:0 18px 40px #00000047,inset 0 0 0 1px #0000000a;overflow:hidden}.paper-pad{padding:18px 18px 18px 52px}.spine{height:10px;margin:0 26px -6px;border-radius:10px 10px 0 0;background:var(--cover-2);box-shadow:inset 0 2px 4px #0000004d}.eyebrow{letter-spacing:.18em;text-transform:uppercase;font-size:11px;color:var(--ink-soft);font-weight:700}.btn{border:0;cursor:pointer;font-weight:700;border-radius:12px;transition:transform .08s ease,box-shadow .15s ease,background .15s ease;font-family:inherit}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--cover);color:#f4fbf7;box-shadow:0 6px 0 var(--cover-2)}.btn-primary:active:not(:disabled){box-shadow:0 2px 0 var(--cover-2)}.btn-hl{background:var(--hl);color:#5a4500;box-shadow:0 6px #cda420}.btn-hl:active:not(:disabled){box-shadow:0 2px #cda420}.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--line)}.btn-ghost:hover{background:#00000006}.field{font-family:inherit;font-size:15px;color:var(--ink);background:#fff;border:2px solid var(--line);border-radius:10px;padding:9px 11px;width:100%}.field:focus{outline:none;border-color:var(--cover)}.sel{font-family:inherit;font-size:15px;background:#fff;border:2px solid var(--line);border-radius:9px;padding:7px 8px;color:var(--ink);min-width:0;max-width:100%}.sel:focus{outline:none;border-color:var(--cover)}.stage{perspective:900px;display:flex;justify-content:center}.pagecard{width:168px;height:176px;border-radius:12px;background:#fffefb;box-shadow:0 10px 22px #0000002e,inset 0 0 0 1px #efeada;display:flex;flex-direction:column;align-items:center;justify-content:center}.flip{animation:flip .55s ease-in-out}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(86deg)}to{transform:rotateX(0)}}.pop{animation:pop .34s ease-out}@keyframes pop{0%{transform:scale(.55);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}.ball{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;border:2px solid var(--line);background:#fff;color:var(--ink)}.ball.w{border-color:var(--out);color:var(--out)}.ball.boundary{border-color:var(--hl);background:#fef7da}.ball.dot{color:var(--ink-soft)}.bat-pill{display:inline-flex;align-items:center;gap:6px;background:#fff;border:2px solid var(--line);border-radius:999px;padding:4px 10px;font-weight:700;font-size:13px}.bat-pill.live{border-color:var(--cover);background:#eef6f2}.digit-grid{display:grid;grid-template-columns:1fr;gap:8px}.digit-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.ad-slot{max-width:460px;margin:14px auto 0;min-height:0}.credit{text-align:center;margin-top:16px;font-family:Caveat,Patrick Hand,cursive;font-size:19px;letter-spacing:.3px;color:#fdfcf68c}@media (prefers-reduced-motion: reduce){.flip,.pop{animation:none}}