:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#eaf7ff;background:#0b1c2d}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 50% 0%,#284e69 0%,#11283c 48%,#091725 100%);display:grid;place-items:center;padding:16px}.app{width:min(100%,480px)}.top{display:flex;align-items:center;justify-content:space-between;margin:0 3px 14px}.brand{display:flex;gap:11px;align-items:center}.brand-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#ffffff15;color:#ffe9a0;font-size:27px;border:1px solid #ffffff24}.brand strong{display:block;letter-spacing:.18em;font-size:15px;font-weight:900}.brand small{display:block;font-size:9px;letter-spacing:.25em;color:#a7c8dc;margin-top:4px}.icon-button{background:#ffffff14;color:#fff;border:1px solid #ffffff2c;border-radius:13px;width:42px;height:42px;font-size:23px;cursor:pointer}.game-shell{position:relative;overflow:hidden;border-radius:24px;border:2px solid #a7d5e050;box-shadow:0 25px 70px #0008, inset 0 1px #fff7;aspect-ratio:390/640;background:#74c8e3;touch-action:none;user-select:none}canvas{width:100%;height:100%;display:block;touch-action:none}.scorebar{position:absolute;top:20px;left:21px;right:21px;display:flex;justify-content:space-between;pointer-events:none;text-shadow:0 2px 8px #19516e8c}.scorebar>div{display:flex;flex-direction:column;gap:1px}.scorebar .best{text-align:right}.scorebar small{font-size:10px;letter-spacing:.2em;font-weight:800}.scorebar strong{font-size:37px;font-weight:900;line-height:1.1;font-variant-numeric:tabular-nums}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(#11324b25,#10263a9c);padding:23px}.overlay[hidden],[hidden]{display:none!important}.panel{width:100%;max-width:330px;padding:30px 24px 24px;text-align:center;border-radius:25px;background:linear-gradient(155deg,#17354aeF,#0c2136f5);border:1px solid #d2f1ff40;box-shadow:0 18px 50px #0717278c;backdrop-filter:blur(15px)}.panel-icon{font-size:44px;color:#ffe49b}.eyebrow{color:#92e8d4;letter-spacing:.2em;font-size:10px;font-weight:900;margin:15px 0 9px}h1{font-size:clamp(26px,7vw,36px);line-height:1.12;letter-spacing:-.045em;margin:0;color:white}#message{color:#b7d2df;line-height:1.6;font-size:14px;margin:13px 0 25px}#play{width:100%;padding:16px;border:0;border-radius:15px;background:linear-gradient(135deg,#ffe49b,#ffba72);color:#243245;font-size:15px;font-weight:900;cursor:pointer;box-shadow:0 7px 0 #ae734f,0 13px 25px #0004}#play:active{transform:translateY(4px);box-shadow:0 3px 0 #ae734f}.hint{font-size:11px;color:#8faec1;margin:22px 0 0}.pause-badge{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;background:#122c42d9;padding:12px 18px;border-radius:12px;font-size:12px;font-weight:800;letter-spacing:.1em}footer{display:flex;justify-content:space-between;color:#91afc3;font-size:10px;letter-spacing:.06em;padding:15px 4px}@media(max-width:480px){body{padding:9px}.top{margin-bottom:9px}.game-shell{border-radius:19px}footer{padding:10px 3px}}@media(max-height:740px){.app{max-width:min(100%,380px)}.top{margin-bottom:7px}.brand-icon{width:34px;height:34px}footer{padding:7px 3px}}button:focus-visible{outline:3px solid #fff;outline-offset:3px}