:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0b0e17;--bg-card: #131829;--bg-card-hover: #1a2140;--border: rgba(130, 160, 255, .15);--border-glow: rgba(130, 160, 255, .35);--text: #e8ecf4;--text-dim: rgba(232, 236, 244, .55);--accent: #7c6aef;--accent-glow: #9d8ff5;--red: #e74c3c;--green: #2ecc71;--blue: #3498db;--gold: #f5c542;--purple: #9b59b6;--orange: #e67e22}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text);background-image:radial-gradient(ellipse at 20% 0%,rgba(124,106,239,.08) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(52,152,219,.06) 0%,transparent 60%)}.btn{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--border);border-radius:.5rem;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;background:var(--bg-card);color:var(--text);transition:all .15s;font-family:inherit}.btn:hover:not(:disabled){border-color:var(--border-glow);background:var(--bg-card-hover)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-glow);border-color:var(--accent-glow)}.btn-danger{background:#e74c3c33;border-color:#e74c3c66;color:#e74c3c}.btn-danger:hover:not(:disabled){background:#e74c3c59}.btn-secondary{background:#2ecc7126;border-color:#2ecc714d;color:#2ecc71}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn-ghost:hover{color:var(--text)}.btn-large{padding:.75rem 1.5rem;font-size:1.05rem}.btn-small{padding:.3rem .7rem;font-size:.8rem}.btn-spell,.btn-item{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;padding:.6rem .8rem;background:var(--bg-card);border:1px solid var(--border);border-radius:.5rem;cursor:pointer;color:var(--text);font-family:inherit;font-size:.85rem}.btn-spell:hover:not(:disabled),.btn-item:hover{border-color:var(--border-glow);background:var(--bg-card-hover)}.spell-icon,.item-icon{font-size:1.3rem}.spell-name,.item-name{flex:1}.spell-cost,.item-count{color:var(--blue);font-size:.8rem}.bar-container{display:flex;align-items:center;gap:.4rem;font-size:.75rem}.bar-label{width:2rem;text-align:right;color:var(--text-dim);font-weight:600}.bar-track{flex:1;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden;min-width:60px}.bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.bar-value{width:3.5rem;text-align:left;color:var(--text-dim);font-family:ui-monospace,monospace;font-size:.7rem}.stat-badge{font-size:.82rem;font-weight:600;padding:.15rem .5rem;background:#ffffff0d;border-radius:.3rem}.screen{max-width:72rem;margin:0 auto;padding:1.5rem}.screen h2{font-size:1.4rem;margin-bottom:.5rem;letter-spacing:-.02em}.screen h3{font-size:1.05rem;margin:1.2rem 0 .6rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:.8rem}.subtitle{color:var(--text-dim);margin-bottom:1rem;font-size:.9rem}.empty-text{color:var(--text-dim);font-style:italic}.title-screen,.creation-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.title-art{font-size:5rem;margin-bottom:1rem;filter:drop-shadow(0 0 30px rgba(124,106,239,.5))}.title-heading{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#7c6aef,#3498db,#f5c542);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.title-sub{max-width:30rem;color:var(--text-dim);margin-bottom:2rem;line-height:1.6}.creation-screen h2{font-size:2rem}.input-group{margin:1.5rem 0}.wizard-name-input{background:var(--bg-card);border:2px solid var(--border);border-radius:.75rem;padding:.8rem 1.2rem;font-size:1.1rem;color:var(--text);width:20rem;text-align:center;outline:none;font-family:inherit}.wizard-name-input:focus{border-color:var(--accent);box-shadow:0 0 20px #7c6aef33}.wizard-name-input::placeholder{color:var(--text-dim)}.game-shell{display:flex;flex-direction:column;min-height:100vh}.game-content{flex:1;padding-top:.5rem}.stats-bar{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:.6rem 1.5rem;background:#131829e6;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.stats-bar-left{display:flex;align-items:center;gap:.6rem}.stats-bar-right{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:200px}.stats-bar-nav{display:flex;gap:.3rem}.nav-btn{padding:.35rem .7rem;border-radius:.4rem;border:1px solid transparent;background:transparent;color:var(--text-dim);cursor:pointer;font-size:.8rem;font-family:inherit}.nav-btn:hover{color:var(--text);background:#ffffff0d}.nav-active{color:var(--accent);border-color:var(--accent);background:#7c6aef1a}.wizard-name-badge{font-weight:700;font-size:.9rem;margin-right:.3rem}.location-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:1rem;margin-bottom:1.5rem}.location-card{background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;padding:1.2rem;cursor:pointer;transition:all .2s}.location-card:hover{border-color:var(--border-glow);background:var(--bg-card-hover);transform:translateY(-2px)}.location-locked{opacity:.45;cursor:not-allowed}.location-locked:hover{transform:none;border-color:var(--border);background:var(--bg-card)}.location-current{border-color:var(--accent);box-shadow:0 0 15px #7c6aef26}.location-emoji{font-size:2.2rem;margin-bottom:.5rem}.location-name{font-weight:700;font-size:1.05rem;margin-bottom:.3rem}.location-desc{color:var(--text-dim);font-size:.82rem;margin-bottom:.5rem;line-height:1.5}.location-danger{font-size:.75rem;margin-bottom:.3rem}.danger-label{margin-left:.4rem;color:var(--text-dim)}.quest-indicator{font-size:.78rem;color:var(--gold);font-weight:600}.location-locked-text{font-size:.82rem;color:var(--text-dim);margin-top:.5rem}.message-box{background:#7c6aef14;border:1px solid rgba(124,106,239,.2);border-radius:.5rem;padding:.8rem 1rem;margin-top:1rem}.message-box p{font-size:.85rem;color:var(--accent-glow)}.location-header{display:flex;align-items:flex-start;gap:1rem;margin:1rem 0}.location-header-emoji{font-size:3rem}.location-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem;margin-bottom:1.5rem}.info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:.6rem;padding:1rem}.info-card h3{margin-top:0;font-size:.85rem}.info-card ul{list-style:none;font-size:.85rem;color:var(--text-dim)}.info-card ul li{padding:.15rem 0;text-transform:capitalize}.info-stars{font-size:.9rem}.location-actions{display:flex;gap:.8rem;flex-wrap:wrap}.combat-screen{display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem}.combat-arena{display:flex;align-items:center;justify-content:center;gap:2rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;flex-wrap:wrap}.combatant{flex:1;min-width:12rem;text-align:center}.combatant-avatar{font-size:3.5rem;margin-bottom:.3rem}.enemy-avatar{filter:drop-shadow(0 0 15px rgba(231,76,60,.4));animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.combatant-name{font-weight:700;font-size:1.05rem;margin-bottom:.5rem}.combat-vs{font-size:2rem;opacity:.5}.shield-indicator{font-size:.82rem;color:var(--blue);margin-top:.3rem;font-weight:600}.combat-log{background:#0000004d;border:1px solid var(--border);border-radius:.5rem;padding:.8rem;max-height:10rem;overflow-y:auto;font-size:.82rem}.log-entry{padding:.15rem 0;color:var(--text-dim)}.log-entry:last-child{color:var(--text)}.combat-actions{display:flex;flex-direction:column;gap:.5rem}.combat-tabs{display:flex;gap:.3rem}.tab-btn{padding:.4rem 1rem;border:1px solid var(--border);border-radius:.4rem .4rem 0 0;background:transparent;color:var(--text-dim);cursor:pointer;font-family:inherit;font-size:.85rem}.tab-active{color:var(--accent);border-color:var(--accent);background:#7c6aef14}.combat-action-list{display:flex;flex-wrap:wrap;gap:.4rem}.btn-flee{margin-top:.5rem;width:fit-content}.inventory-screen .stats-summary{display:flex;gap:.8rem;margin-bottom:.5rem}.inventory-grid{display:flex;flex-direction:column;gap:.5rem}.inventory-item{display:flex;align-items:flex-start;gap:.8rem;background:var(--bg-card);border:1px solid var(--border);border-radius:.5rem;padding:.8rem}.item-emoji{font-size:1.5rem;margin-top:.1rem}.item-info{flex:1}.item-info strong{font-size:.9rem}.item-info p{color:var(--text-dim);font-size:.8rem;margin:.15rem 0}.item-level{color:var(--text-dim);font-size:.8rem}.item-count{color:var(--gold);font-size:.82rem;font-weight:600}.item-detail{color:var(--blue)!important}.spell-item{border-color:#7c6aef33}.quest-list{display:flex;flex-direction:column;gap:.6rem}.quest-card{background:var(--bg-card);border:1px solid var(--border);border-radius:.6rem;padding:1rem}.quest-card h4{font-size:.95rem;margin-bottom:.3rem}.quest-card p{color:var(--text-dim);font-size:.82rem}.quest-active{border-left:3px solid var(--gold)}.quest-completed{border-left:3px solid var(--green);opacity:.7}.quest-objective{color:var(--accent-glow)!important;font-weight:600;margin-top:.3rem}.quest-rewards{display:flex;gap:1rem;margin-top:.5rem;font-size:.8rem;color:var(--text-dim)}.shop-gold{font-size:1.1rem;font-weight:700;color:var(--gold);margin-bottom:.5rem}.shop-grid{display:flex;flex-direction:column;gap:.5rem}.shop-item{display:flex;align-items:center;gap:.8rem;background:var(--bg-card);border:1px solid var(--border);border-radius:.5rem;padding:.8rem}.shop-item .item-info{flex:1}.shop-item .item-info strong{font-size:.9rem}.shop-item .item-info p{color:var(--text-dim);font-size:.8rem}.maxed-badge{background:#2ecc7133;color:var(--green);padding:.3rem .6rem;border-radius:.3rem;font-size:.75rem;font-weight:700}.game-over-screen,.victory-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.gameover-icon,.victory-icon{font-size:5rem;margin-bottom:1rem}.gameover-icon{filter:drop-shadow(0 0 20px rgba(231,76,60,.5))}.victory-icon{filter:drop-shadow(0 0 20px rgba(245,197,66,.5));animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.game-over-screen h2{font-size:2rem;color:var(--red);margin-bottom:.5rem}.victory-screen h2{font-size:2rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--gold),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.victory-screen .subtitle{max-width:28rem}@media(max-width:640px){.stats-bar{flex-direction:column;align-items:flex-start}.stats-bar-nav{width:100%;justify-content:center}.combat-arena{flex-direction:column;gap:1rem}.combat-vs{transform:rotate(90deg)}.location-grid{grid-template-columns:1fr}.title-heading{font-size:1.8rem}}