.gingerbread-game-section{min-height:100vh;background:linear-gradient(135deg,#1a472a,#2d5a3f,#1a472a 60%,#0d2818);position:relative;overflow:hidden}.gingerbread-game-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.08) 0%,transparent 40%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.gingerbread-game-container{max-width:1200px;margin:0 auto;padding:2rem;position:relative;z-index:1}.game-header{text-align:center;margin-bottom:2rem;padding-top:2rem}.game-title{font-family:var(--font-heading-family),"Bodoni Moda","Didot","Georgia",serif;font-style:var(--font-heading-style, normal);font-weight:400;font-size:clamp(1.8rem,5vw,3.5rem);color:#000;margin:0 0 .5rem;letter-spacing:.02em}.game-arena{position:relative;width:100%;height:60vh;min-height:400px;max-height:600px;background:#fff;border-radius:20px;border:6px solid #8B4513;box-shadow:inset 0 0 60px #0000001a,0 10px 40px #0006,0 0 0 4px peru;overflow:hidden;cursor:crosshair;touch-action:none;user-select:none;-webkit-user-select:none}.gingerbread-man{position:absolute;width:150px;height:150px;transform:translate(-50%,-50%);z-index:10;cursor:pointer;will-change:left,top}.gingerbread-video{width:100%;height:100%;object-fit:contain;pointer-events:none;mix-blend-mode:screen}.gingerbread-man.running{animation:runBounce .2s ease-in-out}.gingerbread-man.flip{transform:translate(-50%,-50%) scaleX(-1)}.gingerbread-man.flip .speech-bubble{transform:scaleX(-1) translate(50%);left:auto;right:100%}@keyframes runBounce{0%,to{transform:translate(-50%,-50%) rotate(0) scale(1)}25%{transform:translate(-50%,-55%) rotate(-12deg) scale(1.1)}50%{transform:translate(-50%,-45%) rotate(0) scale(.95)}75%{transform:translate(-50%,-52%) rotate(12deg) scale(1.05)}}.gingerbread-man.flip.running{animation:runBounceFlip .2s ease-in-out}@keyframes runBounceFlip{0%,to{transform:translate(-50%,-50%) scaleX(-1) rotate(0) scale(1)}25%{transform:translate(-50%,-55%) scaleX(-1) rotate(12deg) scale(1.1)}50%{transform:translate(-50%,-45%) scaleX(-1) rotate(0) scale(.95)}75%{transform:translate(-50%,-52%) scaleX(-1) rotate(-12deg) scale(1.05)}}.speech-bubble{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#fff;color:#000;padding:10px 16px;border-radius:20px;font-family:var(--font-body-family),"Bodoni Moda","Didot","Georgia",serif;font-style:var(--font-body-style, normal);font-size:1rem;font-weight:400;white-space:nowrap;box-shadow:0 3px 10px #00000026;opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none;margin-bottom:10px;z-index:20}.speech-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#fff}.speech-bubble.visible{opacity:1;transform:translate(-50%) translateY(-5px)}.tap-indicator{position:absolute;font-size:2rem;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.5);transition:opacity .15s ease,transform .15s ease;z-index:5}.tap-indicator.visible{opacity:.7;transform:translate(-50%,-50%) scale(1.2)}.candy-cane{position:absolute;width:30px;height:80px;background:repeating-linear-gradient(-45deg,red,red 8px,#fff 8px 16px);border-radius:15px 15px 0 0;opacity:.6;pointer-events:none}.candy-cane:before{content:"";position:absolute;top:0;left:0;width:45px;height:30px;background:repeating-linear-gradient(-45deg,red,red 8px,#fff 8px 16px);border-radius:30px 30px 0 0}.candy-cane-1{bottom:20px;left:30px;transform:rotate(-15deg)}.candy-cane-2{bottom:20px;right:30px;transform:rotate(15deg) scaleX(-1)}.snowflake{position:absolute;font-size:2rem;color:#fff6;pointer-events:none;animation:snowfall 15s linear infinite}.snowflake-1{left:10%;animation-delay:0s}.snowflake-2{left:50%;animation-delay:5s}.snowflake-3{left:85%;animation-delay:10s}@keyframes snowfall{0%{transform:translateY(-20px) rotate(0);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:translateY(calc(60vh + 20px)) rotate(360deg);opacity:0}}.game-footer{text-align:center;margin-top:2rem;padding-bottom:2rem}.hint-text{font-family:var(--font-body-family),"Bodoni Moda","Didot","Georgia",serif;font-style:var(--font-body-style, italic);font-size:1.1rem;color:#2d5a3f;margin:0 0 1.5rem}.reset-btn{background:linear-gradient(180deg,#dc143c,#b01030);color:#fff;border:none;padding:1rem 2.5rem;font-family:var(--font-body-family),"Bodoni Moda","Didot","Georgia",serif;font-size:1.1rem;font-weight:400;border-radius:50px;cursor:pointer;box-shadow:0 4px 15px #dc143c66,inset 0 1px #fff3;transition:all .3s ease;text-transform:uppercase;letter-spacing:.1em;touch-action:manipulation}.reset-btn:hover{background:linear-gradient(180deg,#ff1744,#dc143c);transform:translateY(-2px);box-shadow:0 6px 20px #dc143c80,inset 0 1px #ffffff4d}.reset-btn:active{transform:translateY(0)}@media (max-width: 768px){.gingerbread-game-container{padding:1rem}.game-header{padding-top:1rem;margin-bottom:1rem}.game-arena{height:55vh;min-height:350px;border-radius:15px;border-width:4px}.gingerbread-man{width:120px;height:120px}.speech-bubble{font-size:.75rem;padding:6px 10px}.candy-cane{display:none}.reset-btn{padding:.8rem 2rem;font-size:1rem}}@media (max-width: 480px){.game-arena{height:50vh;min-height:300px}.gingerbread-man{width:100px;height:100px}.game-title{font-size:1.75rem}.game-subtitle{font-size:.95rem}}@media (hover: hover){.game-arena:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle 100px at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,0,0,.1),transparent 50%);pointer-events:none;opacity:0;transition:opacity .3s;z-index:1}.game-arena:hover:before{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/gingerbread-game.css.map */