:root{color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;--gold: #f0c040;--red: #e74c3c;--green: #2ecc71;--blue: #3498db;--purple: #9b59b6;--dark: #0d0d0d;--darker: #080808;--card-bg: rgba(255, 255, 255, .04);--card-border: rgba(255, 255, 255, .08)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--dark);color:#eee;overflow-x:hidden}.btn{padding:.6rem 1.2rem;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;background:#ffffff0f;color:#eee;font-size:.9rem;cursor:pointer;transition:all .2s;font-family:inherit}.btn:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-start{background:linear-gradient(135deg,#c0392b,#e74c3c);border:none;color:#fff;font-weight:700;font-size:1.1rem;padding:.8rem 2rem;text-transform:uppercase;letter-spacing:.05em}.btn-start:hover:not(:disabled){background:linear-gradient(135deg,#e74c3c,#c0392b);transform:translateY(-2px);box-shadow:0 6px 25px #e74c3c66}.btn-attack{background:linear-gradient(135deg,#c0392b,#e74c3c);border:none;font-weight:600}.btn-attack:hover:not(:disabled){box-shadow:0 4px 15px #e74c3c66}.btn-skill{position:relative;background:#9b59b633;border-color:#9b59b64d}.btn-skill:hover:not(:disabled){background:#9b59b659}.skill-cost{font-size:.7rem;opacity:.7;margin-left:.4rem}.btn-flee{background:#ffffff0a;border-color:#ffffff1a}.btn-rest{background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;font-weight:600;font-size:1.1rem;padding:.8rem 2rem}.btn-rest:hover:not(:disabled){box-shadow:0 4px 15px #2ecc7166}.btn-back{background:#ffffff0a;border-color:#ffffff14;margin-bottom:1.5rem}.menu-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,rgba(139,0,0,.25) 0%,transparent 60%),radial-gradient(ellipse at 20% 80%,rgba(255,100,0,.1) 0%,transparent 40%),var(--darker)}.menu-bg-effects{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ember{position:absolute;width:4px;height:4px;background:#ff6b35;border-radius:50%;animation:float-up 4s infinite;box-shadow:0 0 8px #ff6b35,0 0 20px #ff6b3566}.e1{left:10%;bottom:-10px;animation-delay:0s}.e2{left:30%;bottom:-10px;animation-delay:.7s}.e3{left:50%;bottom:-10px;animation-delay:1.4s}.e4{left:70%;bottom:-10px;animation-delay:2.1s}.e5{left:85%;bottom:-10px;animation-delay:.3s}.e6{left:45%;bottom:-10px;animation-delay:2.8s}@keyframes float-up{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-100vh) scale(0);opacity:0}}.menu-content{text-align:center;padding:2rem;position:relative;z-index:1;max-width:550px}.dragon-icon{font-size:5rem;animation:breathe 3s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(255,100,0,.5))}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.game-title{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,#ff6b35,#f0c040,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.08em;text-shadow:none;margin-top:.5rem}.game-subtitle{font-size:1.1rem;color:#ffffff80;letter-spacing:.2em;text-transform:uppercase;margin-top:.3rem}.title-divider{width:100px;height:2px;background:linear-gradient(90deg,transparent,#ff6b35,transparent);margin:1.5rem auto}.game-desc{color:#ffffff8c;font-size:.95rem;line-height:1.7;margin-bottom:2rem}.name-input-group{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.name-input{padding:.7rem 1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;color:#eee;font-size:1rem;font-family:inherit;width:260px;outline:none;transition:border-color .2s}.name-input:focus{border-color:#ff6b35}.menu-features{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:2.5rem}.feature{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:.5rem;font-size:.85rem;color:#fff9}.game-container{min-height:100vh;background:var(--darker)}.game-header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.5rem;background:#0006;border-bottom:1px solid rgba(255,255,255,.06);flex-wrap:wrap;gap:.5rem}.hero-info{display:flex;align-items:center;gap:.75rem}.hero-avatar{font-size:2rem;filter:drop-shadow(0 0 8px rgba(255,100,0,.4))}.hero-name{font-weight:700;font-size:1.1rem}.hero-level{font-size:.75rem;color:var(--gold);text-transform:uppercase;letter-spacing:.1em}.header-stats{display:flex;gap:.6rem}.stat-pill{display:flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border-radius:1rem;font-size:.8rem;font-weight:600}.stat-pill.hp{background:#e74c3c26;color:#e74c3c}.stat-pill.mp{background:#3498db26;color:#3498db}.stat-pill.gold{background:#f0c04026;color:#f0c040}.header-nav{display:flex;gap:.4rem}.nav-btn{padding:.4rem .8rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:.4rem;color:#ccc;font-size:.8rem;cursor:pointer;transition:all .2s;font-family:inherit}.nav-btn:hover{background:#ffffff1a;color:#fff}.xp-bar-wrap{height:6px;background:#ffffff0f;position:relative}.xp-bar{height:100%;background:linear-gradient(90deg,#9b59b6,#8e44ad);transition:width .4s}.xp-text{position:absolute;right:8px;top:-1px;font-size:.55rem;color:#ffffff80}.world-content{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:.3rem}.section-desc{color:#ffffff73;font-size:.9rem;margin-bottom:1.5rem}.locations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.location-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;padding:1.5rem;text-align:left;cursor:pointer;transition:all .25s;position:relative;overflow:hidden;font-family:inherit;color:inherit}.location-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--loc-color, #555)}.location-card:hover:not(.locked){transform:translateY(-3px);border-color:#fff3;box-shadow:0 8px 30px #0006}.location-card.locked{opacity:.4;cursor:not-allowed}.loc-icon{font-size:2.5rem;margin-bottom:.5rem}.loc-name{font-weight:700;font-size:1.1rem;margin-bottom:.3rem}.loc-desc{font-size:.8rem;color:#fff6;margin-bottom:.8rem}.loc-lock{font-size:.8rem;color:#ffffff4d}.loc-enter{font-size:.85rem;color:var(--gold);font-weight:600}.combat-screen{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 20%,rgba(139,0,0,.15) 0%,transparent 60%),var(--darker);position:relative}.combat-arena{flex:1;display:flex;align-items:center;justify-content:center;gap:2rem;padding:2rem;min-height:300px}.combatant{text-align:center;min-width:160px}.combatant-avatar{font-size:4rem;margin-bottom:.5rem}.hero-avatar-combat{filter:drop-shadow(0 0 15px rgba(52,152,219,.5))}.enemy-avatar-combat{filter:drop-shadow(0 0 15px rgba(231,76,60,.5))}.combatant-name{font-weight:700;font-size:1rem;margin-bottom:.5rem}.hp-bar-wrap,.mp-bar-wrap{height:10px;background:#ffffff14;border-radius:5px;position:relative;overflow:hidden;margin-bottom:.3rem;width:160px;margin-left:auto;margin-right:auto}.hp-bar{height:100%;border-radius:5px;transition:width .4s}.hero-hp{background:linear-gradient(90deg,#2ecc71,#27ae60)}.enemy-hp{background:linear-gradient(90deg,#e74c3c,#c0392b)}.mp-bar{height:100%;border-radius:5px;background:linear-gradient(90deg,#3498db,#2980b9);transition:width .4s}.hp-text,.mp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.55rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.8)}.vs-indicator{font-size:1.5rem;font-weight:900;color:var(--gold);text-shadow:0 0 20px rgba(240,192,64,.5)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.shake{animation:shake .3s ease-in-out}.damage-numbers-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100}.damage-number{position:absolute;font-weight:900;font-size:2rem;color:#e74c3c;text-shadow:0 2px 4px rgba(0,0,0,.8);animation:dmg-float 1s ease-out forwards}.damage-number.heal{color:#2ecc71}.damage-number.at-enemy{right:25%;top:30%}.damage-number.at-hero{left:20%;top:30%}@keyframes dmg-float{0%{opacity:1;transform:translateY(0) scale(1.3)}to{opacity:0;transform:translateY(-80px) scale(.8)}}.combat-log{max-height:120px;overflow-y:auto;padding:.8rem 1.5rem;background:#0000004d;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.log-entry{font-size:.8rem;color:#fff9;padding:.15rem 0}.combat-actions{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.6rem;background:#0003}.action-row{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.skills-screen{max-width:800px;margin:0 auto;padding:2rem 1.5rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.skill-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;padding:1.2rem;transition:all .2s}.skill-card.unlocked{border-color:#9b59b64d;background:#9b59b60f}.skill-card.available{border-color:#f0c0404d;background:#f0c0400a}.skill-icon{font-size:2rem;margin-bottom:.5rem}.skill-name{font-weight:700;font-size:1rem;margin-bottom:.3rem}.skill-desc{font-size:.78rem;color:#fff6;margin-bottom:.6rem}.skill-stats{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.75rem;color:#ffffff80;margin-bottom:.6rem}.skill-status{font-size:.75rem;font-weight:600}.unlocked-status{color:var(--green)}.locked-status{color:#ffffff4d}.quests-screen{max-width:700px;margin:0 auto;padding:2rem 1.5rem}.quests-list{display:flex;flex-direction:column;gap:.8rem}.quest-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;padding:1.2rem}.quest-card.completed{opacity:.5;border-color:#2ecc7133}.quest-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem}.quest-name{font-weight:700;font-size:1rem}.quest-badge{font-size:.65rem;font-weight:700;color:var(--green);background:#2ecc711a;padding:.2rem .5rem;border-radius:.3rem;text-transform:uppercase;letter-spacing:.1em}.quest-desc{font-size:.8rem;color:#ffffff73;margin-bottom:.6rem}.quest-progress-wrap{height:8px;background:#ffffff0f;border-radius:4px;position:relative;overflow:hidden;margin-bottom:.5rem}.quest-progress-bar{height:100%;background:linear-gradient(90deg,#f0c040,#e67e22);border-radius:4px;transition:width .4s}.quest-progress-text{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:.5rem;font-weight:700}.quest-rewards{display:flex;gap:1rem;font-size:.78rem;color:#ffffff80}.rest-screen{max-width:500px;margin:0 auto;padding:2rem 1.5rem;text-align:center}.rest-camp{background:var(--card-bg);border:1px solid var(--card-border);border-radius:1rem;padding:2rem}.campfire{font-size:4rem;animation:breathe 2s ease-in-out infinite;margin-bottom:1.5rem}.rest-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.rest-stat{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem}.rest-stat span:last-child{font-weight:700;font-size:1.2rem}.rest-note{font-size:.75rem;color:#ffffff4d;margin-top:1rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2.5rem;text-align:center;max-width:400px;width:90%;position:relative;overflow:hidden}.level-up-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(240,192,64,.1) 0%,transparent 60%);animation:spin 8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.level-up-modal h2{font-size:1.8rem;color:var(--gold);margin-bottom:.5rem;position:relative}.level-up-number{font-size:4rem;font-weight:900;color:var(--gold);text-shadow:0 0 30px rgba(240,192,64,.5);position:relative}.level-up-modal p{color:#fff9;margin-bottom:1.5rem;position:relative}.level-up-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1.5rem;position:relative}.level-up-stats div{background:#ffffff0d;padding:.4rem .8rem;border-radius:.4rem;font-size:.85rem;color:var(--green);font-weight:600}.new-skill-unlock{background:#9b59b626;border:1px solid rgba(155,89,182,.3);border-radius:.5rem;padding:.6rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:#bb86fc;position:relative}.result-modal h2{font-size:2rem;margin-bottom:.5rem}.result-icon{font-size:4rem;margin-bottom:.5rem}.result-modal.victory h2{color:var(--gold)}.result-modal.defeat h2{color:var(--red)}.result-rewards{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;font-size:1.1rem;font-weight:600}.result-modal.defeat p{color:#ffffff80;margin-bottom:1.5rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media(max-width:640px){.game-title{font-size:2.2rem}.combat-arena{flex-direction:column;gap:1rem}.vs-indicator{font-size:1rem}.combatant-avatar{font-size:3rem}.hp-bar-wrap,.mp-bar-wrap{width:130px}.menu-features{grid-template-columns:1fr}.game-header{padding:.6rem 1rem}.locations-grid{grid-template-columns:1fr}}