.panel-overlay{position:fixed;z-index:5000;font-family:Crimson Text,Georgia,serif;color:#e8dcc8;background:linear-gradient(180deg,#140f0cf0,#1e1610f5);border:2px solid #5a4a3a;border-image:linear-gradient(180deg,#7a6a52,#3a2e22) 1;box-shadow:0 0 24px #000000b3,inset 0 0 60px #0000004d;pointer-events:auto;animation:panel-slide-in .25s ease-out}.panel-overlay--hidden{display:none!important}@keyframes panel-slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(90deg,rgba(90,74,58,.5),transparent);border-bottom:1px solid #5a4a3a;font-family:Cinzel,Georgia,serif;font-size:16px;letter-spacing:1px;text-transform:uppercase;color:#d4a574;user-select:none}.panel-close-btn{width:24px;height:24px;background:none;border:1px solid #5a4a3a;color:#d4a574;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.panel-close-btn:hover{background:#8b000066;color:#f66}.panel-body{padding:10px 12px}.inventory-panel{top:50%;right:20px;transform:translateY(-50%);width:580px;max-height:90vh;overflow-y:auto}.inventory-layout{display:flex;gap:12px}.equipment-column{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:100px}.equipment-silhouette{position:relative;width:100px;height:280px;border:1px solid #3a2e22;background:#0000004d;border-radius:4px}.equip-slot{position:absolute;width:40px;height:40px;border:1px dashed #5a4a3a;background:#0003;display:flex;align-items:center;justify-content:center;font-size:9px;color:#5a4a3a;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;user-select:none;line-height:1.1}.equip-slot:hover{border-color:#d4a574;background:#d4a5741a}.equip-slot--filled{border-style:solid}.equip-slot--head{top:4px;left:30px}.equip-slot--amulet{top:48px;left:30px;width:28px;height:28px}.equip-slot--chest{top:80px;left:22px;width:56px;height:60px}.equip-slot--gloves{top:146px;left:2px;width:36px;height:36px}.equip-slot--belt{top:146px;left:22px;width:56px;height:24px}.equip-slot--legs{top:146px;left:62px;width:36px;height:36px}.equip-slot--main-hand{top:186px;left:2px;width:36px;height:70px}.equip-slot--off-hand{top:186px;left:62px;width:36px;height:70px}.equip-slot--ring-l{top:80px;left:2px;width:18px;height:18px;font-size:7px}.equip-slot--ring-r{top:80px;left:80px;width:18px;height:18px;font-size:7px}.equip-slot--feet{top:260px;left:30px;width:40px;height:18px;font-size:8px}.inventory-grid-wrapper{flex:1}.inventory-grid{display:grid;grid-template-columns:repeat(10,36px);grid-template-rows:repeat(4,36px);gap:1px;background:#2a1f17;border:1px solid #5a4a3a;padding:1px;position:relative}.inventory-cell{width:36px;height:36px;background:#1e161099;border:1px solid #3a2e22;transition:background .1s}.inventory-cell:hover{background:#d4a57414}.inventory-cell--drop-target{background:#d4a57433!important;border-color:#d4a574}.inventory-cell--invalid{background:#8b000040!important;border-color:#8b0000}.grid-item{position:absolute;display:flex;align-items:center;justify-content:center;cursor:grab;font-size:10px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8);user-select:none;z-index:2;transition:box-shadow .15s}.grid-item:hover{z-index:3;box-shadow:0 0 8px #d4a57480}.grid-item--dragging{opacity:.5;cursor:grabbing}.grid-item--quality-0{border:2px solid #888888;background:#50505099}.grid-item--quality-1{border:2px solid #6888ff;background:#323c7899}.grid-item--quality-2{border:2px solid #ffd700;background:#78641e99}.grid-item--quality-3{border:2px solid #c89b3c;background:#785a1e99}.grid-item--quality-4{border:2px solid #00ff00;background:#14641499}.equipped-item-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.item-tooltip{min-width:200px;max-width:280px;padding:10px 14px;background:linear-gradient(180deg,#0f0a08f7,#19120cfa);border:2px solid #5a4a3a;box-shadow:0 0 16px #000c;font-family:Crimson Text,Georgia,serif;font-size:13px;line-height:1.4;color:#e8dcc8;z-index:10000}.item-tooltip__name{font-family:Cinzel,Georgia,serif;font-size:15px;font-weight:700;text-align:center;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid #3a2e22}.item-tooltip__stat{color:#b8a88c;margin:2px 0}.item-tooltip__affixes{margin-top:6px;padding-top:4px;border-top:1px solid #3a2e22}.item-tooltip__affix{color:#6888ff;margin:2px 0}.item-tooltip__sockets{margin-top:6px;color:#b8a88c;font-size:12px}.item-tooltip__socket-row{display:flex;gap:4px;margin-top:3px}.item-tooltip__socket{width:14px;height:14px;border:1px solid #5a4a3a;border-radius:50%;background:#0006}.item-tooltip__socket--filled{background:radial-gradient(circle,#aaa 30%,#555);border-color:#888}.item-tooltip__requirements{margin-top:6px;padding-top:4px;border-top:1px solid #3a2e22;font-size:12px;color:#b8a88c}.item-tooltip__req-unmet{color:#f44}.item-tooltip__ilvl{margin-top:6px;font-size:11px;color:#7a6a52}.character-panel{top:50%;left:20px;transform:translateY(-50%);width:320px;max-height:90vh;overflow-y:auto}.char-identity{text-align:center;margin-bottom:8px}.char-identity__name{font-family:Cinzel,Georgia,serif;font-size:18px;color:#d4a574}.char-identity__class{font-size:13px;color:#7a6a52;text-transform:uppercase;letter-spacing:1px}.char-identity__level{font-size:14px;color:#b8a88c;margin-top:2px}.stat-section{margin-top:10px}.stat-section__title{font-family:Cinzel,Georgia,serif;font-size:13px;color:#d4a574;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid #3a2e22}.stat-row{display:flex;align-items:center;justify-content:space-between;padding:3px 0;font-size:14px}.stat-row__label{color:#b8a88c}.stat-row__value{color:#e8dcc8;font-weight:700;display:flex;align-items:center;gap:6px}.stat-allocate-btn{width:20px;height:20px;background:#8b00004d;border:1px solid #8b0000;color:#f66;font-size:14px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.stat-allocate-btn:hover{background:#8b000099;border-color:#f44}.stat-allocate-btn:active{background:#8b0000cc}.stat-points-remaining{text-align:center;margin-top:6px;font-size:12px;color:#d4a574}.derived-row{display:flex;justify-content:space-between;padding:2px 0;font-size:13px}.derived-row__label{color:#7a6a52}.derived-row__value{color:#b8a88c}.derived-row--resist-fire .derived-row__value{color:#f63}.derived-row--resist-cold .derived-row__value{color:#6af}.derived-row--resist-lightning .derived-row__value{color:#fd4}.derived-row--resist-poison .derived-row__value{color:#6f6}.skill-tree-panel{top:50%;left:50%;transform:translate(-50%,-50%);width:560px;max-height:88vh;display:flex;flex-direction:column}.skill-tree__tabs{display:flex;gap:0;border-bottom:2px solid #5a4a3a;background:linear-gradient(180deg,#281e16cc,#19120ce6)}.skill-tree__tab{flex:1;padding:8px 6px;background:linear-gradient(180deg,#3c302499,#281e16cc);border:none;border-right:1px solid #3a2e22;color:#7a6a52;font-family:Cinzel,Georgia,serif;font-size:13px;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:color .2s,background .2s,box-shadow .2s;user-select:none}.skill-tree__tab:last-child{border-right:none}.skill-tree__tab:hover{color:#b8a88c;background:linear-gradient(180deg,#504030b3,#32261cd9)}.skill-tree__tab--active{color:#d4a574;background:linear-gradient(180deg,#5a4a3ab3,#1e1610f5);box-shadow:inset 0 -2px #d4a574,0 1px 4px #d4a57426}.skill-tree__body{position:relative;flex:1;overflow-y:auto;padding:10px 16px 6px}.skill-tree__svg-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.prereq-line{stroke-width:2;fill:none}.prereq-line--met{stroke:#d4a574;stroke-opacity:.8;filter:drop-shadow(0 0 2px rgba(212,165,116,.4))}.prereq-line--unmet{stroke:#5a4a3a;stroke-opacity:.5;stroke-dasharray:4,3}.skill-tree__tier-row{position:relative;z-index:1;margin-bottom:4px;padding-bottom:4px;border-bottom:1px dotted rgba(90,74,58,.35)}.skill-tree__tier-row:last-child{border-bottom:none;margin-bottom:0}.skill-tree__tier-label{font-family:Cinzel,Georgia,serif;font-size:10px;color:#5a4a3a;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.skill-tree__tier-nodes{display:flex;justify-content:center;gap:12px;min-height:80px;align-items:flex-start}.skill-tree__tier-empty{min-height:48px}.skill-node{display:flex;flex-direction:column;align-items:center;padding:6px;border:2px solid #3a2e22;background:#00000059;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s,opacity .2s;user-select:none;position:relative;width:80px}.skill-node:hover{border-color:#5a4a3a;background:#d4a57414}.skill-node--locked{opacity:.4;cursor:not-allowed;border-color:#2a2018}.skill-node--locked:hover{background:#00000059;border-color:#2a2018}.skill-node--available{border-color:#d4a574;box-shadow:0 0 4px #d4a57433}.skill-node--available:hover{background:#d4a57426;box-shadow:0 0 8px #d4a57459}.skill-node--invested{border-color:#4a8c4a;box-shadow:0 0 8px #4a8c4a4d}.skill-node--invested:hover{box-shadow:0 0 12px #4a8c4a73;background:#4a8c4a1a}.skill-node--maxed{border-color:gold;box-shadow:0 0 10px #ffd7004d,0 0 20px #ffd7001a}.skill-node--maxed:hover{box-shadow:0 0 14px #ffd70066,0 0 24px #ffd70026}.skill-node__icon{width:48px;height:48px;border:1px solid #5a4a3a;background:#00000080;display:flex;align-items:center;justify-content:center;margin-bottom:4px;overflow:hidden}.skill-node__icon-img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.skill-node__icon-fallback{font-family:Cinzel,Georgia,serif;font-size:18px;font-weight:700;color:#d4a574;text-shadow:0 0 4px rgba(212,165,116,.3)}.skill-node--locked .skill-node__icon-fallback{color:#5a4a3a;text-shadow:none}.skill-node--invested .skill-node__icon{border-color:#4a8c4a}.skill-node--maxed .skill-node__icon{border-color:gold}.skill-node__name{font-size:10px;text-align:center;color:#e8dcc8;line-height:1.2;margin-bottom:2px;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-node--locked .skill-node__name{color:#7a6a52}.skill-node__level{font-size:11px;font-weight:700;color:#d4a574}.skill-node__level--zero{color:#5a4a3a}.skill-node--invested .skill-node__level{color:#6abf6a}.skill-node--maxed .skill-node__level{color:gold}.skill-tree__footer{padding:8px 16px;border-top:1px solid #5a4a3a;background:linear-gradient(90deg,rgba(90,74,58,.3),transparent,rgba(90,74,58,.3))}.skill-tree__point-counter{display:flex;align-items:center;justify-content:center;gap:8px}.skill-tree__point-label{font-family:Cinzel,Georgia,serif;font-size:13px;color:#b8a88c;text-transform:uppercase;letter-spacing:.5px}.skill-tree__point-value{font-family:Cinzel,Georgia,serif;font-size:18px;font-weight:700;color:#5a4a3a;min-width:24px;text-align:center}.skill-tree__point-value--has-points{color:#d4a574;text-shadow:0 0 6px rgba(212,165,116,.4)}.skill-tooltip{min-width:220px;max-width:300px;padding:10px 14px;background:linear-gradient(180deg,#0c0806f7,#160f0afa);border:2px solid #5a4a3a;box-shadow:0 0 20px #000000e6,0 0 40px #0006;font-family:Crimson Text,Georgia,serif;font-size:13px;line-height:1.45;color:#e8dcc8;z-index:10001;pointer-events:none}.skill-tooltip__name{font-family:Cinzel,Georgia,serif;font-size:15px;font-weight:700;color:#d4a574;text-align:center;margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid #3a2e22}.skill-tooltip__level-info{text-align:center;font-size:12px;color:#b8a88c;margin-bottom:6px}.skill-tooltip__preview-tag{color:#6888ff;font-style:italic}.skill-tooltip__req{text-align:center;font-size:11px;color:#7a6a52;margin-bottom:4px}.skill-tooltip__desc{font-size:12px;color:#b8a88c;font-style:italic;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid #2a1f17;line-height:1.4}.skill-tooltip__stats{margin-bottom:6px}.skill-tooltip__stats--preview{border-top:1px solid #2a1f17;padding-top:4px}.skill-tooltip__stats-header{font-size:11px;color:#7a6a52;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.skill-tooltip__stat-row{display:flex;gap:6px;font-size:12px;margin:1px 0}.skill-tooltip__stat-label{color:#7a6a52}.skill-tooltip__stat-value{color:#e8dcc8;font-weight:700}.skill-tooltip__next-value{color:#6abf6a;font-size:11px}.skill-tooltip__synergies{margin-top:6px;padding-top:4px;border-top:1px solid #2a1f17}.skill-tooltip__synergies-header{font-size:11px;color:#7a6a52;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.skill-tooltip__synergy-row{font-size:12px;color:#6888ff;margin:1px 0}.skill-tooltip__prereqs{margin-top:6px;padding-top:4px;border-top:1px solid #2a1f17;font-size:11px;color:#f64}@media(max-width:1024px){.inventory-panel{width:460px}.inventory-grid{grid-template-columns:repeat(10,30px);grid-template-rows:repeat(4,30px)}.inventory-cell{width:30px;height:30px}}@media(max-width:768px){.inventory-panel,.character-panel{left:5px;right:5px;width:auto;transform:translateY(-50%)}.skill-tree-panel{width:calc(100vw - 20px);left:10px;transform:translateY(-50%)}.inventory-layout{flex-direction:column;align-items:center}}.panel-overlay::-webkit-scrollbar{width:6px}.panel-overlay::-webkit-scrollbar-track{background:#0003}.panel-overlay::-webkit-scrollbar-thumb{background:#5a4a3a;border-radius:3px}.panel-overlay::-webkit-scrollbar-thumb:hover{background:#7a6a52}@keyframes sl-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sl-slide-up{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes sl-btn-shimmer{0%{background-position:-200% center}to{background-position:200% center}}.game-menu-backdrop{position:fixed;inset:0;z-index:8000;background:#05050abf;display:flex;align-items:center;justify-content:center;animation:sl-fade-in .2s ease-out;font-family:Crimson Text,Georgia,serif}.game-menu{display:flex;flex-direction:column;align-items:center;gap:6px;padding:32px 48px;background:linear-gradient(180deg,#140f0cf5,#1e1610fa);border:2px solid #5a4a3a;border-image:linear-gradient(180deg,#7a6a52,#3a2e22) 1;box-shadow:0 0 32px #000c,inset 0 0 60px #0000004d;min-width:280px;animation:sl-slide-up .25s ease-out;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.game-menu__title{font-family:Cinzel,Georgia,serif;font-size:22px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#d4a574;text-shadow:0 0 16px rgba(212,165,116,.3),0 2px 4px rgba(0,0,0,.8);margin-bottom:16px;text-align:center}.game-menu__separator{width:100%;height:1px;background:linear-gradient(90deg,transparent,#5a4a3a,transparent);margin:4px 0}.game-menu__btn{display:block;width:100%;padding:10px 24px;font-family:Cinzel,Georgia,serif;font-size:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;text-align:center;color:#e8dcc8;background:transparent;border:1px solid transparent;cursor:pointer;transition:color .15s,border-color .15s,background .15s,text-shadow .15s}.game-menu__btn:hover{color:#d4a574;border-color:#5a4a3a;background:#d4a5740f;text-shadow:0 0 8px rgba(212,165,116,.25)}.game-menu__btn:active{background:#d4a5741f}.game-menu__btn--danger{color:#b87070}.game-menu__btn--danger:hover{color:#f66;border-color:#8b000080;background:#8b00001a;text-shadow:0 0 8px rgba(139,0,0,.3)}.save-load-backdrop{position:fixed;inset:0;z-index:8500;background:#05050acc;display:flex;align-items:center;justify-content:center;animation:sl-fade-in .2s ease-out;font-family:Crimson Text,Georgia,serif;color:#e8dcc8}.save-load-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;max-width:95vw;max-height:80vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#140f0cf5,#1e1610fa);border:2px solid #5a4a3a;border-image:linear-gradient(180deg,#7a6a52,#3a2e22) 1;box-shadow:0 0 32px #000c,inset 0 0 60px #0000004d;animation:sl-slide-up .25s ease-out}.save-load-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:linear-gradient(90deg,rgba(90,74,58,.5),transparent);border-bottom:1px solid #5a4a3a;flex-shrink:0}.save-load-dialog__title{font-family:Cinzel,Georgia,serif;font-size:18px;letter-spacing:1.5px;text-transform:uppercase;color:#d4a574;user-select:none}.save-load-dialog__close{width:26px;height:26px;background:none;border:1px solid #5a4a3a;color:#d4a574;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.save-load-dialog__close:hover{background:#8b000066;color:#f66}.save-load-dialog__body{flex:1;overflow-y:auto;padding:12px 16px}.save-load-dialog__empty{text-align:center;padding:40px 20px;color:#5a4a3a;font-size:16px;font-style:italic}.save-entry{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #3a2e22;background:#0003;margin-bottom:8px;transition:border-color .15s,background .15s}.save-entry:hover{border-color:#5a4a3a;background:#d4a5740a}.save-entry__icon{width:44px;height:44px;border:1px solid #5a4a3a;background:#0000004d;display:flex;align-items:center;justify-content:center;font-size:22px;color:#7a6a52;flex-shrink:0;border-radius:2px}.save-entry__info{flex:1;min-width:0}.save-entry__name{font-family:Cinzel,Georgia,serif;font-size:15px;font-weight:700;color:#d4a574;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.save-entry__meta{display:flex;gap:12px;font-size:12px;color:#7a6a52;margin-top:2px;flex-wrap:wrap}.save-entry__meta-item{white-space:nowrap}.save-entry__meta-label{color:#5a4a3a;margin-right:3px}.save-entry__actions{display:flex;gap:6px;flex-shrink:0}.save-entry__btn{padding:5px 10px;font-family:Cinzel,Georgia,serif;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;border:1px solid #5a4a3a;background:#0000004d;color:#b8a88c;transition:background .15s,color .15s,border-color .15s}.save-entry__btn:hover{color:#e8dcc8;border-color:#7a6a52;background:#d4a5741a}.save-entry__btn--load{border-color:#d4a574;color:#d4a574}.save-entry__btn--load:hover{background:#d4a57433;color:#f0c070}.save-entry__btn--delete{border-color:#8b000080;color:#a06060}.save-entry__btn--delete:hover{background:#8b000033;color:#f66;border-color:#8b0000}.save-load-dialog__footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:10px 16px;border-top:1px solid #5a4a3a;flex-shrink:0}.save-load-dialog__import-btn{padding:7px 16px;font-family:Cinzel,Georgia,serif;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:1px solid #5a4a3a;background:#0000004d;color:#b8a88c;transition:background .15s,color .15s,border-color .15s}.save-load-dialog__import-btn:hover{color:#d4a574;border-color:#7a6a52;background:#d4a5741a}.save-load-dialog__file-input{display:none}.save-entry__hardcore{display:inline-block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#f44;border:1px solid rgba(139,0,0,.5);padding:1px 4px;margin-left:6px;vertical-align:middle}.save-entry__dead{display:inline-block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#666;border:1px solid #444;padding:1px 4px;margin-left:6px;vertical-align:middle}.save-load-dialog__body::-webkit-scrollbar{width:6px}.save-load-dialog__body::-webkit-scrollbar-track{background:#0003}.save-load-dialog__body::-webkit-scrollbar-thumb{background:#5a4a3a;border-radius:3px}.save-load-dialog__body::-webkit-scrollbar-thumb:hover{background:#7a6a52}@media(max-width:640px){.save-load-dialog{width:98vw}.save-entry{flex-wrap:wrap}.save-entry__actions{width:100%;justify-content:flex-end;margin-top:6px}.game-menu{min-width:240px;padding:24px 32px}.game-menu__btn{font-size:14px;padding:8px 16px}}