*,:before,:after{box-sizing:border-box}:root{--pitch:#1f6f3a;--pitch-dark:#17532b;--chalk:#f7f7f2;--yellow:#ffd400;--yellow-dark:#c9a700;--red:#e0262b;--green-card:#2ecc55;--ink:#1a1a1a;--gutter:12px}html,body{min-height:100%;margin:0}body{touch-action:manipulation;background:var(--pitch);color:var(--chalk);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;overflow:hidden}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:0}#app{gap:var(--gutter);height:100dvh;padding:max(var(--gutter), env(safe-area-inset-top)) max(var(--gutter), env(safe-area-inset-right)) max(var(--gutter), env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left));background:repeating-linear-gradient(to bottom, var(--pitch) 0 64px, var(--pitch-dark) 64px 128px);flex-direction:column;display:flex}.topbar{justify-content:space-between;align-items:center;display:flex}.icon-btn{background:#00000040;border-radius:50%;width:44px;height:44px;font-size:1.4rem;line-height:1}.icon-btn[aria-pressed=true]{background:#00000080}.text-btn{opacity:.75;background:0 0;border-radius:999px;min-height:44px;padding:0 14px;font-size:.9rem;text-decoration:underline}.meter{background:#0000004d;border-radius:14px;flex-direction:column;gap:6px;padding:10px 14px;display:flex}.meter-counts{justify-content:space-around;gap:var(--gutter);display:flex}.count{white-space:nowrap;align-items:center;gap:6px;font-size:1.1rem;display:inline-flex}.count-num{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800}.chip{border-radius:3px;width:16px;height:22px;display:inline-block;box-shadow:0 1px 3px #0006}.chip-yellow{background:var(--yellow)}.chip-red{background:var(--red)}.rank{text-align:center;font-size:1rem}.rank-label{opacity:.75}.rank-text{font-weight:700}.stage{gap:var(--gutter);flex-direction:column;flex:1;min-height:0;display:flex}.main-btn{background:var(--yellow);width:100%;min-height:0;color:var(--ink);letter-spacing:.02em;box-shadow:0 8px 0 var(--yellow-dark), 0 12px 24px #00000059;border-radius:28px;flex:1;font-size:clamp(3.5rem,22vw,9rem);font-weight:900;transition:transform 60ms ease-out,box-shadow 60ms ease-out;position:relative}.main-btn:active{box-shadow:0 2px 0 var(--yellow-dark), 0 4px 10px #00000059;transform:translateY(6px)}.main-btn.held,.hagy-btn.held{pointer-events:none}.main-btn[aria-disabled=true]{color:#f7f7f2cc;cursor:not-allowed;background:repeating-linear-gradient(-45deg,#4a1517 0 16px,#3b1012 16px 32px);box-shadow:inset 0 0 0 3px #0000004d}.main-btn[aria-disabled=true]:active{transform:none}.main-btn[aria-disabled=true] .main-label{align-items:center;gap:.35em;display:inline-flex}.main-btn[aria-disabled=true] .main-label:before{content:"";background:var(--red);border-radius:.08em;width:.5em;height:.7em;transform:rotate(-8deg);box-shadow:0 2px 4px #00000080}.out-msg{inset-inline:0;background:var(--chalk);width:max-content;max-width:90%;color:var(--red);opacity:0;pointer-events:none;border-radius:12px;margin-inline:auto;padding:6px 18px;font-size:clamp(1.4rem,8vw,2.4rem);font-weight:900;position:absolute;bottom:12%}.hagy-btn{background:var(--green-card);width:100%;min-height:64px;color:var(--ink);border-radius:20px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:1.8rem;font-weight:800;line-height:1.1;transition:transform 60ms ease-out,box-shadow 60ms ease-out;display:flex;box-shadow:0 5px #1f9a3e}.hagy-btn:active{transform:translateY(4px);box-shadow:0 1px #1f9a3e}.hagy-hint{display:none}.stage.sent-off .hagy-btn{border-radius:28px;flex:1;order:-1;min-height:0;font-size:clamp(3rem,18vw,7rem);font-weight:900;box-shadow:0 8px #1f9a3e,0 12px 24px #00000059}.stage.sent-off .hagy-hint{text-wrap:balance;max-width:16em;font-size:clamp(1.15rem,6vw,1.7rem);font-weight:700;line-height:1.3;display:block}.stage.sent-off .main-btn{border-radius:20px;flex:none;height:88px;font-size:2.6rem}.stage.sent-off .out-msg{height:max-content;margin:auto;font-size:1.6rem;inset-block:0}.bottombar{display:flex}.share-btn{background:var(--chalk);min-height:48px;color:var(--pitch-dark);border-radius:999px;flex:1;font-size:1.1rem;font-weight:700}@media (hover:hover) and (pointer:fine){.bottombar{display:none}}.main-btn:focus-visible,.hagy-btn:focus-visible,.share-btn:focus-visible,.icon-btn:focus-visible,.text-btn:focus-visible{outline:3px solid var(--chalk);outline-offset:3px}.flying-card{z-index:10;pointer-events:none;will-change:transform, opacity;border:2px solid #00000073;border-radius:5px;width:48px;height:66px;margin:-33px 0 0 -24px;position:fixed;box-shadow:0 3px 8px #0006}.flying-card-yellow{background:var(--yellow)}.flying-card-green{background:var(--green-card)}.overlay{z-index:20;padding:max(var(--gutter), env(safe-area-inset-top)) max(var(--gutter), env(safe-area-inset-right)) max(var(--gutter), env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left));pointer-events:none;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay-red{background:#3c0000b3}.overlay-content{will-change:transform;flex-direction:column;align-items:center;gap:16px;max-height:100%;display:flex}.big-card{aspect-ratio:2/3;border:5px solid #0000008c;border-radius:18px;justify-content:center;align-items:center;width:min(78vw,46dvh,380px);padding:22px;display:flex;box-shadow:0 16px 40px #0000008c}.big-card-yellow{background:var(--yellow);color:var(--ink)}.big-card-red{background:var(--red);color:var(--chalk)}.big-card-quote{text-align:center;margin:0;font-size:clamp(1.3rem,6.5vw,2rem);font-weight:800;line-height:1.3}.sent-off-banner{background:var(--chalk);color:var(--red);border-radius:12px;padding:8px 28px;font-size:clamp(2.6rem,15vw,5rem);font-weight:900;line-height:1.1;transform:rotate(-4deg);box-shadow:0 8px 24px #00000080}.praise{z-index:30;top:calc(max(var(--gutter), env(safe-area-inset-top)) + 56px);width:max-content;max-width:calc(100% - 2 * var(--gutter));background:var(--chalk);color:var(--pitch-dark);text-align:center;opacity:0;pointer-events:none;border:3px solid #1f9a3e;border-radius:16px;margin-inline:auto;padding:10px 20px;font-size:clamp(1.1rem,5.5vw,1.5rem);font-weight:800;position:fixed;inset-inline:0;box-shadow:0 8px 20px #0006}body.shake #app{animation:.5s cubic-bezier(.36,.07,.19,.97) shake}@keyframes shake{10%,90%{transform:translate(-2px,1px)}20%,80%{transform:translate(5px,-2px)}30%,50%,70%{transform:translate(-9px,3px)}40%,60%{transform:translate(9px,-3px)}}@media (width>=600px) and (height>=600px){:root{--app-h:min(100dvh - 48px, 860px)}body{background:#123f22;place-items:center;height:100dvh;display:grid}#app{width:calc(100% - 48px);max-width:460px;height:var(--app-h);border-radius:28px;box-shadow:0 24px 60px #00000080}.main-btn{font-size:6.5rem}.stage.sent-off .hagy-btn{font-size:5.5rem}.stage.sent-off .hagy-hint{font-size:1.5rem}.out-msg{font-size:2rem}.praise{top:calc((100dvh - var(--app-h)) / 2 + 68px)}}@media (prefers-reduced-motion:reduce){.main-btn,.hagy-btn{transition:none}body.shake #app{animation:none}}