@font-face{font-family:Comfortaa;src:url(vendor/comfortaa-latin.woff2) format('woff2');font-display:swap}*{box-sizing:border-box}html,body{height:100%;width:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{font-family:"Segoe UI","PingFang SC",sans-serif;color:#111;user-select:none;-webkit-user-select:none;touch-action:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #516d38;outline-offset:5px}[hidden]{display:none!important}#container,#game{width:100%;height:100%;position:absolute;inset:0}canvas{display:block}.back{position:fixed;z-index:10;top:max(25px,env(safe-area-inset-top));left:28px;color:inherit;text-decoration:none;font-size:20px;display:flex;align-items:center;gap:10px;opacity:.65;padding:7px}.back span{font-size:13px}.back:hover{opacity:1}.game-footer{pointer-events:none;position:fixed;z-index:2;bottom:max(22px,env(safe-area-inset-bottom));left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.5px;color:#fff;mix-blend-mode:difference;opacity:.65}.stick-page #container{display:flex;align-items:center;justify-content:center}.stick-page #score{position:absolute;top:30px;right:30px;font-size:2em;font-weight:900}.stick-page #introduction{position:absolute;width:240px;height:150px;font-size:13px;font-weight:600;text-align:center;line-height:1.9;pointer-events:none;transition:opacity 1s}.stick-page #introduction span{font-size:11px;font-weight:400;opacity:.65}.stick-page #perfect{position:absolute;opacity:0;pointer-events:none;transition:opacity .4s;font-size:14px}.stick-page #restart{position:absolute;width:120px;height:120px;border-radius:50%;background:red;color:white;border:0;font-size:18px;font-weight:700}.tower-page{background:#d0cbc7;color:#333344;font-family:Comfortaa,"PingFang SC",sans-serif}.tower-page #score{position:absolute;top:20px;width:100%;text-align:center;font-size:10vh;transition:transform .5s;transform:translateY(-200px);pointer-events:none}.tower-page #instructions{position:absolute;width:100%;top:16vh;text-align:center;font-size:14px;opacity:0;transition:opacity .5s;pointer-events:none}.tower-page #instructions.hide{opacity:0!important}.tower-page .game-ready,.tower-page .game-over{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;pointer-events:none}.tower-page .game-ready{justify-content:space-around}.tower-page #start-button{border:3px solid #333344;padding:10px 20px;background:transparent;color:inherit;font-size:28px;opacity:0;transform:translateY(-50px);transition:opacity .5s,transform .5s}.tower-page .game-over{height:85%;justify-content:center}.tower-page .game-over>*{opacity:0;transform:translateY(-50px);transition:opacity .5s,transform .5s}.tower-page .game-over h1{font-size:36px;font-weight:500;margin:0 0 10px}.tower-page .game-over p{font-size:13px}.tower-page #again{border:0;border-bottom:1px solid #333344;background:transparent;color:inherit;margin-top:10px;padding:6px 2px;font-size:13px}.tower-page .ready #start-button,.tower-page .ended .game-over>*{opacity:1;transform:translateY(0)}.tower-page .ready #start-button,.tower-page .ended #again{pointer-events:auto}.tower-page .playing #score,.tower-page .resetting #score{transform:translateY(0)}.tower-page .playing #instructions{opacity:1}.tower-page .ended #score{transform:translateY(6vh) scale(1.5)}#load-error{position:absolute;top:45%;width:100%;text-align:center;font-size:14px}.tower-page .game-footer{color:#555;mix-blend-mode:normal}@media(max-width:500px){.back{left:13px;top:max(18px,env(safe-area-inset-top))}.game-footer{left:20px;right:20px;font-size:10px}.tower-page #instructions{font-size:12px}.stick-page #score{right:23px;top:22px}}
.stick-page .game-footer{mix-blend-mode:normal;color:#fff;opacity:.8;text-shadow:0 1px 3px #000}
