:root{--color-secondary: #282c33;--color-text-strong: var(--color-secondary);--color-background: #bcdbee;--color-background-shine: radial-gradient(#fff, transparent)}:root.dracula{--color-secondary: #44475a;--color-text-strong: #f8f8f2;--color-background: #282a36;--color-background-shine: radial-gradient(#6272a4, transparent)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html,body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100%;margin:0;overflow:hidden;width:100%}body{background-color:var(--color-background);background-image:var(--color-background-shine);color:var(--color-text-strong)}canvas{cursor:pointer;height:100%;width:100%;position:absolute}.explosion{position:fixed;height:130px;width:130px;overflow:hidden}@keyframes frames{0%{transform:translate(0)}to{transform:translate(-910px)}}img.animate{transform:translate(130px);height:100%;width:auto}.animate{animation:frames .24s steps(7) forwards}.bubble{border:2px solid #af3398;width:80px;height:80px;background-color:#e27dcd;border-radius:50%;position:fixed;will-change:transform;z-index:5}.bubble:after{content:"";border-radius:50%;border-top:12px solid #ffcaf3;position:absolute;transform:rotate(-40deg);top:4px;left:0;width:90%;height:60%}.bubble.gold,.explosion.gold{filter:hue-rotate(105deg) brightness(1.2)}.score,.time,.score-box{position:absolute;top:24px;right:24px;padding:12px 24px;font-size:24px;font-weight:700;border-radius:60px;background-color:var(--color-secondary);color:var(--color-text-strong)}.score-box{font-size:44px;text-shadow:0 3px 5px #000}.time{right:auto;left:24px}.score-box{position:static;text-align:center;margin:1.5rem 0}.dot{width:20px;height:20px;border-radius:50%;background-color:#4169e1;position:absolute}.hit-score{cursor:pointer;color:#fff;font-size:48px;font-weight:900;line-height:1;position:absolute;text-shadow:0 3px 5px #000;animation:hitScore .3s forwards;animation-delay:.2s}@keyframes hitScore{to{transform:translateY(-60px)}}.start-screen,.final-screen{background-color:var(--color-background);background-image:var(--color-background-shine);display:flex;flex-direction:column;height:100%;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:100}.final-screen{font-size:24px;font-weight:700}.start-screen-inner,.final-screen-inner{margin:auto;text-align:center}.logo img{max-width:100%;height:auto;width:300px;margin-bottom:4.5rem}table{border-collapse:collapse;table-layout:fixed;text-align:left}td{padding:8px}td:first-child,td:nth-child(3){font-variant-numeric:tabular-nums;text-align:right}.btn{--button-background: #f0f0f0;--button-border: 1px solid #000;--button-color: #fff;--button-radius: 60px;background-color:var(--button-background);border:var(--button-border);border-radius:var(--button-radius);color:var(--button-color);cursor:pointer;font:inherit;font-size:44px;font-weight:900;margin:1.5rem 0;padding:16px 24px;overflow:hidden;text-transform:uppercase;line-height:1;position:relative;text-shadow:0 3px 5px #000;z-index:1}.btn.btn-small{font-size:18px;padding:8px 16px}.btn.btn-primary{--button-background: #fbbf24;--button-border: 1px solid #b45309;background-image:linear-gradient(180deg,#ff9f06,#ffd525);box-shadow:0 5px var(--color-secondary)}.btn.btn-primary:after{content:"";position:absolute;top:1px;left:1px;width:calc(100% - 2px);height:50%;background-image:linear-gradient(#fff3,#fff6);z-index:-1}.highscore-button{background-color:transparent;border:0;cursor:pointer;font:inherit;font-size:40px;position:absolute;top:24px;right:24px}.user{position:absolute;left:24px;top:24px;font-size:24px;font-weight:700;cursor:pointer}.modal{background-color:var(--color-background);background-image:var(--color-background-shine);color:var(--color-text-strong);border:0;flex-direction:column;font-size:24px;font-weight:700;height:100%;margin:0;max-height:100%;max-width:100%;overflow-x:hidden;width:100%}.modal[open]{display:flex}.modal-content{margin:auto}.close-button{align-self:flex-end;flex-shrink:0;text-shadow:none;color:var(--color-background)}