html,body,#app{width:100%;height:100%;margin:0;padding:0;overflow:hidden;overscroll-behavior:none}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#7dc4e8;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}#app{position:relative}#app canvas{display:block;width:100%;height:100%;touch-action:none}.ui{position:absolute;inset:0;z-index:10;pointer-events:none;overflow:hidden}.hidden{display:none!important}.hud{position:absolute;top:max(1.4rem,5%);left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:.35rem}.score{font-size:clamp(3rem,11vw,6rem);font-weight:800;line-height:1;color:#fff;letter-spacing:.04em;text-shadow:0 3px 0 rgba(20,40,80,.35),0 8px 24px rgba(20,40,80,.28)}.score.pop{animation:score-pop .22s ease-out}.best{font-size:clamp(.85rem,2.6vw,1.15rem);font-weight:600;letter-spacing:.09em;color:#fffffffa;background:#182e4a61;padding:.35em 1.1em;border-radius:999px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;padding:1.5rem;text-align:center;pointer-events:none}.logo-title{margin:0;font-size:clamp(2rem,8vw,4.2rem);font-weight:900;letter-spacing:.14em;color:#fff;text-shadow:0 4px 0 rgba(20,40,80,.35),0 10px 30px rgba(20,40,80,.3)}.hint{margin:0;font-size:clamp(1rem,3.4vw,1.35rem);font-weight:600;color:#fffffffa;background:#182e4a6b;padding:.55em 1.2em;border-radius:999px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.hint b{font-weight:800;color:#fff}.over-title{margin:0;font-size:clamp(1.7rem,7vw,3rem);font-weight:900;letter-spacing:.1em;color:#fff;text-shadow:0 3px 0 rgba(20,40,80,.35),0 8px 24px rgba(20,40,80,.3)}.panel{background:#fffffff0;border-radius:22px;padding:1.1em 1.7em;min-width:min(320px,82vw);box-shadow:0 12px 44px #14285047,inset 0 1px #ffffffe6;color:#1a2f45}.panel-row{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;padding:.35em 0}.panel-label{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;color:#1a2f45a6}.panel-value{font-size:2rem;font-weight:800;font-variant-numeric:tabular-nums}.new-best{margin-top:.4rem;font-weight:800;color:#1f8f43;letter-spacing:.06em;animation:new-best .6s ease}.sound-toggle{position:absolute;top:max(1.1rem,4%);right:max(1rem,4%);width:46px;height:46px;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;background:#182e4a6b;color:#fffffffa;box-shadow:0 4px 14px #14285033;transition:background .15s ease,transform .15s ease}.sound-toggle:hover{background:#182e4a94;transform:scale(1.05)}.sound-toggle svg{width:22px;height:22px;fill:currentColor}.sound-toggle:not(.muted) .icon-off,.sound-toggle.muted .icon-on{display:none}.sound-toggle.muted{background:#182e4a8c}@keyframes score-pop{0%{transform:scale(1)}40%{transform:scale(1.22)}to{transform:scale(1)}}@keyframes new-best{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}@media(max-height:420px)and (orientation:landscape){.hud{top:.6rem}.overlay{gap:.6rem}.panel{padding:.7em 1.2em}}