:root{font-family:Inter,Arial,Helvetica,sans-serif;color:#000;background:#d7dce7;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}#gameBox{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}canvas{display:block;width:100%;height:100%}button{font:inherit;-webkit-tap-highlight-color:transparent}.screen{position:absolute;inset:0;pointer-events:none}.button{pointer-events:auto;display:block;border:0;border-radius:999px;background:#000;color:#fff;font-weight:900;line-height:1;cursor:pointer;min-height:44px;transition:transform .12s,background .12s}.button:hover{background:#252525;transform:scale(1.035)}.button:active{transform:scale(.97)}.button:focus-visible{outline:4px solid #ed7343;outline-offset:6px}#play{position:absolute;left:50%;top:59.3%;transform:translateX(-50%);width:var(--button-width,300px);height:var(--button-height,76px);font-size:var(--button-font,36px)}#play:hover{transform:translateX(-50%) scale(1.035)}#play:active{transform:translateX(-50%) scale(.97)}.instructions{position:absolute;top:70%;left:10%;width:80%;margin:0;text-align:center;font-size:clamp(12px,2.1vh,18px);line-height:1.7;font-weight:700;color:#fff;text-shadow:0 1px 4px #0009}.instructions span{font-weight:500}.end-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(640px,85vw);text-align:center}.end-logo{width:min(38vh,270px);display:block;margin:0 auto 3vh}h1,h2{font-weight:900;letter-spacing:-.025em;font-size:clamp(25px,4.6vh,44px);margin:0 0 1.5vh}.final-score{font-weight:900;color:#ed7343;font-size:clamp(34px,7vh,64px);margin:0}.new-record{font-size:clamp(15px,3vh,25px);font-weight:900;color:#000;background:#ed7343;padding:8px 16px;display:inline-block;margin:1.8vh 0 0}.end-record{font-weight:700;font-size:clamp(13px,2.3vh,19px);margin:1.8vh 0 3vh}.end-actions{display:flex;justify-content:center;gap:15px}.end-actions .button,.pause-content .button{padding:18px 34px;font-size:clamp(16px,2.8vh,25px)}.secondary{background:#fff;color:#000}.secondary:hover{background:#f4f4f4}.pause-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;white-space:nowrap}.pause-content .button{margin:20px auto}#loading{position:absolute;inset:0;margin:0;display:grid;place-content:center;background:#d7dce7;font-weight:700}#rotate{position:absolute;z-index:5;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#d7dce7;font-weight:800;font-size:22px;line-height:1.5}#rotate img{width:140px}#rotate span{font-size:60px;color:#ed7343}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-height:500px){.end-logo{width:32vh;margin-bottom:1.5vh}.end-actions .button,.pause-content .button{padding:13px 27px}.instructions{font-size:12px;top:74%}.new-record{padding:5px 12px}.end-record{margin:1vh 0 2vh}.end-content{width:90vw}}
.pause-button{position:absolute;left:50%;top:max(16px,env(safe-area-inset-top));transform:translateX(-50%);padding:12px 22px;font-size:clamp(12px,2vh,16px);z-index:1}.pause-button:hover{transform:translateX(-50%) scale(1.035)}.pause-button:active{transform:translateX(-50%) scale(.97)}
.end-content{width:min(560px,88vw);padding:clamp(24px,5vh,48px) clamp(20px,4vw,44px);background:#fff;border-radius:20px;box-shadow:0 8px 28px #00000018}.end-content .secondary{background:#eceef2}.end-content .secondary:hover{background:#dfe3e9}@media(max-height:500px){.end-content{padding:20px 28px;width:min(540px,88vw)}}
.end-content .final-score{color:#ed7343}