@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Quicksand:wght@300;400;500&display=swap";:root{--color-bg: #0a0a1a;--color-text: #e8e0ff;--color-text-dim: rgba(232, 224, 255, .6);--color-accent: #b8a0e0;--color-glow: rgba(180, 200, 255, .3);--font-display: "Cormorant Garamond", serif;--font-body: "Quicksand", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}.game-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.game-canvas{position:fixed;top:0;left:0;width:100%;height:100%;display:block}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;transition:opacity 1.5s ease;pointer-events:none}.menu-overlay.visible{opacity:1;pointer-events:all}.menu-content{text-align:center;max-width:600px;padding:2rem}.menu-title-group{margin-bottom:2rem}.menu-subtitle{font-family:var(--font-body);font-size:.85rem;font-weight:300;letter-spacing:.3em;color:var(--color-text-dim);margin-bottom:.5rem;text-transform:lowercase}.menu-title{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,5rem);font-weight:300;font-style:italic;letter-spacing:.05em;color:var(--color-text);line-height:1.1;transition:text-shadow .5s ease}.menu-tagline{font-family:var(--font-display);font-size:clamp(1rem,3vw,1.5rem);font-weight:300;color:var(--color-accent);letter-spacing:.2em;margin-top:.5rem}.menu-description{margin-bottom:2.5rem}.menu-description p{font-size:.95rem;font-weight:300;line-height:1.8;color:var(--color-text-dim);margin-bottom:.3rem}.menu-play-btn{display:inline-flex;align-items:center;gap:1rem;background:transparent;border:1px solid rgba(184,160,224,.3);color:var(--color-text);font-family:var(--font-display);font-size:1.3rem;font-weight:400;letter-spacing:.15em;padding:1rem 2.5rem;border-radius:50px;cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden}.menu-play-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(184,160,224,.1),transparent 70%);opacity:0;transition:opacity .4s ease}.menu-play-btn:hover{border-color:#b8a0e099;box-shadow:0 0 30px #b8a0e026;transform:scale(1.02)}.menu-play-btn:hover:before{opacity:1}.btn-icon{font-size:.8rem;opacity:.5;animation:twinkle 2s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.menu-controls{margin-top:2rem;display:flex;flex-direction:column;gap:.5rem}.control-hint{font-size:.75rem;color:var(--color-text-dim);font-weight:300}kbd{display:inline-block;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:.1em .4em;font-family:var(--font-body);font-size:.7rem;margin:0 .1em}.world-select-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;padding:2rem;animation:fadeIn .6s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.back-btn{position:absolute;top:2rem;left:2rem;background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--color-text-dim);font-family:var(--font-body);font-size:.85rem;padding:.5rem 1rem;border-radius:20px;cursor:pointer;transition:all .3s ease}.back-btn:hover{border-color:#ffffff4d;color:var(--color-text)}.world-select-header{text-align:center;margin-bottom:2.5rem}.world-select-header h2{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:300;font-style:italic;color:var(--color-text);margin-bottom:.5rem}.world-select-header p{font-size:.85rem;font-weight:300;color:var(--color-text-dim)}.world-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;max-width:1100px;width:100%}.world-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2rem 1.5rem;cursor:pointer;transition:all .5s ease;overflow:hidden;text-align:center;font-family:var(--font-body);color:var(--color-text)}.world-card-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--sky-1),var(--sky-2),var(--sky-3));opacity:.15;transition:opacity .5s ease}.world-card:hover .world-card-sky,.world-card.hovered .world-card-sky{opacity:.3}.world-card:hover,.world-card.hovered{border-color:#fff3;transform:translateY(-4px);box-shadow:0 10px 40px #0000004d}.world-card.selected{transform:scale(.95);opacity:0;transition:all .6s ease}.world-card-icon{font-size:2.5rem;margin-bottom:1rem;position:relative;z-index:1}.world-card-name{font-family:var(--font-display);font-size:1.4rem;font-weight:400;margin-bottom:.75rem;position:relative;z-index:1}.world-card-desc{font-size:.8rem;font-weight:300;line-height:1.6;color:var(--color-text-dim);position:relative;z-index:1;margin-bottom:1rem}.world-card-hint{font-size:.7rem;font-weight:300;color:var(--color-accent);opacity:0;transition:opacity .3s ease;position:relative;z-index:1}.world-card:hover .world-card-hint{opacity:1}.world-transition{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg);z-index:200;animation:fadeIn .3s ease}.transition-text{font-family:var(--font-display);font-size:1.5rem;font-style:italic;color:var(--color-accent);animation:breathe 2s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.5}50%{opacity:1}}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between}.hud-top{display:flex;justify-content:space-between;align-items:flex-start}.hud-world-name{font-family:var(--font-display);font-size:1.2rem;font-style:italic;color:#ffffffb3;text-shadow:0 2px 10px rgba(0,0,0,.5)}.hud-menu-btn{pointer-events:all;background:#0000004d;border:1px solid rgba(255,255,255,.1);color:var(--color-text-dim);font-size:1.2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:none}.hud-menu-btn:hover{background:#00000080;border-color:#fff3}.hud-progress{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);text-align:center}.progress-bar{width:200px;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:.3rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),#81d4fa);border-radius:2px;transition:width .5s ease}.progress-text{font-size:.65rem;font-weight:300;color:var(--color-text-dim);text-shadow:0 1px 5px rgba(0,0,0,.5)}.hud-complete{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;animation:completeAppear 1s ease}@keyframes completeAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.complete-icon{font-size:3rem;margin-bottom:.5rem;animation:twinkle 1.5s ease-in-out infinite}.complete-text{font-family:var(--font-display);font-size:1.5rem;font-style:italic;color:var(--color-accent);text-shadow:0 0 20px rgba(184,160,224,.5)}.hud-hint{position:absolute;bottom:5rem;left:50%;transform:translate(-50%);text-align:center;animation:fadeIn 1s ease 1s both}.hint-text{font-size:.8rem;font-weight:300;color:var(--color-text-dim);background:#0006;padding:.6rem 1.2rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05)}.hud-bottom{display:flex;justify-content:center}.hud-controls-mini{display:flex;gap:1.5rem;font-size:.65rem;font-weight:300;color:#ffffff4d;text-shadow:0 1px 3px rgba(0,0,0,.5)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}::selection{background:#b8a0e04d;color:var(--color-text)}