:root{color-scheme:light;font-family:Segoe UI,ui-sans-serif,system-ui,-apple-system,Roboto,sans-serif;line-height:1.5;--sky: #87CEEB;--grass: #4CAF50;--sun: #FFD700;--pink: #FF69B4;--purple: #9C27B0;--orange: #FF9800;--card-bg: rgba(255, 255, 255, .92);--shadow: 0 4px 20px rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;overflow-x:hidden}body{background:linear-gradient(180deg,#87ceeb,#b8e6ff 40%,#4caf50 60%,#388e3c);background-attachment:fixed;color:#2d2d2d}.screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.5rem;position:relative}.screen-title{font-size:1.8rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.2);margin-bottom:1.5rem}.btn{border:none;border-radius:1rem;padding:.8rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s;display:inline-flex;align-items:center;gap:.5rem}.btn:hover{transform:scale(1.05)}.btn:active{transform:scale(.97)}.btn-start{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;font-size:1.3rem;padding:1rem 2.5rem;box-shadow:0 4px 15px #ff6b6b66}.btn-start:hover{box-shadow:0 6px 20px #ff6b6b99}.btn-secondary{background:#ffffff4d;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.4)}.btn-back{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:.75rem;padding:.4rem 1rem;font-size:.9rem;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s;position:absolute;top:1rem;left:1rem}.btn-back:hover{background:#ffffff59}.title-screen{background:linear-gradient(180deg,#1a1a2e,#16213e,#0f3460 60%,#533483);justify-content:center;text-align:center;overflow:hidden}.title-content{position:relative;z-index:2;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.title-content.fade-in{opacity:1;transform:translateY(0)}.title-icons{font-size:2.5rem;letter-spacing:.5rem;margin-bottom:1rem}.game-title{font-size:3rem;font-weight:800;background:linear-gradient(135deg,gold,#ff6b6b,#ff69b4,#87ceeb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;letter-spacing:-.02em}.subtitle{color:#ffffffbf;font-size:1.1rem;margin-bottom:1.5rem}.title-decorations{display:flex;justify-content:center;gap:1.5rem;font-size:1.8rem;margin-bottom:2rem}.title-decorations span{animation:bounce 2s infinite}.title-decorations span:nth-child(2){animation-delay:.2s}.title-decorations span:nth-child(3){animation-delay:.4s}.title-decorations span:nth-child(4){animation-delay:.6s}.title-decorations span:nth-child(5){animation-delay:.8s}.age-note{color:#ffffff80;font-size:.85rem;margin-top:1rem}.clouds{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.cloud{position:absolute;font-size:4rem;opacity:.15;animation:float-cloud linear infinite}.cloud-1{top:10%;left:-10%;animation-duration:20s}.cloud-2{top:25%;left:-10%;animation-duration:28s;animation-delay:5s;font-size:5rem}.cloud-3{top:5%;left:-10%;animation-duration:25s;animation-delay:12s;font-size:3rem}.select-screen{background:linear-gradient(180deg,#667eea,#764ba2);justify-content:center;text-align:center}.char-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;max-width:700px;width:100%}.char-card{background:var(--card-bg);border:4px solid transparent;border-radius:1.5rem;padding:1.5rem 1rem;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;flex-direction:column;align-items:center;gap:.75rem;box-shadow:var(--shadow)}.char-card:hover,.char-hover{transform:translateY(-8px) scale(1.03);box-shadow:0 8px 30px #0003}.char-emoji{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;font-size:2.5rem}.char-name{font-weight:700;font-size:1.1rem;color:#333}.map-screen{background:linear-gradient(180deg,#87ceeb,#98d8c8 40%,#f7dc6f,#82e0aa)}.map-header{width:100%;display:flex;justify-content:center;align-items:center;padding:.5rem 0;margin-bottom:.5rem;position:relative}.map-info{display:flex;gap:1.5rem;font-size:1.1rem;font-weight:600;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.2);background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.4rem 1.5rem;border-radius:2rem}.level-path{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;max-width:400px;padding:1rem 0}.level-node-wrap{display:flex;flex-direction:column;align-items:center;width:100%}.path-line{width:4px;height:30px;background:#ffffff4d;border-radius:2px}.path-active{background:linear-gradient(180deg,var(--sun),var(--pink))}.level-node{background:var(--card-bg);border:3px solid rgba(255,255,255,.5);border-radius:1.5rem;padding:1.2rem 1.5rem;width:100%;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative;text-align:center;box-shadow:var(--shadow)}.level-node:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.level-node:disabled{opacity:.5;cursor:not-allowed}.level-done{border-color:var(--grass);background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.level-locked{filter:grayscale(.5)}.level-emoji{font-size:2rem;margin-bottom:.3rem}.level-name{font-weight:700;font-size:1.1rem;color:#333}.level-desc{font-size:.85rem;color:#666}.lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:2rem;background:#fff6;border-radius:1.2rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.game-screen{background:linear-gradient(180deg,#87ceeb,#b8e6ff,#98d8c8)}.game-header{width:100%;display:flex;justify-content:center;align-items:center;position:relative;padding:.5rem 0}.game-status{display:flex;gap:1.5rem;font-size:1rem;font-weight:600;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.2);background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.3rem 1.2rem;border-radius:2rem}.game-title-sm{font-size:1.3rem;font-weight:700;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.2);margin:.5rem 0 .3rem}.game-message{color:#ffffffe6;font-size:.95rem;font-weight:500;margin-bottom:.75rem}.game-intro{text-align:center;color:#fff;padding:2rem;text-shadow:1px 1px 3px rgba(0,0,0,.2)}.game-intro p{margin-bottom:.75rem;font-size:1.1rem}.controls-hint{font-size:.9rem!important;opacity:.8}.playground-area{position:relative;width:100%;max-width:700px;height:60vh;min-height:350px;border-radius:1.5rem;overflow:hidden;border:3px solid rgba(255,255,255,.4);box-shadow:var(--shadow)}.treasure-area{background:linear-gradient(180deg,#81c784,#66bb6a 40%,#4caf50)}.grass-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.grass-deco{position:absolute;font-size:1.5rem;opacity:.6}.deco-1{top:10%;left:5%}.deco-2{top:5%;right:10%}.deco-3{top:40%;right:5%}.deco-4{bottom:15%;left:10%}.deco-5{bottom:5%;right:20%}.deco-6{top:60%;left:30%}.treasure-spot{position:absolute;width:48px;height:48px;border-radius:50%;border:3px dashed rgba(255,255,255,.6);background:#ffffff26;font-size:1.3rem;cursor:pointer;transition:transform .2s,background .2s;display:grid;place-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transform:translate(-50%,-50%)}.treasure-spot:hover:not(:disabled){transform:translate(-50%,-50%) scale(1.2);background:#ffffff59}.treasure-found{background:#ffd70080;border-color:var(--sun);border-style:solid;animation:pop-in .3s ease-out;font-size:1.5rem}.race-area{background:linear-gradient(180deg,#87ceeb,#98d8c8,#82e0aa)}.lane-line{position:absolute;left:0;right:0;height:2px;background:#ffffff4d;border-top:2px dashed rgba(255,255,255,.2)}.race-player{position:absolute;font-size:2.2rem;transform:translate(-50%,-50%);transition:top .15s ease-out;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));z-index:5}.race-obstacle{position:absolute;font-size:1.8rem;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));z-index:3}.mobile-controls{display:flex;gap:.5rem;margin-top:.75rem}.ctrl-btn{flex:1;padding:.7rem;border:2px solid rgba(255,255,255,.4);border-radius:1rem;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.ctrl-btn:hover{background:#ffffff59}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;max-width:420px;width:100%}.memory-card{aspect-ratio:1;border-radius:1rem;border:3px solid rgba(255,255,255,.4);background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:2rem;cursor:pointer;transition:transform .2s,background .3s,border-color .3s;display:grid;place-items:center;box-shadow:var(--shadow)}.memory-card:hover:not(:disabled){transform:translateY(-3px);background:#ffffff59}.card-flipped{background:#ffffffd9;border-color:var(--pink);transform:scale(1.02)}.card-matched{background:#c8e6c9d9;border-color:var(--grass)}.card-face{font-size:2rem;pointer-events:none}.build-toolbar{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center;max-width:500px;margin-bottom:.75rem}.build-tool{width:48px;height:48px;border-radius:.75rem;border:2px solid rgba(255,255,255,.3);background:#fff3;font-size:1.5rem;cursor:pointer;transition:transform .15s,background .15s,border-color .15s;display:grid;place-items:center}.build-tool:hover{background:#ffffff59;transform:scale(1.1)}.tool-active{background:#ffd70066;border-color:var(--sun);box-shadow:0 0 12px #ffd7004d}.build-canvas{position:relative;width:100%;max-width:700px;height:50vh;min-height:280px;border-radius:1.5rem;overflow:hidden;border:3px solid rgba(255,255,255,.4);background:linear-gradient(180deg,#87ceeb,#87ceeb 55%,#82e0aa 55%,#66bb6a);box-shadow:var(--shadow);cursor:crosshair}.canvas-ground{position:absolute;bottom:0;left:0;right:0;height:45%;background:linear-gradient(180deg,#82e0aa,#66bb6a)}.canvas-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff9;font-size:1.2rem;font-weight:600;text-shadow:1px 1px 3px rgba(0,0,0,.2);pointer-events:none}.placed-item{position:absolute;font-size:2rem;transform:translate(-50%,-50%);pointer-events:none;animation:pop-in .2s ease-out;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}.build-actions{display:flex;gap:1rem;margin-top:.75rem;position:relative;min-height:60px}.result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:grid;place-items:center;z-index:100;animation:fade-in .3s ease-out}.result-card{background:#fff;border-radius:2rem;padding:2.5rem;text-align:center;max-width:360px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slide-up .4s ease-out}.result-header{font-size:1.6rem;font-weight:800;margin-bottom:1rem;color:#333}.result-stars{display:flex;justify-content:center;gap:.75rem;margin-bottom:1rem}.star{font-size:2.5rem;transition:transform .3s}.star-filled{animation:star-pop .5s ease-out}.star-empty{opacity:.3}.result-message{color:#555;font-size:1rem;margin-bottom:1.5rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-cloud{0%{transform:translate(0)}to{transform:translate(calc(100vw + 100px))}}@keyframes pop-in{0%{transform:translate(-50%,-50%) scale(0)}70%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes star-pop{0%{transform:scale(0)}50%{transform:scale(1.4)}to{transform:scale(1)}}@media(max-width:600px){.game-title{font-size:2rem}.screen-title{font-size:1.4rem}.playground-area{height:50vh;min-height:280px}.memory-grid{grid-template-columns:repeat(3,1fr);max-width:300px}.char-grid{grid-template-columns:repeat(2,1fr)}.build-toolbar{max-width:320px}.build-tool{width:40px;height:40px;font-size:1.2rem}.mobile-controls{width:100%;max-width:400px}}