@layer components{.ape-stage{-webkit-user-select:none;user-select:none;touch-action:manipulation;background:radial-gradient(80% 60% at 50% 55%,#2a1d10 0%,#0d0a07 70%,#050403 100%);padding:0}.ape-stage.is-hurt{animation:.42s ape-hurt}@keyframes ape-hurt{25%{transform:translate(-8px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}.ape-head{z-index:2;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:14px;left:20px;right:20px}.ape-level{letter-spacing:.14em;color:var(--on-dark-dim);font-size:12px;font-weight:600}.ape-count{letter-spacing:-.045em;color:#fff;margin-top:2px;font-size:34px;font-weight:600;line-height:1}.ape-count span{letter-spacing:-.01em;color:var(--on-dark-dim);font-size:15px}.ape-lives{gap:8px;padding-top:6px;display:flex}.ape-lives i{background:radial-gradient(circle at 35% 30%, #f0ffb0, var(--rn) 55%, #8fc01a);width:20px;height:20px;transition:transform .3s var(--ease-spring), opacity .3s ease;border-radius:50%;box-shadow:0 0 14px #ccff3d66}.ape-lives i.lost{background:#ffffff1a;animation:.5s both ape-lose;transform:scale(.8);box-shadow:inset 0 0 0 1.5px #ff4d4f99}@keyframes ape-lose{0%{background:#ff4d4f;transform:scale(1.4)}}.ape-cue{z-index:2;color:var(--on-dark-dim);animation:screen-in .26s var(--ease-out) both;font-size:16px;font-weight:500;position:absolute;top:76px;left:20px;right:20px}.ape-cue.is-bad{color:#ff8a7a;font-weight:600}.ape-cue.is-good{color:var(--rn);font-weight:600}.ape-area{inset:110px 20px max(24px, env(safe-area-inset-bottom));place-items:center;display:grid;position:absolute;container-type:size}.ape-grid{aspect-ratio:5/8;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(5,1fr);gap:7px;width:min(100cqw,62.5cqh);display:grid;container-type:inline-size}.ape-slot{background:#ffffff09;border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff0a}.ape-cell{letter-spacing:-.04em;color:#1a130b;transition:background .16s ease, transform .16s var(--ease-spring);animation:ape-in .3s var(--ease-pop) both;cursor:pointer;touch-action:manipulation;background:linear-gradient(#fff,#efe9df);border-radius:12px;place-items:center;font-size:10cqw;font-weight:650;display:grid;position:relative;box-shadow:inset 0 -4px #0000001f,0 6px 14px -4px #0009}@keyframes ape-in{0%{opacity:0;transform:scale(.4)}}.ape-cell:active{transform:scale(.92)}.ape-cell:focus-visible{outline:3px solid var(--rn);outline-offset:2px}.ape-cell.is-hidden{background:linear-gradient(#fff,#e6dfd2);animation:none}.ape-cell.is-hidden:after{content:"";border-radius:inherit;animation:ape-hide .26s var(--ease-out) both;pointer-events:none;background:#fff;position:absolute;inset:0}@keyframes ape-hide{0%{opacity:1}to{opacity:0}}.ape-cell.is-done{animation:ape-done .32s var(--ease-out) both;cursor:default;background:0 0;box-shadow:inset 0 0 0 2px #ccff3d59}@keyframes ape-done{0%{background:var(--rn);transform:scale(1.12)}to{background:0 0;transform:scale(1)}}.ape-cell.is-wrong{color:#fff;background:linear-gradient(#ff6a5c,#e2391e);animation:.42s both ape-wrong}@keyframes ape-wrong{20%{transform:translate(-6px)rotate(-6deg)}50%{transform:translate(5px)rotate(4deg)}80%{transform:translate(-2px)}}.ape-cell.is-right{color:#0d0d0f;background:var(--rn);animation:.9s ease-in-out infinite ape-pulse;box-shadow:0 0 0 4px #ccff3d4d,0 0 26px #ccff3d99}@keyframes ape-pulse{50%{transform:scale(1.08)}}.ape-grid.is-cleared .ape-cell{animation:ape-done .32s var(--ease-out) both}.ape-again{z-index:3;animation:pop .34s var(--ease-pop) .3s both;position:absolute;top:66px;right:20px}.ape-trail{flex-wrap:wrap;gap:6px;display:flex}.ape-trail span{font-variant-numeric:tabular-nums;color:#0d0d0f;background:#2fd27a;border-radius:10px;place-items:center;min-width:34px;height:34px;padding:0 6px;font-size:14px;font-weight:600;display:grid}.ape-trail .is-strike{background:#ffc83a}.ape-trail .is-end{color:#fff;background:#ff4d4f}.ape-sum{color:var(--stage-dim);margin-top:10px;font-size:12.5px}@media (prefers-reduced-motion:reduce){.ape-stage.is-hurt,.ape-cell,.ape-cell.is-hidden:after,.ape-cell.is-done,.ape-cell.is-wrong,.ape-cell.is-right,.ape-lives i.lost{animation:none}}}