*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#000;font-family:Segoe UI,sans-serif}#game-canvas{display:block;width:100vw;height:100vh;user-select:none;-webkit-user-select:none}#ui-root{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}#inventory-panel{position:absolute;bottom:12px;right:12px;width:270px;background:#140e08eb;border:2px solid #6b4f2a;border-radius:6px;padding:10px;pointer-events:auto;display:none}@media screen and (max-width: 600px){#inventory-panel{bottom:140px}#net-console{display:none!important}}#inventory-panel h3{color:#d4af70;font-size:13px;text-align:center;margin-bottom:8px;letter-spacing:1px;text-transform:uppercase}#inv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.inv-slot{width:100%;aspect-ratio:1;background:#00000080;border:1px solid #4a3520;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:9px;color:#c8a96e;text-align:center;overflow:hidden;padding:2px;cursor:default}.inv-slot .item-icon{font-size:18px;line-height:1}.inv-slot .item-name{font-size:10px;color:#a0845a;margin-top:2px}#quests-panel{position:absolute;bottom:12px;right:12px;width:270px;background:#140e08eb;border:2px solid #6b4f2a;border-radius:6px;padding:10px;pointer-events:auto;display:none}#quests-panel h3{color:#d4af70;font-size:13px;text-align:center;margin-bottom:8px;letter-spacing:1px;text-transform:uppercase}#quests-list{display:flex;flex-direction:column;gap:8px}.quest-item{background:#0000004d;border:1px solid #4a3520;border-radius:3px;padding:6px 8px}.quest-item.quest-done{opacity:.55;border-color:#3a2510}.quest-title{color:#d4af70;font-size:12px;font-weight:700;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.quest-done .quest-title{color:#876f56}.quest-objective{color:#c8a96e;font-size:11px;line-height:1.6}.quest-objective.quest-obj-done{color:#6aaa3a}.quest-obj-check{font-size:10px;margin-right:4px}#skills-panel{position:absolute;top:12px;right:12px;width:196px;background:#140e08eb;border:2px solid #6b4f2a;border-radius:6px;padding:12px 14px;pointer-events:auto;display:none}#skills-panel h3{color:#d4af70;font-size:13px;text-align:center;margin-bottom:8px;letter-spacing:1px;text-transform:uppercase}#skills-list{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.skill-box{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;border-radius:3px;background:#0000004d;border:1px solid #3a2510;cursor:default}.skill-box:hover{background:#ffffff0f;border-color:#6b4f2a}.skill-icon{font-size:18px;line-height:1;text-align:center}.skill-level-text{font-size:11px}.skill-level-text .lvl-current{color:#d4af70;font-weight:700}.skill-level-text .lvl-max{color:#876f56}#skill-tooltip{position:fixed;background:#140e08f5;border:1px solid #6b4f2a;border-radius:5px;padding:10px 12px;min-width:160px;pointer-events:none;display:none;z-index:20}#skill-tooltip .tt-name{color:#d4af70;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:7px}#skill-tooltip .tt-bar-bg{height:6px;background:#00000080;border:1px solid #4a3520;border-radius:3px;overflow:hidden;margin-bottom:6px}#skill-tooltip .tt-bar-fill{height:100%;background:#6aaa3a;border-radius:3px;width:0%;transition:width .2s}#skill-tooltip .tt-xp{color:#c8a96e;font-size:10px}#skill-tooltip .tt-xp-next{color:#7a6040;font-size:10px;margin-top:3px}#xp-boost-timer{position:absolute;right:12px;width:196px;background:#140e08eb;border:2px solid #6b4f2a;border-top:none;border-radius:0 0 6px 6px;padding:5px 14px;pointer-events:none;text-align:center}.xp-boost-label{color:#af4;font-size:11px;letter-spacing:1px;font-weight:700;text-transform:uppercase}.item-inspect-toast{position:absolute;bottom:100px;left:50%;transform:translate(-50%);background:#140e08f5;border:1px solid #6b4f2a;border-radius:5px;padding:8px 14px;color:#c8a96e;font-size:12px;pointer-events:none;text-align:center;animation:toastFade 3s ease forwards;z-index:50;white-space:nowrap}.item-inspect-toast strong{color:#d4af70}@keyframes toastFade{0%{opacity:0;transform:translate(-50%) translateY(6px)}12%{opacity:1;transform:translate(-50%) translateY(0)}70%{opacity:1}to{opacity:0}}#toolbar{position:absolute;bottom:16px;left:10px;display:flex;gap:6px;pointer-events:auto}.toolbar-btn{background:#140e08eb;border:2px solid #6b4f2a;color:#d4af70;padding:8px 18px;font-size:12px;letter-spacing:1px;text-transform:uppercase;border-radius:4px;cursor:pointer;transition:background .15s,border-color .15s}.toolbar-btn:hover{background:#281c0cf2;border-color:#d4af70}.toolbar-btn.active{border-color:#d4af70;background:#3c280af2}#cheat-panel{position:absolute;bottom:56px;left:50%;transform:translate(-50%);width:340px;background:#0a0404f5;border:2px solid #7a1a1a;border-radius:6px;padding:12px 14px;pointer-events:auto;display:none}#cheat-panel.visible{display:block}.cheat-header{color:#ff6b6b;font-size:10px;text-align:center;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #7a1a1a}.cheat-section{margin-bottom:10px}.cheat-section:last-child{margin-bottom:0}.cheat-label{color:#a66;font-size:9px;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.cheat-row{display:flex;gap:6px;align-items:center}.cheat-hint{flex:1;font-size:10px;color:#7a4444;font-style:italic}.cheat-select{flex:1;background:#280a0ae6;border:1px solid #7a1a1a;color:#faa;font-size:11px;padding:4px 6px;border-radius:3px;cursor:pointer;font-family:inherit}.cheat-select option{background:#1a0808}.cheat-btn{background:#280a0ae6;border:1px solid #7a1a1a;color:#f88;padding:5px 12px;font-size:10px;letter-spacing:.5px;border-radius:3px;cursor:pointer;text-transform:uppercase;font-family:inherit;transition:background .15s,border-color .15s;white-space:nowrap}.cheat-btn:hover{background:#501414e6;border-color:#f44}.cheat-btn.active{background:#821414f2;border-color:#f44;color:#fff}#dev-panel{position:absolute;top:12px;left:12px;width:280px;background:#040a14f7;border:2px solid #1a4a7a;border-radius:6px;padding:12px 14px;pointer-events:auto;display:none;font-size:11px;color:#8ac;max-height:calc(100vh - 100px);overflow-y:auto}#dev-panel.visible{display:flex;flex-direction:column;gap:10px}.dev-header{color:#59f;font-size:10px;text-align:center;text-transform:uppercase;letter-spacing:2px;padding-bottom:6px;border-bottom:1px solid #1a4a7a}.dev-section-label{color:#3a7aaa;font-size:9px;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.dev-row{display:flex;align-items:center;gap:8px}.dev-toggle-label{flex:1;color:#8ac;font-size:11px}.dev-hint{color:#3a6a99;font-size:9px;font-style:italic;margin-top:2px}#dev-layer-list{max-height:160px;overflow-y:auto;border:1px solid #1a3a5a;border-radius:3px;background:#0000004d;padding:4px;display:flex;flex-direction:column;gap:2px}.dev-layer-row{display:flex;align-items:center;gap:6px;padding:2px 4px;border-radius:2px;cursor:pointer}.dev-layer-row:hover{background:#55aaff14}.dev-layer-name{flex:1;color:#7aaad4;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.dev-layer-name:hover{color:#acf;text-decoration:underline}#dev-inspector{background:#00000059;border:1px solid #1a3a5a;border-radius:3px;padding:6px 8px;font-size:10px;color:#8ac;line-height:1.6;min-height:60px}.dev-dim{color:#3a6a99}.dev-btn{background:#0a1932e6;border:1px solid #1a4a7a;color:#59f;padding:4px 10px;font-size:9px;letter-spacing:.5px;border-radius:3px;cursor:pointer;text-transform:uppercase;font-family:inherit}.dev-btn:hover{background:#143264e6;border-color:#59f}.dev-toggle-row input[type=checkbox]{accent-color:#5599ff;cursor:pointer;width:14px;height:14px}#btn-dev{border-color:#1a4a7a;color:#59f}#btn-dev:hover{border-color:#59f}#btn-dev.active{border-color:#59f;color:#fff;background:#0a193cf2}#net-console{position:absolute;top:12px;left:12px;width:220px;background:#0000008c;border:1px solid rgba(255,255,255,.08);border-radius:5px;overflow:hidden;pointer-events:none;display:flex;flex-direction:column;font-family:Consolas,Courier New,monospace;font-size:10px}#net-console-header{display:flex;align-items:center;justify-content:space-between;padding:3px 7px;background:#00000059;border-bottom:1px solid rgba(255,255,255,.06);color:#ffffff59;font-size:9px;letter-spacing:1px;text-transform:uppercase}.nc-ping{font-size:10px;font-weight:700;color:#ffffff59}.nc-ping-good{color:#6aaa3a}.nc-ping-ok{color:#d4af70}.nc-ping-bad{color:#ff6b6b}#net-console-log{max-height:180px;overflow-y:auto;padding:3px 0;scrollbar-width:none}#net-console-log::-webkit-scrollbar{display:none}.nc-row{display:flex;align-items:center;gap:5px;padding:1px 7px;line-height:1.5}.nc-arrow{font-size:9px;width:10px;flex-shrink:0}.nc-out .nc-arrow{color:#7aaad4}.nc-in .nc-arrow{color:#6aaa3a}.nc-type{color:#ffffff8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nc-out .nc-type{color:#7aaad4}.nc-in .nc-type{color:#aca}#interactable-tooltip{display:none;position:fixed;z-index:100;min-width:140px;background:#140e08f7;border:1px solid #6b4f2a;border-radius:4px;overflow:hidden;pointer-events:auto;box-shadow:0 4px 14px #000000b3}.itooltip-name{padding:5px 10px;color:#fc4;font-size:12px;font-weight:700;letter-spacing:.5px;text-align:center;background:#00000059;border-bottom:1px solid #4a3520;text-transform:uppercase}.itooltip-subtitle{display:none;padding:2px 10px 5px;color:#aaf;font-size:10px;text-align:center;background:#00000059;border-bottom:1px solid #4a3520}.itooltip-actions{display:flex;flex-direction:column}.itooltip-action{background:none;border:none;border-bottom:1px solid rgba(74,53,32,.4);color:#c8a96e;font-size:12px;font-family:Segoe UI,sans-serif;padding:6px 12px;text-align:left;cursor:pointer;transition:background .1s,color .1s}.itooltip-action:last-child{border-bottom:none}.itooltip-action:hover{background:#d4af7026;color:#fd8}#dialog-panel{position:fixed;bottom:80px;left:50%;transform:translate(-50%);width:480px;max-width:90vw;background:#0a0804f5;border:2px solid #6b4f2a;border-radius:6px;overflow:hidden;pointer-events:auto;z-index:200;box-shadow:0 8px 32px #000c}#dialog-header{background:#0006;border-bottom:1px solid #4a3520;padding:8px 14px;text-align:center}#dialog-npc-name{color:#fc4;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase}#dialog-text{color:#c8a96e;font-size:13px;line-height:1.6;padding:12px 16px;min-height:48px}#dialog-options{display:flex;flex-direction:column;border-top:1px solid #4a3520}.dialog-option-btn{background:none;border:none;border-bottom:1px solid rgba(74,53,32,.35);color:#c8a96e;font-size:12px;font-family:Segoe UI,sans-serif;padding:8px 16px;text-align:left;cursor:pointer;transition:background .1s,color .1s}.dialog-option-btn:last-child{border-bottom:none}.dialog-option-btn:hover{background:#d4af7026;color:#fd8}
