body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-blue:#a4c8e1;--gray:#b7b7b7;--light-blue:#d0e1e8;--bg-white:#f2f4f6;--muted-blue:#c1d3e0;--text-dark:#2c3e50;--retro-font:"Press Start 2P",cursive;--modern-font:"Inter",sans-serif}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden}body{align-items:center;background-color:#f2f4f6;background-color:var(--bg-white);color:#2c3e50;color:var(--text-dark);font-family:Inter,sans-serif;font-family:var(--modern-font);justify-content:center;min-height:100vh;min-height:-webkit-fill-available}#app,body{display:flex}#app{background:#fff;border:4px solid #a4c8e1;border:4px solid var(--primary-blue);height:100vh;height:-webkit-fill-available;overflow:hidden;position:relative;width:100vw}#app,.screen{flex-direction:column}.screen{align-items:center;display:none;height:100%;justify-content:center;overflow-y:auto;padding:1.5rem;text-align:center;width:100%}.screen.active{display:flex}.hidden{display:none!important}.game-title{color:#a4c8e1;color:var(--primary-blue);font-family:Press Start\ 2P,cursive;font-family:var(--retro-font);font-size:clamp(1.2rem,5vw,2.5rem);line-height:1.6;margin-bottom:1rem;text-shadow:3px 3px 0 #c1d3e0,6px 6px 0 #0000001a;text-shadow:3px 3px 0 var(--muted-blue),6px 6px 0 #0000001a}.subtitle{color:#2c3e50;color:var(--text-dark);font-family:Inter,sans-serif;font-family:var(--modern-font);font-size:clamp(.9rem,3vw,1.25rem);font-weight:600;margin-bottom:1.5rem}.date-text{color:#b7b7b7;color:var(--gray);font-size:clamp(.5rem,2vw,.8rem);margin-bottom:2rem}.date-text,.retro-text{font-family:Press Start\ 2P,cursive;font-family:var(--retro-font)}.retro-text{color:#2c3e50;color:var(--text-dark);font-size:clamp(.6rem,2vw,1rem);line-height:1.6;margin-bottom:.75rem}.modern-text{color:#4a5568;font-family:Inter,sans-serif;font-family:var(--modern-font);font-size:clamp(.85rem,2.5vw,1.1rem);line-height:1.7}.retro-btn{background-color:#a4c8e1;background-color:var(--primary-blue);border:3px solid #c1d3e0;border:3px solid var(--muted-blue);box-shadow:3px 3px 0 #b7b7b7;box-shadow:3px 3px 0 var(--gray);color:#fff;cursor:pointer;font-family:Press Start\ 2P,cursive;font-family:var(--retro-font);font-size:clamp(.5rem,2vw,.9rem);min-height:44px;outline:none;padding:.75rem 1.5rem;text-transform:uppercase;touch-action:manipulation;transition:all .1s ease}.retro-btn:hover{background-color:#d0e1e8;background-color:var(--light-blue);box-shadow:5px 5px 0 #b7b7b7;box-shadow:5px 5px 0 var(--gray);transform:translate(-2px,-2px)}.retro-btn:active{box-shadow:1px 1px 0 #b7b7b7;box-shadow:1px 1px 0 var(--gray);transform:translate(2px,2px)}.retro-btn.secondary{background-color:#f2f4f6;background-color:var(--bg-white);border-color:#b7b7b7;border-color:var(--gray);box-shadow:3px 3px 0 #0000001a;color:#2c3e50;color:var(--text-dark)}.retro-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.bounce{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-8px)}}.pulse{animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hud{align-items:center;background-color:#f2f4f6;background-color:var(--bg-white);border-bottom:3px solid #a4c8e1;border-bottom:3px solid var(--primary-blue);display:flex;flex-shrink:0;font-family:Press Start\ 2P,cursive;font-family:var(--retro-font);font-size:clamp(.45rem,1.5vw,.8rem);justify-content:space-between;padding:.6rem 1rem;width:100%}.lives .heart{filter:grayscale(100%);font-size:clamp(1rem,3vw,1.5rem);margin-right:.3rem;opacity:.3;transition:all .3s ease}.lives .heart.active{filter:grayscale(0);opacity:1}.progress-container{align-items:center;display:flex;flex:1 1;gap:.5rem;margin:0 .75rem}.progress-bar{background-color:#b7b7b7;background-color:var(--gray);border:2px solid #2c3e50;border:2px solid var(--text-dark);border-radius:6px;flex:1 1;height:12px;overflow:hidden}.progress-fill{background-color:#a4c8e1;background-color:var(--primary-blue);height:100%;transition:width .5s ease-out}.level-container{flex:1 1;flex-direction:column;width:100%}.level-card,.level-container{display:flex;min-height:0;overflow:hidden;padding:1rem}.level-card{background:#fff;border:3px solid #d0e1e8;border:3px solid var(--light-blue);border-radius:12px;box-shadow:6px 6px 0 #0000000d;flex:1 1;flex-direction:row;gap:1rem}.image-frame{background-color:#000;border:3px solid #2c3e50;border:3px solid var(--text-dark);border-radius:8px;flex:1 1;min-width:0;overflow:hidden;position:relative}.image-frame img{height:100%;object-fit:contain;width:100%}.scanlines{background:linear-gradient(#12101000 50%,#0000001a 0);background-size:100% 4px;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.story-side{justify-content:space-between;min-width:0}.story-box,.story-side{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.story-box{background-color:#f2f4f6;background-color:var(--bg-white);border:2px dashed #b7b7b7;border:2px dashed var(--gray);border-radius:8px;justify-content:center;min-height:0;overflow-y:auto;padding:1rem;text-align:justify}.story-box .retro-text{text-align:center}.controls{flex-shrink:0;justify-content:space-between}.achievement,.controls{display:flex;gap:.75rem}.achievement{align-items:center;background-color:#fff;border:3px solid gold;border-radius:8px;bottom:20px;box-shadow:0 5px 15px #0003;max-width:280px;padding:.75rem;position:absolute;right:-320px;transition:right .5s cubic-bezier(.68,-.55,.265,1.55);z-index:100}.achievement.show{right:12px}.achievement-icon{font-size:1.5rem}.achievement-text{display:flex;flex-direction:column;text-align:left}.achievement-title{color:gold;font-family:Press Start\ 2P,cursive;font-family:var(--retro-font);font-size:.5rem;margin-bottom:.2rem}.achievement-desc{font-family:Inter,sans-serif;font-family:var(--modern-font);font-size:.8rem;font-weight:700}.pixel-art-heart{font-size:3rem;margin-bottom:1rem}.pixel-art-heart.big{font-size:5rem;margin:1.5rem 0}.map-container{background-color:#d0e1e8;background-color:var(--light-blue);border:3px solid #c1d3e0;border:3px solid var(--muted-blue);border-radius:12px;height:min(360px,50vw);margin:1rem auto;max-width:360px;overflow:hidden;position:relative;width:100%}.map-path{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.world-node{align-items:center;display:flex;flex-direction:column;position:absolute;z-index:2}.node-btn{background-color:#f2f4f6;background-color:var(--bg-white);border:3px solid #2c3e50;border:3px solid var(--text-dark);border-radius:50%;box-shadow:2px 2px 0 #0003;color:#2c3e50;color:var(--text-dark);cursor:pointer;font-family:Press Start\ 2P,cursive;font-family:var(--retro-font);font-size:clamp(.7rem,2vw,1rem);height:clamp(36px,8vw,48px);touch-action:manipulation;transition:all .2s;width:clamp(36px,8vw,48px)}.world-node.unlocked .node-btn{background-color:gold;border-color:#b8860b;color:#000}.world-node.locked .node-btn{background-color:#b7b7b7;background-color:var(--gray);color:#666;cursor:not-allowed;opacity:.8}.world-node.unlocked .node-btn:hover{transform:scale(1.1)}.node-label{color:#2c3e50;color:var(--text-dark);font-family:Press Start\ 2P,cursive;font-family:var(--retro-font);font-size:clamp(.45rem,1.5vw,.7rem);margin-top:.4rem;text-shadow:1px 1px 0 #fff}#reflection-screen{align-items:center;justify-content:center;padding:1.5rem}.reflection-interactive{align-items:center;display:flex;flex-direction:column;max-width:700px;width:100%}.reflection-chapter-indicator{display:flex;gap:.75rem;margin-bottom:1.25rem}.chapter-dot{background-color:#b7b7b7;background-color:var(--gray);border:3px solid #b7b7b7;border:3px solid var(--gray);border-radius:50%;height:12px;transition:all .3s ease;width:12px}.chapter-dot.active{background-color:#a4c8e1;background-color:var(--primary-blue);border-color:#a4c8e1;border-color:var(--primary-blue);transform:scale(1.3)}.chapter-dot.done{background-color:#c1d3e0;background-color:var(--muted-blue);border-color:#c1d3e0;border-color:var(--muted-blue)}.reflection-card{background:#fff;border:3px solid #d0e1e8;border:3px solid var(--light-blue);border-radius:12px;box-shadow:6px 6px 0 #0000000d;padding:1.5rem;width:100%}.reflection-card,.reflection-paragraphs{display:flex;flex-direction:column;gap:1rem}.reflection-paragraphs{-webkit-overflow-scrolling:touch;max-height:50vh;overflow-y:auto;padding-right:.25rem;text-align:justify}.reflection-para{transition:opacity .4s ease}.reflection-section-title{font-family:Press Start\ 2P,cursive;font-family:var(--retro-font);font-size:clamp(.6rem,2vw,.85rem);margin-bottom:.5rem;text-align:center}.birthday-card{border-color:gold;box-shadow:6px 6px 0 #ffd70033}@media (max-width:600px){#app{border-width:3px}.screen{padding:.75rem}.level-container{overflow-y:auto;padding:.75rem}.level-card{flex:initial;flex-direction:column;height:auto;overflow-y:auto}.image-frame{flex:initial;height:45vw;min-height:180px;width:100%}.story-side{flex:initial}.story-box{justify-content:flex-start;max-height:30vh}.hud{padding:.5rem .75rem}.progress-container{margin:0 .5rem}.map-container{height:55vw;max-width:100%}.achievement{bottom:12px;max-width:calc(100vw - 24px)}.reflection-paragraphs{max-height:45vh}.reflection-card{padding:1rem}.pixel-art-heart{font-size:2.5rem}.pixel-art-heart.big{font-size:3.5rem}}@media (max-height:500px) and (orientation:landscape){.hud{padding:.4rem .75rem}.level-card,.level-container{padding:.5rem}.level-card{flex-direction:row;gap:.75rem}.image-frame{flex:1 1}.story-box{padding:.75rem}.game-title{font-size:clamp(.9rem,3vw,1.5rem);margin-bottom:.5rem}.reflection-paragraphs{max-height:35vh}}
/*# sourceMappingURL=main.c4f4ec41.css.map*/