:root{--ink:#2b2250;--font:"Baloo 2", "Nunito", "Arial Rounded MT Bold", "Varela Round", "Trebuchet MS", system-ui, sans-serif}#game{background:#8fd3ff;position:fixed;inset:0;overflow:hidden}#game canvas{width:100%;height:100%;display:block}#game.aiming canvas{cursor:none}#ui{pointer-events:none;font-family:var(--font);color:#fff;-webkit-user-select:none;user-select:none;font-weight:900;position:absolute;inset:0}.ink{-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink)}#hud{opacity:0;transition:opacity .3s;position:absolute;inset:0}#hud.on{opacity:1}#hearts{gap:6px;display:flex;position:absolute;top:18px;left:22px}#hearts svg{width:46px;height:43px;filter:drop-shadow(0 4px 0 var(--ink));transition:transform .15s;overflow:visible}#hearts path{fill:#ff4d6d;stroke:var(--ink);stroke-width:3px;stroke-linejoin:round;transition:fill .2s}#hearts .shine{fill:#ffffffbf;stroke:none}#hearts .empty path{fill:#6d6496}#hearts .empty .shine{fill:none}#hearts .pop{animation:.45s ease-out pop}#hearts .gain{animation:.5s ease-out gain}#hearts.shake{animation:.4s shake}@keyframes pop{0%{transform:scale(1)}30%{transform:scale(1.7)rotate(-15deg)}to{transform:scale(1)}}@keyframes gain{0%{transform:scale(.3)}60%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}#wave{text-align:center;font-size:34px;line-height:1;position:absolute;top:14px;left:50%;transform:translate(-50%)}#wave small{-webkit-text-stroke-width:5px;margin-top:6px;font-size:20px;display:block}#clock{font-size:30px;position:absolute;top:18px;right:24px}#banner{text-align:center;opacity:0;font-size:96px;line-height:1;position:absolute;top:30%;left:0;right:0;transform:scale(.4)}#banner small{color:#ffe066;-webkit-text-stroke-width:6px;margin-top:10px;font-size:38px;display:block}#banner.show{animation:2.1s ease-out forwards banner}@keyframes banner{0%{opacity:0;transform:scale(.3)rotate(-8deg)}12%{opacity:1;transform:scale(1.15)rotate(3deg)}22%{transform:scale(1)rotate(0)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)translateY(-30px)}}#vignette{opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 120px 24px #ff1e4699}#vignette.low{animation:.9s ease-in-out infinite pulse}#vignette.flash{animation:.35s ease-out flash}@keyframes pulse{0%,to{opacity:.25}50%{opacity:1}}@keyframes flash{0%{opacity:1}to{opacity:0}}.screen{pointer-events:auto;background:radial-gradient(circle at 50% 45%,#ffffff26,#2b225073);justify-content:center;align-items:center;display:none;position:absolute;inset:0}.screen.on{animation:.35s ease-out fadein;display:flex}@keyframes fadein{0%{opacity:0}to{opacity:1}}.card{text-align:center;border:6px solid var(--ink);box-shadow:0 12px 0 var(--ink);color:var(--ink);background:#fff8ec;border-radius:34px;max-width:640px;padding:26px 46px 30px;animation:.5s cubic-bezier(.3,1.6,.5,1) bounce-in}@keyframes bounce-in{0%{transform:scale(.5)translateY(40px)}to{transform:scale(1)}}.card h1{color:#ff5a3c;-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);margin:0;font-size:84px;line-height:.95}.card h1 span{color:#7ee84a;display:block}.card h2{color:#ffcf3a;-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);margin:0 0 6px;font-size:64px;line-height:1}.card p{margin:10px 0;font-size:24px}.keys{text-align:left;white-space:nowrap;grid-template-columns:auto auto;justify-content:center;gap:10px 34px;margin:18px 0 8px;font-size:20px;display:grid}.keys b{color:#fff;border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:#46b6ff;border-radius:10px;margin-right:4px;padding:0 8px;display:inline-block}.btn{font-family:var(--font);color:#fff;border:6px solid var(--ink);cursor:pointer;box-shadow:0 8px 0 var(--ink);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;background:#ff4d9a;border-radius:26px;margin-top:14px;padding:6px 46px 10px;font-size:40px;font-weight:900;transition:transform .1s}.btn:hover{transform:translateY(-3px)scale(1.04)}.btn:active{box-shadow:0 3px 0 var(--ink);transform:translateY(4px)}.hint{opacity:.7;font-size:18px!important}.board{min-width:260px;margin:10px auto 0;font-size:20px}.board div{border-radius:10px;justify-content:space-between;gap:20px;padding:2px 10px;display:flex}.board .me{background:#ffe066}#paused .card h2{color:#46b6ff}.confetti{border-radius:3px;width:12px;height:18px;animation:linear forwards fall;position:absolute;top:-20px}@keyframes fall{to{transform:translateY(110vh)rotate(720deg)}}#nogfx{color:#2b2250;text-align:center;background:#8fd3ff;justify-content:center;align-items:center;padding:30px;font:700 24px system-ui,sans-serif;display:flex;position:fixed;inset:0}