*{box-sizing:border-box}html,body,#root{color:#f4f4ed;touch-action:none;-webkit-user-select:none;user-select:none;background:#0b100f;width:100%;height:100%;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.game,.viewport{position:fixed;inset:0}.viewport canvas{touch-action:none;width:100%;height:100%;display:block}.hud{letter-spacing:2.2px;text-shadow:0 2px 12px #000;pointer-events:none;justify-content:space-between;padding:22px 28px;font-size:10px;display:flex;position:absolute;top:0;left:0;right:0}.hud b{font-weight:600}.hud i{color:#9effd0;font-style:normal;font-weight:900}.hud span{opacity:.5}.bar{background:#ffffff1b;height:2px;position:absolute;top:58px;left:28px;right:28px}.bar i{background:#a9ffd5;height:100%;transition:width .15s;display:block;box-shadow:0 0 14px #6dffb7}.panel{pointer-events:none;background:linear-gradient(90deg,#040807f0,#04080775 48%,#0000 78%);flex-direction:column;justify-content:center;padding:7vw;display:flex;position:absolute;inset:0}.panel>p,.result>p{letter-spacing:3px;color:#a9ffd5;font-size:10px;font-weight:800}.panel h1{letter-spacing:-4px;max-width:720px;margin:16px 0 26px;font-size:clamp(44px,6.4vw,86px);line-height:.9}.panel h1 em{color:#a9ffd5;font-style:normal}.panel button,.result button{pointer-events:auto;color:#0a1510;letter-spacing:1.3px;cursor:pointer;background:#a9ffd5;border:0;width:max-content;padding:15px 20px;font-weight:900}.panel button b{margin-left:30px}.control-row{gap:12px;margin-bottom:24px;display:flex}.control-row span{border:1px solid #ffffff2a;align-items:center;gap:10px;padding:9px 12px;font-size:18px;display:flex}.control-row small{letter-spacing:1.5px;opacity:.7;font-size:8px}.hint{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:1.7px;white-space:nowrap;text-shadow:0 2px 9px #000;background:#07100dc0;border:1px solid #ffffff35;border-radius:99px;padding:9px 15px;font-size:10px;font-weight:800;position:absolute;top:15%;left:50%;transform:translate(-50%)}.count{color:#e8fff3;text-shadow:0 0 60px #8affc477;place-items:center;font-size:min(34vw,230px);font-weight:900;animation:.7s ease-out pop;display:grid;position:absolute;inset:0}.result{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050a08c9;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.result h2{letter-spacing:-3px;margin:8px 0 25px;font-size:clamp(42px,7vw,80px)}.complete{background:radial-gradient(circle,#164a36b8,#050a08ee)}.mobile-note{letter-spacing:1.5px;opacity:.4;white-space:nowrap;font-size:9px;display:none;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}@keyframes pop{0%{opacity:0;transform:scale(1.45)}to{opacity:1;transform:scale(1)}}@media (width<=650px){.hud{padding:17px}.bar{top:50px;left:17px;right:17px}.panel{background:linear-gradient(#04080712 20%,#040807f2);justify-content:flex-end;padding:24px 22px 40px}.panel>p{font-size:8px}.panel h1{letter-spacing:-2.5px;margin:10px 0 18px;font-size:42px}.control-row{margin-bottom:14px}.mobile-note{display:block}.hint{font-size:8px;top:12%}}@media (orientation:landscape) and (height<=520px){.panel{justify-content:center;padding:5vw}.panel h1{margin:8px 0 14px;font-size:43px;line-height:.88}.control-row{margin-bottom:12px}.panel button{padding:11px 16px}.mobile-note{display:none}}