body{color:#1a1a1a;background-color:#f4f1ea;justify-content:center;align-items:center;height:100dvh;margin:0;padding:0;font-family:Inter,sans-serif;display:flex;overflow:hidden}#game-container{background:url(/assets/bg.png) 50%/cover no-repeat;position:relative;overflow:hidden;box-shadow:0 0 20px #00000080}#bg-layer{background-color:#f4f1ead9;width:100%;height:100%;position:absolute;top:0;left:0}#gameCanvas,#buds-layer,#ui-layer{width:100%;height:100%;position:absolute;top:0;left:0}#gameCanvas,#ui-layer{pointer-events:none}#title{text-align:center;color:#c92a2a;text-shadow:2px 2px #000;pointer-events:auto;margin-top:20px;margin-bottom:0;font-size:40px;font-weight:700}#subtitle{text-align:center;color:#1c7ed6;text-shadow:1px 1px #fff;letter-spacing:2px;pointer-events:auto;margin-top:5px;margin-bottom:0;font-size:16px;font-weight:700}#branding{text-align:center;color:#000;letter-spacing:1px;pointer-events:auto;margin-top:5px;margin-bottom:0;font-size:12px;font-weight:700}.bud-container{pointer-events:auto;-webkit-user-select:none;user-select:none;width:130px;height:130px;position:absolute;transform:translate(-50%,-50%)}.bud-container:before{content:"";z-index:-1;position:absolute;inset:-80px -20px -20px}.bud-container:after{content:"";z-index:-1;filter:blur(4px);background:#0006;border-radius:50%;width:60%;height:15px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.bud-image{object-fit:contain;filter:drop-shadow(0 10px 15px #0000004d);pointer-events:auto;width:100%;height:100%;transition:transform .2s}.bud-container.jumping .bud-image{animation:.5s jump}.bud-popup{opacity:0;visibility:hidden;pointer-events:none;z-index:20;background:#fff;border:4px solid #000;border-radius:40px 10px;flex-direction:column;gap:8px;padding:10px;transition:opacity .2s;display:flex;position:absolute;bottom:90px;left:50%;transform:translate(-50%);box-shadow:8px 8px #000c}.bud-container.show-popup .bud-popup{opacity:1;visibility:visible;pointer-events:auto}.bud-container.show-popup{z-index:10}.popup-row{justify-content:center;gap:8px;display:flex}.emoji-btn{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8cc1b;border:3px solid #000;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;justify-content:center;align-items:center;width:55px;height:55px;font-size:24px;transition:transform .1s,background .1s;display:flex}.emoji-btn img{pointer-events:none}.emoji-btn.like{background:#40c057;border-color:#000}.emoji-btn.like.connected{opacity:.8;pointer-events:none;background:#1c7ed6}.emoji-btn.dislike{cursor:default;background:#c92a2a;border-color:#000}.emoji-btn:active{transform:scale(.9)}.hidden{display:none!important}#victory-modal{z-index:100;pointer-events:auto;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.modal-content{text-align:center;color:#000;background:#f4f1ea;border:5px solid #000;border-radius:50px 20px 60px 10px;width:80%;padding:30px;box-shadow:15px 15px #000}.modal-content button{color:#000;cursor:pointer;background:#f8cc1b;border:3px solid #000;border-radius:20px 10px;width:100%;margin:8px 0;padding:15px;font-size:16px;font-weight:700;transition:background .2s}.modal-content button:hover{background:#e6b800}@keyframes jump{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shiver{0%,to{transform:translate(0)rotate(0)scale(1)}10%{transform:translate(-8px,-5px)rotate(-15deg)scale(1.1)}20%{transform:translate(8px,5px)rotate(15deg)scale(.9)}30%{transform:translate(-8px,8px)rotate(-10deg)scale(1.2)}40%{transform:translate(8px,-8px)rotate(10deg)scale(.8)}50%{transform:translate(-5px,5px)rotate(-20deg)scale(1.1)}60%{transform:translate(5px,-5px)rotate(20deg)scale(.9)}70%{transform:translate(-8px,-8px)rotate(-15deg)scale(1.15)}80%{transform:translate(8px,8px)rotate(15deg)scale(.85)}90%{transform:translate(-5px)rotate(-10deg)scale(1.05)}}@keyframes ecstatic{0%{transform:scale(1)translateY(0)rotate(0)}15%{transform:scale(1.8,.5)translateY(20px)rotate(0)}35%{transform:scale(.7,1.8)translateY(-100px)rotate(-20deg)}55%{transform:scale(1.5)translateY(-120px)rotate(180deg)}75%{transform:scale(1.2)translateY(-40px)rotate(380deg)}90%{transform:scale(1.6,.6)translateY(10px)rotate(360deg)}to{transform:scale(1)translateY(0)rotate(360deg)}}@keyframes heart-pop{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.5)}80%{opacity:.8;transform:translate(-50%,-50%)scale(1.8)}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}.bud-container.shiver .bud-image{animation:.5s shiver}.bud-container.ecstatic .bud-image{animation:.8s ease-in-out ecstatic}#heart-container{pointer-events:none;z-index:50;width:150px;height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}#heart-container.pop{animation:.8s cubic-bezier(.175,.885,.32,1.275) forwards heart-pop}#undo-btn{cursor:pointer;z-index:100;-webkit-user-select:none;user-select:none;pointer-events:auto;background:#f8cc1b;border:4px solid #000;border-radius:40% 60% 70% 30%/40% 50% 60%;justify-content:center;align-items:center;width:50px;height:50px;font-size:30px;transition:transform .1s;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%);box-shadow:4px 4px #000c}#undo-btn:active{transform:translate(-50%)scale(.9)}#tutorial-btn{cursor:pointer;pointer-events:auto;background:#f8cc1b;border:2px solid #000;border-radius:20px;margin:10px auto 0;padding:5px 15px;font-family:inherit;font-weight:700;transition:transform .1s;display:block;box-shadow:2px 2px #000c}#tutorial-btn:active{transform:scale(.95)}#tutorial-modal{text-align:center;z-index:200;pointer-events:auto;background:#f4f1ea;border:5px solid #000;border-radius:20px 50px 30px 60px;width:80%;max-width:350px;padding:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:15px 15px #000c}#tutorial-modal h2{color:#c92a2a;text-shadow:1px 1px #000;margin-top:0;font-size:28px}#tutorial-modal p{margin-bottom:15px;font-size:16px;font-weight:700}#btn-close-tutorial{color:#fff;cursor:pointer;background:#1c7ed6;border:3px solid #000;border-radius:15px 30px;margin-top:10px;padding:10px 20px;font-size:16px;font-weight:700;transition:transform .1s;box-shadow:4px 4px #000c}#btn-close-tutorial:active{transform:scale(.95)}