.app{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.page{text-align:center;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:520px;display:flex;position:relative}.btn{cursor:pointer;border:none;border-radius:50px;font-family:Quicksand,sans-serif;font-weight:700;transition:box-shadow .2s}.btn-primary{background:linear-gradient(135deg, var(--pink), var(--purple));color:#fff;padding:14px 36px;font-size:1.1rem;box-shadow:0 4px 16px #c471ed59}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--purple);border:2px solid var(--purple);background:0 0;padding:8px 20px;font-size:.95rem}.welcome-title{background:linear-gradient(135deg, var(--pink), var(--purple), var(--blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Pacifico,cursive;font-size:2.8rem}.welcome-subtitle{color:#666;max-width:400px;font-size:1.1rem;line-height:1.7}.btn-start{margin-top:12px;padding:16px 48px;font-size:1.25rem}.floating-emojis{pointer-events:none;position:fixed;inset:0;overflow:hidden}.float-emoji{opacity:.6;font-size:2rem;animation:6s ease-in-out infinite floatUp;position:absolute}.e1{font-size:1.8rem;animation-delay:0s;bottom:-40px;left:8%}.e2{font-size:2.2rem;animation-delay:1s;bottom:-40px;left:25%}.e3{font-size:1.6rem;animation-delay:.5s;bottom:-40px;left:50%}.e4{font-size:2rem;animation-delay:1.5s;bottom:-40px;left:70%}.e5{font-size:1.9rem;animation-delay:.8s;bottom:-40px;left:88%}.e6{font-size:2.4rem;animation-delay:2s;bottom:-40px;left:40%}@keyframes floatUp{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-110vh)rotate(360deg)}}.progress-map{aspect-ratio:3;border-radius:var(--radius);width:100%;box-shadow:var(--shadow);background:#e8eaf6;position:relative;overflow:hidden}.progress-map-bg{object-fit:cover;width:100%;height:100%;display:block}.progress-map-overlay{width:100%;height:100%;position:absolute;inset:0}.map-trail{stroke-width:.8px;stroke-linecap:round;fill:none;vector-effect:non-scaling-stroke}.map-trail--done{stroke:var(--purple);stroke-width:1.2px;stroke-dasharray:3 2}.map-trail--future{stroke:#00000026;stroke-width:.6px;stroke-dasharray:2 3}.map-dot{transition:fill .3s,r .3s}.map-dot--done{fill:var(--purple)}.map-dot--current{fill:var(--pink);filter:drop-shadow(0 0 3px var(--pink))}.map-dot--future{fill:#0000002e}.progress-map-figure{object-fit:contain;filter:drop-shadow(0 2px 4px #00000040);z-index:2;pointer-events:none;width:36px;height:36px;margin-top:-32px;margin-left:-18px;position:absolute}.clue-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;padding:32px 28px}.clue-emoji{margin-bottom:12px;font-size:3rem;display:block}.clue-text{color:#444;font-size:1.15rem;line-height:1.7}.question-text{color:var(--purple);border-top:1px solid #00000014;margin-top:14px;padding-top:14px;font-size:1rem;font-weight:700}.hint-area{min-height:40px}.hint-text{color:var(--purple);background:#c471ed14;border-radius:12px;padding:12px 20px;font-size:.95rem;overflow:hidden}.answer-area{gap:12px;width:100%;display:flex}.answer-input{background:var(--card-bg);border:2px solid #e0d4f5;border-radius:50px;outline:none;flex:1;padding:14px 20px;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:600;transition:border-color .2s}.answer-input:focus{border-color:var(--purple)}.success-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#ffffffd9;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.success-emoji{margin-bottom:12px;font-size:5rem}.success-overlay p{color:var(--purple);font-family:Pacifico,cursive;font-size:2rem}.confetti-burst{letter-spacing:12px;font-size:4rem}.completion-title{background:linear-gradient(135deg, var(--pink), var(--gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Pacifico,cursive;font-size:2.6rem}.completion-message{color:#555;font-size:1.2rem;line-height:1.8}.reset-btn{margin-top:12px}@media (width<=480px){.welcome-title{font-size:2rem}.clue-card{padding:24px 20px}.answer-area{flex-direction:column}.answer-area .btn{width:100%}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--pink:#ff6b9d;--purple:#c471ed;--blue:#667eea;--gold:#f8b500;--bg-gradient:linear-gradient(135deg, #fce4ec 0%, #f3e5f5 40%, #e8eaf6 100%);--card-bg:#ffffffd9;--shadow:0 8px 32px #00000014;--radius:20px}html,body,#root{height:100%}body{background:var(--bg-gradient);color:#333;-webkit-font-smoothing:antialiased;background-attachment:fixed;font-family:Quicksand,sans-serif}