@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#000;overflow:hidden;user-select:none;-webkit-user-select:none}input,textarea{user-select:text;-webkit-user-select:text}.hidden{display:none!important}:root{--ember: #e85d26;--ember-glow: #ff8c42;--ember-dark: #a33a12;--gold: #c9a84c;--gold-dim: #8a7234;--stone: #2a2520;--stone-light: #3d362e;--stone-dark: #1a1613;--parchment: #d4c5a9;--parchment-dim: #a89b80;--text: #e8dcc8;--text-dim: #8a7e6e}.login-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse at 50% 120%,rgba(232,93,38,.15) 0%,transparent 60%),radial-gradient(ellipse at 20% 0%,rgba(201,168,76,.08) 0%,transparent 50%),linear-gradient(180deg,#0d0a08,#1a1310 40%,#251c16)}.login-bg.has-custom-bg{background-size:cover;background-position:center}.login-bg.has-custom-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0000004d,#000000b3);pointer-events:none}.login-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");opacity:.5}.login-embers{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.ember-particle{position:absolute;width:3px;height:3px;background:var(--ember);border-radius:50%;box-shadow:0 0 6px var(--ember),0 0 12px #e85d2666;animation:float-up linear infinite;opacity:0}@keyframes float-up{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.8}90%{opacity:.3}to{transform:translateY(-100vh) scale(.3);opacity:0}}#login-screen{position:fixed;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center;font-family:Crimson Text,serif;color:var(--text);background:none;border:none;border-radius:0;padding:0;min-width:unset;transform:none;top:0;left:0}#login-screen.hidden{display:none}.stone-frame{width:420px;background:linear-gradient(180deg,var(--stone) 0%,var(--stone-dark) 100%);border:2px solid var(--stone-light);border-radius:4px;padding:3px;box-shadow:0 0 40px #0009,inset 0 1px #ffffff0d;animation:fadeIn 1s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.inner-frame{border:1px solid var(--stone-light);border-radius:2px;padding:40px 36px;position:relative;overflow:hidden}.inner-frame:before,.inner-frame:after{content:"◆";position:absolute;color:var(--gold-dim);font-size:10px;opacity:.6}.inner-frame:before{top:8px;left:10px}.inner-frame:after{top:8px;right:10px}.title-section{text-align:center;margin-bottom:32px}.game-title{font-family:Cinzel,serif;font-size:28px;font-weight:700;letter-spacing:6px;color:var(--gold);text-shadow:0 0 20px rgba(201,168,76,.3),0 2px 4px rgba(0,0,0,.5);margin-bottom:4px}.subtitle{font-family:Cinzel,serif;font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--text-dim)}.divider{width:60%;margin:16px auto;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim),transparent)}.form-group{margin-bottom:18px}.form-group label{display:block;font-family:Cinzel,serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--parchment-dim);margin-bottom:6px}.form-group input{width:100%;padding:12px 16px;background:#0006;border:1px solid var(--stone-light);border-radius:2px;color:var(--parchment);font-family:Crimson Text,serif;font-size:16px;outline:none;transition:all .3s ease;margin:0}.form-group input:focus{border-color:var(--ember-dark);box-shadow:0 0 12px #e85d2626,inset 0 0 8px #e85d260d}.form-group input::placeholder{color:var(--text-dim);font-style:italic}.email-field{max-height:0;overflow:hidden;margin:0;transition:max-height .4s ease,margin .4s ease}.email-field.show{max-height:80px;margin-bottom:18px}.btn-primary,#submit-btn{width:100%;padding:14px;background:linear-gradient(180deg,var(--ember) 0%,var(--ember-dark) 100%);border:1px solid var(--ember-glow);border-radius:2px;color:#fff;font-family:Cinzel,serif;font-size:14px;font-weight:600;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 4px 16px #e85d264d;margin-top:8px}.btn-primary:hover,#submit-btn:hover{background:linear-gradient(180deg,var(--ember-glow) 0%,var(--ember) 100%);box-shadow:0 4px 24px #e85d2680;transform:translateY(-1px)}.btn-primary:active,#submit-btn:active{transform:translateY(1px);box-shadow:0 2px 8px #e85d264d}.btn-primary:disabled,#submit-btn:disabled{background:var(--stone-light);border-color:var(--stone-light);box-shadow:none;cursor:not-allowed;transform:none}.switch-mode,#switch-mode-btn{display:block;width:100%;margin-top:16px;padding:8px;background:none;border:none;color:var(--gold-dim);font-family:Crimson Text,serif;font-size:14px;cursor:pointer;transition:color .3s;letter-spacing:1px}.switch-mode:hover,#switch-mode-btn:hover{color:var(--gold)}.switch-mode:disabled,#switch-mode-btn:disabled{color:var(--text-dim);cursor:not-allowed}.error-msg,#error-message{text-align:center;color:var(--ember);font-size:14px;min-height:20px;margin-bottom:8px}.footer-ornament{text-align:center;margin-top:24px;color:var(--gold-dim);font-size:10px;letter-spacing:4px;opacity:.5}#login-screen h1{display:none}.game-btn{background:#e74c3c;color:#fff;border:none;padding:10px 20px;border-radius:5px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 2px 5px #0000004d;transition:background .2s}.game-btn:hover{background:#c0392b}.game-btn.secondary{background:#3498db}.game-btn.secondary:hover{background:#2980b9}#game-container{width:100vw;height:100vh}#game-container canvas{display:block}:root{--hud-bg-dark: #0a0a0a;--hud-bg-medium: #1a1a1a;--hud-bg-light: #2d2d2d;--hud-border-dark: #0d0d0d;--hud-border-light: #3a3a3a;--hud-bronze: #8b7355;--hud-bronze-light: #a08060;--hud-bronze-dark: #5c4d3a;--hud-gold: #c9a959;--hud-text: #d4c4a8;--hud-text-shadow: #000000;--hud-font: "Cinzel", serif;--hp: #8b1a1a;--hp-bright: #d43030;--hp-glow: rgba(212,48,48,.4);--mp: #1a3a8b;--mp-bright: #3070d4;--mp-glow: rgba(48,112,212,.4);--st: #7a6a10;--st-bright: #c4a820;--st-glow: rgba(196,168,32,.4)}#game-vignette{position:fixed;top:0;left:0;right:0;bottom:0;z-index:500;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.4) 85%,rgba(0,0,0,.6) 100%)}#game-hud{position:fixed;bottom:0;left:0;right:0;height:150px;z-index:1000;pointer-events:none}#game-hud *{pointer-events:auto}.hud-bottom-bar{position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(to bottom,var(--hud-bg-light) 0%,var(--hud-bg-medium) 10%,var(--hud-bg-dark) 100%);border-top:3px solid var(--hud-border-light);box-shadow:0 -4px 20px #000c,inset 0 2px 4px #ffffff0d,inset 0 -2px 10px #00000080;display:flex;align-items:center;justify-content:center;padding:0 16px}.hud-bottom-bar-inner{display:flex;align-items:center;justify-content:center;max-width:1200px;width:100%;gap:0}.hud-bottom-bar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none}.hud-divider{width:2px;height:120px;background:linear-gradient(to bottom,transparent,var(--hud-bronze-dark) 15%,var(--hud-bronze-dark) 85%,transparent);margin:0 14px;flex-shrink:0}.hud-game-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:5px;padding:8px;flex-shrink:0}.hud-btn-game{font-family:var(--hud-font);font-size:10px;font-weight:600;color:var(--hud-text);text-transform:uppercase;letter-spacing:.8px;padding:7px 10px;background:linear-gradient(to bottom,var(--hud-bg-light) 0%,var(--hud-bg-medium) 50%,var(--hud-bg-dark) 100%);border:2px solid var(--hud-bronze-dark);border-radius:3px;cursor:pointer;white-space:nowrap;box-shadow:inset 0 1px 2px #ffffff1a,inset 0 -2px 4px #0000004d,0 2px 4px #0006;transition:all .15s ease;text-shadow:1px 1px 2px var(--hud-text-shadow);display:flex;align-items:center;justify-content:center;gap:5px;min-width:95px}.hud-btn-game:hover{background:linear-gradient(to bottom,#3a3a3a 0%,var(--hud-bg-light) 50%,var(--hud-bg-medium) 100%);border-color:var(--hud-bronze);color:var(--hud-gold);box-shadow:inset 0 1px 2px #ffffff26,inset 0 -2px 4px #0000004d,0 0 10px #8b73554d}.hud-btn-game:active{background:linear-gradient(to bottom,var(--hud-bg-dark) 0%,var(--hud-bg-medium) 100%);box-shadow:inset 0 2px 6px #0009;transform:translateY(1px)}.hud-sys-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:5px;padding:8px;flex-shrink:0}.hud-btn-sys{font-family:var(--hud-font);font-size:10px;font-weight:600;color:var(--hud-text);text-transform:uppercase;letter-spacing:.8px;padding:7px 12px;background:linear-gradient(to bottom,var(--hud-bg-light) 0%,var(--hud-bg-medium) 50%,var(--hud-bg-dark) 100%);border:2px solid var(--hud-bronze-dark);border-radius:3px;cursor:pointer;white-space:nowrap;box-shadow:inset 0 1px 2px #ffffff1a,inset 0 -2px 4px #0000004d,0 2px 4px #0006;transition:all .15s ease;text-shadow:1px 1px 2px var(--hud-text-shadow);display:flex;align-items:center;justify-content:center;gap:6px;min-width:105px}.hud-btn-sys:hover{background:linear-gradient(to bottom,#3a3a3a 0%,var(--hud-bg-light) 50%,var(--hud-bg-medium) 100%);border-color:var(--hud-bronze);color:var(--hud-gold);box-shadow:inset 0 1px 2px #ffffff26,inset 0 -2px 4px #0000004d,0 0 10px #8b73554d}.hud-btn-sys:active{background:linear-gradient(to bottom,var(--hud-bg-dark) 0%,var(--hud-bg-medium) 100%);box-shadow:inset 0 2px 6px #0009;transform:translateY(1px)}.hud-btn-sys.logout:hover{border-color:#8b4444;box-shadow:inset 0 1px 2px #ffffff26,inset 0 -2px 4px #0000004d,0 0 10px #8b444466}.btn-icon{font-size:13px;filter:grayscale(30%)}.btn-key{font-size:9px;color:var(--hud-bronze-light);opacity:.6;margin-left:auto}.hud-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:8px 6px;flex-shrink:0}.hud-hotbar{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:4px;padding:6px 10px;height:104px;background:linear-gradient(to bottom,#0000004d,#00000080);border:2px solid var(--hud-bronze-dark);border-radius:4px;box-shadow:inset 0 2px 4px #00000080,0 2px 4px #0000004d}.hud-hotbar-slot{position:relative;width:44px;height:44px;background:linear-gradient(135deg,var(--hud-bg-medium) 0%,var(--hud-bg-dark) 100%);border:2px solid var(--hud-border-light);border-radius:4px;box-shadow:inset 0 2px 4px #0009,inset 0 -1px 2px #ffffff0d;cursor:pointer;transition:all .15s ease}.hud-hotbar-slot:hover{border-color:var(--hud-bronze);box-shadow:inset 0 2px 4px #0009,0 0 8px #8b735566}.hud-hotbar-slot:after{content:attr(data-slot);position:absolute;bottom:2px;right:4px;font-family:var(--hud-font);font-size:10px;font-weight:600;color:var(--hud-bronze-light);text-shadow:1px 1px 2px var(--hud-text-shadow)}.hud-hotbar-slot.has-item{background:linear-gradient(135deg,#2a2520,#1a1510)}.hud-hotbar-slot img{width:32px;height:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);image-rendering:pixelated}.hud-hotbar-slot.has-spell{background:linear-gradient(135deg,#2a2520,#1a1510)}.hud-hotbar-spell-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;line-height:1;pointer-events:none}.hud-hotbar-slot.inv-drop-highlight{border-color:#e67e22!important;box-shadow:inset 0 2px 4px #00000080,0 0 16px #e67e2280!important;transform:scale(1.08)}.hud-hotbar-drag-ghost{position:fixed;width:44px;height:44px;z-index:9999;pointer-events:none;background:linear-gradient(135deg,#1e1914f2,#0c0a08fa);border:2px solid var(--hud-gold);border-radius:4px;box-shadow:0 0 20px #c9a95966,0 4px 12px #0009;display:flex;align-items:center;justify-content:center;opacity:.92}.hud-hotbar-drag-ghost img{width:32px;height:32px;image-rendering:pixelated}.hud-hotbar-drag-ghost .hud-hotbar-spell-icon{font-size:24px}.hud-hotbar-slot.hud-dragging-source{opacity:.3}.hud-info-area{flex-shrink:0;padding:0 14px}.hud-info-frame{width:196px;height:104px;background:linear-gradient(to bottom,#0000004d,#00000080);border:2px solid var(--hud-bronze-dark);border-radius:4px;box-shadow:inset 0 2px 4px #00000080,0 2px 4px #0000004d;display:flex;align-items:center;justify-content:center;overflow:hidden}.hud-info-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hud-mount-info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;padding:8px 12px}.hud-mount-name{font-family:var(--hud-font);font-size:11px;font-weight:700;color:var(--hud-gold);text-shadow:0 1px 2px rgba(0,0,0,.8);text-align:center;letter-spacing:.5px;text-transform:uppercase}.hud-mount-stamina-row{display:flex;align-items:center;gap:6px;width:100%}.hud-mount-stamina-track{flex:1;height:12px;background:#0009;border:1px solid rgba(139,115,85,.3);border-radius:2px;overflow:hidden}.hud-mount-stamina-fill{height:100%;width:100%;background:linear-gradient(to right,#6a5a30,#a08050);border-radius:1px;transition:width .2s ease;position:relative}.hud-mount-stamina-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.15),transparent);border-radius:1px 1px 0 0}.hud-mount-stamina-fill.low{background:linear-gradient(to right,#8b2020,#cc3030);box-shadow:0 0 6px #cc303066}.hud-mount-stamina-text{font-family:var(--hud-font);font-size:9px;font-weight:700;color:#a09888;white-space:nowrap;min-width:42px;text-align:right}.hud-mount-speed{font-family:var(--hud-font);font-size:10px;font-weight:600;color:#8c8;text-shadow:0 1px 2px rgba(0,0,0,.8)}.hud-vials{display:flex;gap:0;align-items:center;justify-content:space-evenly;padding:6px 10px;flex-shrink:0;width:196px;height:104px;background:linear-gradient(to bottom,#0000004d,#00000080);border:2px solid var(--hud-bronze-dark);border-radius:4px;box-shadow:inset 0 2px 4px #00000080,0 2px 4px #0000004d}.hud-vial-container{display:flex;flex-direction:column;align-items:center;gap:2px}.hud-vial{width:30px;height:62px;position:relative;border-radius:5px 5px 10px 10px;overflow:hidden;background:#0009;border:2px solid var(--hud-bronze-dark);box-shadow:inset 0 0 10px #00000080}.hud-vial:before{content:"";position:absolute;top:-2px;left:25%;right:25%;height:8px;background:linear-gradient(to bottom,#8a7355,#6a5a40);border-radius:3px 3px 0 0;border:1px solid var(--hud-bronze-dark);z-index:3}.hud-vial:after{content:"";position:absolute;top:5px;left:15%;right:15%;height:12px;background:#0000004d;border-left:1px solid rgba(139,115,85,.15);border-right:1px solid rgba(139,115,85,.15);z-index:2}.hud-vial-liquid{position:absolute;bottom:0;left:0;right:0;transition:height .5s ease;z-index:1;animation:liquid-shimmer 3s ease-in-out infinite}.hud-vial-liquid:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;border-radius:50%;z-index:2}.hud-vial-liquid.hp{height:100%;background:linear-gradient(to top,var(--hp),var(--hp-bright));box-shadow:inset 0 0 12px var(--hp-glow),0 0 8px var(--hp-glow)}.hud-vial-liquid.hp:before{background:#ff64644d}.hud-vial-liquid.mp{height:100%;background:linear-gradient(to top,var(--mp),var(--mp-bright));box-shadow:inset 0 0 12px var(--mp-glow),0 0 8px var(--mp-glow)}.hud-vial-liquid.mp:before{background:#648cff4d}.hud-vial-liquid.st{height:100%;background:linear-gradient(to top,var(--st),var(--st-bright));box-shadow:inset 0 0 12px var(--st-glow),0 0 8px var(--st-glow)}.hud-vial-liquid.st:before{background:#dcbe3c4d}.hud-vial-reflection{position:absolute;top:12px;left:3px;width:5px;height:55%;background:linear-gradient(to bottom,rgba(255,255,255,.12),transparent);border-radius:3px;z-index:4}.hud-vial-label{font-family:var(--hud-font);font-size:9px;font-weight:700;letter-spacing:2px;color:#8a7d6a}.hud-vial-value{font-family:var(--hud-font);font-size:10px;font-weight:700;color:#c0b8a8}@keyframes liquid-shimmer{0%,to{opacity:1}50%{opacity:.85}}#game-top-bar{position:fixed;top:0;left:0;right:0;height:40px;z-index:1000;pointer-events:none}#game-top-bar *{pointer-events:auto}.hud-top-bar{position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,var(--hud-bg-dark) 0%,var(--hud-bg-medium) 90%,var(--hud-bg-light) 100%);border-bottom:3px solid var(--hud-border-light);box-shadow:0 4px 20px #000c,inset 0 -2px 4px #ffffff0d,inset 0 2px 10px #00000080;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.hud-top-bar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none}.hud-top-left{display:flex;align-items:center;gap:20px}.hud-player-name{font-family:var(--hud-font);font-size:14px;font-weight:600;color:var(--hud-gold);text-shadow:1px 1px 2px var(--hud-text-shadow)}.hud-world-name{font-family:var(--hud-font);font-size:13px;color:#afa;text-shadow:1px 1px 2px var(--hud-text-shadow)}.hud-top-center{display:flex;align-items:center;justify-content:center}.hud-top-right{display:flex;align-items:center;gap:10px}.hud-minimap-frame{position:fixed;top:10px;right:10px;padding:6px;background:linear-gradient(135deg,var(--hud-bg-light) 0%,var(--hud-bg-dark) 100%);border:3px solid var(--hud-bronze-dark);border-radius:4px;box-shadow:0 4px 12px #0009,inset 0 1px 2px #ffffff1a,inset 0 -2px 4px #0006;z-index:999}.hud-minimap-frame:before,.hud-minimap-frame:after{content:"";position:absolute;width:12px;height:12px;background:var(--hud-bronze);border-radius:2px;box-shadow:inset 0 0 4px #00000080}.hud-minimap-frame:before{top:-4px;left:-4px}.hud-minimap-frame:after{top:-4px;right:-4px}.hud-minimap-inner{position:relative}.hud-minimap-inner:before,.hud-minimap-inner:after{content:"";position:absolute;width:12px;height:12px;background:var(--hud-bronze);border-radius:2px;box-shadow:inset 0 0 4px #00000080}.hud-minimap-inner:before{bottom:-10px;left:-10px}.hud-minimap-inner:after{bottom:-10px;right:-10px}@media (max-width: 900px){.hud-bottom-bar{height:130px;padding:0 8px}.hud-hotbar-slot{width:36px;height:36px}.hud-vial{width:24px;height:60px}.hud-info-frame{width:150px;height:84px}.hud-btn-game,.hud-btn-sys{font-size:9px;padding:5px 8px;min-width:80px}.hud-game-grid{gap:3px;padding:6px}.hud-divider{margin:0 6px;height:100px}}@media (max-width: 700px){.hud-hotbar-slot:nth-child(n+7){display:none}.btn-key{display:none}.hud-btn-game,.hud-btn-sys{min-width:65px;padding:5px 6px}.hud-info-frame{width:120px;height:70px}}.inventory-panel{position:fixed;right:8px;bottom:178px;top:51px;width:520px;max-height:none;overflow-y:auto;overflow-x:hidden;background:linear-gradient(135deg,#1e1914f7,#0c0a08fc);border:3px solid var(--hud-bronze-dark);border-radius:4px;box-shadow:0 0 60px #000000e6,0 0 120px #0009,inset 0 1px #ffffff0d,inset 0 -1px #00000080,0 0 20px #8b735526;z-index:1500;display:none;opacity:0;transform:translate(20px);transition:opacity .25s ease,transform .25s cubic-bezier(.16,1,.3,1)}.inventory-panel.visible{display:flex;flex-direction:column;opacity:1;transform:translate(0)}.inventory-panel::-webkit-scrollbar{width:6px}.inventory-panel::-webkit-scrollbar-track{background:var(--hud-bg-dark)}.inventory-panel::-webkit-scrollbar-thumb{background:var(--hud-bronze-dark);border-radius:3px}.inventory-panel::-webkit-scrollbar-thumb:hover{background:var(--hud-bronze)}.inventory-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,.02) 2px,rgba(0,0,0,.02) 4px);pointer-events:none;z-index:0}.inventory-panel:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:5px;border:1px solid rgba(139,115,85,.2);pointer-events:none;z-index:0}.inv-rivet{position:absolute;width:10px;height:10px;background:radial-gradient(circle at 35% 35%,var(--hud-bronze-light),var(--hud-bronze-dark));border-radius:50%;box-shadow:inset 0 -1px 2px #0009,0 1px 2px #0006;z-index:5}.inv-rivet.tl{top:6px;left:6px}.inv-rivet.tr{top:6px;right:6px}.inv-rivet.bl{bottom:6px;left:6px}.inv-rivet.br{bottom:6px;right:6px}.inv-header{position:relative;display:flex;align-items:center;justify-content:center;padding:12px 16px;background:linear-gradient(to bottom,#1e1a15,#141210);border-bottom:2px solid var(--hud-bronze-dark);z-index:1}.inv-header:after{content:"";position:absolute;bottom:-2px;left:20%;right:20%;height:1px;background:linear-gradient(to right,transparent,var(--hud-gold) 30%,var(--hud-gold) 70%,transparent);opacity:.4}.inv-title{font-family:var(--hud-font);font-size:16px;font-weight:700;color:var(--hud-gold);text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 8px rgba(201,169,89,.3),0 1px 2px rgba(0,0,0,.8)}.inv-title:before,.inv-title:after{content:"◆";font-size:8px;margin:0 12px;vertical-align:middle;color:var(--hud-bronze)}.inv-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;background:linear-gradient(to bottom,var(--hud-bg-light),var(--hud-bg-dark));border:2px solid var(--hud-bronze-dark);border-radius:3px;color:var(--hud-text);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;font-family:var(--hud-font)}.inv-close:hover{border-color:#8b4444;color:#c33;box-shadow:0 0 8px #8b444466}.inv-section-divider{position:relative;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,rgba(0,0,0,.3),transparent);padding:0 16px;z-index:1}.inv-section-divider:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(to right,transparent,var(--hud-bronze-dark) 20%,var(--hud-bronze-dark) 80%,transparent)}.inv-section-label{font-family:var(--hud-font);font-size:9px;font-weight:700;color:var(--hud-bronze-light);text-transform:uppercase;letter-spacing:3px;text-shadow:0 1px 2px rgba(0,0,0,.8);background:linear-gradient(to bottom,#141210,#1a1715);padding:0 12px;z-index:1}.inv-equipment-section{position:relative;padding:16px 20px 12px;min-height:240px;z-index:1}.inv-paper-doll-area{position:relative;width:100%;height:220px;display:flex;align-items:center;justify-content:center}.inv-character-silhouette{position:absolute;width:120px;height:200px;opacity:.15;display:flex;align-items:center;justify-content:center}.inv-silhouette-svg{width:100%;height:100%}.inv-equip-grid{position:relative;width:100%;height:100%}.inv-equip-slot{position:absolute;background:linear-gradient(135deg,#1e1914e6,#0f0c0af2);border:2px solid var(--hud-bronze-dark);border-radius:3px;cursor:pointer;transition:all .2s ease;box-shadow:inset 0 2px 6px #000000b3,inset 0 -1px 2px #ffffff08,0 2px 4px #0006;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}.inv-equip-slot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(139,115,85,.06) 0%,transparent 60%);pointer-events:none}.inv-equip-slot:hover{border-color:var(--hud-bronze);box-shadow:inset 0 2px 6px #000000b3,0 0 12px #8b73554d,0 0 4px #c9a95926}.inv-equip-slot:hover .inv-slot-label{color:var(--hud-gold)}.inv-slot-label{font-family:var(--hud-font);font-size:7px;font-weight:600;color:#8a7d6a;text-transform:uppercase;letter-spacing:1px;position:absolute;bottom:3px;text-shadow:0 1px 2px rgba(0,0,0,.9);transition:color .2s;pointer-events:none}.inv-slot-icon{font-size:20px;filter:grayscale(40%) brightness(.7);opacity:.4;transition:all .2s;pointer-events:none}.inv-equip-slot:hover .inv-slot-icon{opacity:.6;filter:grayscale(20%) brightness(.85)}.inv-equip-slot.has-item{background:linear-gradient(135deg,#2d2319f2,#19120cfa)}.inv-equip-slot.has-item .inv-slot-icon{opacity:.9;filter:none;font-size:24px}.inv-equip-slot.has-item .inv-slot-label{color:var(--hud-text)}.inv-slot-head{left:50%;top:0;transform:translate(-50%);width:56px;height:56px}.inv-slot-amulet{left:50%;top:4px;transform:translate(calc(-50% + 52px));width:40px;height:40px}.inv-slot-chest{left:50%;top:64px;transform:translate(-50%);width:70px;height:80px}.inv-slot-weapon-l{left:50%;top:40px;transform:translate(calc(-50% - 80px));width:56px;height:110px}.inv-slot-weapon-r{left:50%;top:40px;transform:translate(calc(-50% + 80px));width:56px;height:110px}.inv-slot-gloves{left:50%;top:155px;transform:translate(calc(-50% - 72px));width:50px;height:50px}.inv-slot-ring-l{left:50%;top:155px;transform:translate(calc(-50% - 18px));width:36px;height:36px}.inv-slot-ring-r{left:50%;top:155px;transform:translate(calc(-50% + 18px));width:36px;height:36px}.inv-slot-boots{left:50%;top:155px;transform:translate(calc(-50% + 72px));width:50px;height:50px}.inv-equip-slot.rarity-common.has-item{border-color:#9d9d9d;box-shadow:inset 0 2px 6px #0009,0 0 4px #9d9d9d26}.inv-equip-slot.rarity-uncommon.has-item{border-color:#1eff00;box-shadow:inset 0 2px 6px #0009,0 0 6px #1eff0026}.inv-equip-slot.rarity-rare.has-item{border-color:#0070dd;box-shadow:inset 0 2px 6px #0009,0 0 8px #0070dd33}.inv-equip-slot.rarity-epic.has-item{border-color:#a335ee;box-shadow:inset 0 2px 6px #0009,0 0 8px #a335ee33}.inv-equip-slot.rarity-legendary.has-item{border-color:#ff8000;box-shadow:inset 0 2px 6px #0009,0 0 10px #ff800040;animation:inv-legendary-pulse 3s ease-in-out infinite}@keyframes inv-legendary-pulse{0%,to{box-shadow:inset 0 2px 6px #0009,0 0 10px #ff800033}50%{box-shadow:inset 0 2px 6px #0009,0 0 16px #ff800059}}.inv-grid-section{position:relative;padding:8px 0 12px;z-index:1}.inv-grid{display:grid;grid-template-columns:repeat(9,48px);grid-template-rows:repeat(4,48px);gap:2px;padding:6px;width:fit-content;margin:0 auto;background:linear-gradient(135deg,#0000004d,#00000080);border:2px solid var(--hud-bronze-dark);border-radius:3px;box-shadow:inset 0 3px 8px #0009,0 2px 4px #0000004d;position:relative}.inv-grid-slot{width:48px;height:48px;background:linear-gradient(135deg,#1a1714,#0e0c0a);border:1px solid rgba(60,50,40,.5);border-radius:2px;box-shadow:inset 0 1px 3px #00000080,inset 0 -1px 1px #ffffff05;cursor:pointer;transition:all .15s;position:relative}.inv-grid-slot:hover{border-color:var(--hud-bronze);box-shadow:inset 0 1px 3px #00000080,0 0 6px #8b735540}.inv-grid-item{position:absolute;border-radius:2px;display:flex;align-items:center;justify-content:center;cursor:grab;z-index:2;transition:box-shadow .2s,transform .1s;overflow:hidden}.inv-grid-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 35% 25%,rgba(255,255,255,.08) 0%,transparent 50%);pointer-events:none}.inv-grid-item:hover{z-index:10;transform:scale(1.02)}.inv-grid-item:active{cursor:grabbing;transform:scale(1.05);z-index:20}.inv-grid-item .inv-item-icon{font-size:28px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.7));pointer-events:none}.inv-grid-item .inv-item-icon-img,.inv-equip-slot .inv-item-icon-img,.inv-craft-slot .inv-item-icon-img,.inv-craft-result .inv-item-icon-img,.inv-drag-ghost .inv-item-icon-img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.7));image-rendering:pixelated}.inv-grid-item .inv-stack-count{position:absolute;bottom:2px;right:4px;font-family:var(--hud-font);font-size:11px;font-weight:700;color:#fff;text-shadow:0 0 3px #000,0 0 6px #000,1px 1px 2px #000;pointer-events:none}.inv-grid-item.rarity-common{background:linear-gradient(135deg,#2a2520,#1a1510);border:2px solid #9d9d9d;box-shadow:inset 0 1px 3px #00000080,0 0 4px #9d9d9d26}.inv-grid-item.rarity-uncommon{background:linear-gradient(135deg,#1a2a1a,#0f1a0f);border:2px solid #1eff00;box-shadow:inset 0 1px 3px #00000080,0 0 6px #1eff0026}.inv-grid-item.rarity-rare{background:linear-gradient(135deg,#1a2040,#0f1525);border:2px solid #0070dd;box-shadow:inset 0 1px 3px #00000080,0 0 8px #0070dd33}.inv-grid-item.rarity-epic{background:linear-gradient(135deg,#2a1a35,#1a0f25);border:2px solid #a335ee;box-shadow:inset 0 1px 3px #00000080,0 0 8px #a335ee33}.inv-grid-item.rarity-legendary{background:linear-gradient(135deg,#352a1a,#251a0f);border:2px solid #ff8000;box-shadow:inset 0 1px 3px #00000080,0 0 12px #ff800040;animation:inv-legendary-item-pulse 3s ease-in-out infinite}@keyframes inv-legendary-item-pulse{0%,to{box-shadow:inset 0 1px 3px #00000080,0 0 8px #ff800033}50%{box-shadow:inset 0 1px 3px #00000080,0 0 16px #ff800066}}.inv-craft-tier-badge{font-family:var(--hud-font);font-size:8px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;padding:2px 10px;margin:0 16px;color:#8b7355;opacity:.8}.inv-craft-tier-1{color:#8b7355}.inv-craft-tier-2{color:#4a9e4a}.inv-craft-tier-3{color:#4a7fbf}.inv-craft-tier-4{color:#bf8a2e;text-shadow:0 0 6px rgba(191,138,46,.4)}.inv-crafting-section{position:relative;padding:8px 0 14px;z-index:1}.inv-crafting-area{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;width:fit-content;margin:0 auto;background:linear-gradient(135deg,#0000004d,#00000080);border:2px solid var(--hud-bronze-dark);border-radius:3px;box-shadow:inset 0 3px 8px #0009,0 2px 4px #0000004d}.inv-craft-input-row{display:grid;grid-template-columns:repeat(4,50px);gap:4px;justify-content:center}.inv-craft-slot{width:50px;height:50px;background:linear-gradient(135deg,#1e1a15,#12100d);border:2px solid var(--hud-bronze-dark);border-radius:3px;box-shadow:inset 0 2px 6px #00000080,0 0 6px #8b73551a;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;position:relative;font-size:22px}.inv-craft-slot:hover{border-color:var(--hud-bronze);box-shadow:inset 0 2px 6px #0009,0 0 8px #8b73554d}.inv-craft-slot.empty{font-size:16px;opacity:.3}.inv-craft-slot .inv-stack-count{position:absolute;bottom:2px;right:4px;font-family:var(--hud-font);font-size:10px;font-weight:700;color:#fff;text-shadow:0 0 3px #000,0 0 6px #000}.inv-craft-button{font-family:var(--hud-font);font-size:9px;font-weight:700;color:var(--hud-text);text-transform:uppercase;letter-spacing:1.5px;padding:8px 16px;background:linear-gradient(to bottom,#2a2520,#1a1510,#0e0c0a);border:2px solid var(--hud-bronze-dark);border-radius:3px;cursor:pointer;transition:all .2s;box-shadow:inset 0 1px 2px #ffffff14,inset 0 -2px 4px #0000004d,0 2px 4px #0006}.inv-craft-button:hover{border-color:var(--hud-gold);color:var(--hud-gold);box-shadow:inset 0 1px 2px #ffffff1a,0 0 12px #c9a9594d}.inv-craft-button:active{transform:translateY(1px);box-shadow:inset 0 2px 6px #0009}.inv-craft-button:disabled{opacity:.4;cursor:not-allowed;border-color:var(--hud-border-light);color:#666}.inv-gold-bar{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:linear-gradient(to bottom,#141210,#0e0c0a);border-top:2px solid var(--hud-bronze-dark);z-index:1}.inv-gold-bar:before{content:"";position:absolute;top:-1px;left:15%;right:15%;height:1px;background:linear-gradient(to right,transparent,var(--hud-gold) 30%,var(--hud-gold) 70%,transparent);opacity:.25}.inv-gold-icon{font-size:22px;filter:drop-shadow(0 0 4px rgba(201,169,89,.4));animation:inv-gold-shimmer 4s ease-in-out infinite}@keyframes inv-gold-shimmer{0%,to{filter:drop-shadow(0 0 4px rgba(201,169,89,.3)) brightness(1)}50%{filter:drop-shadow(0 0 8px rgba(201,169,89,.5)) brightness(1.1)}}.inv-gold-amount{font-family:var(--hud-font);font-size:16px;font-weight:700;color:var(--hud-gold);text-shadow:0 0 6px rgba(201,169,89,.3),0 1px 2px rgba(0,0,0,.8);letter-spacing:1px}.inv-gold-label{font-family:var(--hud-font);font-size:10px;font-weight:600;color:#8a7d6a;text-transform:uppercase;letter-spacing:2px}.inv-weight-bar{display:flex;flex-direction:column;gap:4px;padding:10px 20px 8px;background:linear-gradient(to bottom,#141210,#0e0c0a);border-top:2px solid var(--hud-bronze-dark)}.inv-weight-header{display:flex;align-items:center;gap:8px}.inv-weight-icon{font-size:14px;filter:drop-shadow(0 0 3px rgba(139,115,85,.3))}.inv-weight-label{font-family:var(--hud-font);font-size:10px;font-weight:600;color:#8a7d6a;text-transform:uppercase;letter-spacing:2px}.inv-weight-values{margin-left:auto;font-family:var(--hud-font);font-size:12px;font-weight:700;color:#b0a18e;letter-spacing:.5px}.inv-weight-track{height:6px;border-radius:3px;background:#0009;border:1px solid rgba(139,115,85,.2);overflow:hidden}.inv-weight-fill{height:100%;border-radius:3px;transition:width .4s ease,background .4s ease;background:linear-gradient(to right,#4a7c3f,#5a9a4a)}.inv-weight-speed{font-family:var(--hud-font);font-size:10px;color:#6a6050;text-align:right}.inv-weight-bar.weight-low .inv-weight-fill{background:linear-gradient(to right,#4a7c3f,#5a9a4a)}.inv-weight-bar.weight-low .inv-weight-values{color:#7ab06a}.inv-weight-bar.weight-medium .inv-weight-fill{background:linear-gradient(to right,#8a7a2a,#b0a030)}.inv-weight-bar.weight-medium .inv-weight-values{color:#c0b040}.inv-weight-bar.weight-high .inv-weight-fill{background:linear-gradient(to right,#a05020,#c06830)}.inv-weight-bar.weight-high .inv-weight-values{color:#d07040}.inv-weight-bar.weight-critical .inv-weight-fill{background:linear-gradient(to right,#8a2020,#c03030);animation:inv-weight-pulse 1.5s ease-in-out infinite}.inv-weight-bar.weight-critical .inv-weight-values,.inv-weight-bar.weight-critical .inv-weight-speed{color:#e04040}@keyframes inv-weight-pulse{0%,to{opacity:1}50%{opacity:.7}}.inv-tooltip{position:fixed;display:none;min-width:200px;max-width:280px;background:linear-gradient(135deg,#1a1714,#0e0c0a);border:2px solid var(--hud-bronze-dark);border-radius:4px;padding:12px;z-index:3000;box-shadow:0 4px 20px #000000e6,inset 0 1px #ffffff0d;pointer-events:none;font-family:var(--hud-font)}.inv-tooltip.visible{display:block;animation:inv-tooltip-in .15s ease-out}@keyframes inv-tooltip-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.inv-tooltip-name{font-size:14px;font-weight:700;margin-bottom:2px}.inv-tooltip-type{font-size:10px;color:#8a7d6a;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.inv-tooltip-divider{height:1px;background:linear-gradient(to right,transparent,var(--hud-bronze-dark),transparent);margin:6px 0}.inv-tooltip-stat{font-size:11px;color:var(--hud-text);margin:3px 0}.inv-tooltip-stat .stat-positive{color:#1eff00;font-weight:600}.inv-tooltip-stat .stat-negative{color:#c33;font-weight:600}.inv-tooltip-desc{font-size:10px;color:var(--hud-gold);font-style:italic;margin-top:8px;line-height:1.4}.inv-tooltip-level{font-size:10px;margin-top:6px;color:#8a7d6a}.inv-tooltip-level.unmet{color:#c33}.inv-tooltip-name.common{color:#9d9d9d}.inv-tooltip-name.uncommon{color:#1eff00}.inv-tooltip-name.rare{color:#0070dd}.inv-tooltip-name.epic{color:#a335ee}.inv-tooltip-name.legendary{color:#ff8000}.inv-drag-ghost{position:fixed;z-index:10000;pointer-events:none;display:flex;align-items:center;justify-content:center;border-radius:3px;opacity:.85;box-shadow:0 4px 16px #000000b3,0 0 12px #8b73554d;border:2px solid var(--hud-gold);background:#1e1914e6}.inv-drag-ghost .inv-item-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.inv-drag-ghost.rarity-common{border-color:#9d9d9d}.inv-drag-ghost.rarity-uncommon{border-color:#1eff00;box-shadow:0 4px 16px #000000b3,0 0 10px #1eff0033}.inv-drag-ghost.rarity-rare{border-color:#0070dd;box-shadow:0 4px 16px #000000b3,0 0 10px #0070dd4d}.inv-drag-ghost.rarity-epic{border-color:#a335ee;box-shadow:0 4px 16px #000000b3,0 0 10px #a335ee4d}.inv-drag-ghost.rarity-legendary{border-color:#ff8000;box-shadow:0 4px 16px #000000b3,0 0 14px #ff800066}.inv-dragging-source{opacity:.3!important;filter:grayscale(100%)}.inv-drop-valid{background:#1eff0026!important;border-color:#1eff0080!important;box-shadow:inset 0 0 8px #1eff0033!important}.inv-drop-invalid{background:#ff282826!important;border-color:#ff282880!important;box-shadow:inset 0 0 8px #ff282833!important}.inv-drop-highlight{box-shadow:0 0 12px #ffc83280,inset 0 0 8px #ffc83233!important;border-color:var(--hud-gold)!important}body.inv-dragging .inv-craft-button,body.inv-dragging .inv-craft-arrow{pointer-events:none}.inv-message{position:absolute;bottom:12px;left:50%;transform:translate(-50%);padding:8px 18px;border-radius:4px;font-family:var(--hud-font);font-size:12px;font-weight:600;letter-spacing:.5px;text-align:center;z-index:1000;pointer-events:none;transition:opacity .5s;max-width:80%;box-shadow:0 4px 12px #0009}.inv-message-error{background:linear-gradient(to bottom,#5a1a1a,#3a0e0e);border:1px solid #a33;color:#f99}.inv-message-success{background:linear-gradient(to bottom,#1a3a1a,#0e2a0e);border:1px solid #3a3;color:#9f9}.inv-message-info{background:linear-gradient(to bottom,#1a1a3a,#0e0e2a);border:1px solid #33a;color:#99f}.inv-message-fade{opacity:0}@media (max-width: 560px){.inventory-panel{width:95vw;right:2.5vw}.inv-grid{grid-template-columns:repeat(7,42px);grid-template-rows:repeat(4,42px)}.inv-grid-slot{width:42px;height:42px}}.char-panel{position:fixed;left:8px;bottom:178px;top:51px;width:520px;max-height:none;overflow-y:auto;overflow-x:hidden;background:linear-gradient(135deg,#1e1914f7,#0c0a08fc);border:3px solid var(--hud-bronze-dark);border-radius:4px;box-shadow:0 0 60px #000000e6,0 0 120px #0009,inset 0 1px #ffffff0d,inset 0 -1px #00000080,0 0 20px #8b735526;z-index:1500;display:none;opacity:0;transform:translate(-20px);transition:opacity .25s ease,transform .25s cubic-bezier(.16,1,.3,1)}.char-panel.visible{display:flex;flex-direction:column;opacity:1;transform:translate(0)}.char-panel::-webkit-scrollbar{width:6px}.char-panel::-webkit-scrollbar-track{background:var(--hud-bg-dark)}.char-panel::-webkit-scrollbar-thumb{background:var(--hud-bronze-dark);border-radius:3px}.char-panel::-webkit-scrollbar-thumb:hover{background:var(--hud-bronze)}.char-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,.02) 2px,rgba(0,0,0,.02) 4px);pointer-events:none;z-index:0}.char-panel:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:5px;border:1px solid rgba(139,115,85,.2);pointer-events:none;z-index:0}.char-rivet{position:absolute;width:10px;height:10px;background:radial-gradient(circle at 35% 35%,var(--hud-bronze-light),var(--hud-bronze-dark));border-radius:50%;box-shadow:inset 0 -1px 2px #0009,0 1px 2px #0006;z-index:5}.char-rivet.tl{top:6px;left:6px}.char-rivet.tr{top:6px;right:6px}.char-rivet.bl{bottom:6px;left:6px}.char-rivet.br{bottom:6px;right:6px}.char-header{position:relative;display:flex;align-items:center;justify-content:center;padding:12px 16px;background:linear-gradient(to bottom,#1e1a15,#141210);border-bottom:2px solid var(--hud-bronze-dark);z-index:1}.char-header:after{content:"";position:absolute;bottom:-2px;left:20%;right:20%;height:1px;background:linear-gradient(to right,transparent,var(--hud-gold) 30%,var(--hud-gold) 70%,transparent);opacity:.4}.char-title{font-family:var(--hud-font);font-size:16px;font-weight:700;color:var(--hud-gold);text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 8px rgba(201,169,89,.3),0 1px 2px rgba(0,0,0,.8)}.char-title:before,.char-title:after{content:"◆";font-size:8px;margin:0 12px;vertical-align:middle;color:var(--hud-bronze)}.char-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;background:linear-gradient(to bottom,var(--hud-bg-light),var(--hud-bg-dark));border:2px solid var(--hud-bronze-dark);border-radius:3px;color:var(--hud-text);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;font-family:var(--hud-font)}.char-close:hover{border-color:#8b4444;color:#c33;box-shadow:0 0 8px #8b444466}.char-section-divider{position:relative;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,rgba(0,0,0,.3),transparent);padding:0 16px;z-index:1}.char-section-divider:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(to right,transparent,var(--hud-bronze-dark) 20%,var(--hud-bronze-dark) 80%,transparent)}.char-section-label{font-family:var(--hud-font);font-size:9px;font-weight:700;color:var(--hud-bronze-light);text-transform:uppercase;letter-spacing:3px;text-shadow:0 1px 2px rgba(0,0,0,.8);background:linear-gradient(to bottom,#141210,#1a1715);padding:0 12px;z-index:1}.char-identity-section{padding:14px 20px 10px;z-index:1}.char-info-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.char-info-label{font-family:var(--hud-font);font-size:10px;font-weight:600;color:#8a7d6a;text-transform:uppercase;letter-spacing:2px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.char-info-value{font-family:var(--hud-font);font-size:14px;font-weight:700;color:var(--hud-text);text-shadow:0 1px 2px rgba(0,0,0,.8)}.char-info-value.name{color:var(--hud-gold);font-size:16px;letter-spacing:1px}.char-info-value.class{color:var(--hud-bronze-light)}.char-progression-section{padding:8px 20px 12px;z-index:1}.char-xp-bar-container{margin-top:8px}.char-xp-bar-track{position:relative;width:100%;height:14px;background:linear-gradient(to bottom,#0a0a0a,#151210);border:2px solid var(--hud-bronze-dark);border-radius:3px;overflow:hidden;box-shadow:inset 0 2px 4px #000000b3,0 1px 2px #0000004d}.char-xp-bar-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(to bottom,#c9a959,#a08030,#8a6d20);border-radius:1px;transition:width .5s ease;box-shadow:inset 0 1px 2px #fff3,0 0 6px #c9a9594d}.char-xp-bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--hud-font);font-size:8px;font-weight:700;color:#fff;text-shadow:0 0 3px #000,0 0 6px #000;letter-spacing:1px;z-index:1}.char-resources-section{padding:8px 20px 12px;z-index:1}.char-resource-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.char-resource-label{font-family:var(--hud-font);font-size:10px;font-weight:700;color:#8a7d6a;text-transform:uppercase;letter-spacing:1px;width:36px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.char-resource-bar-track{flex:1;height:16px;background:linear-gradient(to bottom,#0a0a0a,#151210);border:2px solid var(--hud-bronze-dark);border-radius:3px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #000000b3,0 1px 2px #0000004d}.char-resource-bar-fill{position:absolute;top:0;left:0;height:100%;border-radius:1px;transition:width .5s ease}.char-resource-bar-fill.life{background:linear-gradient(to bottom,#c22,#8b0000,#600);box-shadow:inset 0 1px 2px #ff646433,0 0 6px #8b00004d}.char-resource-bar-fill.mana{background:linear-gradient(to bottom,#24c,#00008b,#006);box-shadow:inset 0 1px 2px #6464ff33,0 0 6px #00008b4d}.char-resource-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--hud-font);font-size:10px;font-weight:700;color:#fff;text-shadow:0 0 3px #000,0 0 6px #000;z-index:1;letter-spacing:1px}.char-attributes-section{padding:14px 20px 10px;z-index:1}.char-attr-header{display:flex;align-items:baseline;padding:0 0 6px;margin-bottom:4px;border-bottom:1px solid rgba(92,77,58,.3)}.char-attr-header-spacer{flex:1}.char-attr-header-label{font-family:var(--hud-font);font-size:8px;font-weight:700;color:#8a7d6a;text-transform:uppercase;letter-spacing:2px;width:48px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.8)}.char-attr-row{display:flex;align-items:center;padding:6px 0;border-bottom:1px solid rgba(92,77,58,.12)}.char-attr-row:last-child{border-bottom:none}.char-attr-name{font-family:var(--hud-font);font-size:12px;font-weight:600;color:var(--hud-text);flex:1;text-shadow:0 1px 2px rgba(0,0,0,.8)}.char-attr-base{font-family:var(--hud-font);font-size:13px;font-weight:700;color:#8a7d6a;width:48px;text-align:center}.char-attr-now{font-family:var(--hud-font);font-size:13px;font-weight:700;color:var(--hud-text);width:48px;text-align:center}.char-attr-now.boosted{color:#1eff00}.char-attr-now.reduced{color:#c33}.char-attr-plus{width:22px;height:22px;margin-left:6px;background:linear-gradient(to bottom,#2a2520,#1a1510);border:2px solid var(--hud-bronze-dark);border-radius:3px;color:var(--hud-bronze);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-family:var(--hud-font);line-height:1;padding:0;visibility:hidden;opacity:0}.char-attr-plus.available{visibility:visible;opacity:1;border-color:var(--hud-gold);color:var(--hud-gold);animation:char-plus-glow 2s ease-in-out infinite}.char-attr-plus.available:hover{background:linear-gradient(to bottom,#3a3530,#2a2520);box-shadow:0 0 10px #c9a95966;transform:scale(1.1)}.char-attr-plus.available:active{transform:scale(.95);box-shadow:inset 0 2px 4px #0009}@keyframes char-plus-glow{0%,to{box-shadow:0 0 4px #c9a95933}50%{box-shadow:0 0 10px #c9a95973}}.char-points-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;padding:8px 12px;background:linear-gradient(135deg,#0003,#00000059);border:1px solid rgba(92,77,58,.25);border-radius:3px}.char-points-label{font-family:var(--hud-font);font-size:9px;font-weight:700;color:#8a7d6a;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.char-points-value{font-family:var(--hud-font);font-size:16px;font-weight:700;color:var(--hud-gold);text-shadow:0 0 6px rgba(201,169,89,.3),0 1px 2px rgba(0,0,0,.8);min-width:20px;text-align:center}.char-points-value.has-points{animation:char-points-pulse 2s ease-in-out infinite}@keyframes char-points-pulse{0%,to{text-shadow:0 0 6px rgba(201,169,89,.3),0 1px 2px rgba(0,0,0,.8)}50%{text-shadow:0 0 12px rgba(201,169,89,.6),0 1px 2px rgba(0,0,0,.8)}}.char-combat-section{padding:8px 20px 10px;z-index:1}.char-stat-row{display:flex;align-items:baseline;padding:5px 0;border-bottom:1px solid rgba(92,77,58,.12)}.char-stat-row:last-child{border-bottom:none}.char-stat-name{font-family:var(--hud-font);font-size:11px;font-weight:600;color:var(--hud-text);text-shadow:0 1px 2px rgba(0,0,0,.8)}.char-stat-dots{flex:1;border-bottom:1px dotted rgba(92,77,58,.3);margin:0 8px;min-width:20px;height:10px}.char-stat-value{font-family:var(--hud-font);font-size:13px;font-weight:700;color:var(--hud-gold);text-shadow:0 1px 2px rgba(0,0,0,.8)}.char-resistances-section{padding:8px 20px 16px;z-index:1}.char-resist-row{display:flex;align-items:baseline;padding:5px 0;border-bottom:1px solid rgba(92,77,58,.12)}.char-resist-row:last-child{border-bottom:none}.char-resist-name{font-family:var(--hud-font);font-size:11px;font-weight:600;color:var(--hud-text);text-shadow:0 1px 2px rgba(0,0,0,.8)}.char-resist-dots{flex:1;border-bottom:1px dotted rgba(92,77,58,.3);margin:0 8px;min-width:20px;height:10px}.char-resist-value{font-family:var(--hud-font);font-size:13px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.8)}.char-resist-value.zero{color:#8a7d6a}.char-resist-value.positive{color:#1eff00}.char-resist-value.negative{color:#c33}@media (max-width: 540px){.char-panel{width:95vw;left:2.5vw}}#system-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:2000;display:none;opacity:0;transition:opacity .2s ease}#system-overlay.visible{display:block;opacity:1}.spells-panel{position:fixed;left:8px;bottom:178px;top:51px;width:520px;max-height:none;overflow-y:auto;overflow-x:hidden;background:linear-gradient(135deg,#1e1914f7,#0c0a08fc);border:3px solid var(--hud-bronze-dark);border-radius:4px;box-shadow:0 0 60px #000000e6,0 0 120px #0009,inset 0 1px #ffffff0d,inset 0 -1px #00000080,0 0 20px #8b735526;z-index:1500;display:none;opacity:0;transform:translate(-20px);transition:opacity .25s ease,transform .25s cubic-bezier(.16,1,.3,1)}.spells-panel.visible{display:flex;flex-direction:column;opacity:1;transform:translate(0)}.spells-panel::-webkit-scrollbar{width:6px}.spells-panel::-webkit-scrollbar-track{background:var(--hud-bg-dark)}.spells-panel::-webkit-scrollbar-thumb{background:var(--hud-bronze-dark);border-radius:3px}.spells-panel::-webkit-scrollbar-thumb:hover{background:var(--hud-bronze)}.spells-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,.02) 2px,rgba(0,0,0,.02) 4px);pointer-events:none;z-index:0}.spells-panel:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:5px;border:1px solid rgba(139,115,85,.2);pointer-events:none;z-index:0}.spell-rivet{position:absolute;width:10px;height:10px;background:radial-gradient(circle at 35% 35%,var(--hud-bronze-light),var(--hud-bronze-dark));border-radius:50%;box-shadow:inset 0 -1px 2px #0009,0 1px 2px #0006;z-index:5}.spell-rivet.tl{top:6px;left:6px}.spell-rivet.tr{top:6px;right:6px}.spell-rivet.bl{bottom:6px;left:6px}.spell-rivet.br{bottom:6px;right:6px}.spell-header{position:relative;display:flex;align-items:center;justify-content:center;padding:12px 16px;background:linear-gradient(to bottom,#1e1a15,#141210);border-bottom:2px solid var(--hud-bronze-dark);z-index:1}.spell-header:after{content:"";position:absolute;bottom:-2px;left:20%;right:20%;height:1px;background:linear-gradient(to right,transparent,var(--hud-gold) 30%,var(--hud-gold) 70%,transparent);opacity:.4}.spell-title{font-family:var(--hud-font);font-size:16px;font-weight:700;color:var(--hud-gold);text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 8px rgba(201,169,89,.3),0 1px 2px rgba(0,0,0,.8)}.spell-title:before,.spell-title:after{content:"◆";font-size:8px;margin:0 12px;vertical-align:middle;color:var(--hud-bronze)}.spell-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;background:linear-gradient(to bottom,var(--hud-bg-light),var(--hud-bg-dark));border:2px solid var(--hud-bronze-dark);border-radius:3px;color:var(--hud-text);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;font-family:var(--hud-font)}.spell-close:hover{border-color:#8b4444;color:#c33;box-shadow:0 0 8px #8b444466}.spell-section-divider{position:relative;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,rgba(0,0,0,.3),transparent);padding:0 16px;z-index:1}.spell-section-divider:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(to right,transparent,var(--hud-bronze-dark) 20%,var(--hud-bronze-dark) 80%,transparent)}.spell-section-label{font-family:var(--hud-font);font-size:9px;font-weight:700;color:var(--hud-bronze-light);text-transform:uppercase;letter-spacing:3px;text-shadow:0 1px 2px rgba(0,0,0,.8);background:linear-gradient(to bottom,#141210,#1a1715);padding:0 12px;z-index:1}.spell-list-section{padding:8px 12px;z-index:1;flex:1}.spell-entry{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:6px;background:linear-gradient(135deg,#0003,#00000059);border:1px solid rgba(92,77,58,.2);border-radius:4px;cursor:pointer;transition:all .2s;position:relative}.spell-entry:hover{border-color:var(--hud-bronze);background:linear-gradient(135deg,#1e191466,#00000080);box-shadow:0 0 8px #8b735526}.spell-entry.locked{opacity:.45;cursor:not-allowed}.spell-entry.locked:hover{border-color:#5c4d3a33;background:linear-gradient(135deg,#0003,#00000059);box-shadow:none}.spell-icon-box{width:44px;height:44px;background:linear-gradient(135deg,#1a1714,#0e0c0a);border:2px solid var(--hud-bronze-dark);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;box-shadow:inset 0 2px 6px #0009;position:relative}.spell-entry:hover .spell-icon-box{border-color:var(--hud-bronze)}.spell-icon-box .spell-lock{position:absolute;bottom:-2px;right:-2px;font-size:12px;filter:grayscale(50%)}.spell-info{flex:1;min-width:0}.spell-name{font-family:var(--hud-font);font-size:13px;font-weight:700;color:var(--hud-text);text-shadow:0 1px 2px rgba(0,0,0,.8);margin-bottom:2px}.spell-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.spell-school{font-family:var(--hud-font);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:1px 6px;border-radius:2px;background:#0000004d;border:1px solid rgba(92,77,58,.3)}.spell-school.fire{color:#f63;border-color:#ff66334d}.spell-school.holy{color:#fd4;border-color:#ffdd444d}.spell-school.air{color:#6bf;border-color:#66bbff4d}.spell-school.dark{color:#b6f;border-color:#bb66ff4d}.spell-school.nature{color:#6f6;border-color:#66ff664d}.spell-school.utility{color:#aaa;border-color:#aaaaaa4d}.spell-cost{font-family:var(--hud-font);font-size:10px;color:#58c;text-shadow:0 1px 2px rgba(0,0,0,.8)}.spell-level-req{font-family:var(--hud-font);font-size:9px;color:#c33}.spell-action{flex-shrink:0}.spell-drag-hint{font-family:var(--hud-font);font-size:9px;color:#5c5040;letter-spacing:.5px}.spell-hotbar-badge{font-family:var(--hud-font);font-size:10px;font-weight:700;color:var(--hud-gold);padding:3px 8px;background:linear-gradient(to bottom,#2a2520,#1a1510);border:1px solid var(--hud-gold);border-radius:3px;text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap}.spell-entry:not(.locked){cursor:grab}.spell-entry:not(.locked):active{cursor:grabbing}.spells-panel.dragging .spell-entry{pointer-events:none}.spell-drag-ghost{position:fixed;z-index:9999;pointer-events:none;display:flex;align-items:center;gap:8px;padding:6px 12px;background:linear-gradient(135deg,#1e1914f2,#0c0a08fa);border:2px solid var(--hud-gold);border-radius:4px;box-shadow:0 0 20px #c9a95966,0 4px 12px #0009;opacity:.92}.spell-drag-ghost-icon{font-size:22px}.spell-drag-ghost-name{font-family:var(--hud-font);font-size:11px;font-weight:700;color:var(--hud-gold);text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap}.hud-hotbar-slot.spell-drop-target{border-color:var(--hud-gold);box-shadow:inset 0 2px 4px #00000080,0 0 12px #c9a95940;animation:spell-slot-pulse 1s ease-in-out infinite}.hud-hotbar-slot.spell-drop-hover{border-color:#fff;background:linear-gradient(135deg,#c9a95933,#c9a9591a);box-shadow:inset 0 2px 4px #00000080,0 0 20px #c9a95980;transform:scale(1.15)}@keyframes spell-slot-pulse{0%,to{box-shadow:inset 0 2px 4px #00000080,0 0 8px #c9a95933}50%{box-shadow:inset 0 2px 4px #00000080,0 0 16px #c9a95966}}.spell-hotbar-hint{font-family:var(--hud-font);font-size:9px;color:#5c5040;text-align:center;padding:8px 12px 14px;letter-spacing:.5px;z-index:1}.spell-empty-state{padding:30px 20px;text-align:center;z-index:1}.spell-empty-text{font-family:var(--hud-font);font-size:12px;color:#5c5040;font-style:italic}@media (max-width: 540px){.spells-panel{width:95vw;left:2.5vw}}.quests-panel{position:fixed;right:8px;bottom:178px;top:51px;width:520px;max-height:none;overflow-y:auto;overflow-x:hidden;background:linear-gradient(135deg,#1e1914f7,#0c0a08fc);border:3px solid var(--hud-bronze-dark);border-radius:4px;box-shadow:0 0 60px #000000e6,0 0 120px #0009,inset 0 1px #ffffff0d,inset 0 -1px #00000080,0 0 20px #8b735526;z-index:1500;display:none;opacity:0;transform:translate(20px);transition:opacity .25s ease,transform .25s cubic-bezier(.16,1,.3,1)}.quests-panel.visible{display:flex;flex-direction:column;opacity:1;transform:translate(0)}.quests-panel::-webkit-scrollbar{width:6px}.quests-panel::-webkit-scrollbar-track{background:var(--hud-bg-dark)}.quests-panel::-webkit-scrollbar-thumb{background:var(--hud-bronze-dark);border-radius:3px}.quests-panel::-webkit-scrollbar-thumb:hover{background:var(--hud-bronze)}.quests-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,.02) 2px,rgba(0,0,0,.02) 4px);pointer-events:none;z-index:0}.quests-panel:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:5px;border:1px solid rgba(139,115,85,.2);pointer-events:none;z-index:0}.quest-rivet{position:absolute;width:10px;height:10px;background:radial-gradient(circle at 35% 35%,var(--hud-bronze-light),var(--hud-bronze-dark));border-radius:50%;box-shadow:inset 0 -1px 2px #0009,0 1px 2px #0006;z-index:5}.quest-rivet.tl{top:6px;left:6px}.quest-rivet.tr{top:6px;right:6px}.quest-rivet.bl{bottom:6px;left:6px}.quest-rivet.br{bottom:6px;right:6px}.quest-header{position:relative;display:flex;align-items:center;justify-content:center;padding:12px 16px;background:linear-gradient(to bottom,#1e1a15,#141210);border-bottom:2px solid var(--hud-bronze-dark);z-index:1}.quest-header:after{content:"";position:absolute;bottom:-2px;left:20%;right:20%;height:1px;background:linear-gradient(to right,transparent,var(--hud-gold) 30%,var(--hud-gold) 70%,transparent);opacity:.4}.quest-title{font-family:var(--hud-font);font-size:16px;font-weight:700;color:var(--hud-gold);text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 8px rgba(201,169,89,.3),0 1px 2px rgba(0,0,0,.8)}.quest-title:before,.quest-title:after{content:"◆";font-size:8px;margin:0 12px;vertical-align:middle;color:var(--hud-bronze)}.quest-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;background:linear-gradient(to bottom,var(--hud-bg-light),var(--hud-bg-dark));border:2px solid var(--hud-bronze-dark);border-radius:3px;color:var(--hud-text);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;font-family:var(--hud-font)}.quest-close:hover{border-color:#8b4444;color:#c33;box-shadow:0 0 8px #8b444466}.quest-section-divider{position:relative;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,rgba(0,0,0,.3),transparent);padding:0 16px;z-index:1}.quest-section-divider:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(to right,transparent,var(--hud-bronze-dark) 20%,var(--hud-bronze-dark) 80%,transparent)}.quest-section-label{font-family:var(--hud-font);font-size:9px;font-weight:700;color:var(--hud-bronze-light);text-transform:uppercase;letter-spacing:3px;text-shadow:0 1px 2px rgba(0,0,0,.8);background:linear-gradient(to bottom,#141210,#1a1715);padding:0 12px;z-index:1}.quest-count{font-family:var(--hud-font);font-size:9px;color:#8a7d6a;margin-left:4px}.quest-list-section{padding:8px 12px;z-index:1}.quest-list-section.completed-section{padding-bottom:16px}.quest-entry{margin-bottom:6px;background:linear-gradient(135deg,#0003,#00000059);border:1px solid rgba(92,77,58,.2);border-radius:4px;overflow:hidden;transition:border-color .2s}.quest-entry:hover{border-color:#5c4d3a66}.quest-entry.completed{opacity:.55}.quest-entry-header{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;transition:background .2s}.quest-entry-header:hover{background:#8b73550f}.quest-expand-icon{font-family:var(--hud-font);font-size:10px;color:var(--hud-bronze);width:16px;text-align:center;flex-shrink:0;transition:transform .2s}.quest-entry.expanded .quest-expand-icon{transform:rotate(90deg)}.quest-entry-name{font-family:var(--hud-font);font-size:13px;font-weight:700;color:var(--hud-text);text-shadow:0 1px 2px rgba(0,0,0,.8);flex:1}.quest-entry.completed .quest-entry-name{color:#8a7d6a;text-decoration:line-through;text-decoration-color:#8a7d6a66}.quest-status-badge{font-family:var(--hud-font);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:2px 6px;border-radius:2px;flex-shrink:0}.quest-status-badge.active{color:var(--hud-gold);background:#c9a9591f;border:1px solid rgba(201,169,89,.25)}.quest-status-badge.done{color:#1eff00;background:#1eff0014;border:1px solid rgba(30,255,0,.2)}.quest-details{display:none;padding:0 12px 12px 38px}.quest-entry.expanded .quest-details{display:block}.quest-description{font-family:var(--hud-font);font-size:11px;color:#8a7d6a;font-style:italic;margin-bottom:10px;line-height:1.5}.quest-objective{display:flex;align-items:flex-start;gap:8px;padding:4px 0}.quest-checkbox{font-size:13px;flex-shrink:0;line-height:1;margin-top:1px}.quest-checkbox.done{color:#1eff00}.quest-checkbox.pending{color:#5c5040}.quest-objective-text{font-family:var(--hud-font);font-size:11px;color:var(--hud-text);text-shadow:0 1px 2px rgba(0,0,0,.8);line-height:1.4}.quest-objective.done .quest-objective-text{color:#8a7d6a;text-decoration:line-through;text-decoration-color:#8a7d6a66}.quest-rewards{display:flex;align-items:center;gap:12px;margin-top:10px;padding-top:8px;border-top:1px solid rgba(92,77,58,.15)}.quest-reward-label{font-family:var(--hud-font);font-size:9px;font-weight:700;color:#5c5040;text-transform:uppercase;letter-spacing:1px}.quest-reward-item{font-family:var(--hud-font);font-size:11px;color:var(--hud-gold);text-shadow:0 1px 2px rgba(0,0,0,.8)}.quest-reward-xp{color:#6bf}.quest-empty-state{padding:30px 20px;text-align:center;z-index:1}.quest-empty-text{font-family:var(--hud-font);font-size:12px;color:#5c5040;font-style:italic}@media (max-width: 480px){.quests-panel{width:95vw;right:2.5vw}}canvas.cursor-crosshair{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Ccircle cx='16' cy='16' r='8' fill='none' stroke='%23d4a832' stroke-width='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='10' stroke='%23d4a832' stroke-width='2'/%3E%3Cline x1='16' y1='22' x2='16' y2='30' stroke='%23d4a832' stroke-width='2'/%3E%3Cline x1='2' y1='16' x2='10' y2='16' stroke='%23d4a832' stroke-width='2'/%3E%3Cline x1='22' y1='16' x2='30' y2='16' stroke='%23d4a832' stroke-width='2'/%3E%3Ccircle cx='16' cy='16' r='2' fill='%23d4a832'/%3E%3C/svg%3E") 16 16,crosshair!important}.combat-log-entry{font-family:monospace;font-size:12px;color:#ddd;background:#0009;padding:2px 8px;border-radius:3px;transition:opacity .5s ease;text-shadow:1px 1px 2px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.context-menu{position:fixed;z-index:20000;background:#14141ef2;border:1px solid rgba(180,160,100,.6);border-radius:4px;min-width:140px;box-shadow:0 4px 16px #0009;overflow:hidden;font-family:sans-serif;font-size:13px;animation:contextMenuFadeIn .1s ease}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-title{padding:6px 12px;color:#cb8;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-menu-separator{height:1px;background:#b4a0644d;margin:0 8px}.context-menu-item{padding:6px 12px;color:#ddd;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .1s}.context-menu-item:hover{background:#b4a06433;color:#fff}.context-menu-item-danger{color:#f66}.context-menu-item-danger:hover{background:#c8323240;color:#f44}.context-menu-icon{font-size:14px;width:18px;text-align:center}.hotbar-cooldown{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;border-radius:4px;pointer-events:none;animation:cooldownSweep linear forwards}@keyframes cooldownSweep{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(100% 0 0 0)}}.dialogue-panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.98);width:540px;height:640px;max-height:calc(100vh - 200px);background:linear-gradient(135deg,#1e1914f7,#0c0a08fc);border:3px solid var(--hud-bronze-dark);border-radius:4px;box-shadow:0 0 60px #000000e6,0 0 120px #0009,inset 0 1px #ffffff0d,inset 0 -1px #00000080,0 0 20px #8b735526;z-index:2000;display:none;opacity:0;flex-direction:column;overflow:hidden;transition:opacity .25s ease,transform .25s cubic-bezier(.16,1,.3,1)}.dialogue-panel.visible{display:flex;opacity:1;transform:translate(-50%,-50%) scale(1)}.dialogue-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,.02) 2px,rgba(0,0,0,.02) 4px);pointer-events:none;z-index:0}.dialogue-panel:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:5px;border:1px solid rgba(139,115,85,.2);pointer-events:none;z-index:0}.dialogue-panel ::-webkit-scrollbar{width:5px}.dialogue-panel ::-webkit-scrollbar-track{background:transparent}.dialogue-panel ::-webkit-scrollbar-thumb{background:var(--hud-bronze-dark);border-radius:3px}.dialogue-panel ::-webkit-scrollbar-thumb:hover{background:var(--hud-bronze)}.dlg-rivet{position:absolute;width:10px;height:10px;background:radial-gradient(circle at 35% 35%,var(--hud-bronze-light),var(--hud-bronze-dark));border-radius:50%;box-shadow:inset 0 -1px 2px #0009,0 1px 2px #0006;z-index:5}.dlg-rivet.tl{top:6px;left:6px}.dlg-rivet.tr{top:6px;right:6px}.dlg-rivet.bl{bottom:6px;left:6px}.dlg-rivet.br{bottom:6px;right:6px}.dialogue-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1999;display:none;opacity:0;transition:opacity .25s ease}.dialogue-overlay.visible{display:block;opacity:1}.dlg-header{position:relative;display:flex;align-items:center;gap:14px;padding:12px 16px;background:linear-gradient(to bottom,#1e1a15,#141210);border-bottom:2px solid var(--hud-bronze-dark);z-index:1;flex-shrink:0}.dlg-header:after{content:"";position:absolute;bottom:-2px;left:15%;right:15%;height:1px;background:linear-gradient(to right,transparent,var(--hud-gold) 30%,var(--hud-gold) 70%,transparent);opacity:.4}.dlg-portrait-frame{width:52px;height:52px;flex-shrink:0;border:2px solid var(--hud-bronze-dark);border-radius:3px;background:linear-gradient(135deg,#1a1510,#0e0c0a);box-shadow:inset 0 0 10px #000c,0 2px 8px #00000080;overflow:hidden;position:relative}.dlg-portrait-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(139,115,85,.15);border-radius:2px;pointer-events:none}.dlg-portrait{width:100%;height:100%;object-fit:cover;display:block}.dlg-portrait-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--hud-bronze);background:radial-gradient(circle at 40% 35%,#1e1a15,#0a0908)}.dlg-npc-info{flex:1;min-width:0}.dlg-npc-name{font-family:var(--hud-font);font-size:15px;font-weight:700;color:var(--hud-gold);text-shadow:0 0 8px rgba(201,169,89,.3),0 1px 2px rgba(0,0,0,.8);letter-spacing:2px;text-transform:uppercase}.dlg-npc-title{font-family:var(--hud-font);font-size:10px;font-weight:400;color:#8a7d6a;font-style:italic;margin-top:2px;letter-spacing:.5px}.dlg-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;background:linear-gradient(to bottom,var(--hud-bg-light),var(--hud-bg-dark));border:2px solid var(--hud-bronze-dark);border-radius:3px;color:var(--hud-text);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;font-family:var(--hud-font);z-index:2}.dlg-close:hover{border-color:#8b4444;color:#c33;box-shadow:0 0 8px #8b444466}.dlg-mode-bar{display:flex;padding:0 16px;gap:0;z-index:1;flex-shrink:0;background:linear-gradient(to bottom,#141210,#100e0c)}.dlg-mode-tab{flex:1;padding:7px 0;text-align:center;font-family:var(--hud-font);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#8a7d6a;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s}.dlg-mode-tab:hover{color:var(--hud-text)}.dlg-mode-tab.active{color:var(--hud-gold);border-bottom-color:var(--hud-gold);text-shadow:0 0 8px rgba(201,169,89,.2)}.dlg-conversation{flex:1;overflow-y:auto;overflow-x:hidden;padding:14px 16px;display:flex;flex-direction:column;gap:10px;z-index:1;min-height:0}.dlg-message{max-width:88%;padding:9px 13px;border-radius:4px;position:relative;animation:dlgMsgFadeIn .3s ease both}@keyframes dlgMsgFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dlg-message.npc{align-self:flex-start;background:#1e1912d9;border:1px solid rgba(139,115,85,.25);border-left:3px solid var(--hud-bronze-dark)}.dlg-message.npc:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,rgba(139,115,85,.2),transparent 60%)}.dlg-message.player{align-self:flex-end;background:#141c2399;border:1px solid rgba(80,120,160,.2);border-right:3px solid rgba(106,159,216,.3)}.dlg-speaker{font-family:var(--hud-font);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:3px}.dlg-message.npc .dlg-speaker{color:var(--hud-gold);text-shadow:0 0 6px rgba(201,169,89,.2)}.dlg-message.player .dlg-speaker{color:#6a9fd8}.dlg-text{font-family:var(--hud-font);font-size:12px;font-weight:400;color:var(--hud-text);line-height:1.55;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dlg-text em{color:#8a7d6a;font-style:italic}.dlg-message.system{align-self:center;max-width:75%;text-align:center;background:transparent;border:none;padding:5px 12px}.dlg-message.system .dlg-text{font-family:var(--hud-font);font-size:9px;color:#8a7d6a;text-transform:uppercase;letter-spacing:2px}.dlg-message.system.reward .dlg-text{color:var(--hud-gold)}.dlg-typing{align-self:flex-start;padding:11px 16px;background:#1e1912d9;border:1px solid rgba(139,115,85,.25);border-left:3px solid var(--hud-bronze-dark);border-radius:4px;display:flex;gap:5px;align-items:center}.dlg-typing-dot{width:5px;height:5px;border-radius:50%;background:var(--hud-bronze);animation:dlgTypingPulse 1.4s ease-in-out infinite}.dlg-typing-dot:nth-child(2){animation-delay:.2s}.dlg-typing-dot:nth-child(3){animation-delay:.4s}@keyframes dlgTypingPulse{0%,60%,to{opacity:.3;transform:scale(.85)}30%{opacity:1;transform:scale(1)}}.dlg-responses{flex-shrink:0;padding:10px 14px;display:flex;flex-direction:column;gap:5px;z-index:1;border-top:1px solid rgba(92,77,58,.15)}.dlg-response-btn{position:relative;display:flex;align-items:center;gap:10px;padding:8px 12px;background:linear-gradient(135deg,#00000040,#0006);border:1px solid rgba(92,77,58,.2);border-radius:3px;cursor:pointer;transition:all .2s;text-align:left;color:var(--hud-text);font-family:var(--hud-font)}.dlg-response-btn:hover{background:linear-gradient(135deg,#8b73551a,#8b73550d);border-color:#8b735566;transform:translate(3px)}.dlg-response-btn:active{transform:translate(3px) scale(.99)}.dlg-response-btn:before{content:"▶";font-size:7px;color:var(--hud-bronze);flex-shrink:0;transition:color .2s}.dlg-response-btn:hover:before{color:var(--hud-gold)}.dlg-response-text{font-size:12px;font-weight:400;line-height:1.4;flex:1}.dlg-response-tag{font-family:var(--hud-font);font-size:8px;text-transform:uppercase;letter-spacing:1px;padding:2px 6px;border-radius:2px;flex-shrink:0}.dlg-response-tag.quest{color:var(--hud-gold);background:#c9a9591f;border:1px solid rgba(201,169,89,.25)}.dlg-response-tag.shop{color:#7dba6a;background:#7dba6a1a;border:1px solid rgba(125,186,106,.2)}.dlg-response-tag.locked{color:#855;background:#8855551a;border:1px solid rgba(136,85,85,.2)}.dlg-response-btn.locked{opacity:.4;cursor:not-allowed;pointer-events:none}.dlg-response-btn.goodbye{border-color:#5c4d3a1a;opacity:.7}.dlg-response-btn.goodbye:hover{opacity:1}.dlg-chat-section{flex-shrink:0;z-index:1;display:none}.dlg-chat-section.visible{display:block}.dlg-chat-divider{position:relative;height:18px;display:flex;align-items:center;justify-content:center;padding:0 16px}.dlg-chat-divider:before{content:"";position:absolute;top:50%;left:10%;right:10%;height:1px;background:linear-gradient(to right,transparent,var(--hud-bronze-dark) 20%,var(--hud-bronze-dark) 80%,transparent)}.dlg-chat-divider-label{font-family:var(--hud-font);font-size:8px;color:var(--hud-bronze);text-transform:uppercase;letter-spacing:2px;background:linear-gradient(to bottom,#141210,#110f0d);padding:0 10px;z-index:1}.dlg-chat-input-row{display:flex;align-items:center;gap:8px;padding:6px 14px 12px}.dlg-chat-input{flex:1;height:36px;padding:0 12px;background:linear-gradient(to bottom,#0006,#00000040);border:1px solid rgba(92,77,58,.25);border-radius:3px;color:var(--hud-text);font-family:var(--hud-font);font-size:12px;outline:none;transition:border-color .2s,box-shadow .2s}.dlg-chat-input::placeholder{color:#8a7d6a66;font-style:italic}.dlg-chat-input:focus{border-color:#8b735580;box-shadow:0 0 8px #8b73551a,inset 0 0 12px #0003}.dlg-chat-send{width:36px;height:36px;flex-shrink:0;background:linear-gradient(to bottom,#2a2318,#1a1510);border:2px solid var(--hud-bronze-dark);border-radius:3px;color:var(--hud-bronze-light);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.dlg-chat-send:hover{border-color:var(--hud-bronze);color:var(--hud-gold);box-shadow:0 0 8px #8b735533}.dlg-chat-send:active{transform:scale(.95)}.dlg-send-icon{width:0;height:0;border-style:solid;border-width:5px 0 5px 9px;border-color:transparent transparent transparent currentColor;margin-left:2px}.dlg-shop-section{display:none;flex-direction:column;flex:1;min-height:0;z-index:1}.dlg-shop-section.visible{display:flex}.dlg-shop-grid-wrapper{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 16px;min-height:0}.dlg-shop-grid{display:grid;gap:2px;padding:6px;width:fit-content;margin:0 auto;background:linear-gradient(135deg,#0000004d,#00000080);border:2px solid var(--hud-bronze-dark);border-radius:3px;box-shadow:inset 0 3px 8px #0009,0 2px 4px #0000004d;position:relative}.dlg-shop-slot{width:48px;height:48px;background:linear-gradient(135deg,#1a1714,#0e0c0a);border:1px solid rgba(60,50,40,.5);border-radius:2px;box-shadow:inset 0 1px 3px #00000080,inset 0 -1px 1px #ffffff05}.dlg-shop-empty{grid-column:1 / -1;text-align:center;font-family:var(--hud-font);font-size:12px;color:#8a7d6a;padding:30px 0;font-style:italic}.dlg-shop-item{border-radius:2px;display:flex;align-items:center;justify-content:center;z-index:2;transition:box-shadow .2s,transform .1s;overflow:hidden;position:relative}.dlg-shop-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 35% 25%,rgba(255,255,255,.08) 0%,transparent 50%);pointer-events:none}.dlg-shop-item:hover{z-index:10;transform:scale(1.03)}.dlg-shop-item.rarity-common{background:linear-gradient(135deg,#2a2520,#1a1510);border:2px solid #9d9d9d;box-shadow:inset 0 1px 3px #00000080,0 0 4px #9d9d9d26}.dlg-shop-item.rarity-uncommon{background:linear-gradient(135deg,#1a2a1a,#0f1a0f);border:2px solid #1eff00;box-shadow:inset 0 1px 3px #00000080,0 0 6px #1eff0026}.dlg-shop-item.rarity-rare{background:linear-gradient(135deg,#1a2040,#0f1525);border:2px solid #0070dd;box-shadow:inset 0 1px 3px #00000080,0 0 8px #0070dd33}.dlg-shop-item.rarity-epic{background:linear-gradient(135deg,#2a1a35,#1a0f25);border:2px solid #a335ee;box-shadow:inset 0 1px 3px #00000080,0 0 8px #a335ee33}.dlg-shop-item.rarity-legendary{background:linear-gradient(135deg,#352a1a,#251a0f);border:2px solid #ff8000;box-shadow:inset 0 1px 3px #00000080,0 0 12px #ff800040;animation:dlg-shop-legendary-pulse 3s ease-in-out infinite}@keyframes dlg-shop-legendary-pulse{0%,to{box-shadow:inset 0 1px 3px #00000080,0 0 8px #ff800033}50%{box-shadow:inset 0 1px 3px #00000080,0 0 16px #ff800066}}.dlg-shop-item-icon{font-size:28px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.7));pointer-events:none}.dlg-shop-item-icon-img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.7));image-rendering:pixelated}.dlg-shop-price{position:absolute;bottom:1px;right:2px;font-family:var(--hud-font);font-size:9px;font-weight:700;color:var(--hud-gold);text-shadow:0 0 3px #000,0 0 6px #000,1px 1px 2px #000;pointer-events:none;line-height:1}.dlg-shop-price.unaffordable{color:#c33}.dlg-shop-stock{position:absolute;top:1px;right:3px;font-family:var(--hud-font);font-size:9px;font-weight:700;color:#fff;text-shadow:0 0 3px #000,0 0 6px #000,1px 1px 2px #000;pointer-events:none}.dlg-shop-soldout-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-12deg);font-family:var(--hud-font);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#c33;background:#000000b3;padding:2px 6px;border:1px solid #cc3333;border-radius:2px;pointer-events:none}.dlg-shop-item-disabled{cursor:not-allowed!important}.dlg-shop-item-unaffordable{opacity:.55}.dlg-shop-item-soldout{opacity:.35;filter:grayscale(.6)}.dlg-shop-item-buying{animation:dlg-shop-buy-flash .3s ease}@keyframes dlg-shop-buy-flash{0%{filter:brightness(1)}50%{filter:brightness(1.6)}to{filter:brightness(1)}}.dlg-shop-gold-bar{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:linear-gradient(to bottom,#141210,#0e0c0a);border-top:1px solid rgba(139,115,85,.2);z-index:1}.dlg-shop-gold-icon{font-size:16px}.dlg-shop-gold-amount{font-family:var(--hud-font);font-size:16px;font-weight:700;color:var(--hud-gold);text-shadow:0 0 8px rgba(201,169,89,.3)}.dlg-shop-gold-label{font-family:var(--hud-font);font-size:10px;font-weight:400;color:#8a7d6a;text-transform:uppercase;letter-spacing:1px}.dlg-shop-tooltip{position:fixed;display:none;min-width:200px;max-width:280px;background:linear-gradient(135deg,#1a1714,#0e0c0a);border:2px solid var(--hud-bronze-dark);border-radius:4px;padding:12px;z-index:3000;box-shadow:0 4px 20px #000000e6,inset 0 1px #ffffff0d;pointer-events:none;font-family:var(--hud-font)}.dlg-shop-tooltip.visible{display:block;animation:dlg-tooltip-in .15s ease-out}@keyframes dlg-tooltip-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dlg-shop-tooltip-price{display:flex;justify-content:space-between;gap:12px;margin-top:4px}.dlg-shop-tooltip-buy{font-size:12px;font-weight:700;color:var(--hud-gold)}.dlg-shop-tooltip-buy.unaffordable{color:#c33}.dlg-shop-tooltip-sell{font-size:11px;color:#8a7d6a}.dlg-shop-tooltip-stock{font-size:10px;color:#8a7d6a;margin-top:4px}.dlg-shop-tooltip-stock.soldout{color:#c33}.dlg-shop-tooltip-warn{font-size:10px;color:#c33;margin-top:4px;font-weight:600}.dlg-shop-tooltip-hint{font-size:9px;color:var(--hud-bronze);margin-top:6px;text-transform:uppercase;letter-spacing:1px;text-align:center}@media (max-width: 600px){.dialogue-panel{width:95vw;height:85vh}}#character-select-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;font-family:Crimson Text,serif;color:var(--text, #e8dcc8);display:flex;flex-direction:column;align-items:center;overflow-x:hidden;overflow-y:auto}#character-select-screen.hidden{display:none}.cs-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse at 50% 120%,rgba(232,93,38,.12) 0%,transparent 60%),radial-gradient(ellipse at 20% 0%,rgba(201,168,76,.06) 0%,transparent 50%),linear-gradient(180deg,#0d0a08,#1a1310 40%,#251c16)}.cs-bg.has-custom-bg{background-size:cover;background-position:center}.cs-bg.has-custom-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0000004d,#000000b3);pointer-events:none}.cs-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");opacity:.5}.cs-embers{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.cs-header{position:relative;z-index:2;text-align:center;padding:48px 0 16px;animation:cs-fadeIn .8s ease-out}@keyframes cs-fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cs-game-title{font-family:Cinzel,serif;font-size:28px;font-weight:700;letter-spacing:6px;color:var(--gold, #c9a84c);text-shadow:0 0 20px rgba(201,168,76,.3),0 2px 4px rgba(0,0,0,.5)}.cs-account-bar{margin-top:8px;font-size:13px;color:var(--text-dim, #8a7e6e);display:flex;align-items:center;justify-content:center;gap:16px}.cs-account-bar span{font-family:Cinzel,serif;letter-spacing:1px}.cs-logout-btn{background:none;border:1px solid var(--stone-light, #3d362e);color:var(--parchment-dim, #a89b80);padding:4px 14px;font-family:Cinzel,serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:all .3s}.cs-logout-btn:hover{border-color:var(--ember-dark, #a33a12);color:var(--ember, #e85d26)}.cs-section-title{font-family:Cinzel,serif;font-size:14px;letter-spacing:4px;text-transform:uppercase;color:var(--parchment-dim, #a89b80);margin-top:24px}.cs-divider{width:200px;margin:12px auto;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim, #8a7234),transparent)}.cs-grid{position:relative;z-index:2;display:flex;gap:16px;padding:24px 32px 48px;flex-wrap:wrap;justify-content:center;max-width:1100px}.cs-card{width:190px;background:linear-gradient(180deg,var(--stone, #2a2520) 0%,var(--stone-dark, #1a1613) 100%);border:2px solid var(--stone-light, #3d362e);border-radius:4px;padding:3px;cursor:pointer;transition:all .4s ease;animation:cs-cardIn .6s ease-out backwards;box-shadow:0 4px 20px #0006}.cs-card:nth-child(1){animation-delay:.1s}.cs-card:nth-child(2){animation-delay:.2s}.cs-card:nth-child(3){animation-delay:.3s}.cs-card:nth-child(4){animation-delay:.4s}.cs-card:nth-child(5){animation-delay:.5s}@keyframes cs-cardIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cs-card:hover{border-color:var(--ember-dark, #a33a12);transform:translateY(-6px);box-shadow:0 8px 32px #e85d2633,0 0 1px var(--ember, #e85d26)}.cs-card.locked{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.cs-card.locked:hover{border-color:var(--stone-light, #3d362e);transform:none;box-shadow:0 4px 20px #0006}.cs-card-inner{border:1px solid var(--stone-light, #3d362e);border-radius:2px;padding:16px 14px;text-align:center;position:relative}.cs-portrait{width:120px;height:140px;margin:0 auto 12px;border:2px solid var(--gold-dim, #8a7234);border-radius:3px;background:#0000004d;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 2px 10px #0006,inset 0 0 12px #0000004d;transition:border-color .3s;font-size:48px}.cs-portrait img{width:100%;height:100%;object-fit:cover}.cs-card:hover .cs-portrait{border-color:var(--ember-dark, #a33a12)}.cs-sprite-grid{width:130px;margin:0 auto 12px;display:grid;grid-template-columns:1fr 1fr;gap:4px}.cs-sprite-grid-label{grid-column:1 / -1;font-family:Cinzel,serif;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--parchment-dim, #a89b80);text-align:center;margin-bottom:2px}.cs-sprite-placeholder{grid-column:1 / -1;font-family:Cinzel,serif;font-size:10px;letter-spacing:1px;color:var(--parchment-dim, #a89b80);text-align:center;padding:20px 8px;opacity:.6;font-style:italic}.cs-sprite-thumb{aspect-ratio:4/5;border:1px solid var(--stone-light, #3d362e);border-radius:2px;background:#0000004d;overflow:hidden;transition:all .3s;cursor:pointer;display:flex;align-items:center;justify-content:center}.cs-sprite-thumb img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease}.cs-sprite-thumb img[src]{opacity:1}.cs-sprite-thumb:hover{border-color:var(--ember-dark, #a33a12);box-shadow:0 0 8px #e85d2626}.cs-lock-portrait{width:120px;height:140px;margin:0 auto 12px;border:2px solid var(--stone-light, #3d362e);border-radius:3px;background:#0000004d;display:flex;align-items:center;justify-content:center;font-size:40px;opacity:.4;box-shadow:inset 0 0 12px #0000004d}.cs-class-name{font-family:Cinzel,serif;font-size:15px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:4px}.cs-class-role{font-size:12px;color:var(--text-dim, #8a7e6e);font-style:italic;margin-bottom:10px}.cs-char-info{border-top:1px solid var(--stone-light, #3d362e);padding-top:10px;margin-top:4px}.cs-char-name{font-family:Cinzel,serif;font-size:13px;color:var(--gold, #c9a84c);letter-spacing:1px}.cs-char-level{font-size:12px;color:var(--text-dim, #8a7e6e);margin-top:2px}.cs-create-label{border-top:1px solid var(--stone-light, #3d362e);padding-top:10px;margin-top:4px;font-family:Cinzel,serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--parchment-dim, #a89b80);transition:color .3s}.cs-card:hover .cs-create-label{color:var(--ember-glow, #ff8c42)}.cs-lock-badge{position:absolute;top:8px;right:8px;font-size:11px;color:var(--ember-dark, #a33a12)}.cs-lock-timer{font-size:10px;color:var(--ember-dark, #a33a12);margin-top:6px;font-style:italic}.cs-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#e85d2614;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;border-radius:2px;z-index:3}.cs-card.has-char:hover .cs-play-overlay{opacity:1}.cs-play-text{font-family:Cinzel,serif;font-size:14px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--ember-glow, #ff8c42);text-shadow:0 0 12px rgba(232,93,38,.5);padding:8px 20px;border:1px solid var(--ember, #e85d26);background:#1a1613e6;border-radius:2px}.cs-delete-btn{position:absolute;top:6px;left:6px;width:20px;height:20px;background:#0009;border:1px solid var(--stone-light, #3d362e);border-radius:2px;color:var(--text-dim, #8a7e6e);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:4;opacity:0}.cs-card:hover .cs-delete-btn{opacity:1}.cs-delete-btn:hover{border-color:#c44;color:#c44;background:#cc444426}.cs-stats{font-size:10px;color:var(--text-dim, #8a7e6e);font-family:monospace;margin-top:4px;letter-spacing:0}.cs-loading{position:relative;z-index:2;color:var(--parchment-dim, #a89b80);font-family:Cinzel,serif;font-size:16px;letter-spacing:2px;padding:80px 0}.cs-error{position:relative;z-index:2;color:var(--ember, #e85d26);font-size:16px;padding:80px 0}.cs-error button{margin-top:12px;background:none;border:1px solid var(--ember-dark, #a33a12);color:var(--ember, #e85d26);padding:6px 16px;cursor:pointer;font-family:Cinzel,serif;font-size:12px;letter-spacing:2px;border-radius:2px}.cs-maintenance{position:relative;z-index:2;text-align:center;padding:80px 20px}.cs-maintenance-icon{font-size:48px;margin-bottom:16px}.cs-maintenance-title{font-family:Cinzel,serif;font-size:22px;letter-spacing:3px;text-transform:uppercase;color:var(--parchment, #d4c4a0);margin-bottom:12px}.cs-maintenance-msg{font-size:14px;color:var(--parchment-dim, #a89b80);max-width:400px;margin:0 auto 24px;line-height:1.5}.cs-maintenance-retry,.cs-maintenance-logout{background:none;border:1px solid var(--stone-light, #3d362e);color:var(--parchment-dim, #a89b80);padding:8px 24px;cursor:pointer;font-family:Cinzel,serif;font-size:12px;letter-spacing:2px;border-radius:2px;margin:0 8px;transition:all .2s}.cs-maintenance-retry:hover,.cs-maintenance-logout:hover{border-color:var(--ember-dark, #a33a12);color:var(--ember, #e85d26)}.cs-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:200;display:flex;align-items:center;justify-content:center}.cs-modal.hidden{display:none}.cs-modal-content{background:linear-gradient(180deg,var(--stone, #2a2520) 0%,var(--stone-dark, #1a1613) 100%);border:2px solid var(--gold-dim, #8a7234);border-radius:4px;padding:32px;max-width:400px;width:90%}.cs-modal-content h2{margin:0 0 20px;font-family:Cinzel,serif;color:var(--gold, #c9a84c);font-size:18px;letter-spacing:3px;text-transform:uppercase}.cs-create-preview{width:220px;height:280px;margin:0 auto 16px;overflow:hidden}.cs-create-preview img{width:100%;height:100%;object-fit:contain}.cs-form-group{margin-bottom:16px}.cs-form-group label{display:block;margin-bottom:6px;font-family:Cinzel,serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--parchment-dim, #a89b80)}.cs-form-group input{width:100%;padding:12px 16px;background:#0006;border:1px solid var(--stone-light, #3d362e);border-radius:2px;color:var(--parchment, #d4c5a9);font-family:Crimson Text,serif;font-size:16px;box-sizing:border-box;outline:none;transition:all .3s}.cs-form-group input:focus{border-color:var(--ember-dark, #a33a12);box-shadow:0 0 12px #e85d2626}.cs-error-msg{color:var(--ember, #e85d26);font-size:13px;min-height:20px;margin-bottom:12px}.cs-modal-buttons{display:flex;gap:12px}.cs-btn-primary{padding:10px 24px;background:linear-gradient(180deg,var(--ember, #e85d26) 0%,var(--ember-dark, #a33a12) 100%);border:1px solid var(--ember-glow, #ff8c42);border-radius:2px;color:#fff;font-family:Cinzel,serif;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s;text-shadow:0 1px 2px rgba(0,0,0,.5)}.cs-btn-primary:hover{box-shadow:0 4px 16px #e85d2666}.cs-btn-primary:disabled{opacity:.5;cursor:not-allowed}.cs-btn-secondary{padding:10px 24px;background:none;border:1px solid var(--stone-light, #3d362e);border-radius:2px;color:var(--parchment-dim, #a89b80);font-family:Cinzel,serif;font-size:12px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s}.cs-btn-secondary:hover{border-color:var(--gold-dim, #8a7234);color:var(--gold, #c9a84c)}