*{box-sizing:border-box;margin:0;padding:0}body{background:#000;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}canvas{width:100%;height:100%;display:block}#overlay{color:#fff;pointer-events:none;z-index:10;text-shadow:0 2px 12px #000c;position:fixed;top:24px;left:32px}#overlay h1{letter-spacing:1.5px;text-transform:uppercase;font-size:22px;font-weight:600}#overlay p{opacity:.65;letter-spacing:.5px;margin-top:4px;font-size:14px}#hud{color:#fff;pointer-events:none;z-index:10;text-shadow:0 2px 12px #000000d9;letter-spacing:.3px;max-width:360px;font-size:14px;position:fixed;bottom:24px;left:32px}#hud .hud-score{font-size:18px;font-weight:600}#hud .hud-anim{opacity:.8;margin-top:4px}#hud .hud-hint{opacity:.55;margin-top:12px;font-size:12px;line-height:1.5}#hud .hud-win{color:#ffe27a;opacity:0;margin-top:14px;font-size:17px;font-weight:700;transition:opacity .4s}#hud .hud-win.show{opacity:1}#loader{z-index:100;color:#fff;opacity:1;background:radial-gradient(at 50% 30%,#1b3a5b 0%,#0b1622 55%,#060a10 100%);justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}#loader.hidden{opacity:0;pointer-events:none}.loader-inner{flex-direction:column;align-items:center;width:280px;display:flex}.loader-robot{filter:drop-shadow(0 6px 10px #00000080);margin-bottom:26px;font-size:56px;line-height:1;animation:1.1s ease-in-out infinite robot-bounce;position:relative}.loader-shadow{filter:blur(3px);background:#00000073;border-radius:50%;width:44px;height:8px;animation:1.1s ease-in-out infinite shadow-pulse;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}@keyframes robot-bounce{0%,to{transform:translateY(0)scale(1)}30%{transform:translateY(-18px)scale(.96,1.04)}55%{transform:translateY(0)scale(1.06,.94)}70%{transform:translateY(-4px)scale(1)}}@keyframes shadow-pulse{0%,to{opacity:.45;transform:translate(-50%)scale(1)}30%{opacity:.25;transform:translate(-50%)scale(.7)}}.loader-title{letter-spacing:6px;text-transform:uppercase;opacity:.85;margin-bottom:22px;font-size:13px}.loader-bar{background:#ffffff1a;border-radius:4px;width:100%;height:4px;position:relative;overflow:hidden}.loader-progressBar{background:linear-gradient(90deg,#4d96ff,#6bcb77,#ffd93d);border-radius:4px;width:0%;transition:width .3s ease-out;position:absolute;inset:0 auto 0 0;box-shadow:0 0 12px #6dcb7799}.loader-progressBar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);animation:1.3s linear infinite bar-sheen;position:absolute;inset:0}@keyframes bar-sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loader-meta{justify-content:space-between;align-items:center;width:100%;margin-top:14px;display:flex}.loader-sub{letter-spacing:1px;opacity:.45;font-size:11px}.loader-percentage{letter-spacing:1px;opacity:.7;font-variant-numeric:tabular-nums;font-size:12px}