@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);#controls{margin-top:20px;min-width:100%;display:flex;align-items:flex-end;justify-content:center}#controls button{width:100%;height:40px;background:linear-gradient(145deg,#0aaaff,#005f7f);border:1px solid #d3d3d3;box-shadow:3px 5px 0 0 rgba(0,0,0,.75);cursor:pointer;outline:0}.canvas-wrapper{position:relative;margin:60px auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:20px}#controls div{display:grid;grid-template-columns:50px 50px 50px;gap:10px}#controls button:first-of-type{grid-column:1/-1}#controls button:active{transform:scale(1.1)}canvas.game{border-radius:12px;max-width:800px;width:100%;max-height:400px!important;display:block;border:2px solid #333;align-items:center!important}@media (max-width:1024px){canvas.game{width:100%!important;max-width:900px!important;height:65vh!important;min-height:350px!important;max-height:50vh!important}}@media (min-width:768px) and (max-width:1440px){#controls div{grid-template-columns:repeat(3,60px);gap:10px}#controls button{height:34px;font-size:.9rem}#score{font-size:1.4rem;top:14px;left:14px}#result-container #result button,#result-container #result h1,#result-container #result p{font-size:1.3rem}}#score{position:absolute;top:20px;left:20px;font-size:2em;color:#fff;font-family:Montserrat,sans-serif;font-weight:700}#result-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:2000;visibility:hidden}#result-container #result{font-family:Montserrat,sans-serif;font-weight:700;text-align:center;background-color:#fff;padding:20px;border-radius:8px}#result-container #result h1{font-size:clamp(1.5rem, 2.5vw, 2rem);text-transform:uppercase;letter-spacing:.1em;color:#00d2f1;margin:0 0 20px}#result-container #result p{font-size:clamp(1.5rem, 2.5vw, 2rem);text-transform:uppercase;letter-spacing:.1em;color:#4caf50;margin:0 0 20px}#result-container #result button{font-size:clamp(1.5rem, 2.5vw, 2rem);text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:#00d2f1;background:0 0;border:2px solid #00d2f1;border-radius:5px;padding:10px 20px;cursor:pointer;transition:.2s;margin-top:15px}#result-container #result button:hover{background:#00d2f1;color:#fff;transform:scale(1.05)}#result-container #result button:active{transform:scale(.95)}@media (min-width:768px) and (max-width:1440px){#controls button{height:36px;font-size:.95rem;padding:0 8px}#controls div{grid-template-columns:repeat(3,70px);gap:12px}#score{font-size:1.6rem;top:16px;left:16px}#result-container #result{padding:24px 32px;max-width:600px}#result-container #result button,#result-container #result h1,#result-container #result p{font-size:1.5rem}}