html{font-size:clamp(7px,1.25vw,16px)}body{margin:0;padding:0;display:flex;justify-content:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#d6dbdf;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}canvas{display:block}.hidden{display:none!important}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200}.panel{background:#fff;border-radius:.75rem;padding:2rem 2.5rem;text-align:center;max-width:22rem;width:calc(100% - 2rem)}.panel h1{margin:0 0 .6rem;font-size:2rem;color:#1f1f1f}.panel h2{margin:0 0 .8rem;font-size:1.6rem;color:#1f1f1f}.panel .sub{margin:0 0 .4rem;color:#555;font-size:.95rem;line-height:1.5}.panel .hint{margin:0 0 1.4rem;color:#999;font-size:.8rem;line-height:1.4}.final-score{margin:0 0 .3rem;font-size:1.4rem;font-weight:700;color:#fa541c}.best-score{margin:0 0 1.4rem;font-size:.95rem;color:#999}.btn{border:none;border-radius:.375rem;padding:.7rem 1.6rem;font-size:1rem;font-family:inherit;cursor:pointer;transition:transform .1s ease,opacity .1s ease}.btn:active{transform:scale(.97)}.btn-primary{background:#fa541c;color:#fff}#hud{position:fixed;top:1rem;left:1rem;z-index:100;display:flex;align-items:baseline;gap:.5rem;padding:.5rem .9rem;background:#ffffffd9;border-radius:.375rem;pointer-events:none}.hud-label{font-size:.8rem;color:#888}.hud-value{font-size:1.2rem;font-weight:700;color:#1f1f1f;min-width:1.5rem;text-align:left}#chargeBar{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);width:12rem;display:none;flex-direction:column;align-items:center;gap:.3rem;z-index:100;pointer-events:none}#chargeBar .charge-bar-label{font-size:.8rem;color:#333;font-weight:600;line-height:1}#chargeBar .charge-bar-bg{width:100%;height:.5rem;background-color:#0000001f;border-radius:.25rem;overflow:hidden}#chargeBar .charge-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#52c41a,#faad14 60%,#fa541c);border-radius:.25rem}.lang-switch{position:relative;margin-bottom:1.2rem}.lang-switch-btn{border:1px solid #ddd;background:#fff;border-radius:.375rem;padding:.35rem .8rem;font-size:.8rem;color:#555;cursor:pointer;font-family:inherit}.lang-switch-list{position:absolute;top:calc(100% + .25rem);left:50%;transform:translate(-50%);list-style:none;margin:0;padding:.25rem 0;background:#fff;border:1px solid #eee;border-radius:.375rem;box-shadow:0 .3rem .8rem #0000001f;min-width:6rem;display:none}.lang-switch.open .lang-switch-list{display:block}.lang-switch-list li{padding:.4rem .8rem;font-size:.85rem;color:#333;cursor:pointer;text-align:center;white-space:nowrap}.lang-switch-list li:hover{background:#f5f5f5}.lang-switch-list li.active{color:#fa541c;font-weight:600}