.welcome-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;background:linear-gradient(135deg,#667eea,#764ba2)}.welcome-content{background:#fffffff2;padding:2rem;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;text-align:center;position:relative;z-index:10}@media(min-width:768px){.welcome-content{padding:3rem}}.welcome-title{color:var(--primary-color);margin-bottom:1.5rem;font-weight:700}@media(max-width:500px){.welcome-title{font-size:1.4rem}}@media(max-width:380px){.welcome-title{font-size:1.2rem}}.welcome-text{margin-bottom:2rem;line-height:1.8}.welcome-text p{margin-bottom:1rem;color:var(--text-color)}.start-button{font-size:1.125rem;padding:1rem 2rem;margin-top:1rem}.fade-out{animation:fadeOut .5s ease-out forwards}@keyframes fadeOut{to{opacity:0;transform:scale(.95)}}.challenge-container{min-height:100vh;min-height:-webkit-fill-available;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);overflow-y:auto;-webkit-overflow-scrolling:touch}.challenge-content{background:#fffffff2;padding:1.5rem;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:800px;width:100%;position:relative;z-index:10;margin:auto}@media(max-width:430px){.challenge-container{padding:.5rem;align-items:flex-start;padding-top:max(1rem,env(safe-area-inset-top));padding-bottom:max(1rem,env(safe-area-inset-bottom))}.challenge-content{padding:1rem;border-radius:16px;margin-top:1rem;margin-bottom:1rem}.challenge-title{font-size:1.5rem;margin-bottom:1rem}.challenge-description p{font-size:1rem}}@media(min-width:768px){.challenge-content{padding:3rem}}.challenge-title{color:var(--primary-color);margin-bottom:1.5rem;font-weight:700;text-align:center}.challenge-description{text-align:center;margin-bottom:2rem;line-height:1.8}.challenge-description p{margin-bottom:.5rem;font-size:1.125rem}.challenge-form{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.challenge-input{padding:1rem;font-size:1rem;border:2px solid #ddd;border-radius:8px;transition:border-color .3s ease}.challenge-input:focus{outline:none;border-color:var(--secondary-color)}.error-message{color:#f44336;text-align:center;font-weight:600}.hint{text-align:center;color:#666;font-style:italic;margin-top:1rem;font-size:.875rem}.success-message{color:var(--accent-color);font-size:1.5rem;font-weight:700;text-align:center;margin-top:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.maze-container{display:flex;justify-content:center;align-items:center;margin:2rem auto;padding:.5rem;background:#ffffff80;border-radius:12px;max-width:650px;width:100%}.maze-grid{display:grid;grid-template-columns:repeat(15,1fr);gap:2px;width:100%;max-width:600px;background:#333;padding:4px;border-radius:8px;box-sizing:border-box;aspect-ratio:1}@media(max-width:600px){.maze-container{padding:.5rem;max-width:100%}.maze-grid{max-width:100%;gap:1px}}@media(max-width:430px){.maze-container{padding:.25rem;margin:1rem auto}.maze-grid{gap:1px;padding:2px}}.maze-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1.2rem;border-radius:2px;transition:all .2s ease;min-width:0;min-height:0}@media(max-width:600px){.maze-cell{font-size:.8rem}}@media(max-width:430px){.maze-cell{font-size:.6rem}}.maze-cell.path{background:#e3f2fd}.maze-cell.wall{background:#455a64}.maze-cell.goal{background:linear-gradient(135deg,gold,#ffed4e);animation:goalPulse 2s ease-in-out infinite}@keyframes goalPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.zina-icon{animation:zinaBounce .5s ease-in-out;font-size:1.5rem}@media(max-width:600px){.zina-icon{font-size:1rem}}@media(max-width:430px){.zina-icon{font-size:.8rem}}@keyframes zinaBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.wall-icon{opacity:.7;font-size:1rem}@media(max-width:600px){.wall-icon{font-size:.7rem}}@media(max-width:430px){.wall-icon{font-size:.5rem}}.goal-icon{animation:goalSpin 3s linear infinite}@keyframes goalSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.controls-info{text-align:center;margin-top:1.5rem;font-size:.875rem;color:#666}.mobile-controls{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:2rem}.mobile-control-row{display:flex;gap:.5rem;justify-content:center}@media(max-width:430px){.mobile-controls{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.5rem}.mobile-control-row{display:contents}}.btn-control{width:60px;height:60px;font-size:1.5rem;border:2px solid var(--primary-color);background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.btn-control:active{background:var(--primary-color);transform:scale(.95)}.maze-grid.preview{opacity:.7}.game-stats{display:flex;justify-content:space-around;margin:1.5rem 0;padding:1rem;background:#fffc;border-radius:12px;font-weight:700;font-size:1.125rem}.stat{display:flex;align-items:center;gap:.5rem}.obstacle-game{margin:2rem auto;max-width:600px}.game-track{display:flex;height:400px;background:linear-gradient(180deg,#e3f2fd,#bbdefb);border:4px solid #333;border-radius:12px;overflow:hidden;position:relative}@media(max-width:600px){.game-track{height:350px}}.lane{flex:1;border-right:2px dashed #90caf9;position:relative}.lane:last-child{border-right:none}.zina-runner{position:absolute;bottom:10%;left:50%;transform:translate(-50%);font-size:2.5rem;z-index:10;animation:runBounce .3s ease-in-out infinite}@media(max-width:600px){.zina-runner{font-size:2rem}}@keyframes runBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}.obstacle{position:absolute;left:50%;transform:translate(-50%);font-size:2rem;z-index:5;transition:filter .2s ease}.obstacle.danger-zone{filter:drop-shadow(0 0 10px rgba(244,67,54,.8));animation:shake .3s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(-50%) rotate(0)}25%{transform:translate(-50%) rotate(-3deg)}75%{transform:translate(-50%) rotate(3deg)}}@media(max-width:600px){.obstacle{font-size:1.5rem}}.bone{position:absolute;left:50%;transform:translate(-50%);font-size:1.5rem;z-index:5;animation:boneRotate 2s linear infinite}@media(max-width:600px){.bone{font-size:1.2rem}}@keyframes boneRotate{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}.game-result{text-align:center;padding:2rem;margin:2rem 0;border-radius:12px;font-size:1.25rem;font-weight:700}.game-result.fail{background:#f443361a;border:2px solid #f44336;color:#c62828}.game-result.success{background:#4caf501a;border:2px solid #4caf50;color:#2e7d32;font-size:1.5rem}.game-result .btn{margin-top:1rem}.game-track.preview{opacity:.7}.mobile-controls{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}@media(min-width:768px){.mobile-controls{display:none}}.btn-control{width:60px;height:60px;font-size:1.5rem;border:2px solid var(--primary-color);background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;flex-shrink:0}.btn-control:active{background:var(--primary-color);color:#fff;transform:scale(.95)}.paw-game-preview{margin:2rem 0;position:relative}.paw-game{margin:2rem 0;position:relative;min-height:450px}.paw-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:400px;margin:0 auto;padding:2rem;background:#ffffff80;border-radius:16px}@media(max-width:430px){.paw-grid{gap:1rem;padding:1.5rem;max-width:100%}}.paw-button{aspect-ratio:1;font-size:4rem;background:linear-gradient(135deg,#fff9e6,#ffe6e6);border:3px solid #ddd;border-radius:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.paw-button.preview{cursor:default;opacity:.6}.paw-button:not(.disabled):not(.preview):hover{transform:scale(1.05);box-shadow:0 6px 16px #0003}.paw-button:not(.disabled):not(.preview):active{transform:scale(.95)}.paw-button.active{background:linear-gradient(135deg,gold,#ffed4e);border-color:orange;transform:scale(1.1);box-shadow:0 0 30px #ffd700cc;animation:paw-glow .4s ease}.paw-button.disabled{cursor:not-allowed;opacity:.7}@keyframes paw-glow{0%,to{box-shadow:0 0 30px #ffd700cc}50%{box-shadow:0 0 50px gold}}.game-stats{display:flex;justify-content:space-around;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.stat{background:#fffc;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;box-shadow:0 2px 8px #0000001a}@media(max-width:430px){.stat{padding:.5rem 1rem;font-size:.9rem}}.game-result-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border-radius:16px;text-align:center;font-size:1.25rem;font-weight:700;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game-result-overlay.success{background:#c8e6c9f2;color:#2e7d32}.game-result-overlay.fail{background:#ffcdd2f2;color:#c62828}.game-result-overlay.warning{background:#ffc107f2;color:#f57c00}.game-result-overlay .btn{margin-top:1rem}.lives-remaining{font-size:1.5rem;margin:.5rem 0}.hint-text{font-size:1rem;opacity:.8}.start-button-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.25rem;padding:1rem 2rem;z-index:10;box-shadow:0 8px 20px #0003}@media(max-width:430px){.paw-button{font-size:3rem}}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:500px;margin:2rem auto;padding:1rem}@media(max-width:600px){.memory-grid{grid-template-columns:repeat(4,1fr);gap:.5rem}}.memory-card{aspect-ratio:1;cursor:pointer;perspective:1000px}.card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.memory-card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:2rem;font-weight:700}.card-front{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 8px #0003}.card-back{background:#fff;transform:rotateY(180deg);box-shadow:0 4px 8px #0003}.memory-card.matched .card-inner{opacity:.6}.memory-card:not(.flipped):not(.matched):hover .card-inner{transform:scale(1.05)}.moves-counter{font-size:1.25rem;font-weight:700;color:var(--primary-color);margin-top:.5rem}.memory-grid.preview{opacity:.7;pointer-events:none}.quiz-progress{font-size:.875rem;color:#666;margin-bottom:1rem;font-weight:600;text-align:center}.quiz-question{background:#fffc;padding:1.5rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.quiz-question h3{color:var(--text-color);line-height:1.6}.quiz-answers{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}@media(min-width:768px){.quiz-answers{grid-template-columns:repeat(2,1fr)}}.quiz-answer{padding:1rem;border:2px solid #ddd;background:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1rem;text-align:left}.quiz-answer:hover:not(:disabled){border-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.quiz-answer:disabled{cursor:not-allowed}.quiz-answer.correct{background:#4caf50;color:#fff;border-color:#4caf50}.quiz-answer.wrong{background:#f44336;color:#fff;border-color:#f44336}.quiz-result{text-align:center;padding:2rem}.quiz-result h3{color:var(--primary-color);margin-bottom:1rem}.quiz-score{font-size:1.5rem;font-weight:700;color:var(--secondary-color);margin:1rem 0}.quiz-message{font-size:1.125rem;color:var(--text-color);margin-top:1rem}.quiz-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:#ffffff80;border-radius:12px;margin:2rem 0}.quiz-icon{font-size:5rem;margin-bottom:1rem;animation:pulse 2s ease-in-out infinite}.quiz-info{font-size:1.25rem;font-weight:700;color:var(--primary-color)}.snow-game-container{margin:2rem 0;display:flex;flex-direction:column;align-items:center;gap:1rem}.progress-bar-container{width:100%;max-width:600px;height:12px;background:#ffffff4d;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #0003}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .5s ease;box-shadow:0 0 10px #4caf5080}.snow-canvas{border:4px solid #fff;border-radius:12px;box-shadow:0 8px 24px #0000004d;cursor:pointer;max-width:100%;width:100%;height:auto;background:#2d5016;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.snow-canvas:active{cursor:grabbing}@media(max-width:430px){.snow-canvas{width:100%;max-width:100%;border-width:2px}.snow-game-container{padding:0;margin:1rem 0}}@media(max-width:650px){.snow-canvas{width:100%;max-width:95vw}}.snow-stats{display:flex;gap:2rem;justify-content:center;align-items:center;padding:1rem;background:#fff3;border-radius:8px;font-size:1rem;font-weight:600;color:var(--text-color);flex-wrap:wrap}@media(max-width:600px){.snow-stats{gap:1rem;font-size:.9rem}}.instruction-hint{font-size:.95rem;font-style:italic;color:#ffffffd9;margin-top:.5rem}.warning-hint{font-size:1rem;font-weight:700;color:#ff6b6b;margin-top:.5rem;animation:pulse 1s infinite;text-shadow:0 0 10px rgba(255,107,107,.5)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.code-form{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:2rem}.code-inputs{display:flex;gap:1rem;justify-content:center}.code-input{width:60px;height:80px;font-size:2rem;text-align:center;border:3px solid #ddd;border-radius:12px;font-weight:700;transition:all .3s ease;background:#fff}@media(max-width:600px){.code-input{width:50px;height:70px;font-size:1.5rem}}.code-input:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 10px #1976d24d;transform:scale(1.05)}.code-input:not(:placeholder-shown){border-color:var(--primary-color)}.code-form .btn{min-width:200px;font-size:1.125rem}.code-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:#ffffff80;border-radius:12px;margin:2rem 0}.lock-icon{font-size:6rem;margin-bottom:1rem;animation:lockShake 2s ease-in-out infinite}@keyframes lockShake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.lock-text{font-size:1.25rem;font-weight:700;color:var(--primary-color)}.puzzle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-width:400px;margin:2rem auto;padding:1rem;background:#ffffff80;border-radius:12px}.puzzle-piece{aspect-ratio:1;background-color:#f0f0f0;border:2px solid #ddd;border-radius:4px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.puzzle-piece:hover{transform:scale(1.05);border-color:var(--primary-color);box-shadow:0 4px 8px #0003}.puzzle-piece.selected{border:3px solid var(--accent-color);box-shadow:0 0 15px var(--accent-color)}.piece-number{position:absolute;top:4px;left:4px;background:#00000080;color:#fff;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:700}.puzzle-grid.solved{animation:pulse .5s ease-in-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.puzzle-grid.preview{opacity:.7;pointer-events:none}.start-button{font-size:1.25rem;padding:1rem 2rem;margin:2rem auto;display:block}.finale-container{min-height:100vh;min-height:-webkit-fill-available;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.finale-content{background:#fffffff2;padding:1.5rem;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:700px;width:100%;text-align:center;position:relative;z-index:10;margin:auto}@media(max-width:430px){.finale-container{padding:.5rem;align-items:flex-start;padding-top:max(1rem,env(safe-area-inset-top));padding-bottom:max(1rem,env(safe-area-inset-bottom))}.finale-content{padding:1rem;border-radius:16px;margin-top:1rem;margin-bottom:1rem}.finale-title{font-size:1.5rem}.finale-message p{font-size:.95rem}.mystery-photo img{border-radius:8px!important}.gift-box{padding:1rem}}@media(min-width:768px){.finale-content{padding:3rem}}.finale-title{color:var(--primary-color);margin-bottom:1.5rem;font-weight:700;animation:bounce 1s ease-in-out infinite}.finale-message{margin-bottom:2rem;line-height:1.8}.finale-message p{margin-bottom:1rem;font-size:1.125rem}.mystery-text{font-weight:700;color:var(--primary-color);font-size:1.25rem!important;margin-top:1.5rem!important;padding:1rem;background:#ffd70026;border-radius:8px;border:2px dashed var(--accent-color)}.reveal-button{font-size:1.25rem;padding:1rem 2rem;margin:2rem 0}.gift-reveal{margin-top:2rem}.gift-box{background:linear-gradient(135deg,#fff9e6,#ffe6e6);padding:2rem;border-radius:16px;border:3px solid var(--accent-color)}.gift-icon{font-size:4rem;margin-bottom:1rem;animation:pulse 2s ease-in-out infinite}.gift-box h2{color:var(--primary-color);margin-bottom:1rem}.mystery-photo{margin:1.5rem 0;padding:1rem;background:#ffffff80;border-radius:12px}.mystery-photo img{display:block;margin:0 auto}.gift-location{font-size:1.5rem;color:var(--text-color);margin:1.5rem 0;padding:1rem;background:#fffc;border-radius:8px}.mystery-hint{font-size:1.125rem;color:#666;font-style:italic;margin:1rem 0}.love-message{font-size:1.25rem;color:var(--primary-color);font-weight:700;margin-top:1.5rem}.celebration-confetti{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;top:-10px;animation:confettiFall 3s linear infinite}@keyframes confettiFall{to{transform:translateY(100vh) rotate(360deg);opacity:0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.story-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2)}.story-content{background:#fffffff2;padding:2rem;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:700px;width:100%;text-align:center}@media(min-width:768px){.story-content{padding:3rem}}.story-title{color:var(--primary-color);margin-bottom:1.5rem;font-weight:700}.story-text{font-size:1.125rem;line-height:1.8;margin-bottom:2rem;color:var(--text-color)}.App{min-height:100vh;min-height:-webkit-fill-available;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow-x:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.App:before{content:"";position:absolute;inset:0;background: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.05'%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");opacity:.3;pointer-events:none}.progress-bar{position:fixed;top:0;left:0;right:0;height:4px;background:#fff3;z-index:1000}.progress-bar-fill{height:100%;background:var(--accent-color);transition:width .3s ease}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #d32f2f;--secondary-color: #1976d2;--accent-color: #ffd700;--text-color: #333;--bg-color: #f5f5f5;--snow-white: #ffffff;--winter-blue: #e3f2fd}html{height:-webkit-fill-available}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-color);background:var(--bg-color);min-height:100vh;min-height:-webkit-fill-available;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#root{min-height:100vh;min-height:-webkit-fill-available;display:flex;flex-direction:column}h1{font-size:clamp(1.5rem,5vw,2.5rem)}h2{font-size:clamp(1.25rem,4vw,2rem)}h3{font-size:clamp(1rem,3vw,1.5rem)}p{font-size:clamp(.875rem,2vw,1rem)}.container{max-width:1200px;margin:0 auto;padding:1rem}@media(min-width:768px){.container{padding:2rem}}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:#b71c1c;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn-secondary{background:var(--secondary-color);color:#fff}.btn-secondary:hover{background:#1565c0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}@keyframes snowfall{0%{transform:translateY(-10vh) translate(0);opacity:1}to{transform:translateY(100vh) translate(100px);opacity:.3}}.snowflake{position:fixed;top:-10vh;color:var(--snow-white);font-size:1em;pointer-events:none;z-index:1000;animation:snowfall linear infinite}