[hidden]{display:none!important}*{box-sizing:border-box}body{margin:0;background:#070914;color:#eaf4ff;font-family:system-ui,Segoe UI,sans-serif;display:grid;place-items:center;min-height:100vh}#shell{width:min(1100px,100vw);padding:12px}canvas{display:block;width:100%;aspect-ratio:16/9;background:#070d23;border:1px solid #476078;border-radius:8px;image-rendering:pixelated;touch-action:none}p{margin:9px 0;color:#acc7e5;font-size:13px}button{font:inherit;color:#fff;background:#243a61;border:1px solid #7ab5dd;border-radius:7px;padding:10px 18px;cursor:pointer}button:hover,button:focus{background:#40659b}.panel{position:relative}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#03091cbb;text-align:center;border-radius:8px}.card{max-width:min(600px,94%);background:#0b1834ef;border:1px solid #77bdec;border-radius:16px;padding:18px 25px;box-shadow:0 0 38px #0088ff25}.card h1{margin:0 0 8px;letter-spacing:2px}.card small{color:#b5d2e8}.buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}.difficulty.selected{border-color:#ffbf61;background:#5a3658}#ranking{max-height:156px;overflow:auto;text-align:left;font-size:13px;margin-top:12px}#ranking table{width:100%;border-collapse:collapse}td,th{padding:3px 7px;border-bottom:1px solid #34425e}#mobile{display:none;gap:8px;justify-content:space-between;margin-top:8px}#mobile button{touch-action:none;-webkit-user-select:none;user-select:none;min-width:55px}@media(pointer:coarse){#mobile{display:flex}}