:root{color-scheme:light;font-family:Arial,"Malgun Gothic",sans-serif;background:#eeeef0;color:#222327}*{box-sizing:border-box}body{margin:0}main{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(90px,15vh,155px);padding:48px 24px 90px}#clock{display:flex;align-items:baseline;font-family:"Arial",sans-serif;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.065em;font-size:clamp(62px,12vw,112px);line-height:1;white-space:nowrap}.colon{position:relative;top:-.07em;margin:0 .06em}.seconds{font-size:.46em;color:#919197;letter-spacing:-.035em;margin-left:.28em;min-width:1.18em}.control{display:flex;flex-direction:column;align-items:center;width:min(100%,380px);gap:40px}#count{font-variant-numeric:tabular-nums;font-size:24px;line-height:1.2;font-weight:500;color:#7e7e85;letter-spacing:.03em}.button-wrap{position:relative;width:100%}#hit{display:block;width:100%;height:146px;padding:0;border:0;border-radius:28px;background:#a62919;box-shadow:0 17px 22px -12px #59130955,0 2px 2px #fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;position:relative}#hit:focus-visible{outline:3px solid #27272b;outline-offset:12px}.face{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;border-radius:28px;background:linear-gradient(#f65439,#eb4027);border:1px solid #f9826d;box-shadow:inset 0 2px 1px #ffffff40,inset 0 -2px 1px #bd2c1b66;transform:translateY(-12px);transition:transform 80ms ease-out;color:#fff9f5;font-size:clamp(32px,7vw,42px);font-weight:800;letter-spacing:-.045em;text-shadow:0 1px 1px #a7281966}.pressed .face,#hit:active .face{transform:translateY(-2px)}#particles{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:visible}.plus{position:absolute;left:50%;top:-12px;font-size:64px;font-weight:800;line-height:1;color:#ef472e;letter-spacing:-.065em;white-space:nowrap;text-shadow:0 2px #eeeef0,2px 0 #eeeef0,-2px 0 #eeeef0;will-change:transform,opacity}.available #hit{background:#28734d}.available .face{background:linear-gradient(#4fab73,#39915c);border-color:#7dc397}.done #hit{background:#646469;cursor:default}.done .face{background:#85858b;border-color:#a1a1a8;transform:translateY(-3px);box-shadow:inset 0 2px 1px #ffffff30}.done .plus{color:#3d9360}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:480px){main{padding-bottom:80px;gap:115px}.control{width:min(100%,310px);gap:34px}#hit{height:130px;border-radius:25px}.face{border-radius:25px}.plus{font-size:58px}}@media(prefers-reduced-motion:reduce){.face{transition:none}.plus{will-change:auto}}