@import"https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Cormorant+Garamond:wght@300;400;500;600;700&family=IM+Fell+English:wght@400&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Cinzel:wght@400;500;600;700&family=Cormorant+Garamond:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Cinzel:wght@400;500;600;700&family=Cormorant+Garamond:wght@300;400;500;600;700&family=Lora:wght@400;500;600;700&display=swap";:root{--arcane-black: #0d0d0d;--arcane-dark-red: #1a0f0f;--arcane-occult: #2b1d1d;--arcane-gold: #c69b4f;--arcane-ember: #d3633e;--arcane-gold-light: #e8c47a;--arcane-gold-dark: #a67c3a}.dark-login-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background:transparent}.login-ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:none}.login-ui-overlay>*{pointer-events:all}.login-ui-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/game/images/background_login.png);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;opacity:.8;pointer-events:none;z-index:0}.login-panel{position:relative;width:480px;max-width:90vw;min-height:600px;padding:50px 40px;background:linear-gradient(145deg,#2b1d1df2,#1a0f0ffa);border-radius:8px;box-shadow:0 0 60px #c69b4f4d,inset 0 0 100px #00000080,0 0 0 2px #c69b4f33;background-image:radial-gradient(circle at 20% 50%,rgba(198,155,79,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(211,99,62,.05) 0%,transparent 50%),linear-gradient(145deg,#2b1d1df2,#1a0f0ffa);animation:panelFadeIn .8s ease-out;transform-origin:center}.login-panel>*{position:relative;z-index:2}@keyframes panelFadeIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.iron-frame{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:8px;overflow:hidden}.frame-corner{position:absolute;width:30px;height:30px;border:3px solid var(--arcane-gold);box-shadow:0 0 10px #c69b4f80}.frame-corner-tl{top:-2px;left:-2px;border-right:none;border-bottom:none;border-radius:8px 0 0}.frame-corner-tr{top:-2px;right:-2px;border-left:none;border-bottom:none;border-radius:0 8px 0 0}.frame-corner-bl{bottom:-2px;left:-2px;border-right:none;border-top:none;border-radius:0 0 0 8px}.frame-corner-br{bottom:-2px;right:-2px;border-left:none;border-top:none;border-radius:0 0 8px}.frame-edge{position:absolute;background:linear-gradient(90deg,transparent,var(--arcane-gold),transparent);opacity:.3;box-shadow:0 0 8px #c69b4f4d}.frame-edge-top{top:-2px;left:28px;right:28px;height:2px}.frame-edge-bottom{bottom:-2px;left:28px;right:28px;height:2px}.frame-edge-left{left:-2px;top:28px;bottom:28px;width:2px;background:linear-gradient(180deg,transparent,var(--arcane-gold),transparent)}.frame-edge-right{right:-2px;top:28px;bottom:28px;width:2px;background:linear-gradient(180deg,transparent,var(--arcane-gold),transparent)}.panel-runes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:8px;overflow:hidden}.panel-rune{position:absolute;color:var(--arcane-gold);font-size:16px;opacity:.4;animation:runeGlow 3s ease-in-out infinite;animation-delay:var(--rune-delay, 0s);text-shadow:0 0 8px rgba(198,155,79,.6)}.panel-rune:nth-child(1){top:10px;left:10px}.panel-rune:nth-child(2){top:10px;right:10px}.panel-rune:nth-child(3){bottom:10px;left:10px}.panel-rune:nth-child(4){bottom:10px;right:10px}.panel-rune:nth-child(5){top:50%;left:10px;transform:translateY(-50%)}.panel-rune:nth-child(6){top:50%;right:10px;transform:translateY(-50%)}.panel-rune:nth-child(7){top:10px;left:50%;transform:translate(-50%)}.panel-rune:nth-child(8){bottom:10px;left:50%;transform:translate(-50%)}@keyframes runeGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.parchment-background{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(198,155,79,.02) 2px,rgba(198,155,79,.02) 4px);border-radius:8px;pointer-events:none;opacity:.3}.ember-reflection{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 50% 100%,rgba(211,99,62,.1) 0%,transparent 70%);animation:emberFlicker 2s ease-in-out infinite;pointer-events:none}@keyframes emberFlicker{0%,to{opacity:.3;transform:translate(0)}25%{opacity:.5;transform:translate(2px)}50%{opacity:.4;transform:translate(-1px)}75%{opacity:.6;transform:translate(1px)}}.game-title-container{text-align:center;margin-bottom:40px}.game-title{font-family:Cinzel Decorative,Cinzel,serif;font-size:48px;font-weight:700;color:var(--arcane-gold);text-shadow:0 0 20px rgba(198,155,79,.8),0 0 40px rgba(198,155,79,.4),2px 2px 4px rgba(0,0,0,.8);margin:0 0 15px;letter-spacing:4px;animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{text-shadow:0 0 20px rgba(198,155,79,.8),0 0 40px rgba(198,155,79,.4),2px 2px 4px rgba(0,0,0,.8)}50%{text-shadow:0 0 30px rgba(198,155,79,1),0 0 60px rgba(198,155,79,.6),2px 2px 4px rgba(0,0,0,.8)}}.title-runes{display:flex;justify-content:center;gap:20px;margin-top:10px}.rune-glyph{font-size:24px;color:var(--arcane-gold);opacity:.6;animation:runePulse 2s ease-in-out infinite;text-shadow:0 0 10px rgba(198,155,79,.5)}.rune-glyph:nth-child(1){animation-delay:0s}.rune-glyph:nth-child(2){animation-delay:.3s}.rune-glyph:nth-child(3){animation-delay:.6s}@keyframes runePulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.login-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-family:Cormorant Garamond,IM Fell English,serif;font-size:14px;font-weight:600;color:var(--arcane-gold-light);text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 5px rgba(198,155,79,.3)}.arcane-input{width:100%;padding:14px 16px;background:#0d0d0d99;border:2px solid rgba(198,155,79,.3);border-radius:4px;color:#f4e4c1;font-family:Cormorant Garamond,serif;font-size:16px;transition:all .3s ease;box-shadow:inset 0 2px 4px #00000080,0 0 #d3633e00}.arcane-input::placeholder{color:#c69b4f66;font-style:italic}.arcane-input:focus{outline:none;border-color:var(--arcane-ember);box-shadow:inset 0 2px 4px #00000080,0 0 20px #d3633e99,0 0 0 2px #d3633e4d;background:#0d0d0dcc}.arcane-input.focused{border-color:var(--arcane-ember);box-shadow:inset 0 2px 4px #00000080,0 0 20px #d3633e99,0 0 0 2px #d3633e4d}.arcane-input:disabled{opacity:.5;cursor:not-allowed}.arcane-button{width:100%;padding:16px 24px;border:2px solid var(--arcane-gold);border-radius:4px;background:linear-gradient(145deg,#c69b4f1a,#a67c3a1a);color:var(--arcane-gold-light);font-family:Cormorant Garamond,serif;font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 0 15px #c69b4f4d,inset 0 0 20px #0000004d;text-shadow:0 0 10px rgba(198,155,79,.5)}.arcane-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(198,155,79,.2),transparent);transition:left .5s ease}.arcane-button:hover:before{left:100%}.arcane-button:hover{border-color:var(--arcane-gold-light);box-shadow:0 0 25px #c69b4f99,inset 0 0 30px #0006;transform:translateY(-2px);background:linear-gradient(145deg,#c69b4f26,#a67c3a26)}.arcane-button:active{transform:translateY(0);box-shadow:0 0 15px #c69b4f66,inset 0 0 20px #00000080}.arcane-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.arcane-button.primary{background:linear-gradient(145deg,#c69b4f33,#a67c3a26);border-color:var(--arcane-gold);color:var(--arcane-gold-light)}.arcane-button.primary:hover{background:linear-gradient(145deg,#c69b4f4d,#a67c3a40)}.arcane-button.secondary{background:linear-gradient(145deg,#2b1d1d66,#1a0f0f66);border-color:#c69b4f80;color:#c69b4fcc}.button-loading{display:inline-block;animation:pulse 1.5s ease-in-out infinite}.error-message{padding:12px 16px;background:#8b00004d;border:2px solid rgba(211,99,62,.5);border-radius:4px;color:#ff6b6b;font-family:Cormorant Garamond,serif;font-size:14px;text-align:center;box-shadow:0 0 15px #d3633e4d,inset 0 0 10px #0000004d;animation:errorShake .5s ease}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-icon{margin-right:8px;font-size:16px}.divider{display:flex;align-items:center;gap:15px;margin:20px 0}.divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--arcane-gold),transparent);opacity:.4}.divider-text{font-family:Cormorant Garamond,serif;font-size:12px;color:var(--arcane-gold);text-transform:uppercase;letter-spacing:2px;opacity:.7;text-shadow:0 0 5px rgba(198,155,79,.3)}@media (max-width: 600px){.login-panel{width:95vw;padding:30px 20px;min-height:500px}.game-title{font-size:36px}.arcane-button{font-size:16px;padding:14px 20px}}:root{--arcane-black: #0b0b0b;--arcane-dark-red: #2b0f0f;--arcane-occult: #1a0f0f;--arcane-bone: #c4b28a;--arcane-gold: #c69b4f;--arcane-ember: #d3633e;--arcane-gold-light: #e8c47a;--arcane-gold-dark: #a67c3a}.dark-character-select-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background:transparent}.character-select-ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:none;padding:30px 40px 40px;background:radial-gradient(circle at top,#0003,#000000b3)}.character-select-ui-overlay>*{pointer-events:all}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2000}.loading-text{font-family:Cinzel,serif;font-size:32px;color:var(--arcane-gold);text-shadow:0 0 20px rgba(198,155,79,.8);animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.8;text-shadow:0 0 20px rgba(198,155,79,.8)}50%{opacity:1;text-shadow:0 0 40px rgba(198,155,79,1)}}.character-select-layout{position:relative;width:100%;max-width:1500px;height:100%;max-height:900px;display:flex;flex-direction:column;gap:24px;padding:20px 30px 30px;pointer-events:all}@keyframes panelFadeIn{0%{opacity:0;transform:scale(.95) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.panel-frame{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:12px;overflow:hidden}.panel-frame-corner{position:absolute;width:40px;height:40px;border:4px solid var(--arcane-gold);box-shadow:0 0 15px #c69b4f99}.panel-frame-corner-tl{top:-4px;left:-4px;border-right:none;border-bottom:none;border-radius:12px 0 0}.panel-frame-corner-tr{top:-4px;right:-4px;border-left:none;border-bottom:none;border-radius:0 12px 0 0}.panel-frame-corner-bl{bottom:-4px;left:-4px;border-right:none;border-top:none;border-radius:0 0 0 12px}.panel-frame-corner-br{bottom:-4px;right:-4px;border-left:none;border-top:none;border-radius:0 0 12px}.panel-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:12px;overflow:hidden}.panel-parchment-texture{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(198,155,79,.02) 2px,rgba(198,155,79,.02) 4px);opacity:.3}.panel-ember-reflection{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 50% 100%,rgba(211,99,62,.15) 0%,transparent 70%);animation:emberFlicker 3s ease-in-out infinite}@keyframes emberFlicker{0%,to{opacity:.3}50%{opacity:.5}}.panel-content{position:relative;z-index:10}.screen-title-frame{align-self:center;padding:12px 28px;border:2px solid rgba(198,155,79,.6);border-radius:10px;background:linear-gradient(145deg,#160c0ccc,#0a0606e6);box-shadow:0 0 25px #c69b4f59,inset 0 0 25px #000000b3}.screen-title{font-family:Cinzel,serif;font-size:50px;font-weight:700;color:var(--arcane-gold);text-align:center;margin:0;text-shadow:0 0 30px rgba(198,155,79,.9),0 0 60px rgba(198,155,79,.5),3px 3px 6px rgba(0,0,0,.9);letter-spacing:4px;animation:titleGlow 4s ease-in-out infinite}@keyframes titleGlow{0%,to{text-shadow:0 0 30px rgba(198,155,79,.9),0 0 60px rgba(198,155,79,.5),3px 3px 6px rgba(0,0,0,.9)}50%{text-shadow:0 0 40px rgba(198,155,79,1),0 0 80px rgba(198,155,79,.7),3px 3px 6px rgba(0,0,0,.9)}}.error-message{padding:16px 20px;background:#8b000066;border:2px solid rgba(211,99,62,.6);border-radius:6px;color:#ff6b6b;font-family:Cormorant Garamond,serif;font-size:16px;text-align:center;margin-bottom:30px;box-shadow:0 0 20px #d3633e66,inset 0 0 15px #0006;animation:errorShake .5s ease}.error-icon{margin-right:10px;font-size:20px}.character-select-body{flex:1;display:grid;grid-template-columns:minmax(240px,320px) minmax(340px,1fr) minmax(360px,460px);gap:28px;align-items:center}.character-stats-panel{background:#0a0606bf;border:2px solid rgba(198,155,79,.5);border-radius:10px;padding:20px 22px;box-shadow:0 0 20px #c69b4f4d,inset 0 0 30px #000000b3;font-family:Cormorant Garamond,serif;color:var(--arcane-bone)}.character-stats-panel.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.stats-header{font-family:Cinzel,serif;color:var(--arcane-gold);font-size:22px;margin-bottom:18px;text-transform:uppercase;letter-spacing:2px;text-align:center}.stats-list{display:flex;flex-direction:column;gap:12px}.stats-row{display:flex;justify-content:space-between;font-size:18px;border-bottom:1px solid rgba(196,178,138,.2);padding-bottom:8px}.stats-row span:last-child{color:var(--arcane-gold-light);font-weight:600}.character-spotlight{position:relative;height:100%;min-height:520px;display:flex;align-items:center;justify-content:center;grid-column:2;justify-self:center;transform:translate(clamp(-240px,-10vw,-120px),clamp(20px,5vh,90px))}.spotlight-glow{position:absolute;width:380px;height:500px;background:radial-gradient(ellipse at center,#fff0c873,#fff0c800 70%);filter:blur(8px);top:20px}.spotlight-frame{position:absolute;width:320px;height:420px;border:2px solid rgba(198,155,79,.45);box-shadow:0 0 30px #c69b4f66;border-radius:16px;background:#0a060659;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.spotlight-figure{position:relative;width:280px;height:380px;z-index:2;display:flex;align-items:center;justify-content:center}.spotlight-sprite{width:340%;height:340%;max-width:none;max-height:none;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 30px rgba(255,220,150,.4))}.spotlight-silhouette{width:280px;height:380px;border-radius:16px}.spotlight-placeholder{font-family:Cinzel,serif;font-size:22px;color:#c4b28acc;text-align:center}.spotlight-nameplate{position:relative;z-index:2;text-align:center;font-family:Cinzel,serif}.spotlight-nameplate-frame{align-self:center;padding:10px 22px;border:2px solid rgba(198,155,79,.55);border-radius:12px;background:linear-gradient(145deg,#120a0ad9,#080505f2);box-shadow:0 0 20px #c69b4f4d,inset 0 0 20px #000000b3}.spotlight-name{font-size:28px;color:var(--arcane-gold-light);text-shadow:0 0 12px rgba(198,155,79,.7)}.spotlight-meta{font-size:16px;color:var(--arcane-bone);letter-spacing:1px}.character-list-panel{background:#0a0606c7;border:2px solid rgba(198,155,79,.45);border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:16px;height:100%;max-height:700px}.list-header{font-family:Cinzel,serif;font-size:20px;text-align:center;color:var(--arcane-gold);letter-spacing:2px}.character-list{display:grid;grid-template-rows:repeat(6,1fr);gap:10px;flex:1}.character-slot-row{display:grid;grid-template-columns:32px 56px 1fr 36px;align-items:center;gap:12px;padding:10px 12px;background:#140c0c99;border:1px solid rgba(196,178,138,.2);border-radius:8px;color:var(--arcane-bone);font-family:Cormorant Garamond,serif;cursor:pointer;transition:all .2s ease}.character-slot-row.empty{grid-template-columns:32px 56px 1fr}.character-slot-row:hover{border-color:#c69b4f99;box-shadow:0 0 10px #c69b4f66;transform:translateY(-1px)}.character-slot-row.selected{border-color:var(--arcane-gold);box-shadow:0 0 18px #c69b4f99;background:#2b140cd9}.slot-index{font-family:Cinzel,serif;color:var(--arcane-gold-light);text-align:center}.slot-portrait{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#00000059;border-radius:8px}.slot-sprite{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.slot-silhouette{width:32px;height:40px;border-radius:6px}.slot-plus{font-size:28px;color:var(--arcane-gold);font-family:Cinzel,serif}.slot-name{font-size:18px;font-weight:600;color:var(--arcane-gold-light)}.slot-meta{font-size:14px;color:#c4b28acc}.slot-delete{width:32px;height:32px;border-radius:6px;border:1px solid rgba(211,99,62,.5);background:#460a0ab3;color:#ffb4a2;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.slot-delete svg{width:18px;height:18px;fill:currentColor}.slot-delete:hover{border-color:var(--arcane-ember);box-shadow:0 0 12px #d3633e99;transform:translateY(-1px)}.character-card{position:relative;width:280px;height:420px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.character-card.hovered{transform:translateY(-8px) rotateX(2deg)}.character-card.selected{transform:scale(1.02);animation:cardPulse 2s ease-in-out infinite}@keyframes cardPulse{0%,to{transform:scale(1.02)}50%{transform:scale(1.05)}}.card-frame{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:8px;overflow:hidden}.frame-corner{position:absolute;width:25px;height:25px;border:3px solid var(--arcane-gold);box-shadow:0 0 12px #c69b4f99;transition:all .3s ease}.frame-corner-tl{top:-3px;left:-3px;border-right:none;border-bottom:none;border-radius:8px 0 0}.frame-corner-tr{top:-3px;right:-3px;border-left:none;border-bottom:none;border-radius:0 8px 0 0}.frame-corner-bl{bottom:-3px;left:-3px;border-right:none;border-top:none;border-radius:0 0 0 8px}.frame-corner-br{bottom:-3px;right:-3px;border-left:none;border-top:none;border-radius:0 0 8px}.character-card.selected .frame-corner{border-color:var(--arcane-gold-light);box-shadow:0 0 20px #c69b4f}.frame-edge{position:absolute;background:linear-gradient(90deg,transparent,var(--arcane-gold),transparent);opacity:.4;box-shadow:0 0 10px #c69b4f66}.frame-edge-top{top:-3px;left:22px;right:22px;height:3px}.frame-edge-bottom{bottom:-3px;left:22px;right:22px;height:3px}.frame-edge-left{left:-3px;top:22px;bottom:22px;width:3px;background:linear-gradient(180deg,transparent,var(--arcane-gold),transparent)}.frame-edge-right{right:-3px;top:22px;bottom:22px;width:3px;background:linear-gradient(180deg,transparent,var(--arcane-gold),transparent)}.card-runes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:8px}.card-rune{position:absolute;color:var(--arcane-gold);font-size:14px;opacity:0;animation:runeAppear .5s ease-out forwards;animation-delay:var(--rune-delay, 0s);text-shadow:0 0 10px rgba(198,155,79,.8)}.card-rune:nth-child(1){top:8px;left:8px}.card-rune:nth-child(2){top:8px;right:8px}.card-rune:nth-child(3){bottom:8px;left:8px}.card-rune:nth-child(4){bottom:8px;right:8px}.card-rune:nth-child(5){top:50%;left:8px;transform:translateY(-50%)}.card-rune:nth-child(6){top:50%;right:8px;transform:translateY(-50%)}.card-rune:nth-child(7){top:8px;left:50%;transform:translate(-50%)}.card-rune:nth-child(8){bottom:8px;left:50%;transform:translate(-50%)}@keyframes runeAppear{0%{opacity:0;transform:scale(.5)}to{opacity:.9;transform:scale(1)}}.ember-particles{position:absolute;top:50%;left:50%;width:100%;height:100%;pointer-events:none;transform:translate(-50%,-50%)}.ember-particle{position:absolute;top:50%;left:50%;width:4px;height:4px;background:var(--arcane-ember);border-radius:50%;box-shadow:0 0 8px var(--arcane-ember);animation:emberFloat 2s ease-out forwards;animation-delay:var(--particle-delay, 0s);transform:translate(-50%,-50%) rotate(var(--particle-angle, 0deg)) translate(80px);opacity:0}@keyframes emberFloat{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--particle-angle, 0deg)) translate(80px) scale(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle, 0deg)) translate(120px) scale(0)}}.card-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(145deg,#2b0f0fe6,#1a0f0ff2);border-radius:8px;overflow:hidden}.parchment-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(196,178,138,.03) 2px,rgba(196,178,138,.03) 4px);opacity:.4}.character-portrait{position:absolute;top:20px;left:50%;transform:translate(-50%);width:180px;height:220px;display:flex;align-items:center;justify-content:center}.portrait-image{width:100%;height:100%;object-fit:cover;border-radius:4px;filter:brightness(.8) contrast(1.2)}.character-sprite-portrait{width:100%;height:100%;object-fit:contain;border-radius:4px;animation:silhouetteBreath 3s ease-in-out infinite;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.character-silhouette{width:100%;height:100%;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative;animation:silhouetteBreath 3s ease-in-out infinite}@keyframes silhouetteBreath{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.silhouette-icon{font-family:Cinzel,serif;font-size:80px;font-weight:700;color:#0009;text-shadow:0 0 20px currentColor}.portrait-backlight{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:240px;background:radial-gradient(ellipse at center,rgba(211,99,62,.4) 0%,transparent 70%);border-radius:50%;filter:blur(20px);z-index:-1;animation:backlightPulse 2s ease-in-out infinite}@keyframes backlightPulse{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}.character-info{position:absolute;bottom:20px;left:0;right:0;text-align:center;padding:0 20px}.character-name{font-family:Cinzel,serif;font-size:24px;font-weight:600;color:var(--arcane-gold-light);margin:0 0 8px;text-shadow:0 0 10px rgba(198,155,79,.6)}.character-class-level{display:flex;justify-content:center;gap:12px;margin-bottom:6px;font-family:Cormorant Garamond,serif;font-size:14px}.character-class{color:var(--arcane-bone);font-weight:600;text-transform:uppercase;letter-spacing:1px}.character-level{color:var(--arcane-gold);font-family:Orbitron,monospace;font-weight:600}.character-race{font-family:Cormorant Garamond,serif;font-size:12px;color:#c4b28ab3;font-style:italic}.delete-character-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#8b0000cc;border:2px solid rgba(211,99,62,.6);color:#ff6b6b;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;z-index:20;box-shadow:0 0 10px #d3633e66}.character-card:hover .delete-character-btn{opacity:1}.delete-character-btn:hover{background:#8b0000;border-color:var(--arcane-ember);transform:scale(1.15);box-shadow:0 0 15px #d3633ecc}.selection-indicator{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:12px;pointer-events:none;overflow:hidden}.selection-glow{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid var(--arcane-gold);border-radius:12px;box-shadow:0 0 30px #c69b4fcc,inset 0 0 30px #c69b4f33;animation:selectionGlow 2s ease-in-out infinite}@keyframes selectionGlow{0%,to{box-shadow:0 0 30px #c69b4fcc,inset 0 0 30px #c69b4f33}50%{box-shadow:0 0 50px #c69b4f,inset 0 0 50px #c69b4f66}}.create-character-card{position:relative;width:280px;height:420px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.create-character-card.hovered{transform:translateY(-8px) scale(1.05)}.create-card-outline{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:8px}.outline-corner{position:absolute;width:25px;height:25px;border:3px dashed var(--arcane-gold);box-shadow:0 0 15px #c69b4f99;animation:outlineGlow 2s ease-in-out infinite}.outline-corner-tl{top:-3px;left:-3px;border-right:none;border-bottom:none;border-radius:8px 0 0}.outline-corner-tr{top:-3px;right:-3px;border-left:none;border-bottom:none;border-radius:0 8px 0 0}.outline-corner-bl{bottom:-3px;left:-3px;border-right:none;border-top:none;border-radius:0 0 0 8px}.outline-corner-br{bottom:-3px;right:-3px;border-left:none;border-top:none;border-radius:0 0 8px}@keyframes outlineGlow{0%,to{border-color:var(--arcane-gold);box-shadow:0 0 15px #c69b4f99}50%{border-color:var(--arcane-gold-light);box-shadow:0 0 25px #c69b4f}}.outline-dash{position:absolute;background:linear-gradient(90deg,transparent,var(--arcane-gold),transparent);opacity:.5;animation:dashMove 3s linear infinite}.outline-dash-top{top:-3px;left:22px;right:22px;height:3px}.outline-dash-bottom{bottom:-3px;left:22px;right:22px;height:3px}.outline-dash-left{left:-3px;top:22px;bottom:22px;width:3px;background:linear-gradient(180deg,transparent,var(--arcane-gold),transparent)}.outline-dash-right{right:-3px;top:22px;bottom:22px;width:3px;background:linear-gradient(180deg,transparent,var(--arcane-gold),transparent)}@keyframes dashMove{0%{opacity:.3}50%{opacity:.8}to{opacity:.3}}.golden-aura{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(198,155,79,.3) 0%,transparent 70%);border-radius:50%;animation:auraExpand .6s ease-out;pointer-events:none}@keyframes auraExpand{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.create-card-content{position:relative;z-index:10;text-align:center}.create-plus-icon{font-family:Cinzel,serif;font-size:80px;font-weight:300;color:var(--arcane-gold);text-shadow:0 0 30px rgba(198,155,79,.8);margin-bottom:20px;animation:plusPulse 2s ease-in-out infinite}@keyframes plusPulse{0%,to{transform:scale(1);text-shadow:0 0 30px rgba(198,155,79,.8)}50%{transform:scale(1.1);text-shadow:0 0 50px rgba(198,155,79,1)}}.create-tooltip{font-family:Cormorant Garamond,serif;font-size:18px;color:var(--arcane-bone);text-transform:uppercase;letter-spacing:2px}.create-card-runes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.create-rune{position:absolute;color:var(--arcane-gold);font-size:16px;opacity:.4;animation:createRuneFloat 3s ease-in-out infinite;animation-delay:var(--rune-delay, 0s);text-shadow:0 0 10px rgba(198,155,79,.6)}.create-rune:nth-child(1){top:15%;left:15%}.create-rune:nth-child(2){top:15%;right:15%}.create-rune:nth-child(3){bottom:15%;left:15%}.create-rune:nth-child(4){bottom:15%;right:15%}@keyframes createRuneFloat{0%,to{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-10px) scale(1.1);opacity:.7}}.character-select-actions{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:10px}.enter-world-button{flex:0 1 360px;max-width:360px;margin:0;font-size:22px;padding:18px 40px;border:2px solid rgba(198,155,79,.9);color:var(--arcane-gold-light);background:linear-gradient(145deg,#603c12a6,#2b0f0ff2);box-shadow:0 0 28px #c69b4fa6,0 0 60px #c69b4f59,inset 0 0 24px #0006;position:relative;overflow:hidden}.enter-world-button:hover:not(.disabled){border-color:var(--arcane-gold-light);color:var(--arcane-gold-light);box-shadow:0 0 34px #c69b4fd9,0 0 70px #c69b4f73,inset 0 0 28px #00000080;transform:translateY(-2px)}.enter-world-button:before{content:"";position:absolute;top:0;left:-120%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(232,196,122,.4),transparent);transition:left .6s ease}.enter-world-button:hover:before{left:120%}.enter-world-button{position:relative;flex:1;max-width:400px;padding:20px 40px;border:3px solid var(--arcane-ember);border-radius:8px;background:linear-gradient(145deg,#d3633e33,#a63c1e26);color:#f4a582;font-family:Cinzel,serif;font-size:24px;font-weight:600;text-transform:uppercase;letter-spacing:3px;cursor:pointer;transition:all .3s ease;overflow:hidden;box-shadow:0 0 30px #d3633e80,inset 0 0 30px #0000004d;text-shadow:0 0 15px rgba(211,99,62,.6)}.enter-world-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(211,99,62,.3),transparent);transition:left .5s ease}.enter-world-button:hover:before{left:100%}.enter-world-button:hover:not(.disabled){border-color:#e67e4f;box-shadow:0 0 50px #d3633ecc,inset 0 0 40px #0006;transform:translateY(-3px);background:linear-gradient(145deg,#d3633e4d,#a63c1e40)}.enter-world-button.pressed{transform:scale(.98);box-shadow:0 0 20px #d3633e99,inset 0 0 30px #00000080}.enter-world-button.disabled{opacity:.4;cursor:not-allowed;transform:none}.button-ember-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(ellipse at center,rgba(211,99,62,.4) 0%,transparent 70%);border-radius:50%;animation:emberGlowPulse 2s ease-in-out infinite;pointer-events:none}@keyframes emberGlowPulse{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}.spark-particles{position:absolute;top:50%;left:50%;width:100%;height:100%;pointer-events:none;transform:translate(-50%,-50%)}.spark-particle{position:absolute;top:50%;left:50%;width:6px;height:6px;background:var(--arcane-ember);border-radius:50%;box-shadow:0 0 12px var(--arcane-ember);animation:sparkExplode .6s ease-out forwards;transform:translate(-50%,-50%) rotate(var(--spark-angle, 0deg)) translate(0)}@keyframes sparkExplode{to{transform:translate(-50%,-50%) rotate(var(--spark-angle, 0deg)) translate(80px);opacity:0;scale:0}}.button-text{position:relative;z-index:10}.back-button{position:relative;padding:14px 30px;border:2px solid rgba(196,178,138,.5);border-radius:6px;background:linear-gradient(145deg,#2b0f0f99,#1a0f0f99);color:var(--arcane-bone);font-family:Cinzel,serif;font-size:18px;font-weight:500;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #00000080,inset 0 0 20px #0000004d}.back-button:hover{border-color:#d3633ecc;color:#f4a582;box-shadow:0 0 25px #d3633e99,inset 0 0 25px #0006;transform:translateY(-2px)}.button-rune-accent{position:absolute;top:4px;right:8px;font-size:12px;color:var(--arcane-gold);opacity:.5}@media (max-width: 1200px){.character-select-body{grid-template-columns:1fr}.character-list-panel{max-height:none}.character-spotlight{min-height:420px}}@media (max-width: 768px){.character-select-layout{padding:16px}.screen-title{font-size:32px}.character-select-actions{grid-template-columns:1fr;justify-items:center}.delete-character-footer{justify-self:center}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:20000;animation:fadeIn .3s ease}.modal-content{max-width:600px;width:90%;max-height:90vh;overflow-y:auto;border-radius:8px;animation:slideIn .4s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.creation-form{display:flex;flex-direction:column;gap:20px}.selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.selection-card{padding:16px;text-align:center;border-radius:4px;cursor:pointer;background:#5c403380;border:2px solid var(--fantasy-border);transition:all .3s ease}.selection-card:hover:not(:disabled){background:#5c4033cc;border-color:var(--fantasy-gold);transform:translateY(-2px)}.selection-card.selected{background:#5c4033;border-color:var(--fantasy-gold);box-shadow:0 0 15px var(--fantasy-glow)}.selection-name{font-size:16px;font-weight:700}.race-description{margin-top:12px;padding:12px 16px;background:#2c181099;border-radius:4px}.race-title{font-size:14px;font-weight:700;color:var(--fantasy-gold);margin-bottom:8px}.trait-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 16px}.trait-item{font-size:12px;position:relative;padding-left:12px}.trait-item:before{content:"•";position:absolute;left:0;color:var(--fantasy-gold)}.class-description{padding:16px;background:#2c181099;border-radius:4px;min-height:60px;display:flex;align-items:center;justify-content:center;text-align:center}.modal-actions{display:flex;gap:12px;margin-top:10px}.modal-actions button{flex:1}.error-message{padding:12px;background:var(--fantasy-health-red);border:2px solid #5a0000;border-radius:4px;text-align:center;font-size:14px}.name-input-row{display:flex;gap:8px;align-items:stretch}.name-input-row .fantasy-input{flex:1}.randomize-btn{min-width:44px;padding:8px 12px;font-size:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#5c4033e6,#3c281ef2);border:2px solid var(--fantasy-border);transition:all .2s ease}.randomize-btn:hover:not(:disabled){border-color:var(--fantasy-gold);transform:scale(1.05);box-shadow:0 0 10px var(--fantasy-glow)}.randomize-btn:active:not(:disabled){transform:scale(.95)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;transition:background-color .3s ease,opacity .3s ease;pointer-events:none;opacity:0}.modal-overlay.visible{background:#000000d9;pointer-events:all;opacity:1}.modal-content{position:relative;max-width:90vw;max-height:90vh;width:auto;height:auto;margin:auto;opacity:0;transform:scale(.95) translateY(-20px);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.modal-content.visible{opacity:1;transform:scale(1) translateY(0)}.floating-modal{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);z-index:900;opacity:0;transition:opacity .2s ease;max-width:92vw;max-height:85vh}.floating-modal.visible{opacity:1}.floating-modal-grip{position:absolute;top:0;left:0;right:52px;height:46px;cursor:grab;z-index:2}.floating-modal-grip:active{cursor:grabbing}.confirmation-modal{background:linear-gradient(145deg,#3c1e0ffa,#28140afa);border:3px solid var(--fantasy-gold);border-radius:12px;width:400px;max-width:90vw;box-shadow:0 0 30px #000c,0 0 15px #d4af374d;color:var(--fantasy-text-light);font-family:Cinzel,serif}.confirmation-modal .modal-header h2{margin:0;padding:16px 20px;background:linear-gradient(180deg,#3c1e0fe6,#28140ae6);border-bottom:2px solid var(--fantasy-border);border-radius:8px 8px 0 0;color:var(--fantasy-gold);font-size:1.3rem;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.confirmation-modal .modal-body{padding:24px 20px;font-family:Cinzel,serif;font-size:.95rem;line-height:1.6;color:var(--fantasy-text-light);white-space:pre-line}.confirmation-modal .modal-footer{padding:16px 20px;display:flex;justify-content:flex-end;gap:12px;border-top:2px solid var(--fantasy-border);background:#0003;border-radius:0 0 8px 8px}.confirmation-modal .modal-btn{padding:10px 20px;border:2px solid var(--fantasy-border);border-radius:6px;background:linear-gradient(180deg,var(--fantasy-deep-brown),var(--fantasy-dark-wood));color:var(--fantasy-text-light);cursor:pointer;font-family:Cinzel,serif;font-weight:700;font-size:14px;transition:all .2s;text-transform:uppercase;letter-spacing:1px}.confirmation-modal .modal-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0006}.confirmation-modal .modal-btn.confirm{border-color:var(--fantasy-gold);color:var(--fantasy-text-dark);background:linear-gradient(180deg,var(--fantasy-gold-dark),var(--fantasy-burnt-orange))}.confirmation-modal .modal-btn.confirm:hover{background:linear-gradient(180deg,var(--fantasy-gold),var(--fantasy-gold-dark));box-shadow:0 0 15px var(--fantasy-glow)}.confirmation-modal .modal-btn.cancel:hover{background:linear-gradient(180deg,#502814e6,#3c1e0fe6);border-color:var(--fantasy-text-light)}.confirmation-modal.danger{border-color:var(--fantasy-health-red);box-shadow:0 0 30px #000c,0 0 15px #8b000066}.confirmation-modal.danger .modal-header h2{background:linear-gradient(180deg,#50140ae6,#320f0ae6);border-bottom-color:#8b000099;color:#ff6b6b}.confirmation-modal.danger .modal-body{color:var(--fantasy-text-light)}.confirmation-modal.danger .modal-body:before{content:"⚠️";display:block;font-size:2rem;margin-bottom:12px;text-align:center}.confirmation-modal.danger .modal-btn.confirm{border-color:var(--fantasy-health-red);color:#fff;background:linear-gradient(180deg,brown,#8b0000)}.confirmation-modal.danger .modal-btn.confirm:hover{background:linear-gradient(180deg,#cd5c5c,brown);box-shadow:0 0 15px #8b000080}.app-container{width:100vw;height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#0b0b0b,#1a0f0f,#0b0b0b);position:relative;overflow:hidden}.app-container:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;background:radial-gradient(ellipse at center,transparent 0%,transparent 60%,rgba(0,0,0,.5) 100%)}.game-layout{flex:1;display:flex;overflow:hidden}.bottom-panel{display:flex;height:180px;border-top:4px solid var(--arcane-gold);box-shadow:0 -6px 30px #000c}.bottom-panel .combat-log{flex:1;border-top:none;height:100%}.bottom-panel .chat-panel{width:550px;min-width:280px;max-width:650px;height:100%}.left-section{flex:1;display:flex;flex-direction:column;border-right:4px solid var(--arcane-gold);box-shadow:4px 0 20px #0009;position:relative;overflow:hidden}.left-section:before,.left-section:after{content:"";position:absolute;right:-4px;width:20px;height:20px;border:3px solid var(--arcane-gold);box-shadow:0 0 10px #c69b4f80;z-index:10}.left-section:before{top:0;border-left:none;border-bottom:none;border-radius:0 0 0 6px}.left-section:after{bottom:0;border-left:none;border-top:none;border-radius:0 6px 0 0}.player-unit-frame{position:absolute;top:12px;left:12px;display:flex;align-items:flex-start;gap:0;z-index:10000;pointer-events:auto;background:var(--fantasy-dark-wood)}.portrait-frame{position:relative;width:56px;height:56px;border-radius:50%;border:3px solid var(--fantasy-gold);box-shadow:0 0 15px #d4af3799,inset 0 2px 6px #000c,inset 0 -2px 6px #ffffff0d;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:2;overflow:hidden}.portrait-frame .portrait-sprite{width:48px;height:48px;image-rendering:pixelated;object-fit:contain;filter:brightness(1.1) contrast(1.05)}.portrait-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid var(--fantasy-gold);pointer-events:none}.portrait-frame:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.15),transparent);border-radius:50% 50% 0 0;pointer-events:none;z-index:1}.level-indicator{position:absolute;top:48px;left:12px;width:56px;text-align:center;background:linear-gradient(145deg,#2a2218,#1a150f);border:2px solid var(--fantasy-gold);border-radius:10px;padding:2px 0;font-family:Cinzel,serif;font-size:12px;font-weight:700;color:var(--fantasy-gold-light);text-shadow:1px 1px 2px rgba(0,0,0,.9);box-shadow:0 2px 6px #0009;z-index:3;white-space:nowrap}.bars-container{display:flex;flex-direction:column;gap:2px;padding:4px 10px 6px 16px;background:linear-gradient(90deg,transparent 0%,rgba(15,12,10,.95) 10%);border:2px solid var(--fantasy-gold);border-radius:4px;box-shadow:0 3px 10px #0009,inset 0 0 15px #0006;z-index:1}.player-name-label{font-family:Cinzel,serif;font-size:13px;font-weight:600;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.9);margin-bottom:2px;margin-left:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.combat-state-badge{display:inline-flex;align-self:flex-start;margin-left:2px;margin-bottom:2px;padding:1px 8px;border:1px solid #8b1a1a;border-radius:999px;background:linear-gradient(145deg,#8b1a1af2,#3f0a0a);color:#ffd8d8;font-family:Cinzel,serif;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 0 8px #c0392b80}.resource-bar{display:flex;align-items:center;gap:6px;width:180px}.resource-bar .bar-track{flex:1;height:14px;background:#0009;border:1px solid rgba(198,155,79,.4);border-radius:2px;overflow:hidden;position:relative}.resource-bar .bar-fill{height:100%;transition:width .3s ease;position:relative}.resource-bar .bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.35),transparent)}.resource-bar .bar-fill.hp{background:linear-gradient(to bottom,#c0392b,#8b1a1a);box-shadow:0 0 8px #c0392b99}.resource-bar .bar-fill.mp{background:linear-gradient(to bottom,#3498db,#1a5276);box-shadow:0 0 8px #3498db99}.resource-bar .bar-fill.honor{background:linear-gradient(to bottom,#d4af37,#8b7355);box-shadow:0 0 8px #d4af3799}.resource-bar .bar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:4px;font-size:10px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.8);letter-spacing:.5px;z-index:1}.resource-bar .bar-text:before{content:"";position:absolute;top:2px;right:20%;bottom:2px;left:20%;background:#00000059;border-radius:2px;z-index:-1}.resource-bar .bar-label{opacity:.9;text-transform:uppercase;font-size:9px;font-size:12px;font-family:Cinzel,serif;font-weight:700;color:#fff;text-shadow:0 0 4px rgba(0,0,0,1),0 0 8px rgba(0,0,0,.8),1px 1px 1px rgba(0,0,0,1);z-index:1;letter-spacing:.5px}.frame-actions{display:flex;gap:4px;margin-top:4px}.frame-btn{padding:4px 10px;background:linear-gradient(145deg,#1e1914f2,#140f0af2);border:2px solid var(--fantasy-gold);border-radius:3px;color:var(--fantasy-gold-light);font-family:Cinzel,serif;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #00000080,inset 0 1px 2px #ffffff0d}.frame-btn:hover{background:linear-gradient(145deg,#32281ef2,#1e1914f2);box-shadow:0 0 12px #d4af3799,inset 0 1px 2px #ffffff1a;transform:translateY(-1px)}.frame-btn.stat-btn{border-color:var(--fantasy-gold);color:var(--fantasy-gold-light);animation:statPulse 1.5s ease-in-out infinite}.frame-btn.skill-btn{border-color:var(--fantasy-gold);color:var(--fantasy-gold-light)}.frame-btn.skill-btn:hover{box-shadow:0 0 12px #d4af37b3,inset 0 1px 2px #ffffff1a}.frame-btn.settings-btn{padding:4px 8px;font-size:14px;border-color:#c69b4f99;color:var(--fantasy-gold)}.frame-btn.settings-btn:hover{border-color:var(--fantasy-gold);box-shadow:0 0 12px #d4af3780,inset 0 1px 2px #ffffff1a}@keyframes statPulse{0%,to{box-shadow:0 2px 6px #00000080,0 0 8px #d4af3780}50%{box-shadow:0 2px 6px #00000080,0 0 16px #d4af37cc}}.status-bars{display:none}.status-bars-legacy{position:relative;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(180deg,#1a0f0ffa,#0b0b0bfa);padding:14px 24px;border-bottom:4px solid var(--arcane-gold);box-shadow:0 6px 20px #000c,inset 0 0 30px #00000080;display:flex;gap:20px;align-items:center;z-index:100}.health-bar,.mana-bar,.xp-bar{display:flex;align-items:center;gap:12px;flex:1;max-width:350px;position:relative}.bar-label{min-width:40px;font-weight:700;color:var(--arcane-gold-light);font-family:Cinzel Decorative,Cinzel,serif;font-size:14px;text-shadow:0 0 8px rgba(198,155,79,.6),1px 1px 3px rgba(0,0,0,.8);letter-spacing:1px}.bar{flex:1;height:24px;position:relative;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#1a0f0ff2,#0b0b0bfa);border:3px solid var(--arcane-gold);border-radius:0;box-shadow:inset 0 3px 6px #000c,0 0 15px #c69b4f66,inset 0 0 20px #0009;overflow:hidden}.bar:before,.bar:after{content:"⚜";position:absolute;color:var(--arcane-gold);font-size:10px;opacity:.6;z-index:3;animation:runeGlow 2s ease-in-out infinite}.bar:before{top:2px;left:4px}.bar:after{top:2px;right:4px}.bar-fill{height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:inset 0 2px 4px #fff3,0 0 20px currentColor}.bar-fill.health{background:linear-gradient(to right,var(--arcane-hp-dark),var(--arcane-hp-light));box-shadow:inset 0 2px 4px #fff3,0 0 20px #d9343499,0 0 40px #7a0e0e66;animation:healthPulse 2s ease-in-out infinite}@keyframes healthPulse{0%,to{box-shadow:inset 0 2px 4px #fff3,0 0 20px #d9343499,0 0 40px #7a0e0e66}50%{box-shadow:inset 0 2px 4px #ffffff4d,0 0 30px #d93434cc,0 0 60px #7a0e0e99}}.bar-fill.health:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.4),transparent);pointer-events:none}.bar-fill.mana{background:linear-gradient(to right,var(--arcane-mp-dark),var(--arcane-mp-light));box-shadow:inset 0 2px 4px #fff3,0 0 20px #4da6ff99,0 0 40px #234a7a66;animation:manaPulse 2s ease-in-out infinite}@keyframes manaPulse{0%,to{box-shadow:inset 0 2px 4px #fff3,0 0 20px #4da6ff99,0 0 40px #234a7a66}50%{box-shadow:inset 0 2px 4px #ffffff4d,0 0 30px #4da6ffcc,0 0 60px #234a7a99}}.bar-fill.mana:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.4),transparent);pointer-events:none}.bar-fill.xp{background:repeating-linear-gradient(45deg,var(--arcane-gold-dark) 0px,var(--arcane-gold-dark) 10px,var(--arcane-gold) 10px,var(--arcane-gold) 20px),linear-gradient(to right,var(--arcane-gold-dark),var(--arcane-gold),var(--arcane-gold-light));background-size:40px 40px,100% 100%;animation:xpRuneRotate 3s linear infinite;box-shadow:inset 0 2px 4px #fff3,0 0 25px #c69b4fb3,0 0 50px #a87c3a80}@keyframes xpRuneRotate{0%{background-position:0 0,0 0}to{background-position:40px 40px,0 0}}.bar-fill.xp:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.4),transparent);pointer-events:none}.bar-value{min-width:90px;text-align:center;font-size:13px;color:var(--arcane-text-light);font-family:Cinzel Decorative,Cinzel,serif;font-weight:700;letter-spacing:1px;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#1a0f0ff2,#0b0b0bfa);padding:5px 12px;border-radius:0;border:2px solid var(--arcane-gold);box-shadow:inset 0 2px 4px #000c,0 0 10px #c69b4f66;text-shadow:0 0 8px rgba(198,155,79,.6)}.xp-bar .bar-value{position:relative;min-width:70px;width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,rgba(198,155,79,.3) 0%,transparent 50%),linear-gradient(145deg,#3c3c3cf2,#282828f2);border:3px solid var(--arcane-gold);box-shadow:inset 0 2px 8px #000c,inset 0 -2px 8px #ffffff1a,0 0 20px #c69b4f99,0 0 40px #c69b4f4d;font-family:Cinzel Decorative,Cinzel,serif;font-size:18px;font-weight:700;color:var(--arcane-gold-light);text-shadow:0 0 10px rgba(198,155,79,.8),2px 2px 4px rgba(0,0,0,.8);padding:0}.xp-bar .bar-value:before{content:"⚜⚜⚜";position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:10px;color:var(--arcane-gold);opacity:.6;animation:runeGlow 2s ease-in-out infinite;letter-spacing:4px}.stat-points-button{margin-left:12px;padding:8px 16px;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#c69b4f33,#a87c3a26);border:3px solid var(--arcane-gold);border-radius:0;color:var(--arcane-gold-light);font-family:Cinzel Decorative,Cinzel,serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:inset 0 2px 4px #000c,0 0 15px #c69b4f80;text-shadow:0 0 8px rgba(198,155,79,.6);letter-spacing:1px;position:relative;overflow:hidden}.stat-points-button:before{content:"⚜";position:absolute;left:6px;top:50%;transform:translateY(-50%);font-size:12px;opacity:.6;animation:runeGlow 2s ease-in-out infinite}.stat-points-button:hover{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#c69b4f4d,#a87c3a40);transform:translateY(-2px);box-shadow:inset 0 2px 4px #000c,0 0 25px #c69b4fcc}@keyframes pulse{0%,to{box-shadow:inset 0 2px 4px #000c,0 0 15px #c69b4f80}50%{box-shadow:inset 0 2px 4px #000c,0 0 30px #c69b4fe6}}.loading-screen{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a0f0a,#2c1810,#1a0f0a)}.loading-screen .fantasy-text{font-family:Cinzel Decorative,Cinzel,serif;color:var(--fantasy-gold);text-shadow:2px 2px 4px var(--fantasy-shadow)}.skills-tree-button{margin-left:12px;padding:8px 20px;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#9370db33,#6b4da326);border:3px solid var(--fantasy-gold);border-radius:0;color:var(--fantasy-gold);font-family:Cinzel Decorative,Cinzel,serif;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:inset 0 2px 4px #000c,0 0 20px #9370db99;text-shadow:0 0 10px rgba(147,112,219,.8);letter-spacing:1px;position:relative;overflow:hidden}.skills-tree-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(147,112,219,.3),transparent);animation:runeLineSweep 3s ease-in-out infinite}@keyframes runeLineSweep{0%{left:-100%}to{left:100%}}.skills-tree-button:hover{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#9370db4d,#6b4da340);color:var(--arcane-gold);box-shadow:inset 0 2px 4px #000c,0 0 30px #9370dbe6;transform:translateY(-2px)}.storage-button{margin-left:12px;padding:8px 20px;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a140ab3,#0b0b0be6 2px),linear-gradient(145deg,#c9a22733,#8b691426);border:3px solid #c9a227;border-radius:0;color:#dcc27a;font-family:Cinzel Decorative,Cinzel,serif;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:inset 0 2px 4px #000c,0 0 20px #c9a22799;text-shadow:0 0 10px rgba(201,162,39,.8);letter-spacing:1px;position:relative;overflow:hidden}.storage-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(201,162,39,.3),transparent);animation:runeLineSweep 3s ease-in-out infinite}.storage-button:hover{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a140ab3,#0b0b0be6 2px),linear-gradient(145deg,#c9a2274d,#8b691440);border-color:#dcc27a;box-shadow:inset 0 2px 4px #000c,0 0 30px #c9a227e6;transform:translateY(-2px)}.game-view{flex:1;display:flex;align-items:center;justify-content:center;background-color:#000;position:relative;transition:box-shadow .2s ease;padding:8px 8px 90px}.game-view:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:3px solid var(--arcane-gold);box-shadow:inset 0 0 20px #000c,0 0 20px #c69b4f66;pointer-events:none;z-index:10}.game-view:after{content:"⚜";position:absolute;top:4px;left:4px;font-size:12px;color:var(--arcane-gold);opacity:.5;animation:runeGlow 3s ease-in-out infinite;pointer-events:none;z-index:11;text-shadow:0 0 8px rgba(198,155,79,.6)}.game-view.drag-over{box-shadow:inset 0 0 40px #c69b4f99,0 0 30px #c69b4fcc;outline:4px solid var(--arcane-gold);outline-offset:-4px}.game-view.drag-over:after{content:"⚜ Drop Item Here ⚜";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:repeating-linear-gradient(0deg,#0b0b0bf2,#1a0f0fcc,#0b0b0bf2 2px),linear-gradient(145deg,#1a0f0ffa,#0b0b0bfa);color:var(--arcane-gold-light);padding:20px 40px;border-radius:0;border:3px solid var(--arcane-gold);font-size:20px;font-weight:700;pointer-events:none;z-index:1000;font-family:Cinzel,serif;text-shadow:0 0 15px rgba(198,155,79,.8),2px 2px 4px rgba(0,0,0,.9);letter-spacing:2px;box-shadow:inset 0 3px 6px #000c,0 0 30px #c69b4f99}.game-view canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges}.active-effects{background:#1e1914e6;border:1px solid #5a4a3a;border-radius:6px;padding:8px;margin-bottom:12px}.active-effects-header{font-size:11px;font-weight:700;color:#d4af37;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #3a3228}.effects-container{display:flex;flex-wrap:wrap;gap:6px}.effect-item{display:flex;align-items:center;gap:6px;background:#28231ef2;border:2px solid;border-radius:4px;padding:4px 8px;min-width:100px;max-width:150px;position:relative;overflow:hidden;transition:all .2s ease}.effect-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0006}.effect-item.stance{background:linear-gradient(135deg,#3c3228f2,#28231ef2)}.effect-item.buff{background:linear-gradient(135deg,#322d28f2,#231e19f2)}.effect-item.stat_modifier{background:linear-gradient(135deg,#283c28f2,#1e281ef2)}.effect-item.damage_reduction{background:linear-gradient(135deg,#28323cf2,#1e232df2)}.effect-item.damage_shield{background:linear-gradient(135deg,#3c283cf2,#2d1e2df2)}.effect-item.mana_shield{background:linear-gradient(135deg,#282846f2,#1e1e32f2)}.effect-item.stealth{background:linear-gradient(135deg,#1e1e2df2,#141423f2);animation:stealth-pulse 2s ease-in-out infinite}@keyframes stealth-pulse{0%,to{opacity:.9}50%{opacity:.6}}.effect-icon{font-size:16px;flex-shrink:0}.effect-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.effect-name{font-size:10px;font-weight:600;color:#e8e0d4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.effect-duration{font-size:9px;color:#a0a0a0;font-family:monospace}.shield-bar-container{position:absolute;bottom:0;left:0;right:0;height:3px;background:#00000080}.shield-bar{height:100%;transition:width .3s ease}.shield-amount{position:absolute;bottom:4px;right:4px;font-size:8px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.effect-item.expiring{animation:pulse-warning 1s ease-in-out infinite}.no-effects{color:#666;font-size:11px;text-align:center;padding:8px;font-style:italic}.combat-panel h3{color:var(--arcane-gold);font-family:Cinzel,serif;margin-bottom:20px;font-size:24px;border-bottom:3px solid var(--arcane-gold);padding-bottom:12px;text-shadow:0 0 15px rgba(198,155,79,.8),2px 2px 4px rgba(0,0,0,.9);letter-spacing:2px;position:relative}.combat-panel h3:before,.combat-panel h3:after{content:"⚜";position:absolute;bottom:-10px;color:var(--arcane-gold);font-size:14px;opacity:.6;animation:runeGlow 2s ease-in-out infinite}.combat-panel h3:before{left:0}.combat-panel h3:after{right:0}.combat-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.combat-panel-header h3{margin:0}.combat-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;border-radius:999px;font-family:Cinzel,serif;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.combat-status-badge.in-combat{border:1px solid #8b1a1a;background:linear-gradient(145deg,#8b1a1af2,#3f0a0a);color:#ffd8d8;box-shadow:0 0 8px #c0392b80}.combat-status-badge.out-of-combat{border:1px solid #2e5a1f;background:linear-gradient(145deg,#2d5016f2,#1a3510);color:#d8ffd8;box-shadow:0 0 8px #3dd66d59}.no-enemies{color:var(--fantasy-text-muted);text-align:center;padding:40px 20px;font-style:italic;font-family:Cinzel,Cinzel,serif}.enemy-list{margin-bottom:20px;max-height:200px;overflow-y:auto}.enemy-card{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#5c403399,#3c2d2399);border:1px solid var(--fantasy-border);border-radius:3px;padding:6px 10px;margin-bottom:4px}.enemy-name{color:var(--fantasy-burnt-orange);font-weight:700;font-size:13px;font-family:Cinzel,Cinzel,serif}.combat-instructions{background:#2d501699;border:2px solid var(--fantasy-dark-green);border-radius:5px;padding:14px;margin-bottom:15px}.combat-instructions p{margin:6px 0;font-size:12px;color:var(--fantasy-parchment);font-family:Cinzel,Cinzel,serif;line-height:1.5}.combat-instructions strong{color:var(--fantasy-gold)}.enemy-distance{font-size:11px;color:var(--fantasy-parchment);font-family:Cinzel,Cinzel,serif}.enemy-card.in-range{border-color:var(--fantasy-dark-green);background:linear-gradient(135deg,#2d501666,#233c1466)}.enemy-card.in-range .enemy-distance{color:var(--fantasy-gold);font-weight:700}.enemy-card.out-of-range{opacity:.8}.enemy-card.out-of-range .enemy-distance{color:var(--fantasy-text-muted)}.combat-info{margin-top:15px;padding:12px;background-color:#2c181099;border-radius:4px;text-align:center;border:1px solid var(--fantasy-border)}.combat-info small{color:var(--fantasy-text-muted);font-size:11px;line-height:1.5;font-family:Cinzel,Cinzel,serif}.stamina-container{margin-bottom:20px;padding:16px;border-radius:0;border:3px solid var(--arcane-gold);box-shadow:inset 0 3px 6px #000c,0 0 15px #c69b4f66;position:relative}.stamina-container:before,.stamina-container:after{content:"⚜";position:absolute;color:var(--arcane-gold);font-size:12px;opacity:.5;animation:runeGlow 2s ease-in-out infinite;z-index:1}.stamina-container:before{top:4px;left:8px}.stamina-container:after{top:4px;right:8px}.stamina-label{font-size:14px;margin-bottom:10px;font-weight:700;color:var(--arcane-gold-light);font-family:Cinzel Decorative,serif!important;text-shadow:0 0 8px rgba(198,155,79,.6);letter-spacing:1px}.stamina-bar{position:relative;height:26px;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#1a0f0ff2,#0b0b0bfa);border:3px solid var(--arcane-gold);border-radius:0;overflow:hidden;box-shadow:inset 0 3px 6px #000c,0 0 15px #c69b4f66}.stamina-current{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#2d5016,var(--arcane-stamina-green),#4ade80);transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #3dd66d99,0 0 40px #2d501666;animation:staminaFlicker 2s ease-in-out infinite}@keyframes staminaFlicker{0%,to{box-shadow:0 0 20px #3dd66d99,0 0 40px #2d501666}50%{box-shadow:0 0 30px #3dd66dcc,0 0 60px #2d501699}}.stamina-fatigue{position:absolute;top:0;height:100%;background:repeating-linear-gradient(45deg,#3d3d3dcc,#3d3d3dcc 5px,#282828cc 5px,#282828cc 10px);transition:width .4s cubic-bezier(.4,0,.2,1),left .4s cubic-bezier(.4,0,.2,1);border-right:2px solid rgba(0,0,0,.5)}.stamina-stress{position:absolute;top:0;height:100%;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px);transition:width .4s cubic-bezier(.4,0,.2,1),left .4s cubic-bezier(.4,0,.2,1);border-right:2px solid rgba(0,0,0,.8)}.stamina-legend{display:flex;gap:16px;margin-top:12px;font-size:12px;font-family:Cormorant Garamond,serif}.legend-item{display:flex;align-items:center;gap:8px;color:var(--arcane-text-light);position:relative}.legend-color{width:20px;height:20px;border-radius:50%;border:2px solid var(--arcane-gold);box-shadow:inset 0 2px 4px #000c,0 0 8px #c69b4f66;position:relative;background:radial-gradient(circle at 30% 30%,rgba(198,155,79,.2) 0%,transparent 50%),linear-gradient(145deg,#3c3c3ce6,#282828e6)}.legend-color:before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;border-radius:50%;border:1px solid rgba(198,155,79,.3);box-shadow:inset 0 0 4px #c69b4f33}.legend-color.green{background:radial-gradient(circle at 30% 30%,rgba(61,214,109,.4) 0%,transparent 50%),linear-gradient(145deg,#2d5016e6,#1a0f0fe6);box-shadow:inset 0 2px 4px #000c,0 0 12px #3dd66d80}.legend-color.gray{background:radial-gradient(circle at 30% 30%,rgba(196,178,138,.2) 0%,transparent 50%),linear-gradient(145deg,#3d3d3de6,#282828e6)}.legend-color.black{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#1a0f0ff2,#0b0b0bfa)}.legend-item.active .legend-color{box-shadow:inset 0 2px 4px #000c,0 0 20px #c69b4fcc;animation:legendRuneOrbit 3s ease-in-out infinite}@keyframes legendRuneOrbit{0%,to{transform:rotate(0);box-shadow:inset 0 2px 4px #000c,0 0 20px #c69b4fcc}50%{transform:rotate(180deg);box-shadow:inset 0 2px 4px #000c,0 0 30px #c69b4f}}.honor-container{margin-bottom:20px;padding:16px;border-radius:0;border:3px solid var(--arcane-gold);box-shadow:inset 0 3px 6px #000c,0 0 15px #c69b4f66;position:relative}.honor-container:before,.honor-container:after{content:"☯";position:absolute;color:var(--arcane-gold);font-size:12px;opacity:.5;animation:runeGlow 2s ease-in-out infinite;z-index:1}.honor-container:before{top:4px;left:8px}.honor-container:after{top:4px;right:8px}.honor-label{font-size:14px;margin-bottom:10px;font-weight:700;color:var(--arcane-gold-light);font-family:Cinzel Decorative,serif!important;text-shadow:0 0 8px rgba(198,155,79,.6);letter-spacing:1px}.honor-bar{position:relative;height:26px;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#1a0f0ff2,#0b0b0bfa);border:3px solid var(--arcane-gold);border-radius:0;overflow:hidden;box-shadow:inset 0 3px 6px #000c,0 0 15px #c69b4f66}.honor-current{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#8b7355,#d4af37,#f0d890);transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #d4af3799,0 0 40px #8b735566;animation:honorGlow 2s ease-in-out infinite}@keyframes honorGlow{0%,to{box-shadow:0 0 20px #d4af3799,0 0 40px #8b735566}50%{box-shadow:0 0 30px #d4af37cc,0 0 50px #8b735599}}.weather-effects{border-radius:6px;border:3px solid var(--arcane-gold);margin-bottom:20px;padding:16px;box-shadow:inset 0 3px 6px #000c,0 0 15px #c69b4f66;position:relative}.weather-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(100,140,180,.3)}.weather-icon{font-size:20px}.weather-name{font-family:Cinzel Decorative,serif;font-size:14px;font-weight:700;color:var(--arcane-gold-light);font-family:Cinzel,serif}.weather-intensity{font-size:13px;color:var(--arcane-gold-light);font-family:Cinzel Decorative,serif}.weather-modifiers{display:flex;flex-wrap:wrap;gap:6px}.weather-modifiers .modifier{font-size:14px;padding:3px 8px;border-radius:3px;color:var(--arcane-gold-light);font-family:Cinzel,serif;text-shadow:0 0 8px rgba(198,155,79,.6);white-space:nowrap}.weather-modifiers .modifier.positive{background:#2d782d66;border:1px solid rgba(80,180,80,.5);color:#8fdf8f}.weather-modifiers .modifier.negative{background:#782d2d66;border:1px solid rgba(180,80,80,.5);color:#df8f8f}.party-panel{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"character" "nearby" "bonds";gap:12px;height:100%;align-content:start;grid-auto-rows:minmax(0,auto)}.party-panel.no-nearby{grid-template-areas:"character" "bonds"}.party-panel h3{color:var(--fantasy-gold);font-family:Cinzel,serif;margin:0 0 12px;font-size:16px;border-bottom:1px solid var(--fantasy-border);padding-bottom:6px;text-shadow:2px 2px 4px var(--fantasy-shadow)}.party-panel h3:before,.party-panel h3:after{content:none}.party-panel-section{padding:12px;border-radius:10px;border:1px solid rgba(74,55,40,.45);background:linear-gradient(135deg,#241610c7,#140c09e0);box-shadow:0 4px 12px #0000004d,inset 0 0 12px #00000040}.party-panel-character{grid-area:character}.party-panel-nearby{grid-area:nearby}.party-panel-bonds{grid-area:bonds}.party-panel-bonds.bonds-full{grid-column:1 / -1}.character-card-inner{position:relative;border-radius:6px;padding:0;transform-style:preserve-3d;transition:all .4s cubic-bezier(.4,0,.2,1)}.char-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid var(--fantasy-border)}.char-name{color:var(--fantasy-gold-light);font-size:18px;font-weight:700;font-family:Cinzel,serif;text-shadow:2px 2px 4px var(--fantasy-shadow)}.char-level{color:var(--fantasy-text-dark);font-size:14px;background:linear-gradient(135deg,var(--fantasy-gold) 0%,var(--fantasy-gold-dark) 100%);padding:5px 12px;border-radius:4px;font-family:Cinzel,serif;font-weight:700;border:1px solid var(--fantasy-border)}.char-info{margin-bottom:15px}.info-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dotted rgba(74,55,40,.3)}.info-row .label{color:var(--fantasy-text-light);font-size:13px;font-family:Cinzel,serif}.info-row .value{color:var(--fantasy-text-light);font-size:13px;font-weight:700;font-family:Cinzel,serif}.xp-section{margin:10px 0 8px;padding:10px;background:linear-gradient(135deg,#2c18108c,#1c0f0a8c);border-radius:6px;border:1px solid var(--fantasy-border)}.party-panel .party-section,.party-panel .no-party-section{margin-top:0;padding:0;border:none;background:transparent}.party-panel .party-header{margin-bottom:8px}.party-panel .party-members{gap:6px}.party-panel .party-member{padding:8px;border-width:1px}.party-panel .member-class{margin-bottom:4px}.party-panel .party-actions,.party-panel .no-party-section{margin-top:8px}.party-panel .party-invites-section{margin-bottom:8px}.party-panel .party-invite-card{padding:8px;border-width:1px}.party-panel .invite-actions{gap:6px}.party-panel .invite-accept,.party-panel .invite-decline{padding:4px 8px;font-size:11px}.party-panel .nearby-players{gap:8px}.party-panel .player-item{padding:10px}.party-panel .echo-bonds-card{margin-top:0;padding:0;border:none}.xp-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px;color:var(--fantasy-text-light);font-family:Cinzel,serif!important}.xp-numbers{color:var(--fantasy-gold);font-weight:700}.xp-bar-container{margin:10px 0}.xp-bar-background{width:100%;height:22px;background-color:var(--fantasy-dark-wood);border:2px solid var(--fantasy-border);border-radius:6px;overflow:hidden;position:relative}.xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--fantasy-gold-dark) 0%,var(--fantasy-gold) 50%,var(--fantasy-gold-light) 100%);transition:width .5s ease-in-out;box-shadow:0 0 15px #d4af3780}.xp-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.xp-next-level{text-align:center;font-size:11px;color:var(--fantasy-text-muted);margin-top:8px;font-style:italic;font-family:Cinzel,serif}.stats-list{display:flex;flex-direction:column;gap:0;margin-top:10px;border:1px solid rgba(74,55,40,.45);border-radius:8px;background:linear-gradient(180deg,#180e0ab3,#100907cc);overflow:hidden}.stats-header{padding:8px 10px;font-family:Cinzel,serif;font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--fantasy-gold);border-bottom:1px solid rgba(74,55,40,.45);background:linear-gradient(135deg,#2c181099,#1c0f0a99)}.stats-row{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-bottom:1px solid rgba(74,55,40,.2)}.stats-row:last-child{border-bottom:none}.stats-row:nth-child(odd){background:#ffffff04}.stats-inline-label{color:var(--fantasy-text);font-size:10px;font-family:Cinzel,serif;letter-spacing:1.5px;text-transform:uppercase}.stats-inline-value{color:var(--fantasy-gold);font-size:13px;font-weight:700;font-family:Cinzel,serif;text-shadow:1px 1px 2px var(--fantasy-shadow);min-width:24px;text-align:right}.nearby-players{display:flex;flex-direction:column;gap:10px}.player-item{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#5c403399,#3c2d2399);border:1px solid var(--fantasy-border);border-radius:4px;padding:12px;transition:all .3s ease}.player-item:hover{border-color:var(--fantasy-gold)}.player-info{display:flex;flex-direction:column}.player-invite-btn{background:#2e8b57b3;border:1px solid #2e8b57;color:var(--fantasy-text-light);padding:6px 10px;font-size:11px;font-family:Cinzel,serif;cursor:pointer;border-radius:4px;transition:all .3s ease;min-width:64px;text-align:center}.player-invite-btn:hover{background:#2e8b57e6;border-color:#3a8f5c;box-shadow:0 0 8px var(--fantasy-glow)}.player-invite-btn:focus-visible{outline:2px solid var(--fantasy-gold);outline-offset:2px}.player-name{color:var(--fantasy-gold-light);font-size:14px;font-weight:700;margin-bottom:5px;font-family:Cinzel,serif}.player-details{color:var(--fantasy-text-muted);font-size:12px;font-family:Cinzel,serif}.echo-bonds-card{margin-top:20px;border-radius:5px;padding:12px}.bonds-toggle{width:100%;background:var(--fantasy-dark-wood);border:1px solid var(--fantasy-border);color:var(--fantasy-gold);padding:10px 14px;font-family:Cinzel,serif;font-size:14px;font-weight:700;cursor:pointer;border-radius:4px;transition:all .3s ease;text-align:left;text-shadow:1px 1px 2px var(--fantasy-shadow)}.bonds-toggle:hover{border-color:var(--fantasy-gold);box-shadow:0 0 8px var(--fantasy-glow)}.bonds-list{margin-top:10px;display:flex;flex-direction:column;gap:8px}.no-bonds{color:var(--fantasy-text-muted);font-size:12px;font-style:italic;text-align:center;padding:12px}.bond-item{background:linear-gradient(135deg,#3c2d23b3,#2c1810b3);border:2px solid var(--fantasy-border);border-radius:4px;padding:10px 12px;transition:all .3s ease}.bond-item.strength-1{border-left:3px solid #6eb5ff}.bond-item.strength-2{border-left:3px solid #9370db}.bond-item.strength-3{border-left:3px solid #ffd700}.bond-partner{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.partner-name{color:var(--fantasy-gold-light);font-size:13px;font-weight:700;font-family:Cinzel,serif}.partner-status{font-size:10px;padding:2px 6px;border-radius:3px;font-family:Cinzel,serif}.partner-status.online{background:#68d39133;color:#68d391;border:1px solid rgba(104,211,145,.4)}.partner-status.same-map{background:#ffd70033;color:gold;border:1px solid rgba(255,215,0,.4);font-weight:700}.bond-details{display:flex;justify-content:space-between;font-size:11px}.bond-strength-label{color:var(--fantasy-text-muted)}.bond-item.strength-1 .bond-strength-label{color:#6eb5ff}.bond-item.strength-2 .bond-strength-label{color:#9370db}.bond-item.strength-3 .bond-strength-label{color:gold}.bond-avenges{color:var(--fantasy-text-muted);font-style:italic}.bond-decay{color:var(--fantasy-text-muted);font-size:10px}.bond-decay.urgent{color:#ff6b6b;font-weight:700}.equipment-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1500;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.equipment-modal{background:linear-gradient(145deg,#3c2d23fa,#2c1810fa);border:3px solid var(--fantasy-gold);border-radius:10px;width:500px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 12px 40px var(--fantasy-shadow),0 0 0 1px var(--fantasy-gold-light);animation:slideUp .3s ease-out}.modal-header{padding:18px 24px;border-bottom:2px solid var(--fantasy-border);background:linear-gradient(180deg,#5c4033e6,#3c2d23e6);border-radius:7px 7px 0 0;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;color:var(--fantasy-gold);font-size:22px;font-family:Cinzel,serif;text-shadow:2px 2px 4px var(--fantasy-shadow)}.modal-close{background:transparent;border:2px solid var(--fantasy-border);color:var(--fantasy-text-muted);font-size:24px;cursor:pointer;padding:4px;width:34px;height:34px;border-radius:4px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--fantasy-text-light);border-color:var(--fantasy-gold);background:#d4af371a;transform:rotate(90deg)}.equipment-modal-content{padding:24px;overflow-y:auto;flex:1}.currently-equipped,.available-items{margin-bottom:24px}.currently-equipped h4,.available-items h4{color:var(--fantasy-gold);font-size:15px;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px;font-family:Cinzel,serif;border-bottom:1px solid var(--fantasy-border);padding-bottom:8px}.compact-items-list{display:flex;flex-direction:column;gap:8px}.compact-item{background:linear-gradient(135deg,#5c403399,#3c2d2399);border:2px solid var(--fantasy-border);border-radius:6px;padding:10px 12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;min-height:58px}.compact-item.equipped{cursor:default}.compact-item:not(.equipped):hover{background:linear-gradient(135deg,#5c4033e6,#3c2d23e6);border-color:var(--fantasy-gold);transform:translate(3px);box-shadow:0 4px 12px var(--fantasy-glow)}.compact-item.equipped{border-color:var(--fantasy-dark-green);border-left-width:4px;background:linear-gradient(135deg,#10b9811a,#3c2d23cc)}.compact-item-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#c69b4f33,#a87c3a26);border:2px solid var(--fantasy-gold);border-radius:4px;color:var(--fantasy-gold)}.compact-item:hover .compact-item-icon{color:var(--fantasy-gold-light);box-shadow:0 0 15px #c69b4f99}.compact-item-info{flex:1;min-width:0}.compact-item-name{color:var(--fantasy-text-light);font-weight:700;font-size:14px;margin-bottom:4px;font-family:Cinzel,serif;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.compact-item-stats{display:flex;gap:12px;font-size:11px;font-family:Cinzel,serif}.compact-item-stats .stat-dmg{color:var(--fantasy-burnt-orange);font-weight:700;font-family:Orbitron,Courier New,monospace;letter-spacing:.5px}.compact-item-stats .stat-def{color:var(--fantasy-gold-light);font-weight:700;font-family:Orbitron,Courier New,monospace;letter-spacing:.5px}.compact-item-stats .stat-magic{color:#a855f7;font-weight:700;font-family:Orbitron,Courier New,monospace;letter-spacing:.5px}.compact-item-stats .stat-mdef{color:#06b6d4;font-weight:700;font-family:Orbitron,Courier New,monospace;letter-spacing:.5px}.compact-item-level{color:var(--fantasy-gold);font-size:10px;font-weight:700;padding:2px 6px;background:#c69b4f33;border-radius:3px}.compact-item-level.level-required{color:var(--fantasy-burnt-orange);background:#d3633e33}.compact-item-button{flex-shrink:0;min-width:70px;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#c69b4f33,#a87c3a26);border:3px solid var(--fantasy-gold);color:var(--fantasy-gold-light);padding:8px 16px;border-radius:4px;font-family:Cinzel,serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-shadow:0 0 10px rgba(198,155,79,.6);box-shadow:inset 0 2px 4px #000c,0 2px 8px #0006}.compact-item-button:hover{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#c69b4f4d,#a87c3a40);border-color:var(--fantasy-gold-light);transform:scale(1.05);box-shadow:inset 0 2px 4px #000c,0 4px 12px #c69b4f99,0 0 20px #c69b4f66}.compact-item-button:active{transform:scale(1)}.unequip-button{border-color:var(--fantasy-burnt-orange);color:var(--fantasy-burnt-orange)}.unequip-button:hover{border-color:#ff6b35;box-shadow:inset 0 2px 4px #000c,0 4px 12px #d3633e99,0 0 20px #ff6b3580}.equip-button{border-color:var(--fantasy-dark-green);color:#10b981}.equip-button:hover{border-color:#34d399;box-shadow:inset 0 2px 4px #000c,0 4px 12px #10b98199,0 0 20px #34d39980}.compact-item-locked{flex-shrink:0;color:var(--fantasy-text-muted);font-size:18px;min-width:70px;text-align:center;opacity:.4}.compact-item.item-disabled{opacity:.5;cursor:not-allowed}.compact-item.item-disabled:hover{transform:none;border-color:var(--fantasy-border);box-shadow:none}.compact-item.item-disabled .compact-item-icon{opacity:.4}.no-items{color:var(--fantasy-text-muted);font-style:italic;text-align:center;padding:30px 20px;font-family:Cinzel,serif}.equipment-modal-content::-webkit-scrollbar{width:10px}.equipment-modal-content::-webkit-scrollbar-track{background:var(--fantasy-dark-wood);border-radius:5px}.equipment-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--fantasy-deep-brown) 0%,var(--fantasy-dark-wood) 100%);border-radius:5px;border:2px solid var(--fantasy-border)}.equipment-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--fantasy-burnt-orange) 0%,var(--fantasy-deep-brown) 100%);box-shadow:0 0 8px var(--fantasy-glow)}.compact-item-rarity{font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;text-shadow:1px 1px 2px rgba(0,0,0,.8);letter-spacing:.5px}.compact-item-rarity.rarity-common{background:#6b7280;color:#fff}.compact-item-rarity.rarity-uncommon{background:#22c55e;color:#fff}.compact-item-rarity.rarity-rare{background:#3b82f6;color:#fff}.compact-item-rarity.rarity-epic{background:#a855f7;color:#fff}.compact-item-rarity.rarity-legendary{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#1a1a1a;text-shadow:none}.craftsmanship-badge{font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;border:1px solid;background:#0006;text-transform:uppercase;letter-spacing:.5px;margin-left:4px}.compact-item.class-restricted{border-color:#ff6b6b;background:linear-gradient(135deg,#ff6b6b33,#3c2d2399)}.compact-item.class-restricted .compact-item-icon{border-color:#ff6b6b;color:#ff6b6b;opacity:.7}.compact-item.class-restricted:hover{border-color:#ff6b6b;transform:none;box-shadow:0 0 10px #ff6b6b4d;cursor:not-allowed}.class-restriction-warning{color:#ff6b6b;font-size:10px;font-weight:700;margin-top:4px;padding:3px 6px;background:#ff6b6b33;border-radius:3px;border-left:2px solid #ff6b6b;font-family:Cinzel,Cinzel,serif;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px}.class-restriction-warning .restriction-icon{width:12px;height:12px;filter:invert(60%) sepia(80%) saturate(500%) hue-rotate(320deg) brightness(100%) contrast(100%)}.compact-item-locked .locked-icon{width:20px;height:20px}.compact-item.item-disabled:not(.class-restricted) .locked-icon{filter:brightness(0) saturate(100%) invert(58%) sepia(8%) saturate(567%) hue-rotate(346deg) brightness(93%) contrast(87%)}.compact-item.class-restricted .locked-icon{filter:invert(60%) sepia(80%) saturate(500%) hue-rotate(320deg) brightness(100%) contrast(100%)}:root{--rpg-dark: #1a0f0f;--rpg-maroon: #2a1a1a;--rpg-panel: #221515;--rpg-gold: #c5a059;--rpg-gold-dim: #8a703e;--rpg-parchment: #e6dcc3;--rpg-green: #4caf50;--rpg-slot-border: #8b4513}.equipment-panel{font-family:Cinzel,serif;background:var(--rpg-panel);color:var(--rpg-gold);padding:16px;position:relative;overflow:hidden;border:2px solid var(--rpg-gold-dim)}.equipment-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.2) 1px,transparent 1px,transparent 4px);pointer-events:none;z-index:0;opacity:.4}.equipment-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 50px #000c;pointer-events:none;z-index:0}.ornate-corner{position:absolute;width:20px;height:20px;border-color:var(--rpg-gold);border-style:solid;pointer-events:none;z-index:1}.corner-tl{top:8px;left:8px;border-width:2px 0 0 2px}.corner-tr{top:8px;right:8px;border-width:2px 2px 0 0}.corner-bl{bottom:8px;left:8px;border-width:0 0 2px 2px}.corner-br{bottom:8px;right:8px;border-width:0 2px 2px 0}.equipment-panel-title{position:relative;z-index:10;text-align:center;margin-bottom:24px}.equipment-panel-title h3{display:flex;align-items:center;justify-content:center;gap:12px;color:khaki;font-size:24px;font-weight:700;letter-spacing:.2em;text-shadow:0 1px 2px rgba(0,0,0,.8);margin:0}.equipment-panel-title h3 .sword-icon{font-size:14px;opacity:.7}.title-divider{margin-top:8px;height:2px;width:100%;background:linear-gradient(to right,transparent,var(--rpg-gold-dim),transparent);opacity:.5;position:relative}.title-divider:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:6px;height:6px;background:var(--rpg-gold)}.equipment-doll-container{position:relative;z-index:10;width:100%;max-width:340px;margin:0 auto 24px}.character-silhouette{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:0;margin-top:16px}.character-silhouette img{height:440px;width:auto;opacity:.8;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5)) contrast(1.25);mix-blend-mode:multiply}.equipment-grid{position:relative;z-index:10;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px 8px;max-width:340px;margin:0 auto}.equipment-slot-doll{background:#14141ef2;border:2px solid rgba(150,150,150,.6);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,filter .2s,border-color .2s,box-shadow .2s;box-shadow:inset 0 0 20px #000c,0 2px 8px #0009;overflow:visible;position:relative}.equipment-slot-doll:hover{background:#282832fa;border-color:#c8c8c8e6;box-shadow:inset 0 0 20px #000c,0 0 15px #c8c8c84d;z-index:20}.equipment-slot-doll.disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.5)}.equipment-slot-doll.disabled:hover{transform:none;filter:grayscale(.5)}.equipment-slot-doll.has-item{border-color:#4caf50;background:#283c28e6}.slot-large{width:64px;height:64px}.slot-medium{width:56px;height:56px}.slot-small{width:48px;height:48px}.slot-icon-doll{display:flex;align-items:center;justify-content:center;color:#999}.slot-label-doll{font-size:7px;font-weight:800;color:#999;text-transform:uppercase;margin-top:2px;font-family:Cinzel,serif}.slot-large .slot-label-doll{font-size:8px}.slot-item-equipped{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;background:var(--rpg-green);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:10px;border:2px solid var(--rpg-panel);padding:0 3px;gap:2px;color:#fff}.craftsmanship-badge-small{font-size:9px;text-shadow:0 0 4px currentColor}.slot-item-name-doll{font-size:6px;color:var(--rpg-green);text-align:center;margin-top:1px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px;font-weight:700}.grid-row{display:contents}.slot-helmet{grid-column:2;justify-self:center}.slot-utility{grid-column:1;justify-self:center;align-self:start;margin-top:16px}.slot-amulet{grid-column:2;justify-self:center}.slot-gloves{grid-column:3;justify-self:center;align-self:start;margin-top:16px}.slot-weapon{grid-column:1;justify-self:center;align-self:center}.slot-chest{grid-column:2;justify-self:center}.slot-shield{grid-column:3;justify-self:center;align-self:center}.slot-belt,.slot-boots{grid-column:2;justify-self:center;margin-top:4px}.ring-slots-container{position:relative;z-index:10;display:flex;justify-content:center;gap:12px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.05)}.slot-ring{position:relative}.two-handed-notice{position:absolute;top:50%;right:-10px;transform:translateY(-50%);background:#ff646426;border:1px solid rgba(255,100,100,.4);border-radius:4px;padding:4px 8px;font-size:10px;color:#f66;pointer-events:none;white-space:nowrap;z-index:20}.utility-timer{position:absolute;top:180px;left:8px;display:flex;align-items:center;gap:4px;background:#ffa50026;border:1px solid rgba(255,165,0,.4);border-radius:4px;padding:3px 8px;font-size:11px;color:orange;pointer-events:none;white-space:nowrap;z-index:20}.utility-timer .timer-value{font-family:Courier New,monospace;font-weight:700;min-width:36px;text-align:center}.utility-timer .timer-value.low{color:#f44;animation:timer-pulse 1s ease-in-out infinite}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.5}}.equipment-totals{position:relative;z-index:10;max-width:340px;margin:0 auto}.equipment-totals h4{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--rpg-gold);font-size:14px;font-weight:700;letter-spacing:.15em;margin-bottom:12px;opacity:.9}.stats-divider{height:1px;width:100%;background:linear-gradient(to right,transparent,var(--rpg-gold-dim),transparent);margin-bottom:16px;opacity:.5}.totals-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.total-stat{background:#14141e99;border:1px solid rgba(138,112,62,.4);border-radius:4px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000004d}.stat-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#ccc;text-transform:uppercase}.stat-label svg{flex-shrink:0}.stat-icon-attack{color:#b91c1c}.stat-icon-defense{color:#3b82f6}.stat-icon-magic{color:#a855f7}.stat-icon-resist{color:#22d3ee}.stat-value{font-size:12px;font-weight:700;color:var(--rpg-green);text-shadow:0 1px 2px rgba(0,0,0,.5)}.equipment-slot-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(6px);min-width:180px;max-width:240px;background:#0f0f19fa;border:1px solid rgba(198,155,79,.6);border-radius:8px;padding:10px 12px;box-shadow:0 12px 30px #0009;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:40}.equipment-slot-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:8px 8px 0;border-style:solid;border-color:rgba(15,15,25,.98) transparent transparent}.equipment-slot-doll:hover .equipment-slot-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.tooltip-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.tooltip-name{font-size:13px;font-weight:700;color:#f8e7c3;line-height:1.2}.tooltip-rarity{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tooltip-subtitle{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#ffffffb3;margin-bottom:8px}.tooltip-badge{padding:2px 6px;border-radius:999px;font-size:9px;font-weight:700;background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.5)}.tooltip-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;margin-bottom:8px}.tooltip-stat{display:flex;align-items:baseline;gap:6px}.tooltip-stat .stat-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#ffffff73}.tooltip-stat .stat-value{font-size:12px;font-weight:700}.tooltip-stat .stat-value.damage{color:#ef4444}.tooltip-stat .stat-value.defense{color:#3b82f6}.tooltip-stat .stat-value.magic{color:#a855f7}.tooltip-stat .stat-value.mdef{color:#22d3ee}.tooltip-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#ffffff8c;border-top:1px solid rgba(255,255,255,.1);padding-top:6px}.tooltip-rarity.rarity-common{color:#cbd5e1}.tooltip-rarity.rarity-uncommon{color:#22c55e}.tooltip-rarity.rarity-rare{color:#3b82f6}.tooltip-rarity.rarity-epic{color:#a855f7}.tooltip-rarity.rarity-legendary{color:#f59e0b}.inventory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:2px solid var(--fantasy-border);padding-bottom:10px}.inventory-header h3{color:var(--fantasy-gold);font-size:20px;margin:0;font-family:Cinzel,Cinzel,serif;text-shadow:2px 2px 4px var(--fantasy-shadow)}.gold-display{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#d4af3733,#b8941f33);padding:8px 14px;border-radius:20px;border:2px solid var(--fantasy-gold);box-shadow:0 0 15px var(--fantasy-glow)}.gold-amount{color:var(--fantasy-gold-light);font-weight:700;font-size:15px;font-family:Orbitron,Courier New,monospace;text-shadow:1px 1px 2px var(--fantasy-shadow);letter-spacing:.5px}.inventory-sort{margin-bottom:8px}.sort-select{width:100%;padding:6px 10px;background:#1e1914e6;border:1px solid var(--fantasy-border);border-radius:4px;color:var(--fantasy-text-light);font-family:Cinzel,Cinzel,serif;font-size:12px;cursor:pointer;transition:all .2s ease}.sort-select:hover{border-color:var(--fantasy-gold)}.sort-select:focus{outline:none;border-color:var(--fantasy-gold);box-shadow:0 0 8px var(--fantasy-glow)}.sort-select option{background:#1a1510;color:var(--fantasy-text-light)}.empty-inventory{color:var(--fantasy-text-muted);text-align:center;padding:50px 20px;font-style:italic;font-family:Cinzel,Cinzel,serif}.empty-inventory-grid{grid-column:1 / -1;color:var(--fantasy-text-muted);text-align:center;padding:50px 20px;font-style:italic;font-family:Cinzel,Cinzel,serif}.item-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:4px;margin-top:8px;overflow-y:auto;align-content:start}.item-row{display:flex;align-items:center;gap:10px;padding:6px 10px;background:#281e1999;border:1px solid var(--fantasy-border);border-radius:4px;cursor:pointer;transition:all .2s ease}.item-row:hover{background:#3c2d23e6;border-color:var(--fantasy-gold)}.item-row-icon{color:var(--fantasy-gold);display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.item-row-icon svg{width:100%;height:100%}.item-row-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.item-row-name{color:var(--fantasy-text-light);font-size:13px;font-family:Cinzel,Cinzel,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.craftsmanship-badge{font-size:10px;font-family:Cinzel,Cinzel,serif;padding:1px 6px;border:1px solid;border-radius:3px;display:inline-block;width:fit-content;text-transform:uppercase;letter-spacing:.5px;background:#0000004d}.item-row-qty{color:var(--fantasy-gold);font-size:12px;font-weight:700;font-family:Orbitron,Courier New,monospace;flex-shrink:0}.item-equip-btn{padding:4px 10px;background:linear-gradient(145deg,#c69b4f33,#a87c3a26);border:1px solid var(--fantasy-gold);border-radius:3px;color:var(--fantasy-gold);font-family:Cinzel,serif;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0;text-transform:uppercase;letter-spacing:.5px}.item-equip-btn:hover{background:linear-gradient(145deg,#c69b4f66,#a87c3a4d);box-shadow:0 0 8px #c69b4f80;color:var(--fantasy-gold-light)}.item-equip-btn:active{transform:scale(.95)}.item-row.dragging{opacity:.5;cursor:grabbing}.item-row[draggable=true]{cursor:grab}.item-row[draggable=true]:active{cursor:grabbing}.use-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .15s ease}.use-confirm-dialog{background:linear-gradient(145deg,#2a2218,#1a150f);border:2px solid var(--fantasy-gold);border-radius:8px;padding:20px 30px;text-align:center;box-shadow:0 0 30px #c69b4f4d,0 10px 40px #00000080;animation:scaleIn .15s ease;min-width:200px}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.use-confirm-icon{display:flex;justify-content:center;margin-bottom:12px}.use-confirm-icon svg{width:48px;height:48px;color:var(--fantasy-gold)}.use-confirm-text{color:var(--fantasy-text-light);font-family:Cinzel,serif;font-size:16px;margin-bottom:20px}.use-confirm-item-name{color:var(--fantasy-gold);font-weight:700}.use-confirm-buttons{display:flex;gap:15px;justify-content:center}.use-confirm-yes,.use-confirm-no{padding:8px 24px;border-radius:4px;font-family:Cinzel,serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.use-confirm-yes{background:linear-gradient(145deg,#22c55e4d,#16a34a33);border:2px solid #22c55e;color:#4ade80}.use-confirm-yes:hover{background:linear-gradient(145deg,#22c55e80,#16a34a66);box-shadow:0 0 15px #22c55e66;color:#86efac}.use-confirm-no{background:linear-gradient(145deg,#ef44444d,#dc262633);border:2px solid #ef4444;color:#f87171}.use-confirm-no:hover{background:linear-gradient(145deg,#ef444480,#dc262666);box-shadow:0 0 15px #ef444466;color:#fca5a5}.use-confirm-yes:active,.use-confirm-no:active{transform:scale(.95)}.ui-panel{width:450px;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(196,178,138,.03) 2px,rgba(196,178,138,.03) 4px),linear-gradient(180deg,#2b0f0ffa,#1a0f0ffa);border-left:4px solid var(--arcane-gold);display:flex;flex-direction:column;box-shadow:-6px 0 30px #000c,inset 0 0 50px #00000080;position:relative}.ui-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 0%,rgba(211,99,62,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(211,99,62,.1) 0%,transparent 50%);pointer-events:none;z-index:1}.ui-panel:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:radial-gradient(ellipse at center top,rgba(211,99,62,.15) 0%,transparent 70%);pointer-events:none;z-index:1;animation:emberFlicker 3s ease-in-out infinite}.map-name-display{display:flex;align-items:center;justify-content:center;gap:12px;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(180deg,#1a0f0ffa,#0b0b0bfa);border-bottom:4px solid var(--arcane-gold);padding:12px 20px;position:relative;z-index:3;box-shadow:0 4px 20px #000c,inset 0 0 30px #00000080}.map-name-display:before,.map-name-display:after{content:"";position:absolute;width:25px;height:25px;border:3px solid var(--arcane-gold);box-shadow:0 0 12px #c69b4f99;z-index:1}.map-name-display:before{top:-3px;left:20px;border-right:none;border-bottom:none;border-radius:6px 0 0}.map-name-display:after{top:-3px;right:20px;border-left:none;border-bottom:none;border-radius:0 6px 0 0}.map-label{font-family:Cinzel,serif;font-size:14px;font-weight:800;color:var(--arcane-gold-light);text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(198,155,79,.8),1px 1px 3px rgba(0,0,0,.8)}.map-value{font-family:Cinzel,serif;font-size:16px;font-weight:800;color:var(--arcane-gold-light);text-shadow:0 0 10px rgba(198,155,79,.8),1px 1px 3px rgba(0,0,0,.8);letter-spacing:1px}.tab-buttons{display:flex;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(180deg,#1a0f0ffa,#0b0b0bfa);border-bottom:4px solid var(--arcane-gold);padding:6px;gap:4px;position:relative;z-index:2}.tab-buttons button{flex:1;padding:14px 10px;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#3c3c3ce6,#282828e6);border:3px solid rgba(196,178,138,.4);color:var(--arcane-text-muted);font-family:Cinzel,serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border-radius:0;position:relative;text-transform:uppercase;letter-spacing:1px;box-shadow:inset 0 2px 4px #000c,inset 0 -2px 4px #ffffff1a;overflow:hidden}.tab-buttons button:before{content:attr(data-text);position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;text-shadow:1px 1px 2px rgba(0,0,0,.8),-1px -1px 1px rgba(255,255,255,.1);opacity:.7;pointer-events:none}.tab-buttons button:hover{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#d3633e4d,#a63c1e33);color:var(--arcane-ember);border-color:var(--arcane-ember);transform:translateY(-3px);box-shadow:inset 0 2px 4px #000c,0 0 20px #d3633e99}.tab-buttons button:hover:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(211,99,62,.4),transparent);animation:rippleSweep .6s ease-out}@keyframes rippleSweep{to{left:100%}}.tab-buttons button.active{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#c69b4f33,#a87c3a26);color:var(--arcane-gold-light);border-color:var(--arcane-gold);box-shadow:inset 0 2px 4px #000c,0 0 25px #c69b4fcc,inset 0 0 30px #c69b4f33;transform:translateY(0);border-bottom-color:transparent;text-shadow:0 0 10px rgba(198,155,79,.8)}.tab-buttons button.active:after{content:"⚜⚜⚜";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);font-size:10px;color:var(--arcane-gold);opacity:.6;animation:runeGlow 2s ease-in-out infinite;letter-spacing:6px;z-index:10;text-shadow:0 0 10px rgba(198,155,79,.8)}.tab-content{flex:1;overflow-y:auto;padding:24px;position:relative;z-index:2;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(196,178,138,.02) 2px,rgba(196,178,138,.02) 4px)}.tab-content h3,.tab-content h4{font-family:Cinzel,serif;color:var(--arcane-gold);text-shadow:0 0 10px rgba(198,155,79,.6);position:relative;padding-bottom:12px;margin-bottom:16px;border-bottom:2px solid var(--arcane-gold)}.tab-content h3:before,.tab-content h3:after,.tab-content h4:before,.tab-content h4:after{content:"⚜";position:absolute;bottom:-8px;color:var(--arcane-gold);font-size:12px;opacity:.6;animation:runeGlow 2s ease-in-out infinite}.tab-content h3:before,.tab-content h4:before{left:0}.tab-content h3:after,.tab-content h4:after{right:0}.tab-content::-webkit-scrollbar{width:12px}.tab-content::-webkit-scrollbar-track{background:var(--fantasy-dark-wood);border-left:2px solid var(--fantasy-border)}.tab-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--fantasy-deep-brown) 0%,var(--fantasy-dark-wood) 100%);border:2px solid var(--fantasy-border);border-radius:6px}.tab-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--fantasy-burnt-orange) 0%,var(--fantasy-deep-brown) 100%);box-shadow:0 0 8px var(--fantasy-glow)}.combat-log{height:180px;background:repeating-linear-gradient(0deg,#0b0b0bf2,#1a0f0fcc,#0b0b0bf2 2px),linear-gradient(180deg,#1a0f0ffa,#0b0b0bfa);border-top:4px solid var(--arcane-gold);display:flex;flex-direction:column;box-shadow:0 -6px 30px #000c,inset 0 0 30px #00000080;position:relative}.combat-log:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:repeating-linear-gradient(45deg,transparent 0px,transparent 20px,rgba(198,155,79,.05) 20px,rgba(198,155,79,.05) 40px);pointer-events:none;z-index:1}.log-header{padding:12px 24px;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(180deg,#1a0f0ffa,#0b0b0bfa);border-bottom:3px solid var(--arcane-gold);color:var(--arcane-gold-light);font-size:14px;text-transform:uppercase;font-weight:700;font-family:Cinzel,serif;letter-spacing:2px;text-align:center;position:relative;z-index:2;text-shadow:0 0 10px rgba(198,155,79,.6)}.log-header:before{content:"⚜";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:20px;color:var(--arcane-gold);opacity:.3;animation:runeGlow 3s ease-in-out infinite;pointer-events:none}.log-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 24px 16px 40px;font-size:14px;line-height:1.8;font-family:Lora,Cormorant Garamond,serif;position:relative;z-index:2;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(196,178,138,.02) 2px,rgba(196,178,138,.02) 4px)}.log-content:before{content:"";position:absolute;bottom:0;left:0;right:0;height:30%;background:radial-gradient(ellipse at center top,rgba(211,99,62,.1) 0%,transparent 70%);pointer-events:none;animation:emberFlicker 3s ease-in-out infinite}.log-empty{color:var(--arcane-text-muted);font-style:italic;text-align:center;padding:30px;font-family:Cormorant Garamond,serif;font-size:16px}.log-entry{color:var(--arcane-text-light);border-bottom:1px solid rgba(198,155,79,.2);position:relative;transition:all .3s ease;padding:8px 0 8px 24px}.log-entry:before{content:"⚜";position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:10px;color:var(--arcane-gold);opacity:.4}.log-entry:hover{color:var(--arcane-gold-light);background:#2b0f0f66;text-shadow:0 0 8px rgba(198,155,79,.6)}.log-entry.damage{color:#ff6b6b;text-shadow:0 0 8px rgba(255,107,107,.6)}.log-entry.damage:before{color:var(--arcane-ember)}.log-entry.healing{color:#4ade80;text-shadow:0 0 8px rgba(74,222,128,.6)}.log-entry.healing:before{color:var(--arcane-gold)}.log-entry.system{color:var(--arcane-bone);text-shadow:0 0 6px rgba(196,178,138,.4)}.log-entry:last-child{border-bottom:none}.log-scroll-buttons{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:3}.log-scroll-btn{width:24px;height:24px;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#3c3c3ce6,#282828e6);border:2px solid var(--arcane-gold);color:var(--arcane-gold);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .3s ease;box-shadow:inset 0 2px 4px #000c,0 0 8px #c69b4f4d}.log-scroll-btn:hover{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#d3633e4d,#a63c1e33);border-color:var(--arcane-ember);box-shadow:inset 0 2px 4px #000c,0 0 15px #d3633e99;transform:scale(1.1)}.log-content::-webkit-scrollbar{width:12px}.log-content::-webkit-scrollbar-track{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px);border-left:3px solid var(--arcane-gold)}.log-content::-webkit-scrollbar-thumb{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(180deg,#c69b4f4d,#a87c3a33);border:2px solid var(--arcane-gold);border-radius:0;box-shadow:inset 0 2px 4px #000c,0 0 10px #c69b4f66}.log-content::-webkit-scrollbar-thumb:hover{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(180deg,#d3633e66,#c69b4f4d);box-shadow:inset 0 2px 4px #000c,0 0 20px #d3633e99}.chat-panel{display:flex;flex-direction:column;height:100%;background:repeating-linear-gradient(0deg,#0b0b0bf2,#1a0f0fcc,#0b0b0bf2 2px),linear-gradient(180deg,#1a0f0ffa,#0b0b0bfa);border-left:1px solid var(--arcane-gold-dark);position:relative}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(180deg,#1a0f0ffa,#0b0b0bfa);border-bottom:2px solid var(--arcane-gold)}.chat-tabs{display:flex;gap:4px}.chat-tab{padding:6px 12px;background:#1a0f0f99;border:1px solid var(--arcane-gold-dark);border-radius:3px 3px 0 0;color:var(--arcane-text-muted);font-family:Cinzel,serif;font-size:11px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease}.chat-tab:hover{background:#c69b4f26;color:var(--arcane-gold-light)}.chat-tab.active{background:#c69b4f33;border-color:var(--arcane-gold);color:var(--arcane-gold-light);text-shadow:0 0 8px rgba(198,155,79,.5)}.muted-indicator{font-size:10px;color:var(--arcane-text-muted);padding:4px 8px;background:#ff646426;border-radius:3px;border:1px solid rgba(255,100,100,.3)}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px;display:flex;flex-direction:column;gap:4px}.chat-empty{color:var(--arcane-text-muted);font-style:italic;text-align:center;padding:20px;font-family:Cormorant Garamond,serif}.chat-message{display:flex;flex-wrap:wrap;gap:4px;padding:4px 8px;border-radius:3px;font-family:Lora,serif;font-size:13px;line-height:1.4;transition:background .2s ease;position:relative}.chat-message:hover{background:#c69b4f14}.chat-channel{font-size:11px;font-weight:700;text-transform:uppercase;opacity:.7}.chat-badge{display:inline-block;padding:1px 6px;border-radius:10px;font-size:11px;line-height:1.1;background:#94a3b833;color:#e2e8f0}.chat-sender{font-weight:700;cursor:pointer;transition:color .2s ease}.chat-sender:hover{text-decoration:underline}.chat-text{color:var(--arcane-text-light);word-break:break-word}.chat-msg-global .chat-channel{color:#fc6}.chat-msg-global .chat-sender{color:gold}.chat-msg-area .chat-channel{color:#8cf}.chat-msg-area .chat-sender{color:#6eb5ff}.chat-msg-system{color:#ff6b6b;font-style:italic;padding-left:0}.chat-msg-system .chat-text{color:#f88}.mute-menu{position:absolute;left:0;top:100%;z-index:100;background:#1a0f0ffa;border:1px solid var(--arcane-gold-dark);border-radius:3px;padding:4px;box-shadow:0 4px 12px #00000080}.mute-menu button{padding:6px 12px;background:#ff646433;border:1px solid rgba(255,100,100,.4);border-radius:3px;color:#f88;font-size:11px;cursor:pointer;white-space:nowrap}.mute-menu button:hover{background:#ff64644d}.chat-input-area{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0b0b0be6;border-top:2px solid var(--arcane-gold-dark)}.input-channel-indicator{font-size:10px;color:var(--arcane-gold);text-transform:uppercase;letter-spacing:1px;padding:4px 8px;background:#c69b4f1a;border:1px solid var(--arcane-gold-dark);border-radius:3px;min-width:50px;text-align:center}.chat-input{flex:1;padding:8px 12px;background:#1a0f0fcc;border:1px solid var(--arcane-gold-dark);border-radius:3px;color:var(--arcane-text-light);font-family:Lora,serif;font-size:13px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.chat-input:focus{border-color:var(--arcane-gold);box-shadow:0 0 8px #c69b4f4d}.chat-input::placeholder{color:var(--arcane-text-muted);font-style:italic}.chat-send-btn{padding:8px 16px;background:linear-gradient(180deg,#c69b4f4d,#c69b4f26);border:1px solid var(--arcane-gold);border-radius:3px;color:var(--arcane-gold-light);font-family:Cinzel,serif;font-size:11px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease}.chat-send-btn:hover:not(:disabled){background:linear-gradient(180deg,#c69b4f66,#c69b4f40);box-shadow:0 0 12px #c69b4f66}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.muted-list{padding:8px 12px;background:#0b0b0be6;border-top:1px solid var(--arcane-gold-dark);font-size:11px}.muted-list summary{cursor:pointer;color:var(--arcane-text-muted);font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:1px}.muted-list summary:hover{color:var(--arcane-gold-light)}.muted-players{display:flex;flex-direction:column;gap:4px;margin-top:8px;max-height:100px;overflow-y:auto}.muted-player{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:#1a0f0f99;border-radius:3px}.muted-player span{color:var(--arcane-text-light)}.muted-player button{padding:2px 8px;background:#64c86433;border:1px solid rgba(100,200,100,.4);border-radius:3px;color:#8c8;font-size:10px;cursor:pointer}.muted-player button:hover{background:#64c8644d}.death-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000eb;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .4s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.death-modal{background:linear-gradient(135deg,#2c1810fa,#3c1414fa);border:4px solid var(--fantasy-health-red);border-radius:12px;padding:40px;max-width:550px;text-align:center;box-shadow:0 0 60px #8b000099,inset 0 0 40px #00000080;animation:slideDown .5s ease-out}@keyframes slideDown{0%{transform:translateY(-80px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.death-skull{font-size:90px;margin-bottom:24px;animation:pulse 2s infinite;filter:drop-shadow(0 0 25px #ff0000)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.death-title{color:var(--fantasy-burnt-orange);font-size:38px;font-weight:700;font-family:Cinzel,serif;text-shadow:0 0 20px rgba(139,0,0,.8),2px 2px 4px var(--fantasy-shadow);margin:24px 0;letter-spacing:4px}.death-info{margin:32px 0;color:var(--fantasy-parchment);font-family:Cinzel,serif}.death-info p{margin:16px 0;font-size:16px;line-height:1.6}.exp-loss{color:var(--fantasy-burnt-orange);font-weight:700;font-size:19px!important}.respawn-info{color:var(--fantasy-gold);font-style:italic}.respawn-location{color:var(--fantasy-dark-green)}.death-actions{display:flex;gap:16px;justify-content:center;margin:34px 0 24px}.resurrect-button{background:linear-gradient(135deg,var(--fantasy-deep-brown) 0%,var(--fantasy-dark-wood) 100%);color:var(--fantasy-parchment);border:3px solid var(--fantasy-border);padding:16px 44px;font-size:18px;font-weight:700;font-family:Cinzel,serif;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px var(--fantasy-shadow);text-transform:uppercase;letter-spacing:1.5px}.resurrect-button:hover{background:linear-gradient(135deg,var(--fantasy-burnt-orange) 0%,var(--fantasy-deep-brown) 100%);border-color:var(--fantasy-gold);transform:translateY(-3px);box-shadow:0 0 30px var(--fantasy-glow),0 6px 16px var(--fantasy-shadow)}.cancel-button{background:linear-gradient(135deg,#3d3d3dcc,#2c1810cc);color:var(--fantasy-text-muted);border:2px solid var(--fantasy-border);padding:16px 34px;font-size:16px;font-family:Cinzel,serif;border-radius:8px;cursor:pointer;transition:all .3s ease}.cancel-button:hover{background:linear-gradient(135deg,var(--fantasy-stone-grey) 0%,var(--fantasy-deep-brown) 100%);color:var(--fantasy-text-light);border-color:var(--fantasy-text-muted)}.death-note{color:var(--fantasy-text-muted);font-size:12px;margin-top:24px;font-style:italic;font-family:Cinzel,serif}.loot-dialog-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loot-dialog{background:linear-gradient(145deg,#3c2d23fa,#2c1810fa);border:3px solid var(--fantasy-border);border-radius:10px;width:340px;max-width:90vw;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 12px 40px var(--fantasy-shadow),0 0 0 1px var(--fantasy-gold);animation:slideUp .3s ease-out}.loot-header{padding:18px 24px;border-bottom:2px solid var(--fantasy-border);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,#5c4033e6,#3c2d23e6);border-radius:7px 7px 0 0}.loot-header h2{margin:0;color:var(--fantasy-gold);font-size:22px;font-family:Cinzel,Cinzel,serif;text-shadow:2px 2px 4px var(--fantasy-shadow)}.loot-close{background:transparent;border:2px solid var(--fantasy-border);color:var(--fantasy-text-muted);font-size:24px;cursor:pointer;padding:4px;width:34px;height:34px;border-radius:4px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.loot-close:hover{color:var(--fantasy-text-light);border-color:var(--fantasy-gold);background:#d4af371a;transform:rotate(90deg)}.loot-warning{padding:12px 24px;background:linear-gradient(145deg,#8b00004d,#5c40334d);border-bottom:2px solid var(--fantasy-health-red);color:var(--fantasy-parchment);font-size:13px;text-align:center;font-family:Cinzel,serif;animation:warningPulse 2s ease-in-out infinite}@keyframes warningPulse{0%,to{background-color:#8b00004d}50%{background-color:#8b000080}}.loot-content{flex:1;padding:24px;overflow-y:auto;min-height:220px}.loot-empty{text-align:center;padding:50px 20px;color:var(--fantasy-text-muted);font-style:italic;font-family:Lato,sans-serif}.loot-items{display:flex;flex-direction:column;gap:12px}.loot-item{background:linear-gradient(135deg,#5c403399,#3c2d2399);border:2px solid var(--fantasy-border);border-left:4px solid var(--fantasy-gold-dark);border-radius:6px;padding:7px 10px;display:flex;align-items:center;gap:14px;transition:all .3s ease;cursor:pointer}.loot-item:hover{background:linear-gradient(135deg,#5c4033e6,#3c2d23e6);border-color:var(--fantasy-gold);border-left-color:var(--fantasy-gold-light);transform:translate(6px);box-shadow:0 4px 12px var(--fantasy-shadow)}.loot-item-icon{font-size:24px;width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#d4af3726;border-radius:6px;border:1px solid var(--fantasy-border);color:var(--fantasy-gold)}.loot-item-icon svg{width:24px;height:24px}.loot-item-details{flex:1}.loot-item-name{color:var(--fantasy-text-light);font-weight:700;font-size:15px;margin-bottom:4px;font-family:Cinzel,Cinzel,serif}.loot-item-type{color:var(--fantasy-text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.8px;font-family:Lato,sans-serif}.loot-item-quantity{color:var(--fantasy-gold-light);font-weight:700;font-size:17px;background:linear-gradient(135deg,#d4af3733,#b8941f33);padding:5px 12px;border-radius:16px;border:1px solid var(--fantasy-gold);font-family:Orbitron,Courier New,monospace;letter-spacing:.5px}.loot-footer{padding:18px 24px;border-top:2px solid var(--fantasy-border);display:flex;gap:12px;justify-content:flex-end;background:linear-gradient(180deg,#3c2d23e6,#2c1810e6);border-radius:0 0 7px 7px}.loot-btn-take-all,.loot-btn-force,.loot-btn-close{padding:12px 24px;border:2px solid var(--fantasy-border);border-radius:6px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:14px;font-family:Cinzel,Cinzel,serif}.loot-btn-take-all{background:linear-gradient(145deg,var(--fantasy-dark-green) 0%,var(--fantasy-deep-brown) 100%);color:var(--fantasy-parchment);flex:1;border-color:var(--fantasy-border)}.loot-btn-take-all:hover{background:linear-gradient(145deg,var(--fantasy-burnt-orange) 0%,var(--fantasy-deep-brown) 100%);border-color:var(--fantasy-gold);transform:translateY(-2px);box-shadow:0 4px 12px var(--fantasy-glow)}.loot-btn-force{background:linear-gradient(145deg,var(--fantasy-health-red) 0%,var(--fantasy-dark-wood) 100%);color:var(--fantasy-parchment);flex:1;border-color:var(--fantasy-health-red);animation:forceButtonPulse 1.5s ease-in-out infinite}.loot-btn-force:hover{background:linear-gradient(145deg,var(--fantasy-burnt-orange) 0%,var(--fantasy-health-red) 100%);border-color:var(--fantasy-burnt-orange);transform:translateY(-2px);box-shadow:0 4px 12px #8b000066}@keyframes forceButtonPulse{0%,to{box-shadow:0 0 #8b000000}50%{box-shadow:0 0 12px 2px #8b000066}}.loot-btn-close{background:linear-gradient(145deg,var(--fantasy-stone-grey) 0%,var(--fantasy-deep-brown) 100%);color:var(--fantasy-text-light);border-color:var(--fantasy-border)}.loot-btn-close:hover{background:linear-gradient(145deg,var(--fantasy-deep-brown) 0%,var(--fantasy-dark-wood) 100%);border-color:var(--fantasy-text-muted);transform:translateY(-2px)}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.loot-content::-webkit-scrollbar{width:10px}.loot-content::-webkit-scrollbar-track{background:var(--fantasy-dark-wood);border-radius:5px}.loot-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--fantasy-deep-brown) 0%,var(--fantasy-dark-wood) 100%);border-radius:5px;border:2px solid var(--fantasy-border)}.loot-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--fantasy-burnt-orange) 0%,var(--fantasy-deep-brown) 100%);box-shadow:0 0 8px var(--fantasy-glow)}.stat-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease-out}.stat-modal-container{background:linear-gradient(145deg,var(--fantasy-deep-brown),var(--fantasy-dark-wood));border:3px solid var(--fantasy-gold);border-radius:12px;padding:20px;max-width:1000px;width:90vw;max-height:75vh;overflow-y:auto;box-shadow:0 0 40px #d4af3766,inset 0 0 20px #0006;animation:slideDown .4s ease-out}.stat-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid var(--fantasy-gold)}.stat-modal-header h2{color:var(--fantasy-gold);margin:0;font-size:24px;font-family:Cinzel,Georgia,serif;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.stat-modal-close{background:none;border:none;color:var(--fantasy-parchment);font-size:32px;cursor:pointer;transition:color .2s,transform .2s;line-height:1}.stat-modal-close:hover{color:var(--fantasy-burnt-orange);transform:scale(1.2)}.stat-points-display{text-align:center;padding:10px;background:#0000004d;border-radius:6px;margin-bottom:15px;border:2px solid var(--fantasy-border);display:flex;align-items:center;justify-content:center;gap:12px}.points-label{color:var(--fantasy-parchment);font-size:15px;font-family:Lato,sans-serif}.points-value{color:var(--fantasy-gold);font-size:26px;font-weight:700;font-family:Orbitron,Courier New,monospace;letter-spacing:.5px;text-shadow:0 0 10px rgba(212,175,55,.6)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:linear-gradient(145deg,#2c1810cc,#1c0f0ae6);border:2px solid var(--fantasy-border);border-radius:6px;padding:12px;transition:all .3s ease}.stat-card:hover{border-color:var(--fantasy-gold);box-shadow:0 0 15px #d4af374d;transform:translateY(-2px)}.stat-card-header{display:flex;align-items:center;margin-bottom:8px;gap:10px}.stat-icon{font-size:28px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.stat-info{flex:1}.stat-name{color:var(--fantasy-gold);font-size:16px;font-weight:700;font-family:Cinzel,Georgia,serif;margin-bottom:2px}.stat-current{color:var(--fantasy-parchment);font-size:12px;opacity:.8;font-family:Orbitron,Courier New,monospace;letter-spacing:.3px}.stat-description{color:var(--fantasy-text-light);font-size:11px;margin-bottom:6px;line-height:1.3}.stat-bonus{color:var(--fantasy-gold);font-size:11px;font-weight:700;margin-bottom:8px;padding:3px 6px;background:#d4af371a;border-radius:3px;border:1px solid var(--fantasy-gold);display:inline-block;font-family:Orbitron,Courier New,monospace;letter-spacing:.3px}.allocate-button{width:100%;padding:8px;background:linear-gradient(145deg,var(--fantasy-gold),#b8860b);border:2px solid var(--fantasy-gold-light);border-radius:5px;color:var(--fantasy-deep-brown);font-family:Cinzel,Georgia,serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.allocate-button:hover:not(:disabled){background:linear-gradient(145deg,var(--fantasy-gold-light),var(--fantasy-gold));transform:translateY(-2px);box-shadow:0 4px 12px #d4af3780}.allocate-button:disabled{opacity:.4;cursor:not-allowed;background:linear-gradient(145deg,#555,#333);border-color:#666;color:#888}.plus-icon{font-size:18px;font-weight:700}.stat-modal-footer{display:flex;justify-content:center;padding-top:12px;border-top:1px solid var(--fantasy-border)}.close-button{padding:10px 25px;background:linear-gradient(145deg,var(--fantasy-stone-grey),#303030);border:2px solid var(--fantasy-border);border-radius:5px;color:var(--fantasy-parchment);font-family:Cinzel,Georgia,serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.close-button:hover{background:linear-gradient(145deg,#505050,var(--fantasy-stone-grey));transform:translateY(-2px)}.stat-modal-container::-webkit-scrollbar{width:10px}.stat-modal-container::-webkit-scrollbar-track{background:var(--fantasy-dark-wood);border-radius:5px}.stat-modal-container::-webkit-scrollbar-thumb{background:var(--fantasy-gold);border-radius:5px;border:1px solid var(--fantasy-border)}.stat-modal-container::-webkit-scrollbar-thumb:hover{background:var(--fantasy-gold-light)}@keyframes slideDown{0%{transform:translateY(-50px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.cast-bar-container{position:absolute;bottom:100px;left:50%;transform:translate(-50%);width:300px;background:repeating-linear-gradient(0deg,#0b0b0bf2,#1a0f0fcc,#0b0b0bf2 2px),linear-gradient(145deg,#1a0f0ffa,#0b0b0bfa);padding:10px 14px;border:3px solid var(--arcane-gold);border-radius:0;box-shadow:0 0 30px #c69b4f99,inset 0 0 20px #0009,0 6px 20px #000c;z-index:100;animation:castBarAppear .2s ease-out}@keyframes castBarAppear{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.cast-bar-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.cast-bar-icon{color:var(--arcane-gold);filter:drop-shadow(0 0 4px rgba(198,155,79,.6))}.cast-bar-skill-name{flex:1;font-family:Georgia,serif;font-size:14px;font-weight:700;color:var(--arcane-gold-light);text-shadow:0 0 8px rgba(198,155,79,.4)}.cast-bar-time{font-family:Georgia,serif;font-size:12px;color:var(--fantasy-stone-grey)}.cast-bar-track{position:relative;height:16px;background:#0009;border:2px solid var(--arcane-gold);border-radius:0;overflow:hidden}.cast-bar-fill{height:100%;background:linear-gradient(90deg,var(--arcane-ember) 0%,var(--arcane-gold) 50%,var(--arcane-gold-light) 100%);transition:width .05s linear;box-shadow:0 0 10px #d3633e99,inset 0 2px 4px #fff3}.cast-bar-glow{position:absolute;top:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);pointer-events:none;transform:translate(-50%)}.cast-bar-hint{margin-top:6px;text-align:center;font-family:Georgia,serif;font-size:10px;color:var(--fantasy-stone-grey);opacity:.7}.skill-slot.casting{border-color:var(--arcane-gold-light)!important;animation:castingPulse .5s ease-in-out infinite}@keyframes castingPulse{0%,to{box-shadow:inset 0 3px 6px #000c,0 0 20px #c69b4fcc}50%{box-shadow:inset 0 3px 6px #000c,0 0 35px #c69b4f}}.skill-slot.casting .skill-icon{animation:castingIconGlow .5s ease-in-out infinite}@keyframes castingIconGlow{0%,to{filter:drop-shadow(0 0 8px rgba(198,155,79,.8)) brightness(1.1)}50%{filter:drop-shadow(0 0 16px rgba(198,155,79,1)) brightness(1.3)}}.skills-hotbar{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:10px;background:repeating-linear-gradient(0deg,#0b0b0bf2,#1a0f0fcc,#0b0b0bf2 2px),linear-gradient(145deg,#1a0f0ffa,#0b0b0bfa);padding:14px 16px;border:4px solid var(--arcane-gold);border-radius:0;box-shadow:0 0 30px #c69b4f99,inset 0 0 20px #0009,0 6px 20px #000c;z-index:50}.skills-hotbar:before,.skills-hotbar:after{content:"";position:fixed;width:20px;height:20px;border:3px solid var(--arcane-gold);box-shadow:0 0 12px #c69b4f99;z-index:1}.skills-hotbar:before{top:-4px;left:-4px;border-right:none;border-bottom:none;border-radius:0}.skills-hotbar:after{top:-4px;right:-4px;border-left:none;border-bottom:none;border-radius:0}.skill-slot{width:64px;height:64px;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#1a0f0ff2,#0b0b0bfa);border:3px solid var(--arcane-gold);border-radius:0;position:relative;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 3px 6px #000c,0 0 10px #c69b4f4d;overflow:visible}.skill-slot:before{content:"";position:absolute;top:4px;left:4px;width:6px;height:6px;background:radial-gradient(circle,rgba(198,155,79,.4) 0%,transparent 70%);border-radius:50%;box-shadow:4px 4px #c69b4f4d,48px 4px #c69b4f4d,4px 48px #c69b4f4d,48px 48px #c69b4f4d;pointer-events:none}.skill-slot:after{content:"⚜";position:absolute;top:2px;right:2px;font-size:8px;color:var(--arcane-gold);opacity:.5;animation:runeGlow 2s ease-in-out infinite;pointer-events:none}.skill-slot:hover:not(.on-cooldown):not(.empty){border-color:var(--arcane-gold-light);box-shadow:inset 0 3px 6px #000c,0 0 25px #c69b4fcc;transform:translateY(-3px)}.skill-slot:not(.on-cooldown):not(.empty){border-color:var(--arcane-ember);box-shadow:inset 0 3px 6px #000c,0 0 15px #d3633e80}.skill-slot.empty{opacity:.4;cursor:default}.skill-slot.on-cooldown{cursor:not-allowed;opacity:.6}.skill-icon{font-size:32px;text-shadow:2px 2px 4px rgba(0,0,0,.9),0 0 8px currentColor;filter:drop-shadow(0 0 6px currentColor);transition:all .3s ease;position:relative;z-index:2}.skill-slot:not(.on-cooldown):not(.empty) .skill-icon{filter:drop-shadow(0 0 10px rgba(211,99,62,.6))}.skill-icon.grayed-out{filter:grayscale(100%) brightness(.3) drop-shadow(0 0 4px rgba(0,0,0,.5))}.skill-slot.selected{transform:scale(1.05);border-color:var(--arcane-gold-light);box-shadow:inset 0 3px 6px #000c,0 0 30px #c69b4f;animation:skillSelectedPulse 1.5s ease-in-out infinite}@keyframes skillSelectedPulse{0%,to{transform:scale(1.05);box-shadow:inset 0 3px 6px #000c,0 0 30px #c69b4f}50%{transform:scale(1.08);box-shadow:inset 0 3px 6px #000c,0 0 40px #c69b4f}}.skill-slot.selected:after{content:"⚜⚜⚜";position:absolute;top:-6px;left:50%;transform:translate(-50%);font-size:10px;color:var(--arcane-gold);opacity:.8;animation:runeGlow 1s ease-in-out infinite;letter-spacing:4px;z-index:10}.skill-key-hint{position:absolute;top:2px;right:4px;font-size:10px;font-weight:700;color:var(--fantasy-gold);background:#0009;padding:2px 4px;border-radius:3px;font-family:Georgia,serif}.empty-slot-hint{font-size:20px;color:var(--fantasy-stone-grey);font-weight:700;font-family:Georgia,serif}.cooldown-sweep-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0;pointer-events:none;transition:background .1s linear;background:repeating-linear-gradient(45deg,transparent 0px,transparent 10px,rgba(0,0,0,.3) 10px,rgba(0,0,0,.3) 20px);z-index:5}.cooldown-sweep-overlay:before{content:"⚜";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:#c69b4f4d;animation:cooldownRuneRotate 1s linear infinite;pointer-events:none}@keyframes cooldownRuneRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.cooldown-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:16px;font-weight:700;font-family:Georgia,serif;text-shadow:1px 1px 3px rgba(0,0,0,1),0 0 8px rgba(0,0,0,.8);pointer-events:none;z-index:10}.skill-cost{position:absolute;bottom:2px;left:2px;right:2px;display:flex;gap:2px;justify-content:center;font-size:9px;font-weight:700}.mana-cost{color:var(--fantasy-mana-blue);background:#000000b3;padding:1px 3px;border-radius:2px}.stamina-cost{color:#90ee90;background:#000000b3;padding:1px 3px;border-radius:2px}.range-indicator{color:gold;background:#000000b3;padding:1px 3px;border-radius:2px;font-size:8px}.skill-slot:not(.on-cooldown):not(.empty):hover .skill-icon{animation:pulse-glow 1s infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 4px rgba(212,175,55,.3))}50%{filter:drop-shadow(0 0 12px rgba(212,175,55,.8))}}.skill-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(6px);min-width:200px;max-width:260px;background:#0f0f19fa;border:1px solid rgba(198,155,79,.6);border-radius:8px;padding:10px 12px;box-shadow:0 12px 30px #0009;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:60}.skill-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:8px 8px 0;border-style:solid;border-color:rgba(15,15,25,.98) transparent transparent}.skill-slot:hover .skill-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.skill-tooltip-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.skill-tooltip-name{font-size:13px;font-weight:700;color:#f8e7c3}.skill-tooltip-type{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#cbd5e1}.skill-tooltip-type.magic{color:#a855f7}.skill-tooltip-type.combat{color:#f97316}.skill-tooltip-type.passive{color:#14b8a6}.skill-tooltip-desc{font-size:11px;color:#ffffffb3;margin-bottom:8px;line-height:1.4}.skill-tooltip-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;margin-bottom:8px}.skill-tooltip-stat{display:flex;align-items:baseline;gap:6px}.skill-tooltip-stat .stat-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#ffffff73}.skill-tooltip-stat .stat-value{font-size:12px;font-weight:700}.skill-tooltip-stat .stat-value.damage{color:#ef4444}.skill-tooltip-stat .stat-value.heal{color:#22c55e}.skill-tooltip-stat .stat-value.mana{color:#60a5fa}.skill-tooltip-stat .stat-value.stamina{color:#86efac}.skill-tooltip-meta{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:10px;color:#ffffff8c;border-top:1px solid rgba(255,255,255,.1);padding-top:6px}.skill-slot.drop-ready{border-color:var(--fantasy-gold, #d4af37);box-shadow:0 0 10px #d4af378c}.hotbar-strip{display:flex;align-items:center;gap:14px;padding:10px 18px;border-top:2px solid var(--fantasy-border, #5a4632);background:#00000059}.hotbar-strip-label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--fantasy-gold, #d4af37)}.hotbar-strip .hotbar-slots{display:flex;grid-template-columns:none;gap:8px;margin-bottom:0}.hotbar-strip .hotbar-slot{width:52px;height:52px;font-size:20px}.hotbar-strip .hotbar-slot .slot-skill-icon svg{width:30px;height:30px}.hotbar-strip-hint{margin-left:auto;font-size:11px;color:var(--text-secondary, #b8ab93);opacity:.8}.skill-tree-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:2000}.skill-tree-modal-content{background:linear-gradient(135deg,#140a05fa,#28140afa);border:4px solid var(--fantasy-gold);border-radius:16px;width:95vw;height:90vh;max-width:1400px;max-height:900px;box-shadow:0 0 40px #d4af3799,inset 0 0 100px #00000080;display:flex;flex-direction:column;position:relative}.skill-tree-header{padding:20px 30px;border-bottom:3px solid var(--fantasy-border);background:linear-gradient(180deg,#3c1e0fe6,#28140ae6);display:flex;justify-content:space-between;align-items:center;border-radius:12px 12px 0 0}.skill-tree-header h2{color:var(--fantasy-gold);font-family:Cinzel,Georgia,serif;font-size:28px;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.8);letter-spacing:2px}.skill-points-display{display:flex;flex-direction:column;align-items:center;padding:12px 24px;background:#00000080;border:3px solid var(--fantasy-gold);border-radius:8px;box-shadow:0 0 15px #d4af3766}.points-label{color:var(--fantasy-text-light);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.points-value{color:var(--fantasy-gold);font-size:32px;font-weight:700;font-family:Orbitron,Courier New,monospace;letter-spacing:.5px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.modal-close-btn{background:#3c1e0fcc;border:2px solid var(--fantasy-border);color:var(--fantasy-text-light);font-size:32px;width:50px;height:50px;border-radius:50%;cursor:pointer;transition:all .2s;line-height:1}.modal-close-btn:hover{background:var(--fantasy-burnt-orange);border-color:var(--fantasy-gold);transform:scale(1.1)}.skill-tree-canvas{flex:1;position:relative;overflow:auto;background:radial-gradient(circle at 50% 50%,rgba(60,30,15,.3) 0%,transparent 50%),linear-gradient(135deg,#140a0580,#28140a80);padding:30px}.skill-tree-connections{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.skill-tree-connections line{stroke-width:4;stroke-linecap:round;transition:all .4s ease}.connection-locked{stroke:#503c2880;stroke-dasharray:8 4;animation:dashFlow 20s linear infinite}@keyframes dashFlow{to{stroke-dashoffset:-120}}.connection-learned{stroke:url(#goldGradient);stroke-width:5;filter:drop-shadow(0 0 6px rgba(212,175,55,.8)) drop-shadow(0 0 12px rgba(255,200,100,.5));animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 6px rgba(212,175,55,.8)) drop-shadow(0 0 12px rgba(255,200,100,.5))}50%{filter:drop-shadow(0 0 10px rgba(212,175,55,1)) drop-shadow(0 0 20px rgba(255,200,100,.8))}}.skill-node{position:absolute;transform:translate(-50%,-50%);cursor:pointer;z-index:2;transition:all .3s;padding-bottom:30px}.skill-node:hover{transform:translate(-50%,-50%) scale(1.15);z-index:10}.skill-node:hover .skill-node-icon{transform:scale(1.05)}.skill-node-icon{width:70px;height:70px;border-radius:50%;border:4px solid;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);transition:all .3s;box-shadow:0 0 20px #000c;position:relative}.skill-icon-emoji{font-size:36px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.8))}.skill-node-name{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);color:var(--fantasy-text-light);font-size:11px;font-weight:700;text-align:center;white-space:nowrap;text-shadow:1px 1px 3px rgba(0,0,0,.9);pointer-events:none;opacity:0;transition:opacity .2s}.skill-node:hover .skill-node-name{opacity:1}.skill-node-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(6px);min-width:220px;max-width:280px;background:#0f0f19fa;border:1px solid rgba(198,155,79,.6);border-radius:10px;padding:12px 14px;box-shadow:0 14px 30px #0009;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:30}.skill-node-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:8px 8px 0;border-style:solid;border-color:rgba(15,15,25,.98) transparent transparent}.skill-node:hover .skill-node-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.skill-node-tooltip.bottom{top:calc(100% + 12px);bottom:auto;transform:translate(-50%) translateY(-6px)}.skill-node-tooltip.bottom:after{top:auto;bottom:100%;transform:translate(-50%) rotate(180deg)}.skill-node.learned .skill-node-icon{border-color:var(--fantasy-gold)!important;box-shadow:0 0 25px #d4af37cc,inset 0 0 20px #ffd7004d;animation:pulse-gold 2s infinite}@keyframes pulse-gold{0%,to{box-shadow:0 0 25px #d4af37cc}50%{box-shadow:0 0 35px #d4af37}}.skill-node.available .skill-node-icon{border-color:var(--fantasy-border);opacity:.9}.skill-node.available:hover .skill-node-icon{border-color:var(--fantasy-gold);box-shadow:0 0 20px #d4af3780}.skill-node.locked .skill-node-icon{border-color:#64503c80;opacity:.4;filter:grayscale(80%);cursor:not-allowed}.skill-details-panel{position:absolute;right:30px;top:100px;width:320px;background:linear-gradient(145deg,#3c1e0ff2,#28140af2);border:3px solid var(--fantasy-gold);border-radius:12px;padding:20px;box-shadow:0 0 30px #000c;z-index:100}.skill-details-panel h3{color:var(--fantasy-gold);font-size:22px;margin:0 0 10px;font-family:Cinzel,Georgia,serif}.skill-type-badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;margin-bottom:12px}.skill-desc{color:var(--fantasy-text-light);font-size:14px;line-height:1.5;margin-bottom:16px}.skill-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.skill-stats-grid .stat{background:#0006;padding:8px;border-radius:6px;font-size:12px;color:var(--fantasy-text-light);border:1px solid var(--fantasy-border);font-family:Orbitron,Courier New,monospace;letter-spacing:.3px}.skill-requirements{margin-bottom:16px;padding:10px;background:#0000004d;border-radius:6px;border:2px solid var(--fantasy-border)}.req-met{color:var(--fantasy-gold);font-size:13px;font-family:Orbitron,Courier New,monospace;letter-spacing:.3px}.req-not-met{color:var(--fantasy-health-red);font-size:13px;font-family:Orbitron,Courier New,monospace;letter-spacing:.3px}.hotbar-assignment h4{color:var(--fantasy-gold);font-size:14px;margin:0 0 10px}.hotbar-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}.hotbar-slot{aspect-ratio:1;background:linear-gradient(145deg,#3c1e0fcc,#28140ae6);border:2px solid var(--fantasy-border);border-radius:6px;color:var(--fantasy-gold);font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hotbar-slot .slot-skill-icon{display:flex;align-items:center;justify-content:center;color:#fff}.hotbar-slot .slot-number{font-size:14px;opacity:.6}.hotbar-slot:hover{border-color:var(--fantasy-gold);background:linear-gradient(145deg,#502814e6,#3c1e0fe6);box-shadow:0 0 10px #d4af3766}.hotbar-slot.assigned{background:linear-gradient(145deg,#327832cc,#1e5a1ee6);border-color:#4caf50;box-shadow:0 0 15px #4caf5099;position:relative}.hotbar-slot.occupied{background:linear-gradient(145deg,#786414cc,#5a460ae6);border-color:#ffa726}.hotbar-slot .check-mark{position:absolute;top:2px;right:2px;font-size:12px;color:#4caf50;text-shadow:0 0 4px rgba(76,175,80,.8)}.hotbar-hint{font-size:11px;color:var(--fantasy-text-light);margin:8px 0 0;opacity:.8;line-height:1.4}.passive-skill-info{background:#9370db33;border:2px solid #9370db;border-radius:8px;padding:16px;text-align:center}.passive-skill-info h4{color:#9370db;font-size:16px;margin:0 0 8px;font-family:Cinzel,Georgia,serif}.passive-skill-info p{color:var(--fantasy-text-light);font-size:13px;margin:0;line-height:1.5}.learn-skill-btn{width:100%;padding:14px;background:linear-gradient(180deg,var(--fantasy-gold-dark),var(--fantasy-burnt-orange));border:3px solid var(--fantasy-gold);color:var(--fantasy-text-dark);font-weight:700;font-size:16px;border-radius:8px;cursor:pointer;transition:all .2s;text-transform:uppercase}.learn-skill-btn:hover{background:linear-gradient(180deg,var(--fantasy-gold),var(--fantasy-gold-dark));box-shadow:0 0 15px var(--fantasy-glow);transform:translateY(-2px)}.cannot-learn{text-align:center;padding:14px;background:#00000080;border:2px solid rgba(255,50,50,.5);border-radius:8px;color:var(--fantasy-health-red);font-size:13px}.mastery-section{background:#0006;border:2px solid var(--fantasy-gold);border-radius:8px;padding:12px;margin-bottom:16px}.mastery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mastery-label{color:var(--fantasy-text-light);font-size:11px;text-transform:uppercase;letter-spacing:1px}.mastery-level{color:var(--fantasy-gold);font-size:16px;font-weight:700;font-family:Cinzel,Georgia,serif}.mastery-xp-bar{position:relative;height:18px;background:#0009;border-radius:4px;overflow:hidden;border:1px solid var(--fantasy-border);margin-bottom:8px}.mastery-xp-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#2ecc71,#27ae60);border-radius:3px;transition:width .3s ease;box-shadow:0 0 10px #2ecc7180}.mastery-xp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.9);white-space:nowrap;font-family:Orbitron,Courier New,monospace}.mastery-maxed{text-align:center;color:gold;font-size:14px;font-weight:700;text-shadow:0 0 15px rgba(255,215,0,.8);animation:masteredGlow 2s ease-in-out infinite}@keyframes masteredGlow{0%,to{text-shadow:0 0 15px rgba(255,215,0,.8)}50%{text-shadow:0 0 25px rgba(255,215,0,1)}}.mastery-bonuses{display:flex;flex-wrap:wrap;gap:6px}.mastery-bonuses .bonus{background:#2ecc7133;border:1px solid #2ecc71;color:#2ecc71;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:700}.stat-boost{color:#2ecc71;font-size:10px;margin-left:3px}.stat-reduction{color:#3498db;font-size:10px;margin-left:3px}.passive-always-active{text-align:center;color:#20b2aa;font-size:14px;font-weight:700;padding:10px;margin-bottom:16px;background:#20b2aa26;border:2px solid rgba(32,178,170,.5);border-radius:8px}.hotbar-slot.drop-ready{border-color:var(--fantasy-gold, #d4af37);box-shadow:0 0 10px #d4af378c}.skill-node[draggable=true]{cursor:grab}.skill-node[draggable=true]:active{cursor:grabbing}.guild-panel{position:relative;width:min(620px,92vw);max-height:82vh;overflow-y:auto;overflow-x:hidden;padding:22px 26px 26px;display:flex;flex-direction:column;gap:22px;background:repeating-linear-gradient(0deg,#0b0b0bfb,#1a0f0ff2,#0b0b0bfb 2px),linear-gradient(135deg,#1a0f0f,#0b0b0b,#1a0f0f);border:4px solid var(--arcane-gold, #c69b4f);box-shadow:0 20px 60px #000000f2,inset 0 2px 8px #000c,0 0 40px #c69b4f4d;color:#e8e0cf}.guild-panel:before,.guild-panel:after{content:"";position:absolute;width:28px;height:28px;border:4px solid var(--arcane-gold, #c69b4f);box-shadow:0 0 15px #c69b4f99;pointer-events:none;z-index:2}.guild-panel:before{top:-4px;left:-4px;border-right:none;border-bottom:none}.guild-panel:after{top:-4px;right:-4px;border-left:none;border-bottom:none}.guild-panel-header{position:relative;padding:2px 44px 14px 0;border-bottom:2px solid rgba(198,155,79,.45)}.guild-panel-header h2{margin:0;font-family:Cinzel,Georgia,serif;font-size:24px;font-weight:600;letter-spacing:.03em;color:var(--arcane-gold, #c69b4f);text-shadow:0 0 12px rgba(198,155,79,.35)}.guild-panel-subtitle{margin:5px 0 0;font-size:13px;color:#e8e0cf99}.guild-panel-close{position:absolute;top:0;right:0;width:30px;height:30px;background:#00000080;border:2px solid rgba(198,155,79,.55);color:var(--arcane-gold, #c69b4f);cursor:pointer;font-size:14px;line-height:1}.guild-panel-close:hover{background:#c69b4f33}.guild-panel-close:focus-visible{outline:2px solid var(--arcane-gold, #c69b4f);outline-offset:2px}.guild-section{display:flex;flex-direction:column;gap:12px}.guild-section h3{margin:0;font-family:Cinzel,Georgia,serif;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#c69b4fe6}.guild-hint,.guild-empty{margin:0;font-size:12.5px;line-height:1.55;color:#e8e0cf80}.guild-notice,.guild-error{margin:0;padding:10px 14px;font-size:13px;border-left:3px solid;background:#00000073}.guild-notice{border-color:#6fae5a;color:#b9dcab}.guild-error{border-color:#c05a4a;color:#e8b3a8}.guild-form{display:flex;flex-wrap:wrap;gap:8px}.guild-form input{flex:1 1 180px;min-width:0;padding:9px 11px;background:#0000008c;border:2px solid rgba(198,155,79,.3);color:inherit;font-family:inherit;font-size:13px}.guild-form input::placeholder{color:#e8e0cf59}.guild-form input:focus{outline:none;border-color:#c69b4fd9;box-shadow:0 0 10px #c69b4f40}.guild-btn{padding:9px 18px;background:linear-gradient(180deg,#c69b4f38,#c69b4f1a);border:2px solid rgba(198,155,79,.55);color:#f0e3c0;font-family:Cinzel,Georgia,serif;font-size:12.5px;letter-spacing:.06em;cursor:pointer;white-space:nowrap;transition:background .15s ease,box-shadow .15s ease}.guild-btn:hover:not(:disabled){background:#c69b4f52;box-shadow:0 0 14px #c69b4f4d}.guild-btn:focus-visible{outline:2px solid var(--arcane-gold, #c69b4f);outline-offset:2px}.guild-btn:disabled{opacity:.4;cursor:not-allowed}.guild-btn-danger{border-color:#c05a4a99;background:linear-gradient(180deg,#c05a4a33,#c05a4a14);color:#edb9ae}.guild-btn-danger:hover:not(:disabled){background:#c05a4a4d;box-shadow:0 0 14px #c05a4a40}.guild-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:16px;border-top:2px solid rgba(198,155,79,.25)}.guild-footer .guild-hint{flex:1 1 260px}.guild-roster,.guild-invites{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.guild-roster li,.guild-invites li{display:flex;align-items:center;gap:14px;min-height:52px;padding:8px 12px;background:#0006;border-left:3px solid rgba(198,155,79,.35)}.guild-roster li:hover,.guild-invites li:hover{background:#c69b4f14;border-left-color:#c69b4fb3}.guild-member-name{flex:1 1 auto;min-width:0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guild-leader-mark{margin-left:7px;color:var(--arcane-gold, #c69b4f);text-shadow:0 0 8px rgba(198,155,79,.5)}.guild-member-detail{font-size:12px;color:#e8e0cf80;font-variant-numeric:tabular-nums;white-space:nowrap}.guild-invites li>div{flex:1 1 auto;display:flex;flex-direction:column;gap:3px;min-width:0}.guild-invite-name{font-size:14px;color:#f0e3c0}.guild-invite-from{font-size:12px;color:#e8e0cf80}.map-modal{position:relative;width:min(720px,94vw);max-height:86vh;overflow-y:auto;overflow-x:hidden;padding:22px 26px 20px;display:flex;flex-direction:column;gap:18px;background:repeating-linear-gradient(0deg,#0b0b0bfb,#1a0f0ff2,#0b0b0bfb 2px),linear-gradient(135deg,#1a0f0f,#0b0b0b,#1a0f0f);border:4px solid var(--arcane-gold, #c69b4f);box-shadow:0 20px 60px #000000f2,inset 0 2px 8px #000c,0 0 40px #c69b4f4d;color:#e8e0cf}.map-modal:before,.map-modal:after{content:"";position:absolute;width:28px;height:28px;border:4px solid var(--arcane-gold, #c69b4f);box-shadow:0 0 15px #c69b4f99;pointer-events:none}.map-modal:before{top:-4px;left:-4px;border-right:none;border-bottom:none}.map-modal:after{top:-4px;right:-4px;border-left:none;border-bottom:none}.map-modal-header{position:relative;padding:2px 44px 14px 0;border-bottom:2px solid rgba(198,155,79,.45)}.map-modal-header h2{margin:0;font-family:Cinzel,Georgia,serif;font-size:23px;font-weight:600;letter-spacing:.03em;color:var(--arcane-gold, #c69b4f);text-shadow:0 0 12px rgba(198,155,79,.35)}.map-modal-subtitle{margin:5px 0 0;font-size:12.5px;color:#e8e0cf99;font-variant-numeric:tabular-nums}.map-modal-close{position:absolute;top:0;right:0;width:30px;height:30px;background:#00000080;border:2px solid rgba(198,155,79,.55);color:var(--arcane-gold, #c69b4f);cursor:pointer;font-size:14px;line-height:1}.map-modal-close:hover{background:#c69b4f33}.map-modal-close:focus-visible{outline:2px solid var(--arcane-gold, #c69b4f);outline-offset:2px}.map-canvas-wrap{display:flex;justify-content:center;padding:10px;background:#00000080;border:2px solid rgba(198,155,79,.25);overflow:auto}.map-canvas{image-rendering:pixelated;max-width:100%;height:auto}.map-empty{margin:0;padding:28px 0;text-align:center;font-size:13px;color:#e8e0cf80}.map-legend{display:flex;flex-wrap:wrap;gap:16px;padding-top:14px;border-top:2px solid rgba(198,155,79,.25);font-size:12px;color:#e8e0cf99}.map-legend span{display:inline-flex;align-items:center;gap:6px}.swatch{width:10px;height:10px;display:inline-block;border:1px solid rgba(0,0,0,.6)}.swatch-floor{background:#6b8f5a}.swatch-wall{background:#2c2118}.swatch-npc{background:#c0574a}.swatch-player{background:#7ab8e8}.swatch-you{background:#f0d98a;border-radius:50%}.map-tabs{display:flex;gap:4px}.map-tab{padding:7px 16px;background:#0006;border:2px solid rgba(198,155,79,.3);color:#e8e0cf99;font-family:Cinzel,Georgia,serif;font-size:12px;letter-spacing:.06em;cursor:pointer}.map-tab:hover{color:#f0e3c0;border-color:#c69b4f8c}.map-tab.active{background:linear-gradient(180deg,#c69b4f38,#c69b4f1a);border-color:#c69b4fb3;color:#f0e3c0}.map-tab:focus-visible{outline:2px solid var(--arcane-gold, #c69b4f);outline-offset:2px}.world-view{display:flex;flex-direction:column;gap:14px}.world-summary{margin:0;font-size:12.5px;color:#e8e0cf8c;font-variant-numeric:tabular-nums}.world-regions{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.world-region{padding:12px 14px;background:#0006;border:2px solid rgba(198,155,79,.3);border-left-width:3px}.world-region.untouched{opacity:.5;border-color:#c69b4f26}.world-region-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(198,155,79,.2)}.world-region-header h3{margin:0;font-family:Cinzel,Georgia,serif;font-size:14px;font-weight:600;color:var(--arcane-gold, #c69b4f)}.world-region-count{font-size:12px;color:#e8e0cf80;font-variant-numeric:tabular-nums;white-space:nowrap}.world-region-empty{margin:0;font-size:12px;font-style:italic;color:#e8e0cf66}.world-zones{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.world-zone{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:4px 6px;font-size:13px;border-left:2px solid rgba(198,155,79,.35)}.world-zone.here{background:#c69b4f1f;border-left-color:var(--arcane-gold, #c69b4f);color:#f0e3c0}.world-zone-here{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--arcane-gold, #c69b4f);white-space:nowrap}.world-zone.unknown{border-left-style:dashed;border-left-color:#c69b4f33;color:#e8e0cf4d;font-style:italic}.bestiary-view{display:flex;flex-direction:column;gap:14px;overflow-y:auto}.bestiary-entries{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.bestiary-entry{padding:12px 14px;background:#0006;border:2px solid rgba(198,155,79,.3);border-left-width:3px}.bestiary-entry.boss{border-left-color:var(--arcane-gold, #c69b4f);background:#c69b4f14}.bestiary-entry.mini-boss{border-left-color:#c69b4f99}.bestiary-entry-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:0;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.bestiary-entry-toggle:hover h3,.bestiary-entry-toggle:focus-visible h3{color:var(--arcane-gold, #c69b4f)}.bestiary-portrait{width:48px;height:48px;flex-shrink:0;object-fit:contain;image-rendering:pixelated}.bestiary-detail{margin-top:10px;padding-top:10px;border-top:1px solid rgba(198,155,79,.2)}.bestiary-detail-line{margin:6px 0 0;font-size:12px;line-height:1.5}.bestiary-detail-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--arcane-gold, #c69b4f);opacity:.75}.bestiary-unknown{opacity:.65;font-style:italic}.bestiary-entry-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.bestiary-entry-header h3{margin:0;font-size:14px;font-weight:600;color:#e8e0cf;letter-spacing:.02em}.bestiary-kills{font-size:12.5px;color:var(--arcane-gold, #c69b4f);font-variant-numeric:tabular-nums;white-space:nowrap}.bestiary-entry-meta{margin:4px 0 0;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:#e8e0cf80}.bestiary-entry-lore{margin:8px 0 0;font-size:12.5px;line-height:1.45;color:#e8e0cfb8}.bestiary-remaining{margin:0;font-size:12.5px;color:#e8e0cf73;font-style:italic;font-variant-numeric:tabular-nums}.bestiary-drops{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 6px}.bestiary-drop{padding:1px 6px;font-size:11px;background:#c69b4f1f;border:1px solid rgba(198,155,79,.25);border-radius:3px}.bestiary-drop--unknown{color:var(--text-muted, #8a8377);background:#00000040;border-style:dashed;letter-spacing:.1em}.settings-modal-container{position:relative;width:100%;max-width:700px;min-height:500px;max-height:85vh;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(196,178,138,.03) 2px,rgba(196,178,138,.03) 4px),linear-gradient(145deg,#2b0f0ffa,#1a0f0ffa);border:4px solid var(--arcane-gold);box-shadow:0 0 50px #c69b4f99,inset 0 0 50px #0009;display:flex;flex-direction:column;overflow:hidden;margin:auto}.settings-modal-header{padding:24px 32px;border-bottom:3px solid var(--arcane-gold);display:flex;justify-content:space-between;align-items:center;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px);position:relative}.settings-modal-header:before,.settings-modal-header:after{content:"⚜";position:absolute;bottom:-10px;color:var(--arcane-gold);font-size:14px;opacity:.6;animation:runeGlow 2s ease-in-out infinite}.settings-modal-header:before{left:32px}.settings-modal-header:after{right:32px}.settings-modal-title{font-family:Cinzel,serif;font-size:32px;font-weight:700;color:var(--arcane-gold-light);text-shadow:0 0 15px rgba(198,155,79,.8),2px 2px 4px rgba(0,0,0,.9);letter-spacing:2px;margin:0}.settings-modal-close{width:36px;height:36px;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#3c3c3ce6,#282828e6);border:2px solid var(--arcane-gold);color:var(--arcane-gold-light);font-size:20px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px #000c,0 0 10px #c69b4f4d}.settings-modal-close:hover{border-color:var(--arcane-ember);color:var(--arcane-ember);box-shadow:inset 0 2px 4px #000c,0 0 20px #d3633e99;transform:scale(1.1)}.settings-tabs{display:flex;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(180deg,#1a0f0ffa,#0b0b0bfa);border-bottom:3px solid var(--arcane-gold);padding:6px;gap:4px}.settings-tab{flex:1;padding:12px 16px;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#3c3c3ce6,#282828e6);border:3px solid rgba(196,178,138,.4);color:var(--arcane-text-muted);font-family:Cinzel,serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:inset 0 2px 4px #000c,inset 0 -2px 4px #ffffff1a;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.settings-tab:hover{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#d3633e4d,#a63c1e33);color:var(--arcane-ember);border-color:var(--arcane-ember);transform:translateY(-2px);box-shadow:inset 0 2px 4px #000c,0 0 20px #d3633e99}.settings-tab.active{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#c69b4f33,#a87c3a26);color:var(--arcane-gold-light);border-color:var(--arcane-gold);box-shadow:inset 0 2px 4px #000c,0 0 25px #c69b4fcc,inset 0 0 30px #c69b4f33;text-shadow:0 0 10px rgba(198,155,79,.8)}.settings-tab.active:after{content:"⚜";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);font-size:10px;color:var(--arcane-gold);opacity:.6;animation:runeGlow 2s ease-in-out infinite;z-index:10}.tab-icon{font-size:16px}.settings-content{flex:1;overflow-y:auto;padding:32px;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(196,178,138,.02) 2px,rgba(196,178,138,.02) 4px)}.settings-tab-panel{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-section{position:relative}.settings-section-title{font-family:Cinzel,serif;font-size:24px;font-weight:600;color:var(--arcane-gold);text-shadow:0 0 10px rgba(198,155,79,.6);margin:0 0 8px;letter-spacing:1px}.settings-section-description{font-family:Cormorant Garamond,serif;font-size:14px;color:var(--arcane-text-muted);margin:0 0 24px;line-height:1.6}.volume-control{margin-bottom:32px;padding:20px;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#1a0f0ff2,#0b0b0bfa);border:3px solid var(--arcane-gold);border-radius:0;box-shadow:inset 0 3px 6px #000c,0 0 15px #c69b4f66;position:relative}.volume-control:before,.volume-control:after{content:"⚜";position:absolute;top:4px;color:var(--arcane-gold);font-size:12px;opacity:.5;animation:runeGlow 2s ease-in-out infinite}.volume-control:before{left:8px}.volume-control:after{right:8px}.volume-control-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.volume-label{font-family:Cinzel,serif;font-size:18px;font-weight:600;color:var(--arcane-gold-light);text-shadow:0 0 8px rgba(198,155,79,.6)}.volume-value{font-family:Orbitron,monospace;font-size:18px;font-weight:700;color:var(--arcane-gold);text-shadow:0 0 10px rgba(198,155,79,.8)}.volume-slider-container{position:relative;margin-bottom:12px}.volume-slider{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#1a0f0ff2,#0b0b0bfa);border:2px solid var(--arcane-gold);border-radius:0;outline:none;cursor:pointer;box-shadow:inset 0 2px 4px #000c,0 0 10px #c69b4f4d}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:radial-gradient(circle at 30% 30%,rgba(198,155,79,.3) 0%,transparent 50%),linear-gradient(145deg,#c69b4fe6,#a87c3ae6);border:2px solid var(--arcane-gold);border-radius:0;cursor:pointer;box-shadow:inset 0 2px 4px #000c,0 0 15px #c69b4fcc;transition:all .2s ease}.volume-slider::-webkit-slider-thumb:hover{background:radial-gradient(circle at 30% 30%,rgba(198,155,79,.5) 0%,transparent 50%),linear-gradient(145deg,#c69b4f,#a87c3a);box-shadow:inset 0 2px 4px #000c,0 0 25px #c69b4f;transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:20px;height:20px;background:radial-gradient(circle at 30% 30%,rgba(198,155,79,.3) 0%,transparent 50%),linear-gradient(145deg,#c69b4fe6,#a87c3ae6);border:2px solid var(--arcane-gold);border-radius:0;cursor:pointer;box-shadow:inset 0 2px 4px #000c,0 0 15px #c69b4fcc}.volume-slider::-moz-range-thumb:hover{background:radial-gradient(circle at 30% 30%,rgba(198,155,79,.5) 0%,transparent 50%),linear-gradient(145deg,#c69b4f,#a87c3a);box-shadow:inset 0 2px 4px #000c,0 0 25px #c69b4f;transform:scale(1.2)}.volume-legend{display:flex;justify-content:space-between;font-family:Cormorant Garamond,serif;font-size:12px;color:var(--arcane-text-muted)}.settings-test-sound{margin-top:24px;margin-bottom:16px}.settings-test-sound .settings-action-btn{width:100%}.settings-quick-actions{display:flex;gap:16px;margin-top:16px}.settings-action-btn{flex:1;padding:12px 24px;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#1a0f0ff2,#0b0b0bfa);border:3px solid var(--arcane-gold);color:var(--arcane-gold-light);font-family:Cinzel,serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;box-shadow:inset 0 2px 4px #000c,0 0 15px #c69b4f66;text-shadow:0 0 8px rgba(198,155,79,.6)}.settings-action-btn:hover{border-color:var(--arcane-gold-light);box-shadow:inset 0 2px 4px #000c,0 0 25px #c69b4fcc;transform:translateY(-2px)}.settings-action-btn.mute{border-color:var(--arcane-ember);color:var(--arcane-ember)}.settings-action-btn.mute:hover{box-shadow:inset 0 2px 4px #000c,0 0 25px #d3633ecc}.settings-info{font-family:Cormorant Garamond,serif;font-size:12px;color:var(--arcane-text-muted);margin-top:24px;padding-top:16px;border-top:1px solid rgba(198,155,79,.2);text-align:center}.settings-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:16px;margin-bottom:12px;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#1a0f0fcc,#0b0b0be6);border:2px solid rgba(198,155,79,.4);transition:all .3s ease}.settings-toggle-row:hover{border-color:var(--arcane-gold);box-shadow:0 0 10px #c69b4f4d}.settings-toggle-info{display:flex;flex-direction:column;gap:4px}.settings-toggle-label{font-family:Cinzel,serif;font-size:16px;font-weight:600;color:var(--arcane-gold-light);text-shadow:0 0 8px rgba(198,155,79,.4)}.settings-toggle-desc{font-family:Cormorant Garamond,serif;font-size:12px;color:var(--arcane-text-muted)}.settings-switch{position:relative;display:inline-block;width:56px;height:28px}.settings-switch input{opacity:0;width:0;height:0}.settings-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#282828e6,#141414e6);border:2px solid rgba(196,178,138,.4);transition:all .4s ease;box-shadow:inset 0 2px 4px #000c}.settings-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:2px;background:radial-gradient(circle at 30% 30%,rgba(196,178,138,.2) 0%,transparent 50%),linear-gradient(145deg,#646464e6,#3c3c3ce6);border:2px solid rgba(196,178,138,.4);transition:all .4s ease;box-shadow:inset 0 2px 4px #0009,0 2px 4px #0006}.settings-switch input:checked+.settings-slider{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#2d501699,#1a0f0fe6);border-color:var(--arcane-gold);box-shadow:inset 0 2px 4px #000c,0 0 15px #c69b4f80}.settings-switch input:checked+.settings-slider:before{transform:translate(26px);background:radial-gradient(circle at 30% 30%,rgba(198,155,79,.3) 0%,transparent 50%),linear-gradient(145deg,#c69b4fe6,#a87c3ae6);border-color:var(--arcane-gold);box-shadow:inset 0 2px 4px #0009,0 0 12px #c69b4fcc}.settings-switch input:focus+.settings-slider{box-shadow:inset 0 2px 4px #000c,0 0 20px #c69b4f99}.settings-toggle-row+.volume-control{margin:-8px 20px 16px;padding:12px 16px;border-width:2px;border-color:#c69b4f4d}.settings-toggle-row+.volume-control .volume-label{font-size:14px}.settings-section+.settings-section{margin-top:32px;padding-top:24px;border-top:2px solid rgba(198,155,79,.2)}.settings-content::-webkit-scrollbar{width:12px}.settings-content::-webkit-scrollbar-track{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px);border-left:3px solid var(--arcane-gold)}.settings-content::-webkit-scrollbar-thumb{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(180deg,#c69b4f4d,#a87c3a33);border:2px solid var(--arcane-gold);border-radius:0;box-shadow:inset 0 2px 4px #000c,0 0 10px #c69b4f66}.settings-content::-webkit-scrollbar-thumb:hover{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(180deg,#d3633e66,#c69b4f4d);box-shadow:inset 0 2px 4px #000c,0 0 20px #d3633e99}.supporter-status{display:flex;flex-direction:column;gap:10px;margin-top:16px;padding:12px;background:#00000059;border:1px solid var(--fantasy-border);border-radius:6px}.supporter-row{display:flex;justify-content:space-between;gap:12px;font-size:13px}.supporter-label{color:var(--fantasy-text-muted);font-weight:600}.supporter-value{color:var(--fantasy-text-light);text-align:right;word-break:break-word}.dialogue-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,#0009,#0b0b0be6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.dialogue-modal{position:relative;background:repeating-linear-gradient(0deg,#0b0b0bfa,#1a0f0ff2,#0b0b0bfa 2px),linear-gradient(135deg,#1a0f0f,#0b0b0b,#1a0f0f);border:4px solid var(--arcane-gold, #c69b4f);border-radius:0;width:90%;max-width:650px;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #000000f2,inset 0 2px 8px #000c,0 0 40px #c69b4f4d;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.dialogue-modal:before,.dialogue-modal:after{content:"";position:absolute;width:30px;height:30px;border:4px solid var(--arcane-gold, #c69b4f);box-shadow:0 0 15px #c69b4f99;z-index:10}.dialogue-modal:before{top:-4px;left:-4px;border-right:none;border-bottom:none;border-radius:0}.dialogue-modal:after{top:-4px;right:-4px;border-left:none;border-bottom:none;border-radius:0}.dialogue-header{display:flex;align-items:center;padding:20px 24px;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(135deg,#1a0f0ffa,#0b0b0bfa);border-bottom:4px solid var(--arcane-gold, #c69b4f);box-shadow:0 6px 20px #000c;gap:16px;position:relative}.dialogue-header:before,.dialogue-header:after{content:"⚜";position:absolute;bottom:-14px;color:var(--arcane-gold, #c69b4f);font-size:12px;opacity:.7;animation:runeGlow 2s ease-in-out infinite}.dialogue-header:before{left:20px}.dialogue-header:after{right:20px}.npc-portrait{flex-shrink:0}.npc-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;border:3px solid var(--arcane-gold, #c69b4f);box-shadow:0 4px 16px #000c,inset 0 2px 8px #0009,0 0 20px #c69b4f66;position:relative}.npc-icon:after{content:"";position:absolute;top:10%;left:10%;width:40%;height:40%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 60%);pointer-events:none}.npc-icon.npc-merchant{background:radial-gradient(circle at 30% 30%,rgba(232,196,122,.3) 0%,transparent 50%),linear-gradient(145deg,#c69b4f,#a67c3a);color:#2b0f0f}.npc-icon.npc-innkeeper{background:radial-gradient(circle at 30% 30%,rgba(255,140,100,.3) 0%,transparent 50%),linear-gradient(145deg,#d3633e,#b34525);color:var(--arcane-gold-light, #e8c47a)}.npc-icon.npc-guard{background:radial-gradient(circle at 30% 30%,rgba(120,150,200,.3) 0%,transparent 50%),linear-gradient(145deg,#4682b4,#2f4f7f);color:var(--arcane-gold-light, #e8c47a)}.npc-icon.npc-priest{background:radial-gradient(circle at 30% 30%,rgba(255,255,200,.3) 0%,transparent 50%),linear-gradient(145deg,khaki,#daa520);color:#2b0f0f}.npc-icon.npc-questgiver{background:radial-gradient(circle at 30% 30%,rgba(184,160,224,.3) 0%,transparent 50%),linear-gradient(145deg,#9370db,#6b4da3);color:var(--arcane-gold-light, #e8c47a)}.npc-info{flex:1}.npc-info h2{margin:0;font-size:28px;font-family:Cinzel,serif;font-weight:700;color:var(--arcane-gold-light, #e8c47a);text-shadow:0 0 15px rgba(198,155,79,.8),2px 2px 6px rgba(0,0,0,.9);letter-spacing:1px}.npc-title{margin:6px 0 0;font-size:15px;font-family:Cormorant Garamond,serif;color:var(--arcane-text-muted, #8b7355);font-style:italic;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.close-button{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#c69b4f33,#a87c3a26);border:3px solid var(--arcane-gold, #c69b4f);color:var(--arcane-gold-light, #e8c47a);width:40px;height:40px;border-radius:0;cursor:pointer;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .3s;box-shadow:inset 0 2px 4px #000c,0 0 15px #c69b4f66;text-shadow:0 0 10px rgba(198,155,79,.6)}.close-button:hover{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#c69b4f4d,#a87c3a40);transform:scale(1.05) translateY(-2px);box-shadow:inset 0 2px 4px #000c,0 0 25px #c69b4fcc}.dialogue-content{padding:28px 32px;max-height:500px;overflow-y:auto}.dialogue-loading,.dialogue-error{text-align:center;padding:50px;font-family:Cormorant Garamond,serif;font-size:18px}.dialogue-loading{color:var(--arcane-text-muted, #8b7355);animation:pulse 2s ease-in-out infinite}.dialogue-error{color:var(--arcane-ember, #d3633e);text-shadow:0 0 10px rgba(211,99,62,.5)}.dialogue-text{position:relative;background:repeating-linear-gradient(0deg,#0b0b0bb3,#1a0f0f80,#0b0b0bb3 2px),linear-gradient(145deg,#1a0f0fcc,#0b0b0be6);border-left:5px solid var(--arcane-gold, #c69b4f);border-right:5px solid var(--arcane-gold, #c69b4f);padding:20px 24px;margin-bottom:24px;color:var(--arcane-text-light, #f4e4c1);font-family:Cormorant Garamond,serif;font-size:18px;line-height:1.8;border-radius:0;box-shadow:inset 0 3px 8px #000c,0 4px 12px #0009}.dialogue-text:before,.dialogue-text:after{content:"❝";position:absolute;font-size:32px;color:var(--arcane-gold-dark, #a67c3a);opacity:.3}.dialogue-text:before{top:10px;left:8px}.dialogue-text:after{content:"❞";bottom:10px;right:8px}.dialogue-options{display:flex;flex-direction:column;gap:14px}.dialogue-option{position:relative;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#c69b4f26,#a87c3a1a);border:3px solid var(--arcane-gold, #c69b4f);color:var(--arcane-text-light, #f4e4c1);padding:14px 24px 14px 44px;border-radius:0;cursor:pointer;font-family:Cormorant Garamond,serif;font-size:17px;font-weight:500;text-align:left;transition:all .3s;overflow:hidden;box-shadow:inset 0 2px 4px #000c,0 4px 12px #0009}.dialogue-option:before{content:"▶";position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--arcane-gold, #c69b4f);transition:all .3s;text-shadow:0 0 10px rgba(198,155,79,.6)}.dialogue-option:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(198,155,79,.2),transparent);transition:left .4s}.dialogue-option:hover{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#c69b4f40,#a87c3a33);border-color:var(--arcane-gold-light, #e8c47a);transform:translate(6px);box-shadow:inset 0 2px 4px #000c,0 6px 20px #c69b4f80,0 0 30px #c69b4f4d;color:var(--arcane-gold-light, #e8c47a)}.dialogue-option:hover:before{left:20px;animation:arrowPulse 1s ease-in-out infinite}.dialogue-option:hover:after{left:100%}@keyframes arrowPulse{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.2)}}.dialogue-option:active{transform:translate(6px) scale(.98)}.dialogue-content::-webkit-scrollbar{width:12px}.dialogue-content::-webkit-scrollbar-track{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px);border-left:2px solid var(--arcane-gold-dark, #a67c3a)}.dialogue-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--arcane-gold, #c69b4f) 0%,var(--arcane-gold-dark, #a67c3a) 100%);border-left:2px solid var(--arcane-gold-dark, #a67c3a);box-shadow:inset 0 2px 4px #00000080}.dialogue-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--arcane-gold-light, #e8c47a) 0%,var(--arcane-gold, #c69b4f) 100%);box-shadow:0 0 10px #c69b4f99}.shop-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px}.shop-modal-container{background:linear-gradient(to bottom,#1a1a1a,#000);border:2px solid rgba(180,83,9,.5);border-radius:8px;box-shadow:0 20px 60px #000000e6;max-width:900px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.shop-modal-header{background:linear-gradient(to right,#78350f4d,#7f1d1d4d);border-bottom:1px solid rgba(180,83,9,.5);padding:16px;display:flex;justify-content:space-between;align-items:center}.shop-modal-title{color:#fef3c7;font-size:24px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);letter-spacing:.05em;margin:0}.shop-modal-subtitle{color:#fcd34db3;font-family:Cormorant Garamond,serif;font-size:14px;text-transform:capitalize;margin:4px 0 0}.shop-modal-player-info{text-align:right}.shop-modal-gold{color:#fef3c7;font-weight:600;font-size:16px;display:flex;align-items:center;gap:6px}.shop-modal-message{background-color:#78350f80;border-bottom:1px solid rgba(180,83,9,.5);padding:12px;text-align:center}.shop-modal-message-text{color:#fef3c7;font-weight:600;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.shop-modal-content{padding:24px;overflow-y:auto;flex:1}.shop-modal-loading{text-align:center;padding:48px}.shop-modal-spinner{display:inline-block;width:48px;height:48px;border:4px solid #78350f;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.shop-modal-loading-text{color:#fcd34db3;margin-top:16px}.shop-modal-empty{text-align:center;padding:48px}.shop-modal-empty-text{color:#fcd34db3;font-size:18px}.shop-items-grid{display:flex;flex-direction:column;gap:4px}.shop-item-row{background:linear-gradient(135deg,#1f293766,#11182766);border:1px solid rgba(55,65,81,.3);border-radius:6px;overflow:hidden;transition:all .2s ease}.shop-item-row.available{cursor:pointer}.shop-item-row.available:hover{border-color:#c69b4f99;background:linear-gradient(135deg,#29334199,#1b223199)}.shop-item-row.unavailable{opacity:.5}.shop-item-row.selected{border-color:#c69b4f;background:linear-gradient(135deg,#33291999,#25221d99)}.shop-item-row-main{display:flex;align-items:center;padding:8px 12px;gap:10px}.shop-item-row-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.shop-item-row-icon img{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.shop-item-row-name{flex:1;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-item-row-price{display:flex;align-items:center;gap:4px;font-weight:600;font-size:13px}.shop-item-row-price .affordable{color:#fbbf24}.shop-item-row-price .expensive{color:#ef4444}.shop-item-details{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease,opacity .2s ease;opacity:0;padding:0 12px;background:#0003;border-top:1px solid transparent}.shop-item-row.selected .shop-item-details{max-height:400px;opacity:1;padding:12px;border-top-color:#c69b4f33}.shop-item-description{color:#fef3c7b3;font-size:13px;margin-bottom:10px;line-height:1.4;font-style:italic}.shop-item-stats-grid{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.shop-item-stat{display:flex;flex-direction:column;align-items:center;min-width:50px}.shop-item-stat .stat-label{font-size:10px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.shop-item-stat .stat-value{font-size:16px;font-weight:700}.shop-item-stat .stat-value.damage{color:#ef4444}.shop-item-stat .stat-value.defense{color:#3b82f6}.shop-item-stat .stat-value.magic{color:#a855f7}.shop-item-stat .stat-value.mdef{color:#06b6d4}.shop-item-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.shop-item-equipped-warning{display:flex;align-items:center;justify-content:center;margin-bottom:10px;padding:6px 12px;background:#f59e0b26;border:1px solid rgba(245,158,11,.4);border-radius:4px}.equipped-badge{color:#f59e0b;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.shop-item-classes{display:flex;flex-wrap:wrap;gap:4px}.shop-item-class-badge{display:inline-block;padding:3px 8px;border-radius:3px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:#b4530980;text-shadow:0 1px 2px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.15)}.shop-item-requirements{display:flex;align-items:center;gap:10px;font-size:12px}.shop-item-type{color:#fcd34d80;text-transform:capitalize}.shop-item-level{font-weight:600}.shop-item-level.can-use{color:#10b981}.shop-item-level.cannot-use{color:#ef4444}.shop-item-buy-button{width:100%;background:linear-gradient(145deg,#c69b4f4d,#a87c3a33);border:2px solid var(--arcane-gold, #c69b4f);color:var(--arcane-gold-light, #e8c47a);font-weight:600;font-size:13px;padding:10px 16px;border-radius:4px;cursor:pointer;transition:all .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.5)}.shop-item-buy-button:hover:not(:disabled){background:linear-gradient(145deg,#c69b4f80,#a87c3a66);box-shadow:0 0 12px #c69b4f66}.shop-item-buy-button:disabled{opacity:.5;cursor:not-allowed;border-color:#c69b4f4d}@keyframes buttonSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.shop-item-buy-button:hover{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#c69b4f4d,#a87c3a40);transform:translateY(-2px);box-shadow:inset 0 2px 4px #000c,0 6px 20px #c69b4f80,0 0 25px #c69b4fcc}.shop-item-buy-button:active{transform:translateY(0)}.shop-modal-footer{background:linear-gradient(to right,#78350f4d,#7f1d1d4d);border-top:1px solid rgba(180,83,9,.5);padding:20px;display:flex;justify-content:center}.shop-modal-close-button{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#c69b4f33,#a87c3a26);border:3px solid var(--arcane-gold, #c69b4f);color:var(--arcane-gold-light, #e8c47a);font-weight:700;font-family:Cormorant Garamond,serif;font-size:16px;padding:12px 48px;border-radius:0;cursor:pointer;transition:all .3s ease;box-shadow:inset 0 2px 4px #000c,0 4px 12px #0009;text-shadow:0 0 10px rgba(198,155,79,.6)}.shop-modal-close-button:hover{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#c69b4f4d,#a87c3a40);transform:scale(1.05) translateY(-2px);box-shadow:inset 0 2px 4px #000c,0 6px 20px #c69b4f80,0 0 25px #c69b4fcc}.shop-modal-close-button:active{transform:scale(1.05) translateY(0)}.shop-tabs{display:flex;border-bottom:1px solid rgba(180,83,9,.5);background:linear-gradient(to right,#1e140fcc,#140f0acc)}.shop-tab{flex:1;padding:12px 24px;background:transparent;border:none;color:#fcd34d80;font-family:Cormorant Garamond,serif;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border-bottom:2px solid transparent}.shop-tab:hover{color:#fcd34dcc;background:#b453091a}.shop-tab.active{color:#fef3c7;border-bottom-color:#c69b4f;background:#b4530933;text-shadow:0 0 10px rgba(198,155,79,.5)}.shop-item-sell-button{width:100%;background:linear-gradient(145deg,#10b9814d,#05966933);border:2px solid #10b981;color:#34d399;font-weight:600;font-size:13px;padding:10px 16px;border-radius:4px;cursor:pointer;transition:all .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.5)}.shop-item-sell-button:hover{background:linear-gradient(145deg,#10b98180,#05966966);box-shadow:0 0 12px #10b98166}.shop-item-row.sell:hover{border-color:#10b98199}.shop-item-row.sell.selected{border-color:#10b981;background:linear-gradient(135deg,#19332d99,#132c2799)}.shop-item-row.sell .shop-item-details{border-top-color:#10b98133}.shop-item-row-price.sell .sell-value{color:#34d399}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.smithy-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px}.smithy-modal-container{background:radial-gradient(ellipse at top,rgba(180,83,9,.1) 0%,transparent 50%),linear-gradient(to bottom,#1a1a1a,#0a0a0a);border:2px solid rgba(198,155,79,.4);border-radius:4px;box-shadow:0 20px 60px #000000e6,inset 0 1px #c69b4f1a;max-width:1000px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.smithy-modal-header{background:linear-gradient(to right,#78350f66,#501e0a66,#78350f66);border-bottom:1px solid rgba(198,155,79,.3);padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.smithy-header-left{display:flex;align-items:center;gap:16px}.smithy-anvil-icon{width:48px;height:48px;color:#c69b4f;filter:drop-shadow(0 0 8px rgba(198,155,79,.5))}.smithy-anvil-icon svg{width:100%;height:100%}.smithy-modal-title{color:#fef3c7;font-family:Cormorant Garamond,serif;font-size:28px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 20px rgba(198,155,79,.3);letter-spacing:.05em;margin:0}.smithy-modal-subtitle{color:#c69b4fcc;font-family:Cormorant Garamond,serif;font-size:14px;text-transform:uppercase;letter-spacing:.1em;margin:4px 0 0}.smithy-modal-player-info{text-align:right}.smithy-modal-gold{color:#fef3c7;font-weight:600;font-size:18px;display:flex;align-items:center;gap:6px;justify-content:flex-end}.smithy-capabilities{margin-top:4px}.smithy-max-tier{font-size:11px;color:#c69b4f99;text-transform:capitalize}.smithy-tabs{display:flex;border-bottom:1px solid rgba(198,155,79,.3);background:linear-gradient(to bottom,#140f0acc,#0a0805e6)}.smithy-tab{flex:1;padding:14px 24px;background:transparent;border:none;color:#c69b4f80;font-family:Cormorant Garamond,serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;border-bottom:2px solid transparent;display:flex;align-items:center;justify-content:center;gap:8px}.smithy-tab .tab-icon{font-size:18px;opacity:.7}.smithy-tab:hover{color:#c69b4fcc;background:#c69b4f0d}.smithy-tab.active{color:#fef3c7;border-bottom-color:#c69b4f;background:#c69b4f1a;text-shadow:0 0 10px rgba(198,155,79,.5)}.smithy-tab.enchant{color:#ec489980}.smithy-tab.enchant:hover{color:#ec4899cc;background:#ec48990d}.smithy-tab.enchant.active{color:#f9a8d4;border-bottom-color:#ec4899;background:#ec48991a;text-shadow:0 0 10px rgba(236,72,153,.5)}.smithy-modal-message{padding:12px;text-align:center;border-bottom:1px solid rgba(198,155,79,.2)}.smithy-modal-message.success{background:linear-gradient(to right,#10b98133,#10b9814d,#10b98133)}.smithy-modal-message.error{background:linear-gradient(to right,#ef444433,#ef44444d,#ef444433)}.smithy-modal-message.info{background:linear-gradient(to right,#c69b4f33,#c69b4f4d,#c69b4f33)}.smithy-modal-message-text{color:#fef3c7;font-weight:600;margin:0;animation:pulse 2s ease-in-out infinite}.smithy-modal-content{padding:20px;overflow-y:auto;flex:1;background:radial-gradient(ellipse at bottom,rgba(80,40,10,.1) 0%,transparent 70%)}.smithy-modal-loading{text-align:center;padding:48px}.smithy-modal-spinner{display:inline-block;width:48px;height:48px;border:4px solid rgba(198,155,79,.3);border-top-color:#c69b4f;border-radius:50%;animation:spin 1s linear infinite}.smithy-modal-loading-text{color:#c69b4fb3;font-family:Cormorant Garamond,serif;font-style:italic;margin-top:16px}.smithy-modal-empty{text-align:center;padding:40px;background:#0000004d;border:1px dashed rgba(198,155,79,.2);border-radius:4px}.smithy-modal-empty.small{padding:20px}.smithy-modal-empty-text{color:#c69b4fb3;font-size:16px;margin:0}.smithy-modal-empty-hint{color:#c69b4f66;font-size:13px;margin-top:8px}.smithy-section-header{margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(198,155,79,.15)}.smithy-section-header h3{color:#fef3c7;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:600;margin:0 0 6px;text-shadow:0 0 10px rgba(198,155,79,.3)}.smithy-section-desc{color:#c69b4f99;font-size:13px;margin:0;line-height:1.5}.smithy-items-grid{display:flex;flex-direction:column;gap:8px}.smithy-item-row{background:linear-gradient(135deg,#1f293766,#11182766);border:1px solid rgba(55,65,81,.3);border-radius:4px;overflow:hidden;transition:all .2s ease}.smithy-item-row.available{cursor:pointer}.smithy-item-row.available:hover{border-color:#c69b4f80;background:linear-gradient(135deg,#29334180,#1b223180)}.smithy-item-row.unavailable{opacity:.5}.smithy-item-row.selected{border-color:#c69b4f;background:linear-gradient(135deg,#33291980,#25221d80)}.smithy-item-row-main{display:flex;align-items:center;padding:12px 16px;gap:12px}.smithy-item-name{flex:1;font-size:14px;font-weight:600}.smithy-tier-arrow{display:flex;align-items:center;gap:8px;font-size:12px}.tier-current{color:#fff9}.tier-separator{color:#c69b4f80;font-size:14px}.tier-next{font-weight:600}.smithy-upgrade-info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.smithy-info-badges{display:flex;align-items:center;gap:8px}.smithy-badge{height:20px;min-height:20px;max-height:20px;padding:0 8px;border-radius:2px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;justify-content:center;border:1px solid;box-sizing:border-box;line-height:18px}.smithy-badge.equipped{background:#f59e0b33;border-color:#f59e0b80;color:#f59e0b}.smithy-badge.stat-bonus{background:#22c55e26;border-color:#22c55e66;color:#22c55e}.smithy-materials-inline{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.smithy-material-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:500}.smithy-material-badge.have{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#86efac}.smithy-material-badge.need{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.smithy-upgrade-action-row{display:flex;align-items:center;gap:12px;margin-top:10px}.smithy-upgrade-warning{font-size:11px;color:#ef4444;font-weight:500}.smithy-item-cost{display:flex;align-items:center;gap:4px;font-weight:600;font-size:13px}.smithy-item-cost .affordable{color:#fbbf24}.smithy-item-cost .expensive{color:#ef4444}.smithy-item-details{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease,opacity .2s ease;opacity:0;padding:0 12px;background:#0000004d;border-top:1px solid transparent}.smithy-item-row.selected .smithy-item-details{max-height:120px;opacity:1;padding:10px 12px;border-top-color:#c69b4f33}.smithy-materials-required{margin-bottom:12px}.materials-label{display:block;font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.materials-list{display:flex;flex-wrap:wrap;gap:8px}.material-item{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:3px;font-size:12px;background:#0000004d;border:1px solid rgba(255,255,255,.1)}.material-item.have{border-color:#10b98166;color:#34d399}.material-item.need{border-color:#ef444466;color:#f87171}.material-name{font-weight:500}.material-qty{font-size:11px;opacity:.7}.smithy-item-reason{color:#f87171;font-size:12px;margin:8px 0;font-style:italic}.smithy-action-button{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#c69b4f33,#a87c3a26);border:1px solid var(--arcane-gold, #c69b4f);color:var(--arcane-gold-light, #e8c47a);font-family:Cormorant Garamond,serif;font-weight:600;font-size:12px;padding:6px 14px;border-radius:3px;cursor:pointer;transition:all .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:inset 0 1px 2px #0009,0 2px 6px #0006;white-space:nowrap}.smithy-action-button.forge,.smithy-action-button.enchant{width:100%;padding:10px 16px;font-size:13px}.smithy-action-button:hover:not(:disabled){background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#c69b4f59,#a87c3a40);box-shadow:inset 0 2px 4px #000c,0 6px 20px #c69b4f66,0 0 25px #c69b4f99;transform:translateY(-2px)}.smithy-action-button:disabled{opacity:.4;cursor:not-allowed;border-color:#c69b4f4d}.smithy-action-button.enchant{border-color:#ec4899;color:#f9a8d4}.smithy-action-button.enchant:hover:not(:disabled){box-shadow:inset 0 2px 4px #000c,0 6px 20px #ec489966,0 0 25px #ec489999}.smithy-action-button.forge{border-color:#f59e0b;color:#fcd34d}.smithy-action-button.forge:hover:not(:disabled){box-shadow:inset 0 2px 4px #000c,0 6px 20px #f59e0b66,0 0 25px #f59e0b99}.smithy-conversions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.smithy-conversion-card{background:linear-gradient(135deg,#1f293766,#11182766);border:1px solid rgba(55,65,81,.3);border-radius:4px;padding:16px;cursor:pointer;transition:all .2s ease}.smithy-conversion-card.available:hover{border-color:#f59e0b80;background:linear-gradient(135deg,#29334180,#1b223180)}.smithy-conversion-card.unavailable{opacity:.5}.smithy-conversion-card.selected{border-color:#f59e0b;background:linear-gradient(135deg,#332d1980,#25221d80)}.conversion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.conversion-name{color:#fcd34d;font-family:Cormorant Garamond,serif;font-size:16px;font-weight:600;margin:0}.conversion-cost{display:flex;align-items:center;gap:4px;font-size:13px;color:#fbbf24}.conversion-desc{color:#fff9;font-size:12px;margin:0 0 12px;line-height:1.4}.conversion-recipe{display:flex;align-items:center;gap:12px;padding:12px;background:#0000004d;border-radius:4px;margin-bottom:12px}.recipe-inputs{display:flex;flex-direction:column;gap:6px;flex:1}.recipe-material{display:flex;align-items:center;gap:6px;font-size:12px}.recipe-material.have{color:#34d399}.recipe-material.need{color:#f87171}.material-qty-badge{font-weight:700;min-width:24px}.material-have{opacity:.6;font-size:11px}.recipe-arrow{color:#c69b4f99;font-size:20px;font-weight:700}.recipe-output{display:flex;flex-direction:column;align-items:center;padding:8px 12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:4px}.output-qty{color:#fcd34d;font-weight:700;font-size:14px}.output-name{color:#fef3c7;font-size:11px;text-align:center}.conversion-actions{display:flex;flex-direction:column;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.quantity-selector{display:flex;align-items:center;justify-content:center;gap:16px}.qty-btn{width:32px;height:32px;background:#0006;border:1px solid rgba(198,155,79,.4);color:#c69b4f;font-size:18px;font-weight:700;cursor:pointer;border-radius:4px;transition:all .2s ease}.qty-btn:hover{background:#c69b4f33;border-color:#c69b4f}.qty-value{color:#fef3c7;font-size:18px;font-weight:600;min-width:40px;text-align:center}.enchant-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:20px}.enchant-items-panel,.enchant-options-panel{background:#0003;border:1px solid rgba(236,72,153,.2);border-radius:4px;padding:16px}.panel-title{color:#f9a8d4;font-family:Cormorant Garamond,serif;font-size:16px;font-weight:600;margin:0 0 8px}.panel-hint{color:#ec489980;font-size:11px;margin:0 0 12px}.enchant-items-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.enchant-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px;cursor:pointer;transition:all .2s ease}.enchant-item:hover{border-color:#ec489966;background:#ec48991a}.enchant-item.selected{border-color:#ec4899;background:#ec489926;box-shadow:0 0 10px #ec48994d}.enchant-item-name{font-size:13px;font-weight:600}.enchant-options-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.enchant-option{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:12px;cursor:pointer;transition:all .2s ease}.enchant-option.available:hover{border-color:#ec489966}.enchant-option.unavailable{opacity:.5}.enchant-option.selected{border-color:#ec4899;background:#ec48991a}.enchant-option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.enchant-name{color:#f9a8d4;font-family:Cormorant Garamond,serif;font-size:15px;font-weight:600;margin:0}.enchant-cost{display:flex;align-items:center;gap:4px;font-size:12px;color:#fbbf24}.enchant-desc{color:#fff9;font-size:12px;margin:0 0 8px}.enchant-bonus{color:#ec4899;font-size:12px;font-weight:600;padding:4px 8px;background:#ec48991a;border-radius:3px;display:inline-block}.enchant-details{margin-top:12px;padding-top:12px;border-top:1px solid rgba(236,72,153,.2)}.enchant-materials{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.enchant-material{display:flex;align-items:center;gap:6px;padding:4px 8px;font-size:11px;background:#0000004d;border-radius:3px;border:1px solid rgba(255,255,255,.1)}.enchant-material.have{border-color:#10b98166;color:#34d399}.enchant-material.need{border-color:#ef444466;color:#f87171}.have-qty{opacity:.6}.smithy-modal-footer{background:linear-gradient(to right,#78350f4d,#501e0a66,#78350f4d);border-top:1px solid rgba(198,155,79,.3);padding:16px 20px;display:flex;justify-content:center}.smithy-modal-close-button{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#c69b4f33,#a87c3a26);border:3px solid var(--arcane-gold, #c69b4f);color:var(--arcane-gold-light, #e8c47a);font-weight:700;font-family:Cormorant Garamond,serif;font-size:16px;padding:12px 48px;border-radius:0;cursor:pointer;transition:all .3s ease;box-shadow:inset 0 2px 4px #000c,0 4px 12px #0009;text-shadow:0 0 10px rgba(198,155,79,.6)}.smithy-modal-close-button:hover{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#c69b4f4d,#a87c3a40);transform:scale(1.05) translateY(-2px);box-shadow:inset 0 2px 4px #000c,0 6px 20px #c69b4f80,0 0 25px #c69b4fcc}.smithy-modal-close-button:active{transform:scale(1.05) translateY(0)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){.smithy-modal-container{max-height:95vh}.smithy-conversions-grid,.enchant-layout{grid-template-columns:1fr}.smithy-modal-header{flex-direction:column;gap:12px;text-align:center}.smithy-modal-player-info{text-align:center}.smithy-header-left{flex-direction:column}}.sleep-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px}.sleep-modal-container{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(196,178,138,.03) 2px,rgba(196,178,138,.03) 4px),linear-gradient(145deg,#2b0f0ffa,#1a0f0ffa);border:4px solid var(--arcane-gold, #c69b4f);box-shadow:0 0 50px #c69b4f99,inset 0 0 50px #0009;width:100%;max-width:420px;display:flex;flex-direction:column;overflow:hidden}.sleep-modal-header{padding:20px 24px;border-bottom:3px solid var(--arcane-gold, #c69b4f);display:flex;justify-content:space-between;align-items:center;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px);position:relative}.sleep-modal-header:before,.sleep-modal-header:after{content:"⚜";position:absolute;bottom:-10px;color:var(--arcane-gold, #c69b4f);font-size:14px;opacity:.6;animation:runeGlow 2s ease-in-out infinite}.sleep-modal-header:before{left:24px}.sleep-modal-header:after{right:24px}@keyframes runeGlow{0%,to{opacity:.4;text-shadow:0 0 5px rgba(198,155,79,.5)}50%{opacity:.8;text-shadow:0 0 15px rgba(198,155,79,.8)}}.sleep-modal-title-group{display:flex;flex-direction:column;gap:4px}.sleep-modal-title{font-family:Cinzel,serif;font-size:24px;font-weight:700;color:var(--arcane-gold-light, #e8c47a);text-shadow:0 0 15px rgba(198,155,79,.8),2px 2px 4px rgba(0,0,0,.9);letter-spacing:2px;margin:0}.sleep-modal-subtitle{font-family:Cinzel,serif;font-size:14px;color:#fcd34db3;margin:0;text-transform:capitalize}.sleep-modal-close{width:36px;height:36px;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#3c3c3ce6,#282828e6);border:2px solid var(--arcane-gold, #c69b4f);color:var(--arcane-gold-light, #e8c47a);font-size:20px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px #000c,0 0 10px #c69b4f4d}.sleep-modal-close:hover{border-color:var(--arcane-ember, #d3633e);color:var(--arcane-ember, #d3633e);box-shadow:inset 0 2px 4px #000c,0 0 20px #d3633e99;transform:scale(1.1)}.sleep-modal-content{padding:24px;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(196,178,138,.02) 2px,rgba(196,178,138,.02) 4px)}.sleep-description{font-family:Cinzel,serif;font-size:13px;color:var(--arcane-text-light, #f4e4c1);margin:0 0 24px;text-align:center}.sleep-benefits-section{margin-bottom:20px}.sleep-section-title{font-family:Cinzel,serif;font-size:16px;font-weight:600;color:var(--arcane-gold, #c69b4f);text-shadow:0 0 10px rgba(198,155,79,.6);margin:0 0 12px;letter-spacing:1px;text-transform:uppercase}.sleep-section-title.stress-title{color:var(--arcane-ember, #d3633e);text-shadow:0 0 10px rgba(211,99,62,.6)}.sleep-benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.sleep-benefit-item{display:flex;align-items:center;gap:10px;padding:12px;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#1a0f0fcc,#0b0b0be6);border:2px solid rgba(198,155,79,.4);transition:all .3s ease}.sleep-benefit-item:hover{border-color:var(--arcane-gold, #c69b4f);box-shadow:0 0 10px #c69b4f4d}.benefit-icon{width:24px;height:24px;border-radius:50%;flex-shrink:0}.benefit-icon.health{background:radial-gradient(circle,#ef4444,#7f1d1d);box-shadow:0 0 8px #ef444480}.benefit-icon.mana{background:radial-gradient(circle,#3b82f6,#1e3a5f);box-shadow:0 0 8px #3b82f680}.benefit-icon.stress{background:radial-gradient(circle,#a855f7,#4c1d95);box-shadow:0 0 8px #a855f780}.benefit-icon.bleeding{background:radial-gradient(circle,#f97316,#7c2d12);box-shadow:0 0 8px #f9731680}.benefit-info{display:flex;flex-direction:column;gap:2px}.benefit-label{font-family:Cormorant Garamond,serif;font-size:11px;color:var(--arcane-text-muted, #a09080);text-transform:uppercase;letter-spacing:.5px}.benefit-value{font-family:Cinzel,serif;font-size:13px;font-weight:600;color:#10b981;text-shadow:0 0 6px rgba(16,185,129,.4)}.sleep-stress-section{padding:16px;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#3c141466,#1a0f0f99);border:2px solid rgba(211,99,62,.5)}.stress-list{display:flex;flex-direction:column;gap:8px}.stress-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(211,99,62,.2)}.stress-row:last-child{border-bottom:none}.stress-label{font-family:Cormorant Garamond,serif;font-size:14px;color:var(--arcane-text-muted, #a09080)}.stress-value{font-family:Cinzel,serif;font-size:16px;font-weight:700;color:var(--arcane-ember, #d3633e);text-shadow:0 0 8px rgba(211,99,62,.6)}.sleep-modal-footer{padding:20px 24px;border-top:3px solid var(--arcane-gold, #c69b4f);display:flex;gap:16px;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px)}.sleep-btn{flex:1;padding:14px 24px;font-family:Cinzel,serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;box-shadow:inset 0 2px 4px #000c,0 0 15px #c69b4f66}.sleep-btn-cancel{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#3c3c3ce6,#282828e6);border:3px solid rgba(196,178,138,.4);color:var(--arcane-text-muted, #a09080)}.sleep-btn-cancel:hover:not(:disabled){border-color:var(--arcane-ember, #d3633e);color:var(--arcane-ember, #d3633e);box-shadow:inset 0 2px 4px #000c,0 0 20px #d3633e99;transform:translateY(-2px)}.sleep-btn-confirm{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#c69b4f33,#a87c3a26);border:3px solid var(--arcane-gold, #c69b4f);color:var(--arcane-gold-light, #e8c47a);text-shadow:0 0 10px rgba(198,155,79,.6)}.sleep-btn-confirm:hover:not(:disabled){background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#c69b4f4d,#a87c3a40);box-shadow:inset 0 2px 4px #000c,0 6px 20px #c69b4f80,0 0 25px #c69b4fcc;transform:translateY(-2px)}.sleep-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.rent-room-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,#0009,#0b0b0be6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1800;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.rent-room-modal{position:relative;background:repeating-linear-gradient(0deg,#0b0b0bfa,#1a0f0ff2,#0b0b0bfa 2px),linear-gradient(135deg,#1a0f0f,#0b0b0b,#1a0f0f);border:4px solid var(--arcane-gold, #c69b4f);border-radius:0;width:90%;max-width:650px;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #000000f2,inset 0 2px 8px #000c,0 0 40px #c69b4f4d;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(80px);opacity:0}to{transform:translateY(0);opacity:1}}.rent-room-modal:before,.rent-room-modal:after{content:"";position:absolute;width:30px;height:30px;border:4px solid var(--arcane-gold, #c69b4f);box-shadow:0 0 15px #c69b4f99;z-index:10}.rent-room-modal:before{top:-4px;left:-4px;border-right:none;border-bottom:none;border-radius:0}.rent-room-modal:after{top:-4px;right:-4px;border-left:none;border-bottom:none;border-radius:0}.rent-room-header{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(135deg,#1a0f0ffa,#0b0b0bfa);border-bottom:4px solid var(--arcane-gold, #c69b4f);box-shadow:0 6px 20px #000c;padding:20px 24px;text-align:center;position:relative}.rent-room-header:before,.rent-room-header:after{content:"⚜";position:absolute;bottom:-14px;color:var(--arcane-gold, #c69b4f);font-size:12px;opacity:.7;animation:runeGlow 2s ease-in-out infinite}.rent-room-header:before{left:20px}.rent-room-header:after{right:20px}.rent-room-header h2{margin:0;font-size:28px;font-family:Cinzel Decorative,Cinzel,serif;font-weight:700;color:var(--arcane-gold-light, #e8c47a);text-shadow:0 0 15px rgba(198,155,79,.8),2px 2px 6px rgba(0,0,0,.9);letter-spacing:1px}.rent-room-subtitle{margin:6px 0 0;font-size:15px;font-family:Cormorant Garamond,serif;color:var(--arcane-text-muted, #8b7355);font-style:italic;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.rent-room-content{padding:28px 32px;max-height:500px;overflow-y:auto}.rent-room-content::-webkit-scrollbar{width:12px}.rent-room-content::-webkit-scrollbar-track{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px);border-left:2px solid var(--arcane-gold-dark, #a67c3a)}.rent-room-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--arcane-gold, #c69b4f) 0%,var(--arcane-gold-dark, #a67c3a) 100%);border-left:2px solid var(--arcane-gold-dark, #a67c3a);box-shadow:inset 0 2px 4px #00000080}.rent-room-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--arcane-gold-light, #e8c47a) 0%,var(--arcane-gold, #c69b4f) 100%);box-shadow:0 0 10px #c69b4f99}.loading-text{text-align:center;color:var(--arcane-text-muted, #8b7355);font-style:italic;font-family:Cormorant Garamond,serif;font-size:18px;padding:50px 20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.room-icon{text-align:center;margin-bottom:15px;color:var(--fantasy-gold);filter:drop-shadow(0 0 20px rgba(198,155,79,.6));display:flex;justify-content:center;align-items:center}.room-icon svg{filter:drop-shadow(0 0 10px rgba(198,155,79,.5))}.room-owned-message{text-align:center;padding:20px}.room-owned-message h3{color:var(--arcane-gold-light, #e8c47a);font-family:Cinzel,serif;font-size:24px;margin:10px 0;font-weight:700;letter-spacing:1px;text-shadow:0 0 15px rgba(198,155,79,.8)}.room-number{color:var(--arcane-gold, #c69b4f);font-family:Courier New,monospace;font-size:18px;font-weight:700;margin:10px 0;padding:8px 16px;background:repeating-linear-gradient(0deg,#0b0b0bb3,#1a0f0f80,#0b0b0bb3 2px);border:3px solid var(--arcane-gold, #c69b4f);border-radius:0;display:inline-block;box-shadow:inset 0 2px 4px #000c}.room-description{color:var(--arcane-text-light, #f4e4c1);font-family:Cormorant Garamond,serif;font-size:17px;line-height:1.8;margin:15px 0;text-align:center}.room-offer{text-align:center}.room-offer h3{color:var(--arcane-gold-light, #e8c47a);font-family:Cinzel,serif;font-size:24px;margin:10px 0 20px;font-weight:700;letter-spacing:1px;text-shadow:0 0 15px rgba(198,155,79,.8)}.room-features{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0;padding:20px;background:#0000004d;border:1px solid rgba(198,155,79,.2);border-radius:8px}.feature{display:flex;align-items:center;gap:10px;color:var(--arcane-text-light, #f4e4c1);font-family:Cormorant Garamond,serif;font-size:16px}.feature-icon{color:var(--fantasy-gold);filter:drop-shadow(0 0 8px rgba(198,155,79,.4));flex-shrink:0}.room-cost{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px;background:repeating-linear-gradient(0deg,#0b0b0bb3,#1a0f0f80,#0b0b0bb3 2px),linear-gradient(145deg,#1a0f0fcc,#0b0b0be6);border:3px solid var(--arcane-gold, #c69b4f);border-radius:0;margin:20px 0;box-shadow:inset 0 3px 8px #000c}.room-cost .gold-icon{color:var(--arcane-gold, #c69b4f);font-size:24px;filter:drop-shadow(0 0 10px rgba(198,155,79,.6))}.cost-amount{color:var(--arcane-gold-light, #e8c47a);font-size:28px;font-weight:700;font-family:Cinzel,serif}.cost-label{color:var(--arcane-text-muted, #8b7355);font-size:13px;font-style:italic;font-family:Cormorant Garamond,serif}.rent-room-error{background:repeating-linear-gradient(0deg,#0b0b0bb3,#1a0f0f80,#0b0b0bb3 2px);border:3px solid var(--arcane-ember, #d3633e);border-radius:0;padding:12px;margin:15px 0;color:var(--arcane-ember, #d3633e);text-align:center;font-weight:700;font-family:Cormorant Garamond,serif;font-size:16px;text-shadow:0 0 10px rgba(211,99,62,.5);box-shadow:inset 0 2px 4px #000c}.rent-room-button,.go-to-room-button{width:100%;padding:14px 24px;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#c69b4f26,#a87c3a1a);border:3px solid var(--arcane-gold, #c69b4f);border-radius:0;color:var(--arcane-text-light, #f4e4c1);font-family:Cormorant Garamond,serif;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s;text-shadow:0 0 10px rgba(198,155,79,.6);box-shadow:inset 0 2px 4px #000c,0 4px 12px #0009;margin-top:15px}.rent-room-button:hover,.go-to-room-button:hover{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#c69b4f40,#a87c3a33);border-color:var(--arcane-gold-light, #e8c47a);transform:translate(6px);box-shadow:inset 0 2px 4px #000c,0 6px 20px #c69b4f80,0 0 30px #c69b4f4d;color:var(--arcane-gold-light, #e8c47a)}.rent-room-button:active,.go-to-room-button:active{transform:translate(6px) scale(.98)}.rent-room-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.close-rent-room-button{width:100%;padding:12px;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#c69b4f1a,#a87c3a0d);border:3px solid rgba(198,155,79,.4);border-top:3px solid var(--arcane-gold, #c69b4f);border-radius:0;color:var(--arcane-text-muted, #8b7355);font-family:Cormorant Garamond,serif;font-size:16px;cursor:pointer;transition:all .2s ease;box-shadow:inset 0 2px 4px #000c}.close-rent-room-button:hover{background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#c69b4f33,#a87c3a26);color:var(--arcane-text-light, #f4e4c1);border-color:var(--arcane-gold, #c69b4f)}.chest-loot-modal{position:relative;width:400px;max-width:90vw;background:linear-gradient(180deg,#3c2d23fa,#2c1810fa);border:3px solid var(--fantasy-border);border-radius:10px;box-shadow:0 12px 48px var(--fantasy-shadow),0 0 0 1px var(--fantasy-gold);overflow:hidden;animation:chestSlideIn .4s ease-out}@keyframes chestSlideIn{0%{transform:translateY(-30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.chest-loot-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(212,175,55,.15) 0%,transparent 50%);pointer-events:none;animation:chestGlowPulse 3s ease-in-out infinite}@keyframes chestGlowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.chest-loot-header{position:relative;text-align:center;padding:18px 24px;border-bottom:2px solid var(--fantasy-border);background:linear-gradient(180deg,#5c4033e6,#3c2d23e6);z-index:1}.chest-loot-icon{display:flex;justify-content:center;margin-bottom:12px;color:var(--fantasy-gold);animation:chestIconBounce .5s ease-out}@keyframes chestIconBounce{0%{transform:scale(0) rotate(-10deg);opacity:0}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}.chest-loot-title{font-family:Cinzel,serif;font-size:22px;color:var(--fantasy-gold);text-shadow:2px 2px 4px var(--fantasy-shadow);margin:0 0 4px;letter-spacing:2px;text-transform:uppercase;font-weight:700}.chest-loot-subtitle{font-family:Cormorant Garamond,serif;font-size:14px;color:var(--fantasy-text-muted);margin:0;font-style:italic}.chest-loot-contents{position:relative;z-index:1;padding:24px;max-height:300px;overflow-y:auto}.chest-loot-gold-section{background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.15) 50%,transparent 100%);border-radius:8px;padding:12px;margin-bottom:16px;border:1px solid rgba(212,175,55,.3)}.chest-loot-gold{display:flex;align-items:center;justify-content:center;gap:12px;animation:goldShimmer .6s ease-out}@keyframes goldShimmer{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.chest-loot-gold-amount{font-family:Cinzel,serif;font-size:1.4rem;color:var(--fantasy-gold);text-shadow:0 0 8px rgba(212,175,55,.4);font-weight:600}.chest-loot-items{display:flex;flex-direction:column;gap:8px}.chest-loot-item{display:flex;align-items:center;gap:12px;background:#5c403399;border:2px solid var(--fantasy-border);border-radius:6px;padding:10px 12px;transition:all .2s ease;animation:itemSlideIn .4s ease-out backwards}@keyframes itemSlideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.chest-loot-item:hover{background:#5c4033e6;border-color:var(--fantasy-gold);transform:translate(4px);box-shadow:0 0 10px var(--fantasy-glow)}.chest-loot-item.common{border-left:3px solid #9d9d9d}.chest-loot-item.uncommon{border-left:3px solid #1eff00}.chest-loot-item.rare{border-left:3px solid #0070dd}.chest-loot-item.epic{border-left:3px solid #a335ee}.chest-loot-item.legendary{border-left:3px solid #ff8000;box-shadow:0 0 10px #ff800033}.chest-loot-item-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#2c181080;border-radius:6px;color:var(--fantasy-gold)}.chest-loot-item-info{flex:1;display:flex;flex-direction:column;gap:2px}.chest-loot-item-name{font-family:Cinzel,serif;font-size:1rem;color:var(--fantasy-text-light);font-weight:500}.chest-loot-item-quantity{font-size:.85rem;color:var(--fantasy-text-muted)}.chest-loot-item-type{font-size:.75rem;color:var(--fantasy-text-muted);text-transform:capitalize;padding:2px 8px;background:#2c181080;border-radius:4px}.chest-loot-empty{text-align:center;padding:24px;color:var(--fantasy-text-muted);font-style:italic;font-family:Cormorant Garamond,serif}.chest-loot-close-button{position:relative;z-index:1;width:calc(100% - 48px);margin:0 24px 24px;padding:12px 24px;font-family:Cinzel,serif;font-size:1rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--fantasy-text-light);background:linear-gradient(180deg,var(--fantasy-deep-brown) 0%,var(--fantasy-dark-wood) 100%);border:2px solid var(--fantasy-gold);border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px var(--fantasy-shadow)}.chest-loot-close-button:hover{background:linear-gradient(180deg,var(--fantasy-gold-dark) 0%,var(--fantasy-burnt-orange) 100%);box-shadow:0 0 15px var(--fantasy-glow);transform:translateY(-2px)}.chest-loot-close-button:active{transform:translateY(0);box-shadow:0 2px 4px var(--fantasy-shadow)}.chest-loot-contents::-webkit-scrollbar{width:12px}.chest-loot-contents::-webkit-scrollbar-track{background:var(--fantasy-dark-wood);border-left:2px solid var(--fantasy-border);border-radius:0 0 7px}.chest-loot-contents::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--fantasy-deep-brown) 0%,var(--fantasy-dark-wood) 100%);border:2px solid var(--fantasy-border);border-radius:6px}.chest-loot-contents::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--fantasy-burnt-orange) 0%,var(--fantasy-deep-brown) 100%);box-shadow:0 0 8px var(--fantasy-glow)}:root{--arcane-black: #0b0b0b;--arcane-dark-red: #1a0f0f;--arcane-occult: #2b0f0f;--arcane-bone: #c4b28a;--arcane-gold: #c69b4f;--arcane-ember: #d3633e;--arcane-gold-light: #e8c47a;--arcane-gold-dark: #a67c3a;--arcane-hp-dark: #7a0e0e;--arcane-hp-light: #d93434;--arcane-mp-dark: #234a7a;--arcane-mp-light: #4da6ff;--arcane-stamina-green: #3dd66d;--arcane-text-light: #f4e4c1;--arcane-text-muted: #8b7355;--arcane-text-dark: #2b0f0f}.arcane-ui{font-family:Cormorant Garamond,Lora,serif;color:var(--arcane-text-light)}.stone-texture{background:repeating-linear-gradient(0deg,#0b0b0bcc,#1a0f0f99,#0b0b0bcc 2px),linear-gradient(145deg,#1a0f0ff2,#0b0b0bfa)}.iron-texture{background:linear-gradient(145deg,#3c3c3ce6,#282828e6);box-shadow:inset 0 2px 4px #000c,inset 0 -2px 4px #ffffff1a}.parchment-texture{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(196,178,138,.03) 2px,rgba(196,178,138,.03) 4px),linear-gradient(145deg,#2b0f0ff2,#1a0f0ffa)}@keyframes emberFlicker{0%,to{opacity:.3;transform:translate(0)}25%{opacity:.5;transform:translate(1px)}50%{opacity:.4;transform:translate(-1px)}75%{opacity:.6;transform:translate(.5px)}}.gothic-corner{position:absolute;width:20px;height:20px;border:2px solid var(--arcane-gold);box-shadow:0 0 8px #c69b4f99}.gothic-corner-tl{top:-2px;left:-2px;border-right:none;border-bottom:none;border-radius:4px 0 0}.gothic-corner-tr{top:-2px;right:-2px;border-left:none;border-bottom:none;border-radius:0 4px 0 0}.gothic-corner-bl{bottom:-2px;left:-2px;border-right:none;border-top:none;border-radius:0 0 0 4px}.gothic-corner-br{bottom:-2px;right:-2px;border-left:none;border-top:none;border-radius:0 0 4px}.firelight-glow{position:relative}.firelight-glow:before{content:"";position:absolute;bottom:0;left:0;right:0;height:30%;background:radial-gradient(ellipse at center top,rgba(211,99,62,.2) 0%,transparent 70%);pointer-events:none;animation:emberFlicker 2s ease-in-out infinite}.vignette-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;background:radial-gradient(ellipse at center,transparent 0%,transparent 60%,rgba(0,0,0,.4) 100%)}.room-storage-modal{position:relative;width:700px;max-width:95vw;background:repeating-linear-gradient(0deg,#0b0b0be6,#1a0f0fb3,#0b0b0be6 2px),linear-gradient(145deg,#1a0f0ffa,#0b0b0b);border:2px solid var(--arcane-gold-dark);border-radius:8px;padding:24px;box-shadow:0 0 40px #c69b4f26,0 0 80px #c69b4f14,inset 0 1px #ffffff08,inset 0 0 30px #00000080;overflow:hidden}.room-storage-modal:before,.room-storage-modal:after{content:"";position:absolute;width:24px;height:24px;border:2px solid var(--arcane-gold);box-shadow:0 0 8px #c69b4f80}.room-storage-modal:before{top:8px;left:8px;border-right:none;border-bottom:none;border-radius:4px 0 0}.room-storage-modal:after{top:8px;right:8px;border-left:none;border-bottom:none;border-radius:0 4px 0 0}.room-storage-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(198,155,79,.08) 0%,transparent 50%);pointer-events:none;animation:storageGlowPulse 4s ease-in-out infinite}@keyframes storageGlowPulse{0%,to{opacity:.4}50%{opacity:.7}}.room-storage-header{position:relative;text-align:center;margin-bottom:20px;z-index:1;padding-bottom:16px;border-bottom:1px solid rgba(198,155,79,.3)}.room-storage-icon{display:flex;justify-content:center;margin-bottom:12px;filter:drop-shadow(0 0 8px rgba(198,155,79,.4))}.room-storage-title{font-family:Cinzel Decorative,Cinzel,serif;font-size:1.5rem;font-weight:700;color:var(--arcane-gold);text-shadow:0 0 10px rgba(198,155,79,.5),0 2px 4px rgba(0,0,0,.8);margin:0 0 6px;letter-spacing:3px;text-transform:uppercase}.room-storage-subtitle{font-family:Cormorant Garamond,serif;font-size:1rem;color:var(--arcane-bone);margin:0;opacity:.8}.room-storage-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--arcane-text-muted);font-family:Cormorant Garamond,serif;font-size:1.1rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--arcane-dark-red);border-top-color:var(--arcane-gold);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.room-storage-content{position:relative;z-index:1;display:flex;gap:16px;align-items:flex-start}.room-storage-section{flex:1;min-width:0}.section-title{font-family:Cinzel,serif;font-size:.95rem;font-weight:600;color:var(--arcane-gold-light);text-transform:uppercase;letter-spacing:2px;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(198,155,79,.2);text-shadow:0 0 6px rgba(198,155,79,.3)}.storage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:300px;overflow-y:auto;padding-right:4px}.storage-slot{background:linear-gradient(145deg,#1a0f0fe6,#0b0b0bf2);border:1px solid rgba(139,115,85,.4);border-radius:4px;padding:10px 8px;min-height:65px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:inset 0 2px 4px #00000080}.storage-slot:hover:not(.empty){background:linear-gradient(145deg,#2b0f0fe6,#1a0f0ff2);border-color:var(--arcane-gold);transform:translateY(-2px);box-shadow:0 4px 12px #0006,0 0 8px #c69b4f33,inset 0 2px 4px #00000080}.storage-slot.selected{background:linear-gradient(145deg,#2b1e0ff2,#1a120afa);border-color:var(--arcane-gold);box-shadow:0 0 15px #c69b4f66,inset 0 0 10px #c69b4f1a}.storage-slot.empty{cursor:default;opacity:.4}.storage-slot.empty:hover{transform:none;background:linear-gradient(145deg,#1a0f0fe6,#0b0b0bf2);border-color:#8b735566}.storage-slot.item-weapon{border-left:3px solid #a0a0b0}.storage-slot.item-armor{border-left:3px solid #607080}.storage-slot.item-consumable{border-left:3px solid var(--arcane-hp-light)}.storage-slot.item-material{border-left:3px solid var(--arcane-gold-dark)}.storage-slot.item-misc{border-left:3px solid var(--arcane-text-muted)}.slot-item-name{font-family:Cormorant Garamond,serif;font-size:.85rem;font-weight:500;color:var(--arcane-text-light);text-align:center;word-break:break-word;line-height:1.2}.slot-quantity{font-family:Cinzel,serif;font-size:.7rem;color:var(--arcane-gold);margin-top:4px;font-weight:600}.empty-slot-text{font-family:Cormorant Garamond,serif;font-size:.8rem;color:var(--arcane-text-muted);font-style:italic}.storage-slot.equipped-item{border-color:#f59e0b80;background:linear-gradient(145deg,#2b230fe6,#1a140af2)}.slot-equipped-badge{position:absolute;top:2px;right:2px;background:#f59e0be6;color:#1a1008;font-size:9px;font-weight:700;padding:2px 4px;border-radius:2px;text-transform:uppercase}.storage-slot{position:relative}.selected-item-details{margin-top:12px;padding:12px;background:#1a0f0fe6;border:1px solid rgba(139,115,85,.4);border-radius:4px}.selected-item-name{font-family:Cinzel,serif;font-size:.9rem;font-weight:600;color:var(--arcane-text-light);margin-bottom:4px}.selected-item-type{font-family:Cormorant Garamond,serif;font-size:.8rem;color:var(--arcane-text-muted);text-transform:capitalize;margin-bottom:8px}.selected-item-equipped-warning{display:flex;align-items:center;justify-content:center;padding:6px 12px;background:#f59e0b26;border:1px solid rgba(245,158,11,.4);border-radius:4px}.selected-item-equipped-warning .equipped-badge{color:#f59e0b;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.room-storage-actions{display:flex;flex-direction:column;gap:12px;padding:20px 8px;align-self:center}.action-button{display:flex;align-items:center;gap:8px;padding:12px 18px;font-family:Cinzel,serif;font-size:.8rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;border-radius:4px;cursor:pointer;transition:all .2s ease;min-width:130px;justify-content:center;box-shadow:inset 0 2px 4px #0000004d,0 2px 4px #0006}.action-button .arrow{font-size:1.2rem}.action-button.deposit{background:linear-gradient(145deg,#143214e6,#0a1e0af2);border:1px solid rgba(60,180,60,.4);color:var(--arcane-stamina-green)}.action-button.deposit:hover:not(:disabled){background:linear-gradient(145deg,#1e461ef2,#143214fa);border-color:var(--arcane-stamina-green);box-shadow:0 0 12px #3dd66d4d,inset 0 2px 4px #0000004d}.action-button.withdraw{background:linear-gradient(145deg,#321414e6,#1e0a0af2);border:1px solid rgba(180,60,60,.4);color:var(--arcane-hp-light)}.action-button.withdraw:hover:not(:disabled){background:linear-gradient(145deg,#461e1ef2,#321414fa);border-color:var(--arcane-hp-light);box-shadow:0 0 12px #d934344d,inset 0 2px 4px #0000004d}.action-button:disabled{opacity:.35;cursor:not-allowed}.room-storage-close-button{position:relative;z-index:1;width:100%;margin-top:20px;padding:14px 24px;font-family:Cinzel,serif;font-size:.95rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--arcane-bone);background:linear-gradient(145deg,#2b0f0fe6,#1a0f0ff2);border:1px solid rgba(139,115,85,.5);border-radius:4px;cursor:pointer;transition:all .2s ease;box-shadow:inset 0 2px 4px #0000004d,0 2px 4px #0006}.room-storage-close-button:hover{background:linear-gradient(145deg,#3c1919f2,#2b0f0ffa);border-color:var(--arcane-gold);color:var(--arcane-gold-light);box-shadow:0 0 12px #c69b4f33,inset 0 2px 4px #0000004d}.storage-grid::-webkit-scrollbar{width:6px}.storage-grid::-webkit-scrollbar-track{background:#0b0b0b80;border-radius:3px}.storage-grid::-webkit-scrollbar-thumb{background:var(--arcane-dark-red);border-radius:3px;border:1px solid rgba(198,155,79,.2)}.storage-grid::-webkit-scrollbar-thumb:hover{background:var(--arcane-occult);border-color:var(--arcane-gold)}@media (max-width: 600px){.room-storage-modal{width:95vw;padding:16px}.room-storage-content{flex-direction:column}.room-storage-actions{flex-direction:row;justify-content:center;padding:12px 0}.storage-grid{grid-template-columns:repeat(2,1fr);max-height:200px}}.fantasy-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.fantasy-modal-container{background:linear-gradient(180deg,#3c2d23fa,#2c1810fa);border:3px solid var(--fantasy-border);border-radius:10px;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 12px 48px var(--fantasy-shadow),0 0 0 1px var(--fantasy-gold);animation:slideIn .4s ease-out}@keyframes slideIn{0%{transform:translateY(-30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.fantasy-modal-header{padding:18px 24px;border-bottom:2px solid var(--fantasy-border);background:linear-gradient(180deg,#5c4033e6,#3c2d23e6);border-radius:7px 7px 0 0;display:flex;justify-content:space-between;align-items:center}.fantasy-modal-title{margin:0;color:var(--fantasy-gold);font-size:22px;font-family:Cinzel,serif;font-weight:700;text-shadow:2px 2px 4px var(--fantasy-shadow)}.fantasy-modal-close{background:transparent;border:2px solid var(--fantasy-border);color:var(--fantasy-text-muted);font-size:24px;cursor:pointer;padding:4px;width:34px;height:34px;border-radius:4px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;line-height:1}.fantasy-modal-close:hover{color:var(--fantasy-text-light);border-color:var(--fantasy-gold);background:#d4af371a;transform:rotate(90deg)}.fantasy-modal-content{flex:1;padding:24px;overflow-y:auto;font-family:Cinzel,serif}.fantasy-modal-footer{padding:18px 24px;border-top:2px solid var(--fantasy-border);background:linear-gradient(180deg,#3c2d23e6,#2c1810e6);border-radius:0 0 7px 7px;display:flex;gap:12px;justify-content:flex-end}.fantasy-modal-content::-webkit-scrollbar{width:12px}.fantasy-modal-content::-webkit-scrollbar-track{background:var(--fantasy-dark-wood);border-left:2px solid var(--fantasy-border);border-radius:0 0 7px}.fantasy-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--fantasy-deep-brown) 0%,var(--fantasy-dark-wood) 100%);border:2px solid var(--fantasy-border);border-radius:6px}.fantasy-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--fantasy-burnt-orange) 0%,var(--fantasy-deep-brown) 100%);box-shadow:0 0 8px var(--fantasy-glow)}.fantasy-modal-text{color:var(--fantasy-text-light);line-height:1.6;font-family:Cinzel,serif}.fantasy-modal-subtitle{color:var(--fantasy-text-muted);font-size:14px;margin-bottom:16px;font-family:Cormorant Garamond,serif;font-style:italic}.fantasy-modal-divider{height:1px;background:var(--fantasy-border);margin:20px 0}.fantasy-modal-empty{text-align:center;padding:40px 20px;color:var(--fantasy-text-muted);font-style:italic}.soul-echo-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.soul-echo-modal{background:linear-gradient(180deg,#3c2d23fa,#2c1810fa);border:3px solid var(--fantasy-border);border-radius:10px;width:480px;max-width:90vw;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 48px var(--fantasy-shadow),0 0 0 1px var(--fantasy-gold);animation:slideIn .4s ease-out}.soul-echo-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:linear-gradient(180deg,#5c4033e6,#3c2d23e6);border-bottom:2px solid var(--fantasy-border);border-radius:7px 7px 0 0}.soul-echo-title{font-size:20px;font-weight:700;color:var(--fantasy-gold);font-family:Cinzel,serif;text-shadow:2px 2px 4px var(--fantasy-shadow)}.close-button{background:transparent;border:2px solid var(--fantasy-border);color:var(--fantasy-text-muted);font-size:18px;cursor:pointer;padding:4px;width:32px;height:32px;border-radius:4px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;line-height:1}.close-button:hover{color:var(--fantasy-text-light);border-color:var(--fantasy-gold);background:#d4af371a;transform:rotate(90deg)}.soul-echo-info{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#0000004d;border-bottom:1px solid var(--fantasy-border);font-family:Cinzel,serif}.echo-level{color:var(--fantasy-gold);font-weight:600}.echo-time{color:var(--fantasy-text-muted);font-size:13px;font-style:italic}.echo-epitaph{color:#d0c7ff;font-size:12px;font-style:italic;margin-left:12px}.echo-avenged{color:var(--fantasy-dark-green);font-size:12px;padding:4px 10px;background:#228b2226;border:1px solid rgba(34,139,34,.4);border-radius:4px}.soul-echo-tabs{display:flex;background:linear-gradient(180deg,#3c2d23b3,#2c1810b3);border-bottom:2px solid var(--fantasy-border)}.soul-echo-tabs .tab{flex:1;padding:12px;background:transparent;border:none;color:var(--fantasy-text-muted);cursor:pointer;font-size:14px;font-family:Cinzel,serif;transition:all .3s ease;border-bottom:3px solid transparent}.soul-echo-tabs .tab:hover{color:var(--fantasy-parchment);background:#d4af3714}.soul-echo-tabs .tab.active{color:var(--fantasy-gold);border-bottom-color:var(--fantasy-gold);background:#d4af371f}.soul-echo-content{padding:20px 24px;overflow-y:auto;flex:1;min-height:260px;font-family:Cinzel,serif}.details-tab{display:flex;flex-direction:column;gap:18px}.killer-info{background:linear-gradient(135deg,#8b000026,#50141433);border:2px solid rgba(139,0,0,.4);border-radius:8px;padding:16px;text-align:center}.killer-info h4{color:var(--fantasy-burnt-orange);margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:1px}.killer-name{color:var(--fantasy-health-red);font-size:20px;font-weight:700;text-shadow:1px 1px 3px var(--fantasy-shadow)}.killer-details{color:var(--fantasy-text-muted);font-size:14px;margin-top:6px}.death-details{display:flex;justify-content:space-between;padding:12px 16px;background:#00000059;border:1px solid var(--fantasy-border);border-radius:6px}.xp-lost{color:var(--fantasy-burnt-orange);font-weight:600}.death-time{color:var(--fantasy-text-muted);font-size:12px}.combat-log-section h4{color:var(--fantasy-parchment);margin:0 0 10px;font-size:14px;border-bottom:1px solid var(--fantasy-border);padding-bottom:8px}.combat-log-entries{background:#0006;border:1px solid var(--fantasy-border);border-radius:6px;padding:10px 12px;max-height:130px;overflow-y:auto}.combat-log-entry{color:var(--fantasy-text-light);font-size:12px;padding:6px 0;border-bottom:1px solid rgba(139,90,43,.2)}.combat-log-entry:last-child{border-bottom:none}.tribute-tab{display:flex;flex-direction:column;gap:18px}.tribute-description{color:var(--fantasy-text-light);font-size:14px;margin:0;text-align:center;line-height:1.6}.tribute-options{display:flex;flex-direction:column;gap:10px}.tribute-option{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:linear-gradient(135deg,#3c2d23cc,#2c1810cc);border:2px solid var(--fantasy-border);border-radius:6px;color:var(--fantasy-parchment);cursor:pointer;transition:all .3s ease;font-family:Cinzel,serif}.tribute-option:hover:not(.disabled){border-color:var(--fantasy-gold);background:linear-gradient(135deg,#5c4033e6,#3c2d23e6);box-shadow:0 0 15px var(--fantasy-glow)}.tribute-option.selected{border-color:var(--fantasy-gold);background:linear-gradient(135deg,#d4af3733,#8b5a2b33);box-shadow:0 0 20px var(--fantasy-glow)}.tribute-option.disabled{opacity:.4;cursor:not-allowed}.tribute-amount{color:var(--fantasy-gold);font-weight:700;font-size:16px}.tribute-reduction{color:var(--fantasy-dark-green);font-size:13px}.tribute-submit{padding:14px 20px;background:linear-gradient(135deg,var(--fantasy-deep-brown) 0%,var(--fantasy-dark-wood) 100%);border:3px solid var(--fantasy-border);border-radius:8px;color:var(--fantasy-parchment);font-weight:700;font-size:15px;font-family:Cinzel,serif;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.tribute-submit:hover:not(:disabled){background:linear-gradient(135deg,var(--fantasy-burnt-orange) 0%,var(--fantasy-deep-brown) 100%);border-color:var(--fantasy-gold);transform:translateY(-2px);box-shadow:0 0 25px var(--fantasy-glow),0 4px 12px var(--fantasy-shadow)}.tribute-submit:disabled{opacity:.4;cursor:not-allowed}.avenge-tab{display:flex;flex-direction:column;gap:18px}.already-avenged{text-align:center;color:var(--fantasy-text-light)}.already-avenged p{margin:10px 0;line-height:1.6}.partial-reward-note{font-size:12px;color:var(--fantasy-text-muted);font-style:italic}.vengeance-info p{color:var(--fantasy-text-light);margin:0 0 14px;font-size:14px;line-height:1.6}.vengeance-info strong{color:var(--fantasy-burnt-orange)}.vengeance-rewards{background:linear-gradient(135deg,#228b221f,#14501426);border:2px solid rgba(34,139,34,.4);border-radius:8px;padding:16px}.vengeance-rewards h4{color:var(--fantasy-dark-green);margin:0 0 10px;font-size:14px;text-transform:uppercase;letter-spacing:1px}.vengeance-rewards ul{margin:0;padding-left:22px;color:var(--fantasy-text-light);font-size:13px}.vengeance-rewards li{margin:6px 0}.quest-active{padding:14px 18px;background:linear-gradient(135deg,#8b5a2b33,#50321433);border:2px solid var(--fantasy-burnt-orange);border-radius:6px;color:var(--fantasy-burnt-orange);text-align:center;font-weight:700;text-transform:uppercase;letter-spacing:1px}.accept-vengeance{padding:14px 20px;background:linear-gradient(135deg,#8b0000e6,#640000e6);border:3px solid rgba(139,0,0,.6);border-radius:8px;color:var(--fantasy-parchment);font-weight:700;font-size:15px;font-family:Cinzel,serif;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.accept-vengeance:hover:not(:disabled){background:linear-gradient(135deg,#b41e1ef2,#8b0000f2);border-color:var(--fantasy-health-red);transform:translateY(-2px);box-shadow:0 0 25px #8b000080,0 4px 12px var(--fantasy-shadow)}.accept-vengeance:disabled{opacity:.4;cursor:not-allowed}.soul-echo-message{padding:12px 24px;font-size:14px;text-align:center;font-family:Cinzel,serif;border-top:2px solid var(--fantasy-border)}.soul-echo-message.success{background:linear-gradient(135deg,#228b2233,#14501433);color:var(--fantasy-dark-green)}.soul-echo-message.error{background:linear-gradient(135deg,#8b000033,#64000033);color:var(--fantasy-health-red)}.soul-echo-content::-webkit-scrollbar,.combat-log-entries::-webkit-scrollbar{width:10px}.soul-echo-content::-webkit-scrollbar-track,.combat-log-entries::-webkit-scrollbar-track{background:var(--fantasy-dark-wood);border-left:1px solid var(--fantasy-border)}.soul-echo-content::-webkit-scrollbar-thumb,.combat-log-entries::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--fantasy-deep-brown) 0%,var(--fantasy-dark-wood) 100%);border:1px solid var(--fantasy-border);border-radius:5px}.soul-echo-content::-webkit-scrollbar-thumb:hover,.combat-log-entries::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--fantasy-burnt-orange) 0%,var(--fantasy-deep-brown) 100%)}.tile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.tile-menu{position:absolute;transform:translate(-50%,-100%) translateY(-10px);min-width:150px;background:linear-gradient(135deg,#281e19fa,#19140ffa);border:2px solid var(--fantasy-border, #8b7355);border-radius:6px;box-shadow:0 4px 20px #000c,inset 0 1px #ffffff0d;overflow:hidden;animation:tile-menu-appear .15s ease-out}@keyframes tile-menu-appear{0%{opacity:0;transform:translate(-50%,-100%) translateY(0)}to{opacity:1;transform:translate(-50%,-100%) translateY(-10px)}}.tile-menu-header{padding:8px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--fantasy-text-muted, #a0a0a0);background:#0000004d;border-bottom:1px solid rgba(139,115,85,.3);text-align:center}.tile-menu-items{display:flex;flex-direction:column}.tile-menu-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:transparent;border:none;color:var(--fantasy-text, #e8e0d0);font-family:inherit;font-size:13px;cursor:pointer;text-align:left;transition:background-color .15s ease}.tile-menu-item:hover{background:#8b73554d}.tile-menu-item:active{background:#8b735580}.tile-menu-item+.tile-menu-item{border-top:1px solid rgba(139,115,85,.2)}.tile-menu-item-corpse .tile-menu-label{color:#d4a574}.tile-menu-item-soul_echo .tile-menu-label{color:#90cdf4}.tile-menu-item-dropped_item .tile-menu-label{color:#98d998}.tile-menu-item-chest .tile-menu-label{color:gold}.tile-menu-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:14px}.tile-menu-icon.icon-skull:before{content:"💀"}.tile-menu-icon.icon-ghost:before{content:"👻"}.tile-menu-icon.icon-item:before{content:"📦"}.tile-menu-icon.icon-chest:before{content:"📦"}.tile-menu-label{flex:1}.waypoint-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.waypoint-modal{background:linear-gradient(135deg,#1a2a1a,#0d1a0d);border:2px solid #00ffaa;border-radius:12px;min-width:320px;max-width:420px;max-height:70vh;box-shadow:0 0 30px #00ffaa4d,inset 0 0 20px #00ffaa0d;animation:modalSlideIn .3s ease-out;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.waypoint-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(0,255,170,.3);background:linear-gradient(to bottom,rgba(0,255,170,.15),transparent)}.waypoint-modal-header h2{margin:0;font-size:18px;color:#0fa;text-shadow:0 0 10px rgba(0,255,170,.5);letter-spacing:1px}.waypoint-modal-close{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:0 4px;line-height:1;transition:color .2s}.waypoint-modal-close:hover{color:#f66}.waypoint-current-location{padding:12px 20px;background:#0000004d;border-bottom:1px solid rgba(0,255,170,.2);display:flex;align-items:center;gap:8px}.waypoint-current-label{color:#888;font-size:12px}.waypoint-current-name{color:#0fa;font-weight:600;font-size:14px}.waypoint-modal-content{padding:16px;max-height:45vh;overflow-y:auto}.waypoint-modal-content::-webkit-scrollbar{width:6px}.waypoint-modal-content::-webkit-scrollbar-track{background:#0000004d}.waypoint-modal-content::-webkit-scrollbar-thumb{background:#0fa6;border-radius:3px}.waypoint-modal-content::-webkit-scrollbar-thumb:hover{background:#0fa9}.waypoint-loading,.waypoint-error,.waypoint-empty{text-align:center;padding:24px;color:#aaa}.waypoint-error{color:#f66}.waypoint-empty p{margin:8px 0}.waypoint-hint{font-size:12px;color:#666;font-style:italic}.waypoint-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.waypoint-item{animation:waypointFadeIn .3s ease-out}@keyframes waypointFadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.waypoint-button{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#00ffaa14;border:1px solid rgba(0,255,170,.3);border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.waypoint-button:hover:not(:disabled){background:#00ffaa26;border-color:#0fa;transform:translate(4px);box-shadow:0 0 15px #0fa3}.waypoint-button:disabled{opacity:.5;cursor:not-allowed}.waypoint-icon{font-size:20px;color:#0fa;text-shadow:0 0 8px rgba(0,255,170,.5)}.waypoint-info{flex:1;display:flex;flex-direction:column;gap:2px}.waypoint-name{color:#eee;font-size:14px;font-weight:500}.waypoint-map{color:#888;font-size:11px}.waypoint-arrow{color:#0fa9;font-size:18px;transition:transform .2s}.waypoint-button:hover:not(:disabled) .waypoint-arrow{transform:translate(4px);color:#0fa}.waypoint-teleporting{padding:12px 20px;background:#00ffaa26;border-top:1px solid rgba(0,255,170,.3);text-align:center;color:#0fa;font-weight:500;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.quest-tracker{position:relative;width:100%;background-color:#0f0c0ad9;border:2px solid var(--fantasy-gold);border-radius:4px;color:#e2e8f0;box-shadow:0 4px 6px -1px #0006,0 0 10px #d4af3733;font-family:Cinzel,serif;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.quest-tracker{opacity:1;background-color:#0f0c0a;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:var(--fantasy-gold-light);box-shadow:0 4px 12px -1px #0009,0 0 15px #d4af3766}.quest-tracker:hover{border-color:var(--fantasy-gold-light);box-shadow:0 4px 14px -1px #000000b3,0 0 22px #d4af378c}.quest-tracker.minimized{width:auto;min-width:150px;background-color:#0f0c0a}.quest-tracker-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-bottom:1px solid rgba(212,175,55,.4);background:linear-gradient(to right,rgba(212,175,55,.1),transparent)}.quest-tracker-header h3{margin:0;font-size:.9rem;color:var(--fantasy-gold-light);text-shadow:1px 1px 2px rgba(0,0,0,.8);letter-spacing:.5px}.minimize-btn{background:none;border:1px solid rgba(212,175,55,.4);color:var(--fantasy-gold);cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-weight:700}.minimize-btn:hover{background-color:#d4af3726;border-color:var(--fantasy-gold)}.quest-list{padding:6px 10px;max-height:300px;overflow-y:auto}.quest-item{margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}.quest-item:last-child{border-bottom:none;margin-bottom:0}.quest-header-row{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 0;transition:background-color .2s ease;border-radius:4px}.quest-header-row:hover{background-color:#d4af371a}.quest-expand-icon{font-size:.7rem;color:var(--fantasy-gold);width:12px;flex-shrink:0;transition:transform .2s ease}.quest-item.collapsed .quest-header-row{margin-bottom:0}.quest-item.expanded .quest-header-row{margin-bottom:6px}.abandon-btn{background:none;border:none;color:#ef4444;font-size:1.2rem;line-height:1;cursor:pointer;padding:2px 6px;opacity:.7;flex-shrink:0}.abandon-btn:hover{opacity:1;text-shadow:0 0 4px rgba(239,68,68,.5)}.quest-title{margin:0;font-size:.85rem;color:var(--fantasy-gold-light);font-family:Cinzel,serif;flex:1}.quest-stage{padding-left:6px;border-left:2px solid rgba(212,175,55,.5)}.stage-title{font-size:.8rem;font-weight:700;color:#e2e8f0;margin-bottom:2px}.stage-desc{font-size:.75rem;color:#94a3b8;font-family:sans-serif;font-style:italic;margin-bottom:4px;line-height:1.3}.quest-objectives{margin-top:3px}.objective{font-size:.75rem;color:#cbd5e1;font-family:sans-serif;display:flex;align-items:center;gap:4px}.objective.complete{color:#4ade80;text-decoration:line-through;opacity:.7}.checkmark{color:#4ade80;font-weight:700}.gm-panel{position:absolute;z-index:10001;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:#0e0c12f7;border:1px solid #d8b45a;border-radius:6px;box-shadow:0 8px 24px #0000008c;-webkit-user-select:none;user-select:none}.gm-panel__bar{display:flex;align-items:center;gap:8px;padding:5px 8px;cursor:grab;background:linear-gradient(180deg,#d8b45a38,#d8b45a14);border-bottom:1px solid rgba(216,180,90,.4);border-radius:5px 5px 0 0;touch-action:none}.gm-panel__bar:active{cursor:grabbing}.gm-panel__grip{color:#d8b45abf;letter-spacing:-1px}.gm-panel__title{flex:1;font-weight:700;letter-spacing:.16em;color:#f0d799}.gm-panel__collapse{width:20px;height:20px;line-height:1;background:#d8b45a29;color:#f0d799;border:1px solid rgba(216,180,90,.5);border-radius:4px;cursor:pointer}.gm-panel__body{padding:8px;width:340px;display:flex;flex-direction:column;gap:7px}.gm-panel__targets{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;background:#d8b45a12;border:1px solid rgba(216,180,90,.22);border-radius:4px}.gm-target{display:flex;flex-direction:column;gap:1px;min-width:0}.gm-target__label{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#9b8e75}.gm-target__value{color:#e6dcc8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gm-panel__row{display:flex;align-items:center;gap:5px}.gm-panel__row label{width:56px;flex-shrink:0;color:#9b8e75}.gm-panel__row input{min-width:0;flex:1;background:#14121a;border:1px solid #3a3346;color:#e6dcc8;padding:3px 5px;border-radius:3px;font-family:inherit;font-size:inherit}.gm-panel__row input:focus{outline:none;border-color:#d8b45a}.gm-panel__count{max-width:46px;flex:0 0 46px}.gm-panel__row button{flex-shrink:0;background:#2a2434;color:#d8b45a;border:1px solid #6b5a2e;border-radius:3px;padding:3px 9px;cursor:pointer;font-family:inherit;font-size:inherit}.gm-panel__row button:hover:not(:disabled){background:#3a3346;border-color:#d8b45a}.gm-panel__row button:disabled{opacity:.4;cursor:not-allowed}.gm-panel__note{margin:0;font-size:10px;line-height:1.4;color:#7d7364}.gm-panel__result{padding:5px 6px;border-radius:3px;word-break:break-word}.gm-panel__result--ok{background:#3c643c59;color:#b8e0a8}.gm-panel__result--err{background:#78323259;color:#e8b0a8}.shutdown-banner{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:16px;padding:16px 24px;background:linear-gradient(145deg,#28140af2,#3c1e0ff2,#28140af2);border:3px solid var(--arcane-gold);border-radius:4px;box-shadow:0 0 20px #c69b4f80,inset 0 0 30px #00000080;animation:bannerSlideIn .5s ease-out,bannerPulse 2s ease-in-out infinite}.shutdown-banner.urgent{border-color:var(--fantasy-health-red);box-shadow:0 0 30px #c0392bb3,inset 0 0 30px #00000080;animation:bannerSlideIn .5s ease-out,urgentPulse .5s ease-in-out infinite}.shutdown-banner.immediate{border-color:red;background:linear-gradient(145deg,#501414fa,#781e1efa,#501414fa);animation:bannerSlideIn .5s ease-out,immediatePulse .25s ease-in-out infinite}@keyframes bannerSlideIn{0%{transform:translate(-50%) translateY(-100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes bannerPulse{0%,to{box-shadow:0 0 20px #c69b4f80,inset 0 0 30px #00000080}50%{box-shadow:0 0 35px #c69b4fcc,inset 0 0 30px #00000080}}@keyframes urgentPulse{0%,to{box-shadow:0 0 30px #c0392bb3,inset 0 0 30px #00000080;border-color:var(--fantasy-health-red)}50%{box-shadow:0 0 50px #c0392b,inset 0 0 30px #00000080;border-color:#f44}}@keyframes immediatePulse{0%,to{box-shadow:0 0 40px #f00c,inset 0 0 30px #00000080}50%{box-shadow:0 0 60px red,inset 0 0 30px #00000080}}.shutdown-icon{font-size:32px;color:var(--arcane-gold);text-shadow:0 0 10px rgba(198,155,79,.8);animation:iconPulse 1s ease-in-out infinite}.shutdown-banner.urgent .shutdown-icon,.shutdown-banner.immediate .shutdown-icon{color:#f44;text-shadow:0 0 10px rgba(255,68,68,.8)}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.shutdown-content{display:flex;flex-direction:column;gap:4px}.shutdown-title{font-family:Cinzel Decorative,serif;font-size:18px;font-weight:700;color:var(--arcane-gold);text-shadow:0 0 8px rgba(198,155,79,.6);letter-spacing:2px}.shutdown-banner.urgent .shutdown-title,.shutdown-banner.immediate .shutdown-title{color:#f44;text-shadow:0 0 8px rgba(255,68,68,.6)}.shutdown-message{font-family:Cormorant Garamond,serif;font-size:14px;color:var(--fantasy-parchment)}.shutdown-countdown{font-family:Cinzel,serif;font-size:16px;color:var(--fantasy-parchment)}.countdown-value{font-weight:700;color:var(--arcane-gold)}.shutdown-banner.urgent .countdown-value,.shutdown-banner.immediate .countdown-value{color:#f44;animation:countdownFlash .5s ease-in-out infinite}.inactivity-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:overlayFadeIn .3s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.inactivity-modal{background:linear-gradient(145deg,#3c1e0ffa,#28140afa);border:3px solid var(--arcane-gold);border-radius:12px;padding:32px 40px;max-width:450px;width:90vw;text-align:center;box-shadow:0 0 40px #c69b4f66,0 0 80px #000c,inset 0 0 30px #00000080;animation:modalSlideIn .4s ease-out}@keyframes modalSlideIn{0%{transform:scale(.9) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.inactivity-overlay.urgent .inactivity-modal{border-color:var(--fantasy-burnt-orange);box-shadow:0 0 40px #cd5c0080,0 0 80px #000c,inset 0 0 30px #00000080;animation:modalSlideIn .4s ease-out,urgentPulse 1s ease-in-out infinite}.inactivity-overlay.critical .inactivity-modal{border-color:var(--fantasy-health-red);box-shadow:0 0 50px #c0392bb3,0 0 80px #000c,inset 0 0 30px #00000080;animation:modalSlideIn .4s ease-out,criticalPulse .5s ease-in-out infinite}@keyframes urgentPulse{0%,to{box-shadow:0 0 40px #cd5c0080,0 0 80px #000c,inset 0 0 30px #00000080}50%{box-shadow:0 0 60px #cd5c00b3,0 0 80px #000c,inset 0 0 30px #00000080}}@keyframes criticalPulse{0%,to{box-shadow:0 0 50px #c0392bb3,0 0 80px #000c,inset 0 0 30px #00000080;border-color:var(--fantasy-health-red)}50%{box-shadow:0 0 70px #ff3232,0 0 80px #000c,inset 0 0 30px #00000080;border-color:#f44}}.inactivity-icon{font-size:48px;margin-bottom:16px;animation:iconBounce 2s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.inactivity-overlay.urgent .inactivity-icon,.inactivity-overlay.critical .inactivity-icon{animation:iconShake .5s ease-in-out infinite}@keyframes iconShake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.inactivity-content{margin-bottom:24px}.inactivity-title{font-family:Cinzel Decorative,serif;font-size:24px;font-weight:700;color:var(--arcane-gold);margin:0 0 12px;text-shadow:0 0 10px rgba(198,155,79,.6);letter-spacing:2px}.inactivity-overlay.urgent .inactivity-title{color:var(--fantasy-burnt-orange);text-shadow:0 0 10px rgba(205,92,0,.6)}.inactivity-overlay.critical .inactivity-title{color:#ff6b6b;text-shadow:0 0 10px rgba(255,68,68,.6)}.inactivity-message{font-family:Cormorant Garamond,serif;font-size:16px;color:var(--fantasy-parchment);margin:0 0 16px;line-height:1.5}.inactivity-countdown{font-family:Cinzel,serif;font-size:18px;color:var(--fantasy-parchment)}.countdown-value{font-weight:700;font-size:24px;color:var(--arcane-gold);text-shadow:0 0 8px rgba(198,155,79,.8)}.inactivity-overlay.urgent .countdown-value{color:var(--fantasy-burnt-orange);text-shadow:0 0 8px rgba(205,92,0,.8)}.inactivity-overlay.critical .countdown-value{color:#f44;text-shadow:0 0 8px rgba(255,68,68,.8);animation:countdownFlash .5s ease-in-out infinite}@keyframes countdownFlash{0%,to{opacity:1}50%{opacity:.5}}.inactivity-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.stay-connected-btn{padding:14px 32px;border:2px solid var(--arcane-gold);border-radius:8px;background:linear-gradient(180deg,var(--fantasy-gold-dark),var(--fantasy-burnt-orange));color:var(--fantasy-text-dark);cursor:pointer;font-family:Cinzel,serif;font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:2px;transition:all .2s;box-shadow:0 4px 12px #0006}.stay-connected-btn:hover{transform:translateY(-2px);background:linear-gradient(180deg,var(--fantasy-gold),var(--fantasy-gold-dark));box-shadow:0 0 20px var(--fantasy-glow),0 6px 16px #00000080}.stay-connected-btn:active{transform:translateY(0)}.key-hint{font-family:Cormorant Garamond,serif;font-size:13px;color:#ffffff80;font-style:italic}:root{--fantasy-dark-wood: #2c1810;--fantasy-stone-grey: #3d3d3d;--fantasy-burnt-orange: #cc5500;--fantasy-deep-brown: #5c4033;--fantasy-parchment: #f4e4c1;--fantasy-steel-blue: #4a5568;--fantasy-dark-green: #2d5016;--fantasy-gold: #d4af37;--fantasy-gold-light: #e8c547;--fantasy-gold-dark: #b8941f;--fantasy-health-red: #8b0000;--fantasy-mana-blue: #1e3a8a;--fantasy-stamina-green: #2d5016;--fantasy-border: #4a3728;--fantasy-shadow: rgba(0, 0, 0, .5);--fantasy-glow: rgba(212, 175, 55, .3);--fantasy-text-light: #f4e4c1;--fantasy-text-dark: #2c1810;--fantasy-text-muted: #8b7355}.fantasy-button{background:linear-gradient(180deg,var(--fantasy-deep-brown) 0%,var(--fantasy-dark-wood) 100%);border:2px solid var(--fantasy-border);color:var(--fantasy-text-light);font-family:Cinzel,Cinzel,serif;font-weight:700;padding:12px 24px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px var(--fantasy-shadow);position:relative}.fantasy-button:hover{background:linear-gradient(180deg,var(--fantasy-burnt-orange) 0%,var(--fantasy-deep-brown) 100%);box-shadow:0 0 15px var(--fantasy-glow);transform:translateY(-2px)}.fantasy-button:active{transform:translateY(0);box-shadow:0 2px 4px var(--fantasy-shadow)}.fantasy-button.primary{border-color:var(--fantasy-gold)}.fantasy-button.primary:hover{background:linear-gradient(180deg,var(--fantasy-gold-dark) 0%,var(--fantasy-burnt-orange) 100%)}.fantasy-input{background:var(--fantasy-parchment);border:2px solid var(--fantasy-border);color:var(--fantasy-text-dark);font-family:Cinzel,serif;padding:10px 15px;font-size:16px;transition:all .3s ease}.fantasy-input:focus{outline:none;border-color:var(--fantasy-gold);box-shadow:0 0 10px var(--fantasy-glow)}.fantasy-panel{background:linear-gradient(180deg,#3c2d23f2,#2c1810f2);border:3px solid var(--fantasy-border);box-shadow:0 8px 16px var(--fantasy-shadow);padding:24px}.fantasy-panel-header{color:var(--fantasy-gold);font-family:Cinzel,serif;font-size:24px;font-weight:700;text-align:center;margin-bottom:20px;text-shadow:2px 2px 4px var(--fantasy-shadow)}.fantasy-card{background:#5c4033cc;border:2px solid var(--fantasy-border);padding:16px;transition:all .3s ease}.fantasy-card:hover{background:#5c4033;border-color:var(--fantasy-gold);box-shadow:0 0 20px var(--fantasy-glow);transform:scale(1.05)}.fantasy-text{color:var(--fantasy-text-light);font-family:Cinzel,serif}.fantasy-text-muted{color:var(--fantasy-text-muted)}.fantasy-text-gold{color:var(--fantasy-gold)}.character-slot-empty{background:linear-gradient(135deg,#3c2d234d,#2c18104d);border:2px dashed var(--fantasy-border);transition:all .3s ease}.character-slot-empty:hover{border-color:var(--fantasy-gold);background:linear-gradient(135deg,#3c2d2380,#2c181080)}.party-roster{position:relative;width:100%;background:linear-gradient(135deg,#1c100ceb,#120a08f2);border:2px solid var(--fantasy-border);border-radius:8px;padding:10px;pointer-events:auto;box-shadow:0 6px 20px #00000073}.party-roster-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;border-bottom:1px solid rgba(74,55,40,.45);padding-bottom:6px}.party-roster-title{font-family:Cinzel,serif;font-size:13px;letter-spacing:1.5px;color:var(--fantasy-gold);text-transform:uppercase}.party-roster-leave{background:#8b000080;border:1px solid rgba(139,0,0,.8);color:var(--fantasy-text-light);font-family:Cinzel,serif;font-size:10px;padding:2px 8px;border-radius:4px;cursor:pointer}.party-roster-invites{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.party-roster-invite{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--fantasy-text-light);background:#ffffff08;padding:4px 6px;border-radius:4px}.party-roster-invite .invite-name{font-family:Cinzel,serif;color:var(--fantasy-gold-light)}.party-roster-invite .invite-actions{display:flex;gap:4px}.party-roster-invite button{width:20px;height:20px;border-radius:3px;border:1px solid rgba(74,55,40,.5);background:#221610e6;color:var(--fantasy-gold);font-size:12px;cursor:pointer}.party-roster-list{display:flex;flex-direction:column;gap:6px}.party-roster-member{background:#2c1810a6;border:1px solid rgba(74,55,40,.5);border-radius:6px;padding:6px}.party-roster-member.leader{border-color:var(--fantasy-gold)}.party-roster-member.offline{opacity:.6}.party-roster-member .member-line{display:flex;align-items:center;gap:6px}.party-roster-member .member-name{flex:1;font-family:Cinzel,serif;font-size:11px;color:var(--fantasy-gold-light)}.party-roster-member .member-level{font-size:10px;color:var(--fantasy-text-muted);font-family:Cinzel,serif}.party-roster-member .member-kick{width:18px;height:18px;border-radius:3px;border:1px solid rgba(139,0,0,.7);background:#8b000080;color:#ff6b6b;font-size:12px;cursor:pointer}.party-roster-member .member-class{font-size:10px;color:var(--fantasy-text-muted);margin:2px 0 4px;font-family:Cinzel,serif}.party-roster-member .member-bars{display:flex;flex-direction:column;gap:3px}.party-roster-member .bar{position:relative;height:10px;border-radius:3px;overflow:hidden;background:#0006;border:1px solid rgba(74,55,40,.45)}.party-roster-member .bar.hp .bar-fill{background:linear-gradient(90deg,#8b0000,#c41e3a);height:100%}.party-roster-member .bar.mp .bar-fill{background:linear-gradient(90deg,#1e3a8a,#3b82f6);height:100%}.party-roster-member .bar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:8px;color:#f0e6d2;text-shadow:1px 1px 1px rgba(0,0,0,.8);font-family:Cinzel,serif}.party-roster-empty{text-align:center;font-size:11px;color:var(--fantasy-text-muted);font-style:italic;padding:6px 0 4px}.party-roster-invite-input{margin-top:8px}.party-roster-invite-input .invite-btn{width:100%;padding:6px 8px;font-size:11px;font-family:Cinzel,serif;background:var(--fantasy-dark-wood);border:1px solid var(--fantasy-border);color:var(--fantasy-gold);border-radius:4px;cursor:pointer}.party-roster-invite-input .invite-input-row{display:grid;grid-template-columns:1fr auto auto;gap:4px}.party-roster-invite-input input{background:#00000080;border:1px solid rgba(74,55,40,.5);color:var(--fantasy-text-light);font-family:Cinzel,serif;font-size:11px;padding:4px 6px;border-radius:4px}.party-roster-invite-input button{padding:4px 6px;font-size:11px;border-radius:4px;border:1px solid rgba(74,55,40,.5);background:#221610e6;color:var(--fantasy-gold);cursor:pointer}.hud-left-stack{position:absolute;top:12px;left:12px;width:max-content;min-width:260px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;z-index:10000;max-height:calc(100vh - 24px);overflow-y:auto;pointer-events:none;scrollbar-width:thin}.hud-left-stack>*{pointer-events:auto}.hud-left-stack .player-unit-frame{position:static;z-index:auto}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#000;color:#fff;overflow:hidden}h1,h2,h3,h4,h5,h6,.fantasy-header,.bar-label,.combat-panel h3,.inventory-header h3,.enemy-name{font-family:Cinzel,Cinzel,serif}.bar-value,.enemy-health span,.enemy-level,.gold-display,.stamina-label,.stat-number,.damage-value,.defense-value,.level-value,.xp-value,.health-value,.mana-value{font-family:Orbitron,Courier New,monospace;font-weight:600;letter-spacing:.5px}p,span,div,button,input,select,textarea,.combat-instructions p,.enemy-distance,.enemy-position{font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{width:100vw;height:100vh}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#1a1510;border-left:2px solid #5c4a3a}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3d2a1a,#1a1510);border:2px solid #5c4a3a;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#c69b4f,#3d2a1a);box-shadow:0 0 8px #d4af3766}::-webkit-scrollbar-corner{background:#1a1510}*{scrollbar-width:thin;scrollbar-color:#3d2a1a #1a1510}