@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--pixel-size: 4px;--primary-color: #00ff41;--secondary-color: #ff006e;--bg-dark: #0a0a0a;--bg-darker: #000000}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:"Press Start 2P",Courier New,monospace;background:var(--bg-darker);color:var(--primary-color);overflow-x:hidden;min-height:100vh;display:flex;align-items:center;justify-content:center}.app{width:100vw;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative}.page-container{width:100%;max-width:390px;padding:24px;background:var(--bg-dark);border:4px solid var(--primary-color);border-radius:0;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;box-shadow:0 0 20px #00ff414d;animation:pageSlideIn .4s ease-out}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.keys-progress{text-align:center;font-size:10px;padding:8px;background:#00ff411a;border:2px solid var(--primary-color);color:var(--primary-color);animation:pulse 2s infinite;order:-1}.page-container{display:flex;flex-direction:column}.pixel-title{font-size:16px;line-height:1.6;margin-bottom:24px;text-align:center;text-shadow:2px 2px 0 var(--bg-darker);animation:glitch 2s infinite}@keyframes glitch{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,2px)}94%{transform:translate(2px,-2px)}96%{transform:translate(-2px,-2px)}98%{transform:translate(2px,2px)}}.pixel-text{font-size:12px;line-height:1.8;margin-bottom:20px;text-shadow:1px 1px 0 var(--bg-darker)}.code-input-container{margin-top:24px}.code-label{font-size:10px;display:block;margin-bottom:12px;color:var(--secondary-color)}.code-input{width:100%;padding:16px;font-family:"Press Start 2P",monospace;font-size:14px;background:var(--bg-darker);border:3px solid var(--primary-color);color:var(--primary-color);text-transform:uppercase;outline:none;transition:all .3s;image-rendering:pixelated}.code-input:focus{border-color:var(--secondary-color);box-shadow:0 0 15px #ff006e80;animation:pulse 1s infinite}.code-input:disabled{opacity:.7;cursor:not-allowed;border-color:#666}@keyframes pulse{0%,to{box-shadow:0 0 15px #ff006e80}50%{box-shadow:0 0 25px #ff006ecc}}.submit-button{width:100%;padding:16px;margin-top:16px;font-family:"Press Start 2P",monospace;font-size:12px;background:var(--primary-color);color:var(--bg-darker);border:none;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.submit-button:active{transform:scale(.98)}.submit-button:hover{background:var(--secondary-color);box-shadow:0 0 20px #ff006e99}.submit-button:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));z-index:-1;filter:blur(10px);opacity:0;transition:opacity .3s}.submit-button:hover:before{opacity:1}.error-message{margin-top:12px;padding:12px;background:#ff006e1a;border:2px solid var(--secondary-color);font-size:10px;text-align:center;color:var(--secondary-color);animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.pixel-art-container{width:100%;height:200px;margin:20px 0;background:var(--bg-darker);border:3px solid var(--primary-color);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.pixel-stars{position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(2px 2px at 90% 60%,white,transparent),radial-gradient(1px 1px at 33% 80%,white,transparent),radial-gradient(1px 1px at 15% 60%,white,transparent);background-repeat:no-repeat;background-size:100% 100%;animation:twinkle 3s infinite}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.5}}.christmas-tree{display:flex;flex-direction:column;align-items:center;gap:-5px;animation:float 3s ease-in-out infinite}.tree-top{font-size:24px;color:#ff0;animation:twinkle 1s infinite,spin 3s linear infinite;text-shadow:0 0 10px #ffff00}.tree-layer{font-size:32px;color:#00ff41;text-shadow:0 0 10px #00ff41;line-height:.6}.tree-layer-1{animation:pulse 2s infinite}.tree-layer-2{animation:pulse 2s infinite .3s;font-size:40px}.tree-layer-3{animation:pulse 2s infinite .6s;font-size:48px}.tree-trunk{color:#8b4513;font-size:16px}.snowflakes{position:absolute;width:100%;height:100%;pointer-events:none}.snowflake{position:absolute;color:#fff;font-size:20px;animation:snowfall 3s linear infinite;text-shadow:0 0 5px #00ffff}.snowflake:nth-child(1){left:10%;animation-delay:0s;animation-duration:3s}.snowflake:nth-child(2){left:30%;animation-delay:.5s;animation-duration:4s}.snowflake:nth-child(3){left:50%;animation-delay:1s;animation-duration:3.5s}.snowflake:nth-child(4){left:70%;animation-delay:1.5s;animation-duration:4.5s}.snowflake:nth-child(5){left:90%;animation-delay:2s;animation-duration:3.2s}@keyframes snowfall{0%{top:-10%;transform:translate(0) rotate(0)}to{top:110%;transform:translate(20px) rotate(360deg)}}.ny-fireworks{position:absolute;width:100%;height:100%}.firework{position:absolute;font-size:28px;animation:fireworkBurst 2s ease-out infinite}.firework-1{top:20%;left:20%;animation-delay:0s;color:#ff006e}.firework-2{top:30%;right:20%;animation-delay:.5s;color:#00ff41}.firework-3{bottom:30%;left:25%;animation-delay:1s;color:#ff0}.firework-4{bottom:20%;right:25%;animation-delay:1.5s;color:#0ff}@keyframes fireworkBurst{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.5) rotate(180deg);opacity:1}to{transform:scale(0) rotate(360deg);opacity:0}}.ny-text{font-size:48px;color:var(--primary-color);text-shadow:0 0 20px var(--primary-color);animation:rainbow 3s linear infinite,pulse 1.5s infinite;font-family:"Press Start 2P",monospace}.gift-boxes{display:flex;gap:20px;align-items:flex-end}.gift-box{font-size:40px;animation:bounce 1s ease-in-out infinite}.gift-1{animation-delay:0s}.gift-2{animation-delay:.2s;font-size:48px}.gift-3{animation-delay:.4s}.snowman{position:relative;animation:float 2s ease-in-out infinite}.snowman-head{font-size:80px;animation:wiggle 2s ease-in-out infinite}.snow-sparkle{position:absolute;top:10%;right:-20px;font-size:24px;animation:twinkle 1s infinite}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.champagne{position:relative;display:flex;flex-direction:column;align-items:center}.champagne-bottle{font-size:60px;animation:shake .5s ease-in-out infinite}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.bubbles{position:absolute;width:100%;height:100%}.bubble{position:absolute;color:var(--primary-color);font-size:12px;animation:bubbleUp 2s ease-in infinite;text-shadow:0 0 5px var(--primary-color)}.bubble-1{left:40%;bottom:40%;animation-delay:0s}.bubble-2{left:55%;bottom:35%;animation-delay:.3s}.bubble-3{left:45%;bottom:30%;animation-delay:.6s}.bubble-4{left:60%;bottom:25%;animation-delay:.9s}@keyframes bubbleUp{0%{transform:translateY(0) scale(.5);opacity:1}to{transform:translateY(-100px) scale(1.2);opacity:0}}.pixel-character{width:64px;height:64px;background:var(--primary-color);position:relative;animation:float 2s ease-in-out infinite;box-shadow:0 0 20px var(--primary-color)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.final-reveal{text-align:center}.photo-reveal-container{width:100%;max-width:300px;height:300px;margin:20px auto;border:4px solid var(--secondary-color);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:var(--bg-darker);box-shadow:0 0 20px #ff006e80,0 0 40px #00ff414d,inset 0 0 20px #00000080}.revealed-photo{width:100%;height:100%;object-fit:cover;animation:revealPhoto 3s ease-out forwards;image-rendering:auto;filter:brightness(1.1) contrast(1.1)}@keyframes revealPhoto{0%{opacity:0;transform:scale(.2) rotate(0);filter:brightness(0) blur(20px)}40%{opacity:.5;transform:scale(.5) rotate(180deg);filter:brightness(.5) blur(10px)}70%{opacity:.8;transform:scale(1.1) rotate(360deg);filter:brightness(1) blur(5px)}85%{transform:scale(.95) rotate(360deg)}to{opacity:1;transform:scale(1) rotate(360deg);filter:brightness(1.1) contrast(1.1) blur(0)}}.congrats-text{font-size:20px;margin:20px 0;animation:rainbow 3s linear infinite,bounce .5s ease-in-out 3;text-shadow:0 0 10px currentColor,0 0 20px currentColor,2px 2px 0 var(--bg-darker)}@keyframes rainbow{0%{color:red}16%{color:#f0f}33%{color:#00f}50%{color:#0ff}66%{color:#0f0}83%{color:#ff0}to{color:red}}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.1)}}@media(max-width:430px){.page-container{max-width:100%;padding:20px;border-width:3px}.pixel-title{font-size:14px}.pixel-text{font-size:11px}.code-input{font-size:13px;padding:14px}.submit-button{font-size:11px;padding:14px}}@supports (padding: max(0px)){.app{padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}}