:root{--color-tomato: #e4572e;--color-tomato-dark: #c74522;--color-olive: #5f683d;--color-cream: #fff6e9;--color-ink: #33272a;--color-hit: #43a047;--color-hit-text: #2e7d32;--color-close: #f9a825;--color-miss: #e53935;--color-card: #ffffff;--shadow-card: 0 4px 16px rgb(51 39 42 / .08);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--color-ink);background-color:var(--color-cream)}*{box-sizing:border-box}body{margin:0;min-height:100dvh}button{font-family:inherit}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--color-ink);outline-offset:2px}.screen{min-height:100dvh;max-width:26rem;margin:0 auto;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));display:flex;flex-direction:column}.boot{justify-content:center;align-items:center;text-align:center;gap:.5rem}.boot__title{margin:0;font-size:3rem;letter-spacing:-.02em;color:var(--color-tomato)}.boot__tagline{margin:0;font-size:1.125rem}.boot__status{margin:1rem 0;color:var(--color-olive);font-weight:600}.game__header{display:flex;justify-content:space-between;align-items:baseline;font-weight:700}.game__title{color:var(--color-tomato);font-size:1.25rem}.game__progress{color:var(--color-olive);font-variant-numeric:tabular-nums}.product{background:var(--color-card);border-radius:1.25rem;padding:.875rem 1rem;margin-top:.625rem;text-align:center;box-shadow:var(--shadow-card);animation:card-in .25s ease-out}.product__tile{font-size:3.25rem;line-height:1;padding:.875rem 0;background:var(--color-cream);border-radius:1rem;user-select:none;-webkit-user-select:none}.product__name{margin:.625rem 0 0;font-size:1.25rem;line-height:1.2}.product__format{margin:.125rem 0 0;color:var(--color-olive);font-weight:600}.product__question{margin:.375rem 0 0;font-size:.9rem}.game__controls{margin-top:auto;display:flex;flex-direction:column}.feedback-slot{min-height:3.75rem;display:flex;align-items:center;justify-content:center;text-align:center;padding:.25rem 0}.feedback{animation:shake .3s ease-in-out}.feedback__emoji{display:block;font-size:1.375rem}.feedback__text{font-size:.9rem;font-weight:600}.game__attempt{margin:0;text-align:center;font-size:.8rem;font-weight:700;color:var(--color-olive);text-transform:uppercase;letter-spacing:.06em}.price-display{display:block;text-align:center;font-size:2.375rem;font-weight:800;font-variant-numeric:tabular-nums;margin:.125rem 0 .5rem}.price-display__placeholder{color:#6f675f}.price-display__currency{color:var(--color-olive);font-size:1.5rem}.cta{width:100%;min-height:3.5rem;border:none;border-radius:1rem;background:var(--color-tomato);color:var(--color-cream);font-size:1.25rem;font-weight:800;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}.cta:active{background:var(--color-tomato-dark);transform:scale(.985)}.cta:disabled{opacity:.35;cursor:default}.keypad{margin-top:.5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.keypad__key{min-height:3.5rem;border:none;border-radius:.875rem;background:var(--color-card);color:var(--color-ink);font-size:1.5rem;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #33272a0f;touch-action:manipulation;user-select:none;-webkit-user-select:none}.keypad__key:active{background:var(--color-cream);transform:scale(.96)}.challenge-chip{margin:.5rem 0 0;padding:.5rem .75rem;background:var(--color-close);color:var(--color-ink);border-radius:.75rem;font-size:.9rem;font-weight:700;text-align:center}.reveal{margin-top:.75rem;background:var(--color-card);border-radius:1.25rem;padding:1.25rem 1rem;text-align:center;box-shadow:var(--shadow-card);animation:pop .25s ease-out;display:flex;flex-direction:column;gap:.25rem}.reveal--hit{border-top:6px solid var(--color-hit)}.reveal--miss{border-top:6px solid var(--color-miss)}.reveal__label{margin:0;font-size:.8rem;font-weight:700;color:var(--color-olive);text-transform:uppercase;letter-spacing:.06em}.reveal__price{margin:0;font-size:2.75rem;font-weight:800;color:var(--color-tomato);font-variant-numeric:tabular-nums}.reveal__outcome{margin:.25rem 0 0;font-size:1rem;line-height:1.35}.reveal__points{margin:0;font-size:1.375rem;font-weight:800;color:var(--color-hit-text)}.reveal--miss .reveal__points{color:var(--color-ink)}.reveal .cta{margin-top:.75rem}.result{justify-content:center;align-items:center;text-align:center;gap:.375rem}.result__title{margin:0;font-size:2rem;color:var(--color-tomato)}.result__grid{margin:.375rem 0;font-size:2.25rem;letter-spacing:.3rem;animation:pop .3s ease-out}.result__points{margin:0;font-size:2.75rem;font-weight:800}.result__deviation{margin:0;font-weight:600;color:var(--color-olive)}.result__come-back{margin:1.25rem 0 0;font-weight:600}.result .cta{margin-top:1.25rem;width:auto;padding:0 1.5rem}.versus{margin-top:.75rem;background:var(--color-card);border-radius:1rem;padding:.875rem 1.25rem;box-shadow:var(--shadow-card)}.versus__points{margin:0;font-weight:800;font-size:1.125rem;font-variant-numeric:tabular-nums}.versus__outcome{margin:.25rem 0 0;font-size:.95rem}.result__actions{width:100%;display:flex;flex-direction:column;align-items:center;gap:0}.result__actions .cta{width:100%;max-width:20rem}.result__actions .cta--secondary{margin-top:.625rem}.cta--secondary{background:var(--color-olive)}.cta--secondary:active{background:#4d5531}.result__action-note{margin:.5rem 0 0;min-height:1.25rem;font-size:.85rem;font-weight:700;color:var(--color-olive)}.result__streak{margin:.375rem 0 0;font-weight:800;font-size:1.125rem}.icon-button{border:none;background:none;font-size:1.125rem;cursor:pointer;padding:.125rem .25rem;border-radius:.5rem;touch-action:manipulation}.game__header-right{display:flex;align-items:center;gap:.375rem}.link-button{margin-top:.875rem;border:none;background:none;color:var(--color-olive);font-size:.95rem;font-weight:700;text-decoration:underline;cursor:pointer;padding:.25rem}.stats{gap:.75rem}.stats__title{margin:.5rem 0 0;font-size:1.75rem;color:var(--color-tomato);text-align:center}.stats__tiles{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.tile{background:var(--color-card);border-radius:1rem;padding:.75rem;text-align:center;box-shadow:var(--shadow-card)}.tile--wide{grid-column:1 / -1}.tile__value{margin:0;font-size:1.75rem;font-weight:800;font-variant-numeric:tabular-nums}.tile__label{margin:.125rem 0 0;font-size:.8rem;font-weight:700;color:var(--color-olive);text-transform:uppercase;letter-spacing:.04em}.dist{background:var(--color-card);border-radius:1rem;padding:1rem;box-shadow:var(--shadow-card)}.dist__title{margin:0 0 .625rem;font-size:.9rem;font-weight:700;color:var(--color-olive);text-transform:uppercase;letter-spacing:.04em}.dist__row{display:grid;grid-template-columns:6rem 1fr 2rem;align-items:center;gap:.5rem;margin:.375rem 0;font-size:.9rem}.dist__label{font-weight:600}.dist__track{display:block;height:.75rem;background:var(--color-cream);border-radius:4px;overflow:hidden}.dist__bar{display:block;height:100%;border-radius:4px;min-width:2px}.dist__bar--hit1{background:var(--color-hit)}.dist__bar--hit2,.dist__bar--hit3{background:#c47f16}.dist__bar--miss{background:var(--color-miss)}.dist__count{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.stats__empty{text-align:center;color:var(--color-olive);font-weight:600;margin:1rem 0}.stats .cta{margin-top:auto}@keyframes card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}