:root{color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a12;color:#fafafa;overflow-x:hidden}.btn{padding:.5rem 1rem;border:none;border-radius:.5rem;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .15s}.btn:disabled,.btn.disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-attack{background:#e63946;color:#fff}.btn-attack:hover:not(:disabled){background:#c1121f}.btn-potion{background:#2a9d8f;color:#fff}.btn-potion:hover:not(:disabled){background:#21867a}.btn-flee{background:#6b7280;color:#fff}.btn-flee:hover:not(:disabled){background:#4b5563}.btn-equip{background:#3b82f6;color:#fff;font-size:.8rem;padding:.35rem .75rem}.btn-equip:hover{background:#2563eb}.btn-unequip{background:#6b7280;color:#fff;font-size:.75rem;padding:.25rem .6rem}.btn-unequip:hover{background:#4b5563}.btn-use{background:#2a9d8f;color:#fff;font-size:.8rem;padding:.35rem .75rem}.btn-use:hover:not(:disabled){background:#21867a}.btn-buy{background:#f59e0b;color:#000;font-size:.8rem;padding:.35rem .75rem}.btn-buy:hover:not(:disabled){background:#d97706}.btn-sell{background:#10b981;color:#fff;font-size:.8rem;padding:.35rem .75rem}.btn-sell:hover{background:#059669}.back-btn{background:none;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;padding:.4rem .9rem;border-radius:.5rem;cursor:pointer;font-size:.85rem;transition:all .15s}.back-btn:hover{border-color:#ffffff4d;color:#fff}.section-title{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;margin-bottom:.75rem}.town{min-height:100vh;background:linear-gradient(135deg,#0a0a12,#1a1a2e,#0a0a12);padding:1.5rem}.town-header{text-align:center;margin-bottom:1.5rem}.town-title{font-size:2.5rem;font-weight:800;letter-spacing:.05em;background:linear-gradient(135deg,#e63946,#f4a261,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.town-subtitle{color:#ffffff80;font-size:1rem}.town-content{display:flex;gap:2rem;max-width:900px;margin:0 auto;align-items:flex-start}@media(max-width:768px){.town-content{flex-direction:column;align-items:center}}.hero-card{flex-shrink:0;width:280px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.hero-portrait{font-size:4rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.hero-info{text-align:center}.hero-name{font-size:1.4rem;font-weight:700}.hero-level{color:#f4a261;font-weight:600;font-size:.9rem}.hero-gold{color:gold;font-weight:600;font-size:.9rem}.hero-bars{width:100%;display:flex;flex-direction:column;gap:.5rem}.bar-group{width:100%}.bar-label{display:flex;justify-content:space-between;font-size:.75rem;color:#fff9;margin-bottom:.2rem}.bar-track{height:8px;background:#ffffff14;border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width .3s}.hp-fill{background:#e63946}.exp-fill{background:#3b82f6}.hero-stats-grid{display:flex;gap:1rem}.mini-stat{display:flex;align-items:center;gap:.3rem;font-size:.9rem;font-weight:600}.stat-icon{font-size:1rem}.equipment-preview{width:100%;margin-top:.5rem}.equip-slots{display:flex;gap:.4rem;justify-content:center}.equip-slot-mini{width:40px;height:40px;border:2px solid rgba(255,255,255,.1);border-radius:.4rem;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.empty-slot{font-size:.7rem;color:#fff3}.town-actions{flex:1;display:flex;flex-direction:column;gap:.75rem}.action-btn{display:flex;align-items:center;gap:1rem;background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1rem 1.25rem;color:#fff;cursor:pointer;transition:all .2s;text-align:left}.action-btn:hover:not(:disabled){border-color:#fff3;background:#ffffff0f;transform:translate(4px)}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-icon{font-size:2rem}.action-text{display:flex;flex-direction:column}.action-text strong{font-size:1.05rem}.action-text small{color:#ffffff73;font-size:.8rem}.hunt-btn:hover:not(:disabled){border-color:#e63946}.trader-btn:hover:not(:disabled){border-color:#f59e0b}.inv-btn:hover:not(:disabled){border-color:#3b82f6}.rest-btn:hover:not(:disabled){border-color:#2a9d8f}.hunt-map{min-height:100vh;background:linear-gradient(135deg,#0a0a12,#1a2a1e,#0a0a12);padding:1.5rem}.map-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.map-title{font-size:1.5rem;font-weight:700;flex:1}.hero-mini-bar{display:flex;gap:1rem;font-size:.9rem;font-weight:600}.hp-mini{display:flex;align-items:center;gap:.4rem}.hp-bar-mini{width:60px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;display:inline-block}.hp-fill-mini{height:100%;background:#e63946;border-radius:3px;display:block}.map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;max-width:900px;margin:0 auto}.map-card{background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1.25rem;color:#fff;cursor:pointer;transition:all .2s;text-align:left}.map-card:hover:not(:disabled){border-color:#2a9d8f;background:#2a9d8f14}.map-card.locked{opacity:.4;cursor:not-allowed}.map-card-emoji{font-size:2.5rem;margin-bottom:.5rem}.map-card-name{font-size:1.2rem;font-weight:700}.map-card-desc{font-size:.8rem;color:#ffffff80;margin:.25rem 0}.map-card-req{font-size:.75rem;color:#f4a261;font-weight:600}.map-card-boss{font-size:.8rem;color:#e63946;margin-top:.5rem}.enemies-section{max-width:900px;margin:1.5rem auto 0}.enemy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.enemy-card{background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:.6rem;padding:1rem;color:#fff;cursor:pointer;transition:all .2s;text-align:left}.enemy-card:hover{border-color:#e63946;background:#e6394614}.enemy-emoji{font-size:2rem}.enemy-name{font-weight:700;font-size:1rem}.enemy-stats-mini{display:flex;gap:.5rem;font-size:.75rem;color:#fff9;margin:.3rem 0}.enemy-rewards{font-size:.75rem;color:gold;display:flex;gap:.5rem}.enemy-loot-preview{display:flex;gap:.3rem;margin-top:.4rem}.loot-dot{font-size:1rem}.boss-section{max-width:900px;margin:1.5rem auto 0}.boss-card{background:#e639460f;border:2px solid rgba(230,57,70,.2);border-radius:.75rem;padding:1.25rem;color:#fff;cursor:pointer;transition:all .2s;text-align:left;display:flex;gap:1.25rem;align-items:center;width:100%}.boss-card:hover{border-color:#e63946;background:#e639461f}.boss-emoji{font-size:3rem}.boss-name{font-size:1.3rem;font-weight:700;color:#e63946}.boss-stats-mini{display:flex;gap:.5rem;font-size:.8rem;color:#fff9}.boss-rewards{font-size:.8rem;color:gold;font-weight:600}.boss-loot-preview{font-size:.75rem;color:#ffffff80;margin-top:.3rem}.combat{min-height:100vh;background:linear-gradient(180deg,#1a0a0a,#0a0a12,#0a0a0a);display:flex;flex-direction:column;padding:1.5rem}.combat-arena{display:flex;justify-content:center;align-items:center;gap:2rem;padding:2rem 0;flex-wrap:wrap}.combatant{text-align:center;min-width:160px}.combatant-emoji{font-size:4rem;display:block;margin-bottom:.5rem}.enemy-sprite{animation:enemyIdle 1.5s ease-in-out infinite}.hero-sprite{animation:heroIdle 1.2s ease-in-out infinite}@keyframes enemyIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes heroIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.combatant-name{font-weight:700;font-size:1.1rem;margin-bottom:.4rem}.combatant-stats{font-size:.8rem;color:#ffffff80;margin-top:.3rem}.hp-bar-combat{display:flex;align-items:center;gap:.5rem}.hp-bar-track{width:140px;height:10px;background:#ffffff14;border-radius:5px;overflow:hidden}.hp-bar-fill{height:100%;border-radius:5px;transition:width .3s}.hero-hp{background:#2a9d8f}.enemy-hp{background:#e63946}.hp-text{font-size:.75rem;font-weight:600;color:#ffffffb3;font-family:monospace}.vs-indicator{font-size:3rem}.combat-log{flex:1;max-width:600px;margin:1rem auto;width:100%;background:#0006;border:1px solid rgba(255,255,255,.06);border-radius:.75rem;padding:1rem;max-height:250px;overflow-y:auto;font-size:.85rem}.log-entry{padding:.2rem 0}.log-player{color:#2a9d8f}.log-enemy{color:#e63946}.log-system{color:#f4a261}.log-loot{color:#a335ee;font-weight:600}.loot-popup{max-width:500px;margin:1rem auto;background:#a335ee14;border:2px solid rgba(163,53,238,.3);border-radius:.75rem;padding:1.25rem;text-align:center}.loot-popup h3{color:#a335ee;margin-bottom:.75rem}.loot-items{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}.loot-item{background:#ffffff0d;border:2px solid;border-radius:.5rem;padding:.5rem .75rem;display:flex;align-items:center;gap:.4rem}.loot-emoji{font-size:1.2rem}.loot-name{font-weight:600;font-size:.85rem}.no-loot{color:#fff6;font-style:italic}.combat-actions{display:flex;gap:.75rem;justify-content:center;padding:1rem 0}.turn-indicator{color:#f4a261;font-weight:600;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.inventory{min-height:100vh;background:linear-gradient(135deg,#0a0a12,#1a1a3e,#0a0a12);padding:1.5rem}.inv-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.inv-title{font-size:1.5rem;font-weight:700;flex:1}.hero-gold-display{color:gold;font-weight:700;font-size:1rem}.inv-content{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.inv-hero-stats{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1rem 1.25rem}.inv-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.inv-stat{display:flex;justify-content:space-between;font-size:.9rem;padding:.2rem 0}.inv-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1rem 1.25rem}.equip-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem}.equip-slot{border:2px solid rgba(255,255,255,.08);border-radius:.5rem;padding:.75rem;display:flex;flex-direction:column;gap:.3rem}.equip-slot-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#fff6}.equip-slot-item{display:flex;align-items:center;gap:.4rem}.equip-emoji{font-size:1.2rem}.equip-name{font-weight:600;font-size:.85rem}.equip-slot-stats{display:flex;gap:.4rem;font-size:.7rem;color:#ffffff80}.equip-empty{color:#fff3;font-style:italic;font-size:.8rem}.inv-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.6rem}.inv-item-card{border:2px solid;border-radius:.5rem;padding:.75rem;display:flex;flex-direction:column;gap:.3rem}.inv-item-emoji{font-size:1.3rem}.inv-item-name{font-weight:600;font-size:.85rem}.inv-item-stats{display:flex;gap:.3rem;font-size:.7rem;color:#ffffff80}.inv-item-desc{font-size:.75rem;color:#fff6}.black-trader{min-height:100vh;background:linear-gradient(135deg,#0a0a12,#2a1a0a,#0a0a12);padding:1.5rem}.trader-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.trader-title{font-size:1.5rem;font-weight:700;flex:1}.trader-content{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.trader-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1rem 1.25rem}.trader-stock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem}.trader-item-card{border:2px solid;border-radius:.5rem;padding:.75rem;display:flex;flex-direction:column;gap:.3rem}.trader-item-emoji{font-size:1.3rem}.trader-item-name{font-weight:600;font-size:.85rem}.trader-item-desc{font-size:.75rem;color:#fff6}.trader-item-stats{display:flex;gap:.3rem;font-size:.7rem;color:#ffffff80}.trader-item-heal{font-size:.75rem;color:#2a9d8f}.sell-card{background:#10b9810d}.empty-inventory{color:#ffffff4d;font-style:italic;text-align:center;padding:2rem}