@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@600;800;900&family=Inter:wght@400;600;700&display=swap";:root{--bg-dark: #050608;--bg-gothic: #0e1117;--bg-window: rgba(12, 15, 22, .96);--border-d2: #3a2e1c;--border-gold: #d4af37;--accent-gold-bright: #ffd700;--color-hp: #c0392b;--color-hp-dark: #641e16;--color-mp: #2980b9;--color-mp-dark: #154360;--color-xp: #f39c12;--color-stamina: #27ae60;--rarity-normal: #b2bec3;--rarity-magic: #00d2d3;--rarity-rare: #f1c40f;--rarity-unique: #e67e22;--font-heading: "Cinzel", serif;--font-body: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{background-color:var(--bg-dark);color:#d1d8e0;font-family:var(--font-body);height:100vh;overflow:hidden;position:relative}#app-root{width:100vw;height:100vh;display:flex;flex-direction:column}#game-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative}#game-header{height:48px;background:linear-gradient(180deg,#161a24,#0a0d14);border-bottom:2px solid var(--border-d2);display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:10;box-shadow:0 4px 15px #000c}.header-zone{font-family:var(--font-heading);font-size:1.1rem;font-weight:800;color:var(--border-gold);display:flex;align-items:center;gap:10px}.header-zone-badge{background:#d4af3726;border:1px solid var(--border-gold);color:var(--accent-gold-bright);padding:2px 8px;font-size:.75rem;border-radius:4px}.header-resources{display:flex;gap:16px}.res-item{background:#0009;border:1px solid rgba(212,175,55,.2);padding:4px 12px;border-radius:4px;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:6px}#game-main{flex:1;position:relative;overflow:hidden;background:#06080c}#iso-canvas{width:100%;height:100%;display:block}.d2-window{position:absolute;background:var(--bg-window);border:3px double var(--border-d2);box-shadow:0 10px 30px #000000e6,inset 0 0 15px #000c;border-radius:4px;z-index:100;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.d2-window-header{background:linear-gradient(180deg,#2c2214,#15100a);border-bottom:2px solid var(--border-d2);padding:8px 12px;display:flex;justify-content:space-between;align-items:center;cursor:move}.d2-window-title{font-family:var(--font-heading);font-size:.95rem;font-weight:800;color:var(--border-gold);text-transform:uppercase;letter-spacing:1px}.d2-close-btn{background:#c0392b;border:1px solid #e74c3c;color:#fff;width:20px;height:20px;font-size:.75rem;font-weight:700;cursor:pointer;border-radius:2px;display:flex;align-items:center;justify-content:center}.d2-close-btn:hover{background:#e74c3c}.d2-window-body{padding:14px;overflow-y:auto;max-height:480px}#win-hero{top:20px;left:20px;width:340px;z-index:100}#win-inventory{top:20px;right:20px;width:560px;z-index:100}#win-forge{top:60px;left:370px;width:380px;z-index:105}#win-stash{top:40px;left:340px;width:540px;z-index:105}#win-chat{bottom:110px;left:20px;width:440px;height:240px;z-index:101}#win-skill{top:60px;left:400px;width:320px;z-index:103}#win-quest{top:100px;left:440px;width:300px;z-index:104}.paperdoll-wireframe-layout{display:flex;justify-content:center;align-items:flex-start;background:#0000008c;padding:10px;border:1px solid rgba(212,175,55,.25);border-radius:4px;margin-bottom:10px;gap:8px}.paperdoll-column{display:flex;flex-direction:column;gap:6px;align-items:center}.paperdoll-slot-wf{background:#0a0e14d9;border:1px dashed rgba(212,175,55,.4);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.72rem;color:#7f8c8d;position:relative;cursor:pointer;text-align:center;transition:all .15s ease;-webkit-user-select:none;user-select:none}.paperdoll-slot-wf.filled{border-style:solid;border-color:var(--border-gold);background:#1e190ff2;color:var(--accent-gold-bright)}.paperdoll-slot-wf.filled.normal{border-color:var(--rarity-normal)}.paperdoll-slot-wf.filled.magic{border-color:var(--rarity-magic);box-shadow:inset 0 0 6px #00d2d34d}.paperdoll-slot-wf.filled.rare{border-color:var(--rarity-rare);box-shadow:inset 0 0 8px #f1c40f66}.paperdoll-slot-wf.filled.unique{border-color:var(--rarity-unique);box-shadow:0 0 10px #e67e2299}.paperdoll-slot-wf:hover{border-color:var(--accent-gold-bright);box-shadow:0 0 10px #d4af3766}.paperdoll-slot-wf.size-2x4{width:75px;height:110px}.paperdoll-slot-wf.size-2x2{width:75px;height:60px}.paperdoll-slot-wf.size-1x1{width:38px;height:38px}.paperdoll-slot-wf.size-1x3{width:38px;height:80px}.paperdoll-slot-wf.size-2x1{width:75px;height:28px}.inventory-divider-bar{background:#d4af371a;border:1px solid rgba(212,175,55,.3);padding:6px 12px;border-radius:4px;font-size:.85rem;font-weight:700;color:var(--border-gold);display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}#win-inventory .d2-window-body{overflow:hidden;max-height:none}.inventory-grid-d2{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;background:#0009;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:4px;max-height:250px;overflow-y:auto;overflow-x:hidden}.inventory-grid-d2::-webkit-scrollbar{width:6px}.inventory-grid-d2::-webkit-scrollbar-track{background:#0a0f14cc;border-radius:3px}.inventory-grid-d2::-webkit-scrollbar-thumb{background:var(--border-gold);border-radius:3px}.inventory-grid-d2::-webkit-scrollbar-thumb:hover{background:var(--accent-gold-bright)}.d2-item-slot{width:50px;height:50px;background:#0f141ce6;border:1px solid rgba(255,255,255,.12);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;cursor:pointer;position:relative;transition:transform .1s ease}.d2-item-slot:hover{transform:scale(1.05);border-color:#fff;z-index:5}.d2-item-slot.normal{border-color:var(--rarity-normal)}.d2-item-slot.magic{border-color:var(--rarity-magic);box-shadow:inset 0 0 6px #00d2d34d}.d2-item-slot.rare{border-color:var(--rarity-rare);box-shadow:inset 0 0 8px #f1c40f66}.d2-item-slot.unique{border-color:var(--rarity-unique);box-shadow:0 0 10px #e67e2299}.chat-messages{flex:1;overflow-y:auto;font-family:monospace;font-size:.8rem;display:flex;flex-direction:column;gap:4px}.log-line{line-height:1.3}.log-line.crit{color:#f1c40f;font-weight:700}.log-line.kill{color:#2ecc71;font-weight:700}.log-line.dodge{color:#00d2d3}.log-line.item{color:#e67e22;font-weight:700}#d2-hud-bar{height:96px;background:linear-gradient(180deg,#1c150c,#0a0704);border-top:3px solid var(--border-d2);display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:relative;z-index:200;box-shadow:0 -8px 25px #000000e6}.orb-container-d2{width:90px;height:90px;border-radius:50%;background:#000;border:3px solid var(--border-d2);position:relative;overflow:hidden;margin-top:-30px;box-shadow:0 0 20px #000000e6,inset 0 0 15px #000000e6}.orb-liquid-d2{position:absolute;bottom:0;left:0;right:0;transition:height .3s ease-out}.hp-orb-d2 .orb-liquid-d2{background:radial-gradient(circle at 50% 30%,#e74c3c,#922b21 70%,#4a120c);box-shadow:0 0 15px #e74c3ccc}.mp-orb-d2 .orb-liquid-d2{background:radial-gradient(circle at 50% 30%,#3498db,#1f618d 70%,#0b2f44);box-shadow:0 0 15px #3498dbcc}.orb-val-d2{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:.8rem;font-weight:900;color:#fff;text-shadow:1px 1px 3px #000,-1px -1px 3px #000;z-index:5}.hud-center-d2{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;max-width:650px}.hud-stamina-bar{width:100%;height:6px;background:#000c;border:1px solid rgba(39,174,96,.4);border-radius:3px;overflow:hidden}.hud-stamina-fill{height:100%;width:100%;background:linear-gradient(90deg,#27ae60,#2ecc71)}.hud-action-row{display:flex;align-items:center;gap:12px}.skill-slot-d2{width:44px;height:44px;background:#0d0f14;border:2px solid var(--border-d2);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.2rem;position:relative;cursor:pointer}.skill-slot-d2 .slot-bind{position:absolute;bottom:2px;right:4px;font-size:.65rem;color:var(--border-gold);font-weight:700}.potion-belt-d2{display:flex;gap:6px;background:#0009;padding:4px 8px;border:1px solid var(--border-d2);border-radius:4px}.potion-slot{width:36px;height:36px;background:#121620;border:1px solid rgba(255,255,255,.15);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;position:relative;cursor:pointer}.potion-slot .potion-key{position:absolute;top:1px;left:3px;font-size:.6rem;color:#aaa;font-weight:700}.potion-slot .potion-count{position:absolute;bottom:0;right:2px;font-size:.65rem;color:var(--accent-gold-bright);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.9)}.potion-slot.empty{opacity:.4;filter:grayscale(.8)}.d2-menu-buttons{display:flex;gap:6px}.d2-icon-btn{background:linear-gradient(180deg,#3a2e1c,#1c150c);border:1px solid var(--border-gold);color:var(--accent-gold-bright);font-family:var(--font-heading);font-size:.8rem;font-weight:800;padding:6px 12px;border-radius:4px;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 4px #00000080}.d2-icon-btn:hover{background:linear-gradient(180deg,#5c492d,#2c2113);transform:translateY(-2px);box-shadow:0 0 8px #d4af3780}.d2-icon-btn.active{background:var(--border-gold);color:#000}.hud-xp-bar{width:100%;height:8px;background:#000;border:1px solid rgba(212,175,55,.4);border-radius:4px;overflow:hidden;position:relative}.hud-xp-fill{height:100%;width:0%;background:linear-gradient(90deg,#d35400,#f39c12,#f1c40f);box-shadow:0 0 10px #f1c40fcc;transition:width .3s ease}.item-tooltip{position:fixed;background:#080a0ff5;border:2px solid var(--border-gold);border-radius:4px;padding:12px;font-size:.85rem;z-index:9999;pointer-events:none;box-shadow:0 8px 25px #000000f2;max-width:280px;display:none}.tooltip-title{font-family:var(--font-heading);font-size:1rem;font-weight:800;margin-bottom:4px;text-align:center}