:root{--bg:#e6f4f0;--bg-dot:#125a501f;--paper:#fffdf8;--text:#11312c;--muted:#5b7a74;--line:#c9e0da;--ink:#0f5c52;--ink-text:#fff;--berry:#d1356b;--amber:#e39b1c;--leaf:#2e9e63;--cube:#fff;--cube-shade:#ebe5dc;--cube-edge:#c9bfb0;--glass:#ffffff8c;--glass-edge:#0f5c5259;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e2522;--bg-dot:#beebe11a;--paper:#f6f1e8;--text:#e9f5f2;--muted:#9fbdb6;--line:#22443f;--ink:#3fc1ad;--ink-text:#0e2522;--glass:#ffffff0f;--glass-edge:#beebe159}}:root[data-theme=dark]{--bg:#0e2522;--bg-dot:#beebe11a;--paper:#f6f1e8;--text:#e9f5f2;--muted:#9fbdb6;--line:#22443f;--ink:#3fc1ad;--ink-text:#0e2522;--glass:#ffffff0f;--glass-edge:#beebe159}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--bg);background-image:radial-gradient(var(--bg-dot) 1px, transparent 1.5px);color:var(--text);font-family:var(--font);background-size:18px 18px;min-height:100dvh;line-height:1.4}#app{max-width:440px;margin:0 auto;padding:14px 16px 40px}header{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.wordmark{letter-spacing:-.05em;align-items:center;gap:8px;margin:0;font-size:2.1rem;font-weight:900;line-height:1;display:flex}.wordmark .glyph{background:linear-gradient(135deg, #fff, var(--cube-shade));border:2px solid var(--cube-edge);width:26px;height:26px;box-shadow:2px 3px 0 var(--ink);border-radius:6px;transform:rotate(-8deg)}.tagline{color:var(--muted);margin:4px 0 0;font-size:.9rem}header .meta{color:var(--ink);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;padding-bottom:4px;font-size:.8rem;font-weight:700}.dots{gap:8px;margin:14px 0 18px;display:flex}.dots span{border:2px solid var(--line);background:0 0;border-radius:4px;width:18px;height:18px}.dots span.current{border-color:var(--ink);border-style:dashed}.dots span.great{background:var(--leaf);border-color:var(--leaf)}.dots span.okay{background:var(--amber);border-color:var(--amber)}.dots span.poor{background:var(--berry);border-color:var(--berry)}.stage{grid-template-columns:150px 1fr;align-items:center;gap:16px;display:grid}.polaroid{background:var(--paper);color:#11312c;border-radius:4px;padding:8px 8px 24px;transform:rotate(-3deg);box-shadow:0 10px 24px #0a3c322e,0 2px 4px #00000014}.polaroid.tilt-1{transform:rotate(2.5deg)}.polaroid.tilt-2{transform:rotate(-2deg)}.polaroid.tilt-3{transform:rotate(3deg)}.polaroid.tilt-4{transform:rotate(-1.5deg)}.polaroid img,.polaroid .placeholder{aspect-ratio:1;object-fit:contain;background:#fff;width:100%;display:block}.polaroid .placeholder{place-items:center;font-size:3rem;display:grid}.label{min-width:0}.label .brand{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.72rem;font-weight:700}.label h2{letter-spacing:-.02em;margin:2px 0 8px;font-size:1.45rem;font-weight:900;line-height:1.1}.tag{background:var(--ink);color:var(--ink-text);border-radius:3px 999px 999px 3px;padding:4px 10px 4px 14px;font-size:.85rem;font-weight:700;display:inline-block;position:relative}.tag:before{content:"";background:var(--bg);border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:5px;transform:translateY(-50%)}.ask{justify-content:space-between;align-items:baseline;gap:8px;margin:22px 0 8px;display:flex}.ask-title{letter-spacing:-.01em;font-size:1.1rem;font-weight:900}.ask-hint{color:var(--muted);white-space:nowrap;font-size:.78rem}.jar{place-content:flex-start center;gap:var(--gap,4px);border:2px solid var(--glass-edge);background:linear-gradient(180deg, var(--glass), transparent 40%, var(--glass));border-top-width:6px;border-radius:10px 10px 28px 28px;flex-wrap:wrap-reverse;min-height:150px;padding:10px 10px 12px;display:flex;position:relative}.jar:after{content:"";pointer-events:none;background:#ffffff59;border-radius:3px;width:6px;position:absolute;inset:8px auto 12px 8px}.jar.size-l{--size:24px}.jar.size-m{--size:18px}.jar.size-s{--size:13px}.jar .empty{text-align:center;width:100%;color:var(--muted);align-self:center;padding:50px 0;font-weight:700}.cube{width:var(--size,24px);height:var(--size,24px);background:linear-gradient(135deg, var(--cube) 0%, var(--cube-shade) 100%);border:1.5px solid var(--cube-edge);animation:.3s cubic-bezier(.2,.8,.3,1.1) both fall;animation-delay:calc(min(var(--i), 60) * 10ms);border-radius:4px;box-shadow:1px 2px #0000001a,inset 0 0 0 1px #fff9}.cube.part{width:calc(var(--size,24px) * max(var(--w), .3))}.cube.extra{box-shadow:none;opacity:.55;background:0 0;border-style:dashed}.cube.missed{border-color:var(--berry);background:linear-gradient(135deg,#ffd3e2 0%,#ff9fc0 100%)}@keyframes fall{0%{opacity:0;transform:translateY(-40px)rotate(-12deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.cube{animation:none}}.count{text-align:center;margin:14px 0 0;line-height:1;display:block}.count b{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:3.2rem;font-weight:900;display:block}.count b .whole{color:var(--text)}.count b .tenth{color:var(--ink);letter-spacing:-.02em;font-size:1.8rem}.count small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-top:4px;font-size:.75rem;font-weight:700;display:block}.links{width:100%;height:52px;margin-top:2px;display:block;overflow:visible}.links .link{fill:none;stroke-width:2.5px;stroke-linecap:round}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.links .link.whole,.links #arrow-whole path{stroke:var(--text);fill:var(--text)}.links .link.whole{fill:none;opacity:.8}.links .link.tenth,.links #arrow-tenth path{stroke:var(--ink);fill:var(--ink)}.links .link.tenth{fill:none}.controls{grid-template-columns:3fr 2fr;align-items:end;gap:12px;margin:0 0 8px;display:grid}.stepper{border:1px dashed var(--glass-edge);text-align:center;border-radius:18px;gap:6px;padding:6px;display:grid}.stepper.tenth{border-color:var(--ink)}.btns{grid-template-columns:1fr 1fr;gap:6px;display:grid}.step-label{color:var(--muted);font-variant-numeric:tabular-nums;padding-bottom:2px;font-size:.72rem;font-weight:800}.stepper.tenth .step-label{color:var(--ink)}button.step{background:var(--paper);color:#11312c;width:100%;height:56px;box-shadow:0 4px 0 var(--glass-edge);touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:14px;padding:0;font-size:1.8rem;font-weight:800;line-height:1}.stepper.tenth button.step{height:48px;box-shadow:0 3px 0 var(--glass-edge);font-size:1.4rem}button.step:active{box-shadow:0 1px 0 var(--glass-edge);transform:translateY(3px)}button{font:inherit;cursor:pointer;background:var(--ink);color:var(--ink-text);border:0;border-radius:14px;padding:15px 18px;font-weight:800}.grams-live{text-align:center;color:var(--ink);font-variant-numeric:tabular-nums;margin:0 0 14px;font-size:1.05rem;font-weight:800}button.primary{text-transform:uppercase;letter-spacing:.06em;width:100%;font-size:1.05rem}button.primary:hover{filter:brightness(1.08)}.reveal{margin-top:14px}.scoreline{text-align:center;grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;display:grid}.scoreline .num b{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:900;line-height:1;display:block}.scoreline .num small{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-top:4px;font-size:.7rem;font-weight:700;display:block}.scoreline .num.you b{color:var(--muted)}.scoreline .num em{color:var(--ink);font-variant-numeric:tabular-nums;margin-top:6px;font-size:1rem;font-style:normal;font-weight:800;display:block}.scoreline .num.you em{color:var(--muted)}.scoreline .vs{color:var(--muted);align-self:center;padding-top:6px;font-size:1.4rem;font-weight:700}.facts{text-align:center;color:var(--muted);margin:10px 0 0;font-size:.85rem}.result{background:var(--paper);color:#11312c;text-align:center;border-radius:12px;margin:12px 0 14px;padding:10px 14px;font-weight:800}.result.great{box-shadow:inset 4px 0 0 var(--leaf)}.result.okay{box-shadow:inset 4px 0 0 var(--amber)}.result.poor{box-shadow:inset 4px 0 0 var(--berry)}.result small{color:#5b7a74;font-weight:600;display:block}.summary h2{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:18px 0 0;font-size:1rem}.summary .total{margin:4px 0 6px;line-height:1}.summary .total b{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:3.6rem;font-weight:900}.summary .total small{color:var(--muted);margin-left:6px;font-size:1rem;font-weight:700}.share-row{letter-spacing:.1em;margin-bottom:14px;font-size:1.3rem}.rounds{margin:0 0 14px;padding:0;list-style:none}.rounds li{border-bottom:1px dashed var(--line);grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:8px 0;font-size:.95rem;display:grid}.rounds li img{object-fit:contain;background:#fff;border-radius:3px;width:44px;height:44px;padding:2px;box-shadow:0 2px 6px #0000001f}.rounds li .name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.rounds li .name small{color:var(--muted);font-size:.78rem;font-weight:400;display:block}.rounds li .nums{text-align:right;font-variant-numeric:tabular-nums}.rounds li .nums b{font-size:1.15rem;font-weight:900}.rounds li .nums small{color:var(--muted);font-size:.78rem;display:block}.daysum{background:var(--paper);color:#11312c;border-radius:12px;margin:0 0 14px;padding:12px 14px;font-size:.9rem;font-weight:600;box-shadow:0 6px 16px #0a3c321f}.stats{text-align:center;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 16px;display:grid}.stats div b{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:900;display:block}.stats div span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:700}.countdown{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:14px;font-size:.9rem}footer{border-top:1px dashed var(--line);color:var(--muted);margin-top:36px;padding-top:14px;font-size:.75rem}footer p{margin:6px 0}footer a{color:inherit}footer details{margin-top:10px}footer summary{cursor:pointer;font-weight:700}.toast{background:var(--ink);color:var(--ink-text);opacity:0;pointer-events:none;border-radius:999px;padding:10px 16px;font-size:.9rem;font-weight:700;transition:opacity .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}@media (width<=360px){.stage{grid-template-columns:120px 1fr}.wordmark{font-size:1.8rem}}footer .support{text-align:center;margin-top:18px}a.donate{background:var(--paper);color:#11312c;box-shadow:0 4px 0 var(--glass-edge);border-radius:999px;padding:12px 22px;font-size:.95rem;font-weight:800;text-decoration:none;display:inline-block}a.donate:hover{filter:brightness(1.04)}a.donate:active{box-shadow:0 1px 0 var(--glass-edge);transform:translateY(3px)}footer .who{background:var(--glass);border:1px solid var(--line);text-align:left;border-radius:12px;margin:14px 0 4px;padding:12px 14px}footer .who h3{color:var(--text);margin:0 0 4px;font-size:.8rem}footer .who p{margin:0;line-height:1.5}