@charset "UTF-8";header{background:linear-gradient(180deg,#1a1a1a,#0d0d0d);border-bottom:2px solid var(--gold-dark);padding:7.5px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px}body.header-autohide header{position:fixed;top:0;left:0;right:0;z-index:200;transform:translateY(-100%);transition:transform .28s ease;will-change:transform;box-shadow:0 6px 18px #0009}body.header-autohide.header-revealed header{transform:translateY(0)}#header-reveal-zone{display:none}body.header-autohide #header-reveal-zone{display:block;position:fixed;top:0;left:0;right:0;height:30px;z-index:199}#header-left{display:flex;flex-direction:row;align-items:center;gap:10px}#avatar-wrapper{position:relative;display:inline-flex;flex-direction:column;align-items:center}#btn-player-avatar{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}#btn-music-toggle{position:absolute;bottom:-2px;left:-2px;background:#0a0805d9;border:1px solid rgba(224,201,127,.4);border-radius:50%;width:22px;height:22px;font-size:.65em;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:border-color .15s,box-shadow .15s;z-index:10}#btn-music-toggle:hover{border-color:var(--gold);box-shadow:0 0 8px #e0c97f66}#header-avatar-ring{width:92px;height:92px;border-radius:50%;background-size:cover!important;background-position:center top!important;background-repeat:no-repeat!important;background-color:#111;border:2px solid var(--gold-dark);transition:border-color .2s,box-shadow .2s}#btn-player-avatar:hover #header-avatar-ring,#btn-player-avatar.avatar-active #header-avatar-ring{border-color:var(--gold);box-shadow:0 0 0 3px #e0c97f40,0 0 12px #e0c97f33}@keyframes avatar-prestige-pulse{0%,to{box-shadow:0 0 0 2px var(--ring-glow, transparent),0 0 10px var(--ring-glow, transparent)}50%{box-shadow:0 0 0 4px var(--ring-glow, transparent),0 0 22px var(--ring-c, transparent)}}.avatar-prestige-ring{border-color:var(--ring-c, var(--gold-dark))!important;animation:avatar-prestige-pulse 2.2s ease-in-out infinite}#header-center{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;font-size:.9em}#header-stats{display:flex;gap:25px;align-items:center}#header-stats span{display:flex;align-items:center;gap:5px}.gem-badge-inline{font-size:.78em;color:#a0d4ff;opacity:.85}#regen-indicator{font-size:.9em;animation:regen-pulse 1.2s ease-in-out infinite;cursor:default}@keyframes regen-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.25)}}#header-right{display:flex;gap:10px}.nav-btn{position:relative;background:linear-gradient(180deg,var(--border),#1a1a1a);color:var(--text);border:1px solid var(--border);padding:3px 14px;border-radius:4px;cursor:pointer;transition:all .2s;font-family:Cinzel,serif;font-size:.85em;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.nav-label{font-size:.85em;line-height:1;white-space:nowrap}.nav-btn img{width:32px;height:32px}.nav-btn .chemistry-icon{width:52px;height:52px}.nav-btn .contract-icon{width:34px;height:34px}.nav-btn .sword-icon,.nav-btn .coin-icon{width:32px;height:32px}.nav-btn.nav-btn-img-only{padding:0;gap:0;background:none;border:1px solid transparent;box-shadow:none}.nav-btn.nav-btn-img-only:hover{background:none;border-color:var(--gold);box-shadow:none}.nav-btn .inventory-icon{width:104px;height:104px}.nav-btn:hover{border-color:var(--gold);color:var(--gold)}.nav-btn.active{background:linear-gradient(180deg,var(--gold-dark),#5a4a0a);color:var(--gold);border-color:var(--gold);box-shadow:0 0 15px #e0c97f4d}.nav-btn.nav-locked{cursor:not-allowed;position:relative}.nav-btn.nav-locked img{filter:grayscale(1) brightness(.5);opacity:.55;transition:filter .2s ease,opacity .2s ease}.nav-btn.nav-locked:hover img{filter:grayscale(.5) brightness(.7);opacity:.8}.nav-btn.nav-locked:after{content:"🔒";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5em;text-shadow:0 1px 4px #000,0 0 6px #000;pointer-events:none}.nav-btn.nav-tutorial-locked{cursor:not-allowed;pointer-events:none}.nav-btn.nav-tutorial-locked img{filter:grayscale(1) brightness(.5);opacity:.4}.nav-btn[data-tooltip]{position:relative}.nav-btn[data-tooltip]:before{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:linear-gradient(180deg,#1a1400,#0e0c00);border:1px solid var(--gold-dark);color:var(--gold);font-family:Cinzel,serif;font-size:.7em;padding:6px 10px;border-radius:4px;white-space:nowrap;box-shadow:0 0 12px #e0c97f33,inset 0 0 8px #00000080;pointer-events:none;opacity:0;transition:opacity .15s;z-index:999}.nav-btn[data-tooltip]:hover:before{opacity:1}@keyframes nav-locked-shake{0%,to{translate:0}15%{translate:-5px}30%{translate:5px}45%{translate:-4px}60%{translate:3px}75%{translate:-2px}}.nav-btn.nav-locked-shake{animation:nav-locked-shake .4s ease-out}.nav-btn.nav-locked:hover{border-color:var(--border)!important;color:var(--text)!important}@keyframes nav-unlock-pulse{0%,to{box-shadow:0 0 #e0c97f00;transform:scale(1)}50%{box-shadow:0 0 16px var(--gold),0 0 30px #e0c97fa6;transform:scale(1.12)}}.nav-btn.nav-just-unlocked{border-radius:8px;animation:nav-unlock-pulse 1s ease-in-out 0s 6}.nav-btn.nav-tutorial-blink{border-radius:8px;animation:nav-unlock-pulse 1.1s ease-in-out infinite}#xp-bar-container{position:relative;width:286px;height:14px;background:#111;border:1px solid #1a3a5a;border-radius:7px;overflow:hidden;display:flex;align-items:center}#xp-bar{height:100%;background:linear-gradient(90deg,#1a6aaa,#3498db);width:0%;transition:width .3s;border-radius:7px}#xp-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:.68em;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.9);white-space:nowrap;pointer-events:none}#hp-bar-container{position:relative;width:286px;height:14px;background:#111;border:1px solid #5a1a1a;border-radius:7px;overflow:hidden;display:flex;align-items:center}#header-hp-bar{height:100%;background:linear-gradient(90deg,#8b0000,#c22);width:100%;transition:width .3s;border-radius:7px}#hp-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:.68em;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.9);white-space:nowrap;pointer-events:none}#death-fade-overlay{position:fixed;inset:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);animation:death-fade-in 1.1s ease forwards}#death-fade-overlay.hidden{display:none}#death-fade-img{max-width:100%;max-height:100%;object-fit:contain;opacity:0;animation:death-img-in 1.4s ease .4s forwards}@keyframes death-fade-in{0%{opacity:0}to{opacity:1}}@keyframes death-img-in{0%{opacity:0}to{opacity:1}}#death-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;display:flex;justify-content:center;align-items:center;z-index:var(--z-overlay);opacity:0;transition:opacity .3s ease}#death-popup:not(.hidden){opacity:1}#death-popup.hidden{display:none;pointer-events:none}.death-popup-content{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:3px solid var(--red-bright);border-radius:20px;padding:40px;text-align:center;max-width:500px;box-shadow:0 0 50px #e74c3c80,inset 0 0 30px #000c;animation:death-popup-appear .5s ease}@keyframes death-popup-appear{0%{opacity:0;transform:scale(.8) rotateX(20deg)}to{opacity:1;transform:scale(1) rotateX(0)}}.death-popup-icon{font-size:80px;margin-bottom:20px;animation:death-icon-bounce 1s infinite}@keyframes death-icon-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}.death-popup-content h1{color:var(--red-bright);font-size:2.5em;margin:0 0 15px;text-shadow:0 0 20px rgba(231,76,60,.8);letter-spacing:3px}.death-popup-content p{color:#bdc3c7;font-size:1.1em;margin:10px 0}#death-message{color:#95a5a6;font-style:italic;margin-bottom:30px}.death-stats{background:#00000080;border-left:3px solid var(--red-bright);padding:20px;margin:20px 0;border-radius:8px;text-align:left}.death-stats p{margin:8px 0;font-size:1em;color:#ecf0f1}.death-stats span{color:#f39c12;font-weight:700;font-size:1.1em}#death-return-btn{background:linear-gradient(135deg,var(--red-bright),var(--red));color:#fff;border:none;padding:14px 30px;font-size:1.1em;border-radius:8px;cursor:pointer;margin-top:20px;transition:all .3s ease;box-shadow:0 5px 15px #e74c3c66}#death-return-btn:hover{background:linear-gradient(135deg,var(--red),#a93226);transform:translateY(-2px);box-shadow:0 8px 20px #e74c3c99}#death-return-btn:active{transform:translateY(0)}