@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Great+Vibes&family=Sacramento&display=swap";@import"https://fonts.cdnfonts.com/css/snickers";.theme-chocolate{height:100vh;width:100vw;font-family:Great Vibes,cursive;overflow:hidden;margin:0;padding:0;position:absolute;top:0;left:0;background:url(/img/image-bg.png),linear-gradient(to bottom,#d7ccc8,#8d6e63,#3e2723);background-size:contain,cover;background-position:center,center;background-repeat:no-repeat,no-repeat;color:#fff}.theme-chocolate:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0003;pointer-events:none;z-index:1}body:has(.theme-chocolate),html:has(.theme-chocolate){background:transparent!important}.theme-chocolate div#beach,.theme-chocolate div#sea,.theme-chocolate .moon,.theme-chocolate #people,.theme-chocolate #car,.theme-chocolate .wave2-parent,.theme-chocolate div#video{display:none}.theme-chocolate .giftbox{pointer-events:none}body.spotlight-active .theme-chocolate .giftbox{pointer-events:auto}canvas#canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.merrywrap{position:absolute;inset:0;background-color:transparent;transition:background-color .5s ease;z-index:10;pointer-events:none}.merrywrap .chocolate-center{pointer-events:auto}.giftbox{pointer-events:auto;position:absolute;width:300px;height:200px;left:50%;margin-left:-150px;top:50%;z-index:10;cursor:pointer;perspective:1000px;pointer-events:none;transition:pointer-events .3s ease}body.spotlight-active .giftbox{pointer-events:auto}.merrywrap:active .giftbox:not(.spotlight-active .giftbox){animation:boxLockedShake .4s ease-in-out}@keyframes boxLockedShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.giftbox>div{background:#3e2723;position:absolute;box-shadow:0 10px 20px #0003;border:1px solid #ff9966;border-radius:5px}.giftbox:after{position:absolute;color:#5d4037;width:100%;content:"Open My Heart";left:0;bottom:-60px;font-size:35px;font-family:Sacramento,cursive;text-align:center;text-shadow:1px 1px 2px rgba(255,255,255,.8);animation:heartbeat 1.5s infinite}@keyframes heartbeat{0%{transform:scale(1)}15%{transform:scale(1.1)}30%{transform:scale(1)}45%{transform:scale(1.1)}60%{transform:scale(1)}to{transform:scale(1)}}.giftbox .cover{width:100%;top:0;left:0;height:25%;z-index:2;border-bottom:4px solid #fff}.giftbox .cover:before{position:absolute;height:100%;left:50%;width:50px;transform:translate(-50%);background:#fff;content:""}.giftbox .cover>div{position:absolute;width:50px;height:50px;left:50%;top:-50px;transform:translate(-50%)}.giftbox .cover>div:before,.giftbox .cover>div:after{position:absolute;left:0;top:0;width:100%;height:100%;content:"";box-shadow:inset 0 0 0 15px #fff;border-radius:30px;transform-origin:50% 100%}.giftbox .cover>div:before{transform:translate(-45%) skewY(40deg)}.giftbox .cover>div:after{transform:translate(45%) skewY(-40deg)}.giftbox .box{right:5%;left:5%;height:80%;bottom:0}.giftbox .box:before{width:50px;height:100%;left:50%;transform:translate(-50%);background:#fff;position:absolute;content:""}.step-1 .giftbox{animation:wobble .5s linear infinite forwards}.step-1 .cover{animation:wobble .5s linear infinite .1s forwards}.step-2 .giftbox .cover{animation:flyUp 1s ease-in-out forwards}.step-2 .giftbox .box{animation:flyDown 1s ease-in-out .1s forwards}.step-2 .giftbox:after{opacity:0;transition:opacity .5s}.icons{position:absolute;left:0;height:auto;transform:translateY(10px);width:100%;z-index:5;pointer-events:none;text-align:center}.icons .row{width:100%;text-align:center;white-space:nowrap}.icons .row span{color:#5d4037;font-family:Great Vibes,cursive;font-size:60px;display:inline-block;opacity:0;text-shadow:4px 4px 8px rgb(255,255,255),2px 2px 4px rgba(255,255,255,.8),0 0 10px rgba(255,255,255,.6);transition:transform .5s ease-in,opacity .7s}.step-3 .giftbox,.step-4 .giftbox{opacity:0;pointer-events:none}.step-3 .icons span,.step-4 .icons span{opacity:1;animation:gentleBob 2s infinite ease-in-out alternate}@keyframes gentleBob{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.memory-gallery{position:absolute;top:50%;left:50%;transform:translate(-50%,-45%);width:90%;max-width:1000px;height:auto;z-index:50;display:flex;flex-direction:column;align-items:center;gap:20px;opacity:0;transition:opacity 1.5s ease-in;pointer-events:none}.memory-gallery>*{pointer-events:auto}.video-container{width:100%;max-width:600px;aspect-ratio:16/9;background:#000;border-radius:15px;box-shadow:0 15px 40px #0000004d;overflow:hidden;position:relative;border:3px solid #fff;order:2}.video-container iframe{width:100%;height:100%}#message-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease}#message-modal.visible{opacity:1;pointer-events:auto}.chocolate-box-modal{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:transparent;padding:20px}.chocolate-box-modal .chocolate-box{position:relative;height:300px;width:300px;cursor:pointer}.chocolate-message{margin-top:30px;text-align:center;background:#000c;color:#fff;padding:20px;border-radius:15px;font-family:Great Vibes,cursive;font-size:1.5rem;max-width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}@media(max-width:768px){.chocolate-message{font-size:1rem;padding:15px;max-width:300px}}.chocolate-message p{margin:0;line-height:1.4}.game-options{display:flex;gap:15px;margin-top:15px;justify-content:center}.theme-chocolate .chocolate-box{position:relative;height:300px;width:300px;cursor:pointer}.theme-chocolate .chocolate-box:before,.theme-chocolate .chocolate-box:after{content:"";position:absolute}.theme-chocolate .chocolate-box:before{width:160px;height:160px;background-color:#4b301b;transform:translate(-50%,-50%);top:50%;left:50%;box-shadow:10px 10px #392312}.theme-chocolate .chocolate-box:after{width:68px;height:68px;background-color:#2b0900;top:81px;left:80px;box-shadow:70px 0 #2b0900,70px 70px #2b0900,0 70px #2b0900}.theme-chocolate .chocs{position:absolute;z-index:1}.theme-chocolate .top-left{top:92px;left:90px}.theme-chocolate .top-left:hover{transform:rotate(25deg)}.theme-chocolate .top-left:active{opacity:0}.theme-chocolate .bottom-right{left:162px;top:162px}.theme-chocolate .bottom-right:hover{transform:rotate(25deg)}.theme-chocolate .bottom-right:active{opacity:0}.theme-chocolate .top-left,.theme-chocolate .bottom-right{position:absolute;border-radius:50%;width:30px;height:30px;background-color:#d12511;box-shadow:20px 0 #d12511;filter:drop-shadow(2px 2px #ab1503) drop-shadow(-2px 2px #ab1503);transition:.2s}.theme-chocolate .top-left:after,.theme-chocolate .top-left:before,.theme-chocolate .bottom-right:before,.theme-chocolate .bottom-right:after{content:"";position:absolute}.theme-chocolate .top-left:before,.theme-chocolate .bottom-right:before{width:30px;height:30px;background-color:#d12511;transform:rotate(-45deg);top:10px;left:10px}.theme-chocolate .top-left:after,.theme-chocolate .bottom-right:after{border-radius:50%;background-color:#ffffff4d;width:10px;height:10px;top:5px;left:35px}.theme-chocolate .top-right{position:absolute;border-radius:50%;background-color:#fee8c0;width:45px;height:45px;top:92px;left:162px;filter:drop-shadow(2px 2px #ceb587) drop-shadow(-2px 2px #ceb587);overflow:hidden;transition:.2s}.theme-chocolate .top-right:before,.theme-chocolate .top-right:after{content:"";position:absolute;background-color:#93522b;width:100px;height:3px;left:-5px}.theme-chocolate .top-right:before{top:15px;transform:rotate(-35deg);box-shadow:0 -15px #93522b}.theme-chocolate .top-right:after{top:0;transform:rotate(-15deg);box-shadow:0 17px #93522b,0 30px #93522b}.theme-chocolate .bottom-left:hover{transform:rotate(25deg)}.theme-chocolate .bottom-left:active{opacity:0}.theme-chocolate .top-right:hover{transform:rotate(25deg)}.theme-chocolate .top-right:active{opacity:0}.theme-chocolate .bottom-left{position:absolute;border-radius:50%;background-color:#503520;width:45px;height:45px;top:162px;left:92px;filter:drop-shadow(2px 2px #342010) drop-shadow(-2px 2px #342010);overflow:hidden;transition:.2s}.theme-chocolate .bottom-left:before,.theme-chocolate .bottom-left:after{content:"";position:absolute;background-color:#fde7c7;width:100px;height:3px;left:-5px}.theme-chocolate .bottom-left:before{top:15px;transform:rotate(-35deg);box-shadow:0 -15px #fde7c7}.theme-chocolate .bottom-left:after{top:0;transform:rotate(-15deg);box-shadow:0 17px #fde7c7,0 30px #fde7c7}.theme-chocolate .box-bottom{position:absolute;background-color:#392312;width:15px;height:15px;transform:rotate(45deg);left:222px;top:73px;z-index:-1;box-shadow:0 211px #392312}.theme-chocolate .cover{position:absolute;background-color:#cf2611;width:150px;height:150px;border:5px solid #ae1605;z-index:2;top:70px;left:70px;transform-origin:top;transition:.2s;overflow:hidden}.theme-chocolate .chocolate-box:hover .cover,.theme-chocolate .chocolate-box.opened .cover{transform:rotateX(170deg);box-shadow:5px -5px 20px #00000080}.theme-chocolate .chocolate-box:hover .cover:before,.theme-chocolate .chocolate-box.opened .cover:before{display:none}.theme-chocolate .cover-text{position:absolute;color:#ffead2;font-family:Brush Script MT,cursive;padding:17px 25px;font-size:35px;transform:translate(-50%,-50%);left:50%;top:50%;text-align:center;border:2px double}.theme-chocolate .cover:after{position:absolute;content:"";background-color:#ffead2;height:10px;width:100px;transform:rotate(-45deg);left:-20px;box-shadow:-5px 165px #ffead2}#white,#milk,#truffle,#truffle2{position:absolute;width:100%;display:none;color:#ffead2;font-family:Brush Script MT,cursive;font-size:25px;transition:.1s}#white{top:100px;left:250px}#milk{top:170px;left:-70px}#truffle{left:250px;top:170px}#truffle2{left:-70px;top:100px}@media(max-width:768px){.cover-text{font-size:28px;padding:12px 20px}}.close-btn{position:absolute;top:10px;right:15px;font-size:30px;cursor:pointer;color:#3e2723;font-family:sans-serif;transition:transform .2s}#love-message-text{font-family:Great Vibes,cursive;font-size:3rem;color:#5d4037;margin:0;line-height:1.2}.mini-box{position:absolute;width:80px;height:80px;background:url(/img/gif/gift.gif) no-repeat center center;background-size:contain;z-index:1500;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:transform .2s,opacity .8s ease-out;opacity:0}.mini-box.spawned{opacity:1}.mini-box:hover{transform:scale(1.1)}.click-me-text{position:absolute;top:2px;left:50%;transform:translate(-50%);background:#fff;color:#5d4037;font-family:sans-serif;font-size:10px;padding:2px 5px;border-radius:5px;white-space:nowrap;opacity:.9;box-shadow:0 2px 5px #0000001a;animation:gentleBob 1s infinite alternate;pointer-events:none;z-index:20}.mini-box.shake-box{transform:none!important;animation:mildShake .5s infinite}@keyframes mildShake{0%{transform:translate(1px,1px) rotate(0)}25%{transform:translate(-1px,-2px) rotate(-2deg)}50%{transform:translate(-3px) rotate(2deg)}75%{transform:translate(3px,2px) rotate(0)}to{transform:translate(1px,-1px) rotate(-2deg)}}.theme-chocolate .floating-img{width:100px;height:100px;object-fit:cover;border-radius:15px;box-shadow:0 8px 25px #0000004d;border:4px solid #fff;max-width:90vw}.sweet-tooltip{position:fixed;background:#000000e6;color:#fff;padding:12px 20px;border-radius:12px;font-family:Great Vibes,cursive;font-size:20px;white-space:nowrap;pointer-events:none;z-index:2000;animation:tooltipFadeIn .3s ease;box-shadow:0 6px 20px #0006;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:1px 1px 2px rgba(0,0,0,.8);max-width:300px}@media(max-width:768px){.sweet-tooltip{font-size:16px;padding:10px 16px;max-width:calc(100vw - 20px);white-space:normal;text-align:center;line-height:1.3}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(15px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.chocolate-item{position:absolute;width:120px;height:120px;z-index:5;pointer-events:auto;cursor:pointer;transition:transform .3s ease,z-index .1s;overflow:visible}.chocolate-item svg{overflow:visible;width:100%;height:100%}.chocolate-item #top{transition:transform 1s ease}.chocolate-item:hover{transform:scale(1.6);z-index:1000}.chocolate-item:hover #top{transform:translate(40px,-25px) rotate(10deg)}.chocolate-crumb{position:absolute;width:8px;height:8px;background:#3e2723;border-radius:2px;pointer-events:none}#lampadario{position:fixed;left:50%;top:0;z-index:110;transition:all 1s ease}#lampadario.hidden{opacity:0;transform:translate(-50%,-200px);pointer-events:none}#filo{position:relative;background-color:#000;width:2px;height:150px;left:50%;margin-left:-1px;z-index:1;transform-origin:0% 0%;animation:oscillaFilo .9s ease-in-out 0s infinite alternate}#lampadario input[value=off]:checked~#filo{box-shadow:0 0 4px #ffffff40}#filo:after{content:" ";left:-8px;top:100%;position:absolute;border-bottom:20px solid #000000;border-left:6px solid transparent;border-right:6px solid transparent;height:0;width:6px}#lampadario input[value=off]:checked~#filo:after{filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}#lampadario input{position:absolute;width:120px;height:100px;top:150px;left:50%;margin-left:-60px;opacity:0;z-index:2000;cursor:pointer;-webkit-tap-highlight-color:transparent}#lampadario input[value=on]{top:150px}#lampadario input[value=off]{top:-100px}#lampadario input[value=on]:checked{top:-100px}#lampadario input[value=on]:checked+input[value=off]{top:150px}#lampadario label{width:70px;height:70px;top:168px;position:absolute;left:50%;margin-left:-33px;border-radius:100%;animation:oscillaLampadina .9s ease-in-out 0s infinite alternate;z-index:1999;transition:all .2s ease-in-out}#lampadario input[value=off]:checked~label{background:#ffffff40;box-shadow:inset 0 1px 10px #fff6,inset 0 2px 30px #ffffff1a;border:1px solid rgba(255,255,255,.3)}#lampadario input[value=on]:checked~label{background:#fff!important;box-shadow:0 0 40px #fff,0 0 80px #fff,0 0 120px #ffffffe6,0 0 180px #ffffffb3,0 0 250px #ffffff80!important}.lamp-hint{position:absolute;top:250px;left:50%;transform:translate(-50%);color:gold;font-family:Montserrat,sans-serif;font-weight:700;font-size:24px;letter-spacing:3px;text-transform:uppercase;white-space:nowrap;pointer-events:none;transition:opacity .3s ease,visibility .3s ease;text-shadow:0 0 20px rgba(255,215,0,.8),0 2px 4px rgba(0,0,0,.7);animation:hintPulse 1.5s infinite alternate ease-in-out;opacity:1;z-index:120}#lampadario input[value=on]:checked~.lamp-hint{opacity:0!important;visibility:hidden}@keyframes hintPulse{0%{transform:translate(-50%) translateY(5px)}to{transform:translate(-50%) translateY(-5px)}}.wrap-my-candy{width:15rem;margin:0 auto;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);z-index:1000;cursor:pointer;opacity:1;transition:opacity 1s ease-out,transform 1s ease-out}body.gift-opened .wrap-my-candy{opacity:0;transform:translate(-50%,-200%);pointer-events:none}.chocolate-piece{position:relative;float:left;width:2.5rem;height:2.5rem;margin-top:-10px;background:#764720;background-image:linear-gradient(120deg,rgba(217,180,152,.5) 5%,transparent);transition:transform .2s;border:1px solid rgba(0,0,0,.1)}.chocolate-piece:hover{transform:scale(1.1);z-index:1;background:#8b4513}.chocolate-piece:nth-child(1){border-top-left-radius:.1em}.chocolate-piece:nth-child(6){border-top-right-radius:.1em}.chocolate-piece:nth-child(13){border-bottom-left-radius:.1em}.chocolate-piece:nth-last-child(1){border-bottom-right-radius:.1em}.chocolate-piece:before{position:absolute;content:"";inset:0;margin:auto;width:1.5rem;height:1.5rem;background:transparent;border:outset .25em #6B3A00;border-radius:.1em}.chocolate-piece:after{position:absolute;content:"CSS ♥";inset:0;margin:auto;font-size:.5em;font-weight:700;width:2em;height:2em;color:#6b3a00;text-shadow:1px 1px 0 #885934;display:flex;align-items:center;justify-content:center}.spotlight-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:100;opacity:1;pointer-events:none;transition:opacity .8s ease}body.spotlight-active .spotlight-overlay{background:transparent}body.spotlight-active .merrywrap{z-index:105}.spotlight-overlay.hidden{opacity:0;pointer-events:none;transition:opacity 3.5s ease-in-out}#sorpresa{position:absolute;top:50%;left:50%;width:300vw;height:300vh;transform:translate(-50%,-50%);background:radial-gradient(circle at 50% calc(50% + 40vh),transparent 150px,rgba(0,0,0,.95) 400px,rgb(0,0,0) 100%);pointer-events:none;z-index:-1;opacity:0;transition:opacity .5s ease,background 3.5s ease-out}#lampadario input[value=on]:checked~label #sorpresa{opacity:1}body.gift-opened #sorpresa{background:radial-gradient(circle at 50% calc(50% + 40vh),transparent 100%,rgb(0,0,0) 100%);opacity:0}@keyframes oscillaFilo{0%{transform:rotate(5deg)}to{transform:rotate(-5deg)}}@keyframes oscillaLampadina{0%{transform:rotate(3deg) translate(-22px,-1px)}to{transform:rotate(-3deg) translate(22px,-1px)}}@keyframes wobble{25%{transform:rotate(4deg)}75%{transform:rotate(-2deg)}}@keyframes flyUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-1000px) rotate(10deg);opacity:0}}@keyframes flyDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(1000px);opacity:0}}.movie-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;z-index:3000;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity 1s ease}.movie-text{color:#fff;font-family:Great Vibes,cursive;font-size:2rem;text-align:center;line-height:1.5;max-width:80%;position:relative;top:100%;animation:scrollCredits 20s linear forwards}@keyframes scrollCredits{0%{top:100%}to{top:-150%}}.final-message{color:gold;font-size:3rem;margin-top:2rem;opacity:0;transition:opacity 1s ease}.game-btn{background:linear-gradient(135deg,#5d4037,#d7ccc8);color:#fff;border:3px solid #fff;padding:12px 30px;font-family:Great Vibes,cursive;font-weight:700;font-size:1.8rem;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #d6338466;margin:10px}.game-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 20px #d6338499}:root{--brown: #754C28;--brown-light: #8a5f3a;--brown-dark: #432B16;--brown-darker: #553310}.chocolate-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2000;display:none;flex-direction:column;align-items:center;gap:20px;transition:all .5s ease;pointer-events:auto}.chocolate-center.visible{display:flex}.instructions{font-family:Great Vibes,cursive;font-size:2rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);text-align:center;animation:gentleBob 2s infinite alternate;margin-top:50px}.chocolate-button{appearance:none;border:none;background:none;padding:0;margin:0;font-size:10vmin;font-family:Great Vibes,cursive;cursor:pointer;transform:rotateX(10deg) rotate(10deg);transition:transform .3s ease;pointer-events:auto;z-index:2001;position:relative}@media(min-width:600px){.chocolate-button{font-size:60px}}.chocolate-button:hover{transform:rotateX(15deg) rotate(15deg) scale(1.05)}.chocolate-button .bar{border-radius:.3em;display:block;transition:transform .1s ease}.chocolate-button .bar:hover,.chocolate-button .bar:focus,.chocolate-button .bar:active{transform:translateY(.05em)}.chocolate-button .bar:before,.chocolate-button .bar:after{content:"";position:absolute;left:0;width:100%;height:100%;z-index:-1;border-radius:inherit}.chocolate-button .bar:before{background-color:var(--brown);border:.35em rgba(117,76,40,.6) ridge;top:0;z-index:0}.chocolate-button .bar:after{top:.3em;left:.3em;background:var(--brown-dark);box-shadow:inset 0 -.05em var(--brown-darker)}.chocolate-button .text,.chocolate-button .bar:before,.chocolate-button .bar:after{transition:clip-path .15s steps(3,start);clip-path:polygon(100% 0,100% 100%,calc(30% + var(--x, 0) * 1px) 100%,calc(24% + var(--x, 0) * 1px) 100%,calc(7% + var(--x, 0) * 1px) 100%,calc(0% + var(--x, 0) * 1px) 100%,calc(-6% + var(--x, 0) * 1px) 100%,calc(-20% + var(--x, 0) * 1px) 100%,calc(-30% + var(--x, 0) * 1px) 100%,0 100%,0 0)}.chocolate-button .text{display:flex;align-items:center;justify-content:center;text-align:center;padding:.3em .5em;color:var(--brown-dark);opacity:.8;text-shadow:1px 2px var(--brown-light),-1px -2px black;line-height:1.1;margin:10px 0 -30px}.chocolate-button .crumbs{position:absolute;width:.3em;height:.3em;border-radius:50%;top:0;left:calc(var(--x, 0) * 1px);pointer-events:none;opacity:0}.chocolate-button .crumbs:before,.chocolate-button .crumbs:after{content:"";position:absolute;height:100%;width:100%;border-radius:inherit;box-shadow:-3em 1em var(--brown),-2em .5em var(--brown),-1em 2em var(--brown),0 1.5em var(--brown),1em .8em var(--brown),2em 2.2em var(--brown),3em 1.2em var(--brown),-2.5em 2.8em var(--brown),1.5em 3em var(--brown),-1.5em 3.5em var(--brown),.5em 3.8em var(--brown),2.5em 3.2em var(--brown)}.chocolate-button .crumbs:before{height:70%;width:70%}.chocolate-button.biting{outline:none;animation:chomp .3s cubic-bezier(.72,.12,.32,.96)!important;-webkit-animation:chomp .3s cubic-bezier(.72,.12,.32,.96)!important}@keyframes chomp{0%{transform:rotateX(10deg) rotate(10deg)}30%{transform:translateZ(-6vmin) rotateX(15deg) rotate(12deg)}70%{transform:translateZ(-10vmin) rotateX(0) rotate(8deg)}to{transform:rotateX(10deg) rotate(10deg)}}@-webkit-keyframes chomp{0%{transform:rotateX(10deg) rotate(10deg)}30%{transform:translateZ(-6vmin) rotateX(15deg) rotate(12deg)}70%{transform:translateZ(-10vmin) rotateX(0) rotate(8deg)}to{transform:rotateX(10deg) rotate(10deg)}}.chocolate-button.biting .text,.chocolate-button.biting .bar:before,.chocolate-button.biting .bar:after{transition:none!important;-webkit-transition:none!important;clip-path:polygon(100% 0,100% 100%,calc(30% + var(--x, 0) * 1px) 100%,calc(24% + var(--x, 0) * 1px) 75%,calc(7% + var(--x, 0) * 1px) 58%,calc(0% + var(--x, 0) * 1px) 65%,calc(-6% + var(--x, 0) * 1px) 45%,calc(-20% + var(--x, 0) * 1px) 51%,calc(-30% + var(--x, 0) * 1px) 100%,0 100%,0 0)!important;-webkit-clip-path:polygon(100% 0,100% 100%,calc(30% + var(--x, 0) * 1px) 100%,calc(24% + var(--x, 0) * 1px) 75%,calc(7% + var(--x, 0) * 1px) 58%,calc(0% + var(--x, 0) * 1px) 65%,calc(-6% + var(--x, 0) * 1px) 45%,calc(-20% + var(--x, 0) * 1px) 51%,calc(-30% + var(--x, 0) * 1px) 100%,0 100%,0 0)!important}.chocolate-button.biting .crumbs{opacity:1!important;animation:crumbs 1.5s ease-out both!important;-webkit-animation:crumbs 1.5s ease-out both!important}.chocolate-button.biting .crumbs:before{animation:crumbs-left 1.2s ease-out both!important;-webkit-animation:crumbs-left 1.2s ease-out both!important}.chocolate-button.biting .crumbs:after{animation:crumbs-right 1.5s ease-out both!important;-webkit-animation:crumbs-right 1.5s ease-out both!important}@keyframes crumbs{to{transform:translateY(100vh)}}@-webkit-keyframes crumbs{to{transform:translateY(100vh)}}@keyframes crumbs-left{to{transform:translate(-15vw) rotate(-5deg)}}@-webkit-keyframes crumbs-left{to{transform:translate(-15vw) rotate(-5deg)}}@-webkit-keyframes crumbs-right{to{transform:translate(15vw) rotate(5deg)}}.chocolate-button:focus,.chocolate-button:active{outline:none;animation:chomp .3s cubic-bezier(.72,.12,.32,.96)}@keyframes chomp{30%{transform:translateZ(-6vmin) rotateX(15deg) rotate(12deg)}70%{transform:translateZ(-10vmin) rotateX(0) rotate(8deg)}}@keyframes crumbs-right{to{transform:translate(15vw) rotate(5deg)}}body.gift-opened .chocolate-center{opacity:0;transform:translate(-50%,-50%) scale(0);pointer-events:none;transition:all 1s ease-out}@media(max-width:600px){.lamp-hint{width:80vw;white-space:normal;text-align:center;font-size:18px;letter-spacing:2px}.mini-box{width:100px!important;height:100px!important}.icons .row span{font-size:40px}.giftbox{width:250px;height:150px;margin-left:-125px}}@media(max-width:600px)and (max-width:600px){.chocolate-button{font-size:8vmin;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.chocolate-button .text{font-size:.6em;padding:.8em .4em}.instructions{font-size:1.5rem;margin-top:30px}.chocolate-button.biting{animation:chomp-mobile .5s cubic-bezier(.72,.12,.32,.96)!important;-webkit-animation:chomp-mobile .5s cubic-bezier(.72,.12,.32,.96)!important}@keyframes chomp-mobile{0%{transform:rotateX(10deg) rotate(10deg) scale(1)}30%{transform:rotateX(15deg) rotate(12deg) scale(.95)}70%{transform:rotateX(0) rotate(8deg) scale(.9)}to{transform:rotateX(10deg) rotate(10deg) scale(1)}}@-webkit-keyframes chomp-mobile{0%{transform:rotateX(10deg) rotate(10deg) scale(1)}30%{transform:rotateX(15deg) rotate(12deg) scale(.95)}70%{transform:rotateX(0) rotate(8deg) scale(.9)}to{transform:rotateX(10deg) rotate(10deg) scale(1)}}}:root{--edge-height: 33.75vmin;--background: linear-gradient( #562a06 0%, #4e2505 10%, #461f04 50%, #3e1700 100% )}.cassette-modal{display:flex;justify-content:center;align-items:center}.cassette-body{display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;background:transparent;border:none;box-shadow:none!important;padding:0;margin:0}.left-edge{width:7.5vmin;height:var(--edge-height);background:var(--background);--mask: radial-gradient(1.22vmin at 1.7vmin 50%, #000 99%, #0000 101%) 0 calc(50% - 2vmin) / 100% 4vmin, radial-gradient(1.22vmin at -.7vmin 50%, #0000 99%, #000 101%) 1vmin 50%/100% 4vmin repeat-y;-webkit-mask:var(--mask);mask:var(--mask)}.left-trapezoid{position:relative;width:3.75vmin;height:var(--edge-height);clip-path:polygon(100% 5.6%,100% 94.4%,0 100%,0 0);background:var(--background)}.rectangle{height:30vmin;width:67.5vmin;background:var(--background);display:flex;justify-content:center;align-items:center;position:relative}.rectangle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:25vmin;width:65vmin;background:linear-gradient(#997254,#6b3e2b 20% 60%,#3d1602);border-radius:3vmin;filter:blur(1.5vmin);z-index:1}.container{width:85%;height:18vmin;transform:skew(-20deg);border-radius:20px 0;border:1.5vmin solid #e31e24;background:#fff;text-align:center;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 2vmin}.chocolate-image{width:8vmin;height:8vmin;object-fit:cover;border-radius:1vmin;transform:skew(20deg)}.chocolate-text{flex:1;padding:0 2vmin;transform:skew(20deg);font-family:Great Vibes,cursive;font-size:1.5vmin;color:#263d8d;text-align:center}.right-trapezoid{position:relative;width:3.75vmin;height:var(--edge-height);clip-path:polygon(0 5.6%,0 94.4%,100% 100%,100% 0);background:var(--background)}.right-edge{width:7.5vmin;height:var(--edge-height);background:var(--background);--mask: radial-gradient( 1.22vmin at calc(100% - 1.7vmin) 50%, #000 99%, #0000 101% ) 0 calc(50% - 2vmin) / 100% 4vmin, radial-gradient(1.22vmin at calc(100% + .7vmin) 50%, #0000 99%, #000 101%) calc(100% - 1vmin) 50%/100% 4vmin repeat-y;-webkit-mask:var(--mask);mask:var(--mask)}.close-btn{position:absolute;top:-5vmin;right:-2vmin;font-size:4vmin;cursor:pointer;color:#fff;font-family:sans-serif;transition:transform .2s;z-index:10;background:#00000080;border-radius:50%;width:6vmin;height:6vmin;display:flex;align-items:center;justify-content:center}.close-btn:hover{transform:scale(1.1)}