@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&family=Outfit:wght@300;400;500;700;900&display=swap";:root{--bg-darker:#07070a;--bg-dark:#0f1016;--bg-card:#16171ed9;--bg-glass:#0f1016b3;--border-light:#ffffff12;--border-glow:#d4af374d;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--gold:#d4af37;--gold-glow:#d4af3780;--diamond:#00f0ff;--diamond-glow:#00f0ff80;--energy:#10b981;--energy-glow:#10b98180;--xp:#8b5cf6;--hp-red:#ef4444;--mp-blue:#3b82f6;--rarity-common:#9ca3af;--rarity-rare:#3b82f6;--rarity-epic:#a855f7;--rarity-legendary:#eab308;--rarity-unique:#ef4444;--rarity-common-glow:#9ca3af4d;--rarity-rare-glow:#3b82f673;--rarity-epic-glow:#a855f780;--rarity-legendary-glow:#eab30880;--rarity-unique-glow:#ef444499;--font-display:"Cinzel", Georgia, serif;--font-sans:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-darker);color:var(--text-primary);font-family:var(--font-sans);background-image:radial-gradient(circle at 20% 30%, #d4af3708 0%, transparent 40%), radial-gradient(circle at 80% 70%, #8b5cf608 0%, transparent 45%), linear-gradient(180deg, var(--bg-darker) 0%, #030305 100%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#272733;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #00000080}.glass-panel:hover{border-color:#ffffff1f}.glow-gold{box-shadow:0 0 15px var(--gold-glow);border-color:var(--gold)}.glow-purple{border-color:#8b5cf680;box-shadow:0 0 15px #8b5cf64d}h1,h2,h3,.title-fantasy{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase}.btn-fantasy{font-family:var(--font-display);border:1px solid var(--gold);color:var(--gold);cursor:pointer;letter-spacing:.1em;text-shadow:0 0 5px #d4af374d;background:linear-gradient(135deg,#1e1e24 0%,#121217 100%);border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s ease-in-out;display:inline-flex}.btn-fantasy:hover:not(:disabled){background:var(--gold);color:#000;box-shadow:0 0 15px var(--gold-glow);transform:translateY(-1px)}.btn-fantasy:active:not(:disabled){transform:translateY(1px)}.btn-fantasy:disabled{color:#64748b;cursor:not-allowed;opacity:.5;border-color:#334155}.btn-fantasy-red{border-color:var(--rarity-unique);color:var(--rarity-unique);text-shadow:0 0 5px #ef44444d}.btn-fantasy-red:hover:not(:disabled){background:var(--rarity-unique);color:#fff;box-shadow:0 0 15px var(--rarity-unique-glow)}.btn-fantasy-cyan{border-color:var(--diamond);color:var(--diamond);text-shadow:0 0 5px #00f0ff4d}.btn-fantasy-cyan:hover:not(:disabled){background:var(--diamond);color:#000;box-shadow:0 0 15px var(--diamond-glow)}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px,-2px)}20%,40%,60%,80%{transform:translate(4px,2px)}}.animate-shake{animation:.3s ease-in-out shake}@keyframes floatUp{0%{opacity:0;transform:translateY(0)scale(.8)}15%{opacity:1;transform:translateY(-20px)scale(1.2)}to{opacity:0;transform:translateY(-80px)scale(.9)}}.dmg-number{pointer-events:none;font-family:var(--font-display);text-shadow:0 0 8px #000000e6,0 0 4px #000;z-index:100;font-size:28px;font-weight:900;animation:1.2s cubic-bezier(.25,1,.5,1) forwards floatUp;position:absolute}.dmg-player{color:var(--rarity-unique)}.dmg-monster{color:#facc15}.dmg-heal{color:var(--energy)}@keyframes forgeStrike{0%{transform:scale(1)}10%{border-color:var(--gold);transform:scale(.94)}15%{border-color:#fff;transform:scale(1.05);box-shadow:0 0 30px #fff}to{transform:scale(1)}}.animate-forge{animation:.6s cubic-bezier(.25,1,.5,1) forgeStrike}@keyframes pulseBorder{0%,to{border-color:var(--border-light)}50%{border-color:var(--gold)}}.animate-pulse-border{animation:2s infinite pulseBorder}.tooltip-container{position:relative}.tooltip{visibility:hidden;z-index:50;border:1px solid var(--gold);opacity:0;pointer-events:none;background:#0d0e12;border-radius:8px;width:250px;padding:12px;transition:opacity .2s;position:absolute;bottom:125%;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #000000e6}.tooltip-container:hover .tooltip{visibility:visible;opacity:1}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;display:grid}.inv-slot{aspect-ratio:1;border:1px solid var(--border-light);cursor:pointer;background:#0c0d12cc;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.inv-slot:hover{background:#191a23e6;border-color:#fff3;transform:scale(1.05)}.inv-slot.selected{box-shadow:0 0 10px var(--gold-glow);border-color:var(--gold)!important}.inv-item-icon{object-fit:contain;filter:drop-shadow(0 4px 6px #0009);width:80%;height:80%}.inv-item-enhance{color:var(--gold);text-shadow:0 1px 3px #000;font-size:11px;font-weight:700;position:absolute;top:2px;right:4px}.inv-item-stack{color:var(--text-primary);text-shadow:0 1px 3px #000;font-size:11px;font-weight:700;position:absolute;bottom:2px;right:4px}.progress-bar-container{background:#ffffff0d;border-radius:4px;width:100%;height:8px;position:relative;overflow:hidden}.progress-bar-fill{border-radius:4px;height:100%;transition:width .3s}.border-common{border-color:var(--rarity-common)!important}.border-rare{border-color:var(--rarity-rare)!important}.border-epic{border-color:var(--rarity-epic)!important}.border-legendary{border-color:var(--rarity-legendary)!important}.border-unique{border-color:var(--rarity-unique)!important}.bg-common{background:radial-gradient(circle, var(--rarity-common-glow) 0%, transparent 70%)}.bg-rare{background:radial-gradient(circle, var(--rarity-rare-glow) 0%, transparent 70%)}.bg-epic{background:radial-gradient(circle, var(--rarity-epic-glow) 0%, transparent 70%)}.bg-legendary{background:radial-gradient(circle, var(--rarity-legendary-glow) 0%, transparent 70%)}.bg-unique{background:radial-gradient(circle, var(--rarity-unique-glow) 0%, transparent 70%)}.text-common{color:var(--rarity-common)!important}.text-rare{color:var(--rarity-rare)!important}.text-epic{color:var(--rarity-epic)!important}.text-legendary{color:var(--rarity-legendary)!important}.text-unique{color:var(--rarity-unique)!important}.badge-rarity{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.glow-rarity-common{box-shadow:0 0 10px var(--rarity-common-glow)}.glow-rarity-rare{box-shadow:0 0 10px var(--rarity-rare-glow)}.glow-rarity-epic{box-shadow:0 0 10px var(--rarity-epic-glow)}.glow-rarity-legendary{box-shadow:0 0 12px var(--rarity-legendary-glow)}.glow-rarity-unique{box-shadow:0 0 15px var(--rarity-unique-glow)}.layout-shell{flex-direction:column;gap:16px;width:100%;min-height:100vh;padding:16px 16px 24px;display:flex}.layout-header{z-index:10;background:#0f1016e6;border:1px solid #d4af3726;border-radius:16px;flex-direction:column;gap:16px;margin:0;padding:16px 20px;display:flex}.layout-header-top,.layout-profile-card,.layout-profile-name-row,.layout-level-row,.layout-actions,.layout-resources,.layout-resource-chip{align-items:center;display:flex}.layout-header-top{flex-wrap:wrap;justify-content:space-between;gap:16px}.layout-profile-card{gap:14px;min-width:0}.layout-avatar{border:2px solid var(--gold);background:#0009;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.layout-profile-meta{min-width:0}.layout-profile-name-row{flex-wrap:wrap;gap:8px}.layout-username{color:#fff;font-size:16px;font-weight:700}.layout-level-row{color:var(--text-secondary);flex-wrap:wrap;gap:8px;margin-top:2px;font-size:12px}.layout-xp-bar{width:min(120px,100%);min-width:88px}.layout-xp-text{color:var(--xp);white-space:nowrap;font-size:10px}.layout-actions{flex-wrap:wrap;gap:10px}.layout-nav-toggle,.layout-logout,.layout-energy-button{min-height:44px}.layout-nav-toggle{color:var(--gold);font-family:var(--font-display);cursor:pointer;background:#d4af371a;border:1px solid #d4af374d;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:700;display:none}.layout-resources{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.layout-resource-pill{align-items:center;gap:10px;display:flex}.layout-resource-chip{cursor:default;border-radius:10px;gap:8px;min-height:44px;padding:8px 12px;font-weight:700}.gold-chip{color:var(--gold);background:#d4af371a;border:1px solid #d4af3733}.diamond-chip{color:var(--diamond);background:#00f0ff1a;border:1px solid #00f0ff33}.energy-chip{color:var(--energy);background:#10b9811a;border:1px solid #10b98133}.layout-energy-timer{color:var(--text-secondary);margin-left:4px;font-size:11px}.layout-energy-button{color:var(--energy);cursor:pointer;background:#10b98133;border:1px solid #10b98166;border-radius:6px;justify-content:center;align-items:center;margin-left:6px;padding:1px 8px;font-size:11px;font-weight:900;transition:all .15s;display:flex}.layout-energy-button:hover{background:var(--energy);color:#000}.layout-mobile-nav{background:#0f1016cc;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;gap:8px;padding:8px;display:none}.layout-mobile-nav.open{display:flex}.layout-mobile-nav-item,.layout-nav-item{width:100%;color:var(--text-secondary);cursor:pointer;font-size:14px;font-family:var(--font-display);text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-weight:600;transition:all .2s;display:flex}.layout-mobile-nav-item.active,.layout-nav-item.active{color:var(--gold);background:linear-gradient(135deg,#d4af3726 0%,#d4af3705 100%);border-color:#d4af374d}.layout-body{flex:1;gap:16px;min-height:0;display:flex}.layout-nav-sidebar{background:#0f1016cc;flex-direction:column;gap:6px;width:240px;height:fit-content;padding:16px 12px;display:flex}.layout-main{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.auth-shell{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{border:1px solid #d4af3733;width:100%;max-width:520px;padding:40px;position:relative;overflow:hidden}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}@media (width<=900px){.layout-shell{padding:12px 12px 20px}.layout-body{flex-direction:column}.layout-nav-sidebar{display:none}.layout-nav-toggle{display:inline-flex}.layout-header{padding:14px 16px}}@media (width<=640px){.layout-shell{gap:12px;padding:8px 8px 16px}.layout-header{border-radius:12px;padding:12px}.layout-profile-card{width:100%}.layout-actions{justify-content:space-between;width:100%}.layout-logout{flex:1;justify-content:center}.layout-resources{gap:8px;width:100%}.layout-resource-pill{width:100%}.layout-resource-chip{justify-content:center;width:100%}.auth-shell{padding:10px}.auth-card{padding:24px 18px}}.wheel-container{border:4px solid var(--gold);width:260px;height:260px;box-shadow:0 0 25px var(--gold-glow);border-radius:50%;margin:0 auto;position:relative;overflow:hidden}.wheel-inner{width:100%;height:100%;transition:transform 4s cubic-bezier(.1,.8,.1,1);position:relative}.wheel-sector{transform-origin:100% 100%;width:50%;height:50%;position:absolute;top:0;left:0}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.08)}28%{transform:scale(1)}42%{transform:scale(1.08)}70%{transform:scale(1)}}.animate-heartbeat{animation:1.5s infinite heartBeat}