:root{color:#111;font-synthesis:none;background:#fff;font-family:Comic Sans MS,Marker Felt,ui-rounded,system-ui,sans-serif}*{box-sizing:border-box}body{background:#fff;min-width:320px;min-height:100vh;margin:0}button{color:#111;font:inherit}#app,.card{width:100%;min-height:100svh}.card{background:#fff;position:relative;overflow:hidden}h1{letter-spacing:-.05em;place-items:center;margin:0 0 100px;font-size:clamp(38px,8vw,72px);font-weight:400;display:grid;position:absolute;inset:0}.scoreboard{z-index:4;gap:22px;font-size:16px;display:flex;position:absolute;top:22px;left:24px}.scoreboard b{font-size:24px;font-weight:400}.arena{background:#fff;position:absolute;inset:0;overflow:hidden}.arena:before,.arena:after{content:"";background:#111;height:2px;position:absolute;left:-2%;right:-2%;transform:rotate(-1deg)}.arena:before{bottom:80px}.arena:after{bottom:54px}.rails{background:repeating-linear-gradient(90deg,#0000 0 30px,#111 30px 32px,#0000 32px 58px);height:42px;position:absolute;bottom:48px;left:-2%;right:-2%;transform:rotate(-1deg)}.arena p{color:#111;place-content:center;margin:0;font-size:20px;display:grid;position:absolute;inset:0}.arena p strong{font-size:72px;font-weight:400}.target{z-index:3;cursor:pointer;touch-action:manipulation;background:#fff;border:3px solid #111;border-radius:5px 8px 4px 6px;width:72px;height:44px;padding:0;position:absolute}.target:before{content:"";background:repeating-linear-gradient(90deg,#0000 0 13px,#111 13px 15px);border:2px solid #111;height:13px;position:absolute;top:8px;left:8px;right:8px}.target:after{content:"";background:radial-gradient(circle at 7px 5px,#111 0 5px,#0000 5.5px),radial-gradient(circle at calc(100% - 7px) 5px,#111 0 5px,#0000 5.5px);height:12px;position:absolute;bottom:-9px;left:8px;right:8px}.target:hover{transform:rotate(-2deg)scale(1.05)}.target:active{transform:scale(.92)}.action{z-index:5;cursor:pointer;background:#fff;border:2px solid #111;border-radius:50% 45% 48% 52%;min-width:120px;padding:12px 22px;position:absolute;bottom:110px;left:50%;transform:translate(-50%)rotate(-1deg)}.action:hover:not(:disabled){color:#fff;background:#111}.action:disabled{visibility:hidden}.logout{z-index:6;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #111;padding:6px 0;font-size:13px;position:absolute;top:24px;right:24px}.error{z-index:7;background:#fff;border:1px solid #111;margin:0;padding:8px 12px;position:absolute;top:70px;left:50%;transform:translate(-50%)}button:focus-visible{outline-offset:5px;outline:2px dashed #111}[hidden]{display:none!important}@media (width<=520px){.scoreboard{top:16px;left:16px}.logout{top:16px;right:16px}.action{bottom:105px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}