html,body,#root{min-height:100vh;margin:0;padding:0}:root{--pink:#ff7eb6;--purple:#a78bfa;--ink:#2b2b3a}*{box-sizing:border-box}body{color:var(--ink);-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 30% 20%,#ffe4f1,#f5e9ff 60%,#e6f0ff);min-height:100vh;margin:0;font-family:Nunito,Segoe UI,system-ui,sans-serif}.game{flex-direction:column;gap:16px;max-width:560px;margin:0 auto;padding:20px 16px 40px;display:flex}.topbar{text-align:center}.topbar h1{color:var(--ink);letter-spacing:-.5px;margin:0;font-size:2rem}.heart{animation:1s ease-in-out infinite beat;display:inline-block}@keyframes beat{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.subtitle{opacity:.7;margin:4px 0 0;font-size:.9rem}.hp__label{justify-content:space-between;margin-bottom:6px;font-size:.9rem;font-weight:800;display:flex}.hp__track{border:3px solid var(--ink);background:#fffa;border-radius:999px;height:22px;overflow:hidden;box-shadow:0 3px #00000026}.hp__fill{border-radius:999px;height:100%;transition:width .25s,background .4s}.stats{justify-content:center;gap:16px;min-height:1.4em;font-weight:800;display:flex}.combo{color:#f97316;animation:.25s pop}@keyframes pop{0%{transform:scale(.6)}to{transform:scale(1)}}.arena{border:4px solid var(--ink);touch-action:none;background:linear-gradient(#fffc,#fff0f8cc);border-radius:24px;justify-content:center;align-items:center;height:380px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px #0000001f}.arena--shake{animation:.16s shake}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-6px,3px)rotate(-1deg)}50%{transform:translate(5px,-4px)rotate(1deg)}75%{transform:translate(-4px,2px)}to{transform:translate(0)}}.stickman{pointer-events:none;transition:transform .15s}.stickman--ko{opacity:.85;transform:rotate(90deg)translateY(-20px)}.hint{opacity:.55;pointer-events:none;font-size:.85rem;position:absolute;bottom:12px}.bandage{z-index:3;pointer-events:none;filter:drop-shadow(0 1px 1px #00000040);font-size:1.5rem;animation:.25s bandagePop;position:absolute}@keyframes bandagePop{0%{opacity:0}60%{opacity:1}to{opacity:1}}.floater{z-index:6;color:#ef4444;pointer-events:none;text-shadow:0 2px #fff,0 0 6px #fff;font-size:1.4rem;font-weight:900;animation:.9s ease-out forwards floatUp;position:absolute;transform:translate(-50%,-50%)}.floater--crit{color:#d946ef;font-size:2rem}.floater--heal{color:#ec4899}.floater--heal:after{content:" 💕"}.floater em{font-size:.7em;font-style:normal}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}20%{opacity:1;transform:translate(-50%,-60%)scale(1.1)}to{opacity:0;transform:translate(-50%,-160%)scale(1)}}.effect{z-index:5;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.effect__impact{z-index:0;filter:drop-shadow(0 0 6px #ffd25ae6);font-size:4.5rem;animation:.5s ease-out forwards impactPop;position:absolute;top:0;left:50%;transform:translate(-50%,-45%)}.effect__impact.is-heal{filter:drop-shadow(0 0 6px #ff96c8e6)}@keyframes impactPop{0%{opacity:0;transform:translate(-50%,-45%)scale(.2)rotate(-20deg)}40%{opacity:1;transform:translate(-50%,-45%)scale(1.35)rotate(8deg)}to{opacity:0;transform:translate(-50%,-45%)scale(1.6)rotate(0)}}.effect__emoji{z-index:1;filter:drop-shadow(0 3px 3px #00000059);font-size:3.1rem;animation:.5s cubic-bezier(.2,.8,.3,1) forwards slam}@keyframes slam{0%{opacity:0;transform:translate(-20px,-26px)scale(1.8)rotate(-30deg)}45%{opacity:1;transform:translate(0)scale(1.1)rotate(2deg)}to{opacity:0;transform:translateY(6px)scale(1)rotate(0)}}.effect__sfx{z-index:1;color:var(--purple);text-shadow:0 2px #fff,0 0 4px #fff;font-size:1.15rem;font-weight:900;animation:.6s ease-out forwards sfxPop;transform:rotate(-8deg)}@keyframes sfxPop{0%{opacity:0;transform:rotate(-8deg)scale(.5)}40%{opacity:1;transform:rotate(-8deg)scale(1.1)}to{opacity:0;transform:rotate(-8deg)translateY(-10px)scale(1)}}.hitbox{z-index:1;touch-action:none;line-height:0;position:relative}.splat{z-index:4;pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.drop{background:radial-gradient(circle at 35% 30%,#ef4444,#b91c1c 70%,#7f1d1d);border-radius:50%;animation:.75s cubic-bezier(.2,.7,.3,1) forwards splatFly;position:absolute;top:0;left:0;box-shadow:0 0 3px #7f1d1d99}@keyframes splatFly{0%{opacity:1;transform:translate(0)scale(.4)}70%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(1)}}.tear{transform-box:fill-box;animation:1.1s ease-in infinite tearFall}@keyframes tearFall{0%{opacity:0;transform:translateY(0)}20%{opacity:.95}to{opacity:0;transform:translateY(30px)}}.cheer{z-index:7;color:var(--pink);text-shadow:0 2px #fff;pointer-events:none;font-size:1.1rem;font-weight:900;animation:.3s pop;position:absolute;top:16px}.ko-overlay{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2b2b3a8c;justify-content:center;align-items:center;animation:.3s pop;display:flex;position:absolute;inset:0}.ko-card{border:4px solid var(--ink);text-align:center;background:#fff;border-radius:20px;max-width:320px;padding:24px;box-shadow:0 10px #0003}.ko-card h2{margin:0 0 8px;font-size:1.8rem}.ko-card p{margin:6px 0}.ko-sweet{color:var(--pink);font-weight:800}.ko-card button{margin-top:14px}.weapons{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:10px;display:grid}.ko-buttons{flex-direction:column;gap:10px;margin-top:14px;display:flex}.btn-kiss{background:linear-gradient(#ffe0ef,#ffc2df)!important;border-color:#ec4899!important}.weapon,.ko-card button{cursor:pointer;border:3px solid var(--ink);background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;font-family:inherit;transition:transform .1s,box-shadow .1s,background .15s;display:flex;box-shadow:0 4px #00000026}.weapon:hover{transform:translateY(-2px)}.weapon:active{transform:translateY(2px);box-shadow:0 1px #00000026}.weapon--active{box-shadow:0 4px 0 var(--pink), 0 0 0 3px var(--pink) inset;background:linear-gradient(#ffe4f1,#ffd1e8)}.weapon--kiss{border-color:#ec4899}.weapon--kiss .weapon__dmg{color:#ec4899}.weapon--kiss.weapon--active{background:linear-gradient(#ffe0ef,#ffc2df);box-shadow:0 4px #ec4899,inset 0 0 0 3px #ec4899}.weapon__emoji{font-size:1.8rem}.weapon__name{font-size:.95rem;font-weight:900}.weapon__tag{opacity:.6;font-size:.68rem}.weapon__dmg{color:var(--purple);font-size:.7rem;font-weight:800}.ko-card button{background:linear-gradient(#ffe4f1,#ffd1e8);flex-direction:row;padding:12px 24px;font-size:1.1rem;font-weight:900}.ko-card button:active{transform:translateY(2px)}