:root{--ui-bg: #0a0806;--ui-bg-raised: #141008;--ui-border: #2e2416;--ui-border-gold: #8B6914;--ui-gold: #D4A017;--ui-gold-bright: #FFD700;--ui-text: #e8e0d0;--ui-text-muted: #7a6a50;--ui-text-dim: #4a3c28;--ui-green: #4C9A2A;--ui-orange: #E8772A;--ui-red: #E24B4A;--ui-blue: #378ADD;--ui-purple: #7F77DD;--ui-forge: #ff6600;--ui-panel-image: url(/sprites/ui/ui_panel.png);--ui-panel-slice: 12;--ui-panel-width: 12px;--ui-node-bg: #0f0c08;--ui-node-bg-hover: #1a1408;--ui-node-bg-selected: #1e1608;--ui-btn-bg: #1a1208;--ui-btn-bg-hover: #241a0a;--ui-btn-bg-active: #0e0c06;--ui-btn-bg-disabled: #0f0d08;--ui-btn-bg-primary: #1e1508;--ui-btn-bg-primary-hover: #2a1d0a;--ui-btn-bg-primary-active: #120f05;--ui-btn-bg-close: #12100a}.ui-border-frame{border-image:var(--ui-panel-image) var(--ui-panel-slice) fill / var(--ui-panel-width) stretch;border:none;box-sizing:border-box}.ui-panel{background-color:var(--ui-bg);border-image:var(--ui-panel-image) var(--ui-panel-slice) fill / var(--ui-panel-width) stretch;box-sizing:border-box;font-family:Pixelify Sans,monospace;text-transform:lowercase;color:var(--ui-text);image-rendering:pixelated}.ui-overlay{position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#040302eb;font-family:Pixelify Sans,monospace;text-transform:lowercase;animation:ui-fade .2s ease}@keyframes ui-fade{0%{opacity:0}to{opacity:1}}.ui-box{width:90%;max-width:420px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;background-color:var(--ui-bg);border-image:var(--ui-panel-image) var(--ui-panel-slice) fill / var(--ui-panel-width) stretch}.ui-box-scroll{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.ui-box-scroll::-webkit-scrollbar{display:none}.ui-header{display:flex;align-items:center;justify-content:space-between;padding:clamp(14px,4vw,20px) clamp(16px,4vw,24px);background:transparent;position:sticky;top:0;z-index:1}.ui-header h2{font-size:clamp(1.1rem,4.5vw,1.5rem);color:var(--ui-gold);letter-spacing:.12em;margin:0;text-shadow:0 0 12px rgba(212,160,23,.4)}.ui-body{padding:clamp(10px,3vw,16px);display:flex;flex-direction:column;gap:6px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.ui-body::-webkit-scrollbar{display:none}.ui-section{font-size:.72rem;color:var(--ui-text-dim);letter-spacing:.18em;padding:10px 0 4px;border-bottom:1px solid var(--ui-border-gold);margin-bottom:4px}.ui-node{display:flex;align-items:center;gap:14px;padding:clamp(12px,3.5vw,16px) clamp(14px,4vw,18px);background-color:var(--ui-node-bg);border-image:var(--ui-panel-image) var(--ui-panel-slice) fill / var(--ui-panel-width) stretch;cursor:pointer;transition:background-color .15s;text-align:center;justify-content:center;margin-bottom:4px}.ui-node:hover{background-color:var(--ui-node-bg-hover)}.ui-node.locked{opacity:.3;filter:grayscale(1);cursor:default}.ui-node.locked:hover{background-color:var(--ui-node-bg)}.ui-node.selected{background-color:var(--ui-node-bg-selected);box-shadow:inset 0 0 0 1px var(--ui-border-gold)}.ui-orb{width:10px;height:10px;border-radius:50%;background:var(--orb, #888);box-shadow:0 0 6px var(--orb, #888);flex-shrink:0}.ui-node-name{font-size:clamp(1rem,4vw,1.2rem);color:var(--ui-text);letter-spacing:.05em}.ui-node-meta{font-size:.72rem;color:var(--ui-text-muted);margin-top:2px}.ui-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:clamp(8px,2.5vw,12px) clamp(16px,5vw,24px);background-color:var(--ui-btn-bg);border-image:var(--ui-panel-image) var(--ui-panel-slice) fill / var(--ui-panel-width) stretch;background-image:none;border:none;font-family:Pixelify Sans,monospace;font-size:clamp(.85rem,3.2vw,1.05rem);color:var(--ui-text);cursor:pointer;text-transform:lowercase;letter-spacing:.06em;image-rendering:pixelated;transition:background-color .12s,color .12s;box-sizing:border-box;position:relative;z-index:0}.ui-btn:hover{background-color:var(--ui-btn-bg-hover);color:var(--ui-gold)}.ui-btn:active{background-color:var(--ui-btn-bg-active);color:var(--ui-gold-bright)}.ui-btn:disabled{background-color:var(--ui-btn-bg-disabled);color:var(--ui-text-dim);opacity:.4;cursor:not-allowed;filter:grayscale(.6)}.ui-btn-primary{background-color:var(--ui-btn-bg-primary);color:var(--ui-gold)}.ui-btn-primary:hover{background-color:var(--ui-btn-bg-primary-hover);color:var(--ui-gold-bright);text-shadow:0 0 8px rgba(255,215,0,.4)}.ui-btn-primary:active{background-color:var(--ui-btn-bg-primary-active);color:var(--ui-gold-bright)}.ui-btn-close{min-height:28px;padding:clamp(4px,1.5vw,8px) clamp(10px,3vw,16px);font-size:clamp(.78rem,2.8vw,.92rem);background-color:var(--ui-btn-bg-close);color:var(--ui-text-muted)}.ui-btn-close:hover{background-color:#1a1610;color:var(--ui-text)}.ui-btn-full{width:100%}.ui-btn-danger{color:var(--ui-red)}.ui-btn-danger:hover{color:#f66;background-color:#1a0a0a}.ui-icon-btn{background-color:transparent;border-image:var(--ui-panel-image) var(--ui-panel-slice) fill / var(--ui-panel-width) stretch;border:none;color:var(--ui-text-muted);font-family:Pixelify Sans,monospace;font-size:clamp(.95rem,3.5vw,1.2rem);width:clamp(32px,8.5vw,40px);height:clamp(32px,8.5vw,40px);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;touch-action:manipulation;flex-shrink:0;box-sizing:border-box}.ui-icon-btn:hover{color:var(--ui-gold);background-color:#d4a0171a}.ui-dialog-wrap{position:absolute;inset:0;z-index:100;display:flex;align-items:flex-end;padding:0 clamp(10px,3vw,20px) clamp(70px,12vw,100px);pointer-events:none;font-family:Pixelify Sans,monospace}.ui-dialog-box{width:100%;max-width:500px;margin:0 auto;padding:clamp(16px,4vw,24px);pointer-events:auto;animation:ui-slide-up .2s ease;box-sizing:border-box;background-color:var(--ui-bg);border-image:var(--ui-panel-image) var(--ui-panel-slice) fill / var(--ui-panel-width) stretch;font-family:Pixelify Sans,monospace;text-transform:lowercase;color:var(--ui-text);image-rendering:pixelated}@keyframes ui-slide-up{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.ui-dialog-npc-name{font-size:clamp(1rem,4vw,1.3rem);letter-spacing:.08em;margin-bottom:clamp(10px,3vw,16px);text-shadow:0 0 10px rgba(0,0,0,1)}.ui-dialog-text{font-size:clamp(.95rem,3.8vw,1.2rem);color:var(--ui-text);line-height:1.75;margin-bottom:clamp(12px,3vw,20px);min-height:3em}.ui-dialog-footer{display:flex;justify-content:space-between;align-items:center}.ui-dialog-dots{display:flex;gap:6px}.ui-dot{width:7px;height:7px;background:var(--ui-border)}.ui-dot.active{background:var(--ui-gold);box-shadow:0 0 4px var(--ui-gold)}.ui-hud-top{position:absolute;top:0;left:0;right:0;padding:clamp(8px,2.5vw,14px) clamp(12px,4vw,18px);display:flex;align-items:center;gap:clamp(8px,2.5vw,14px);background:linear-gradient(to bottom,rgba(4,3,2,.92) 0%,transparent 100%);pointer-events:auto;border-bottom:1px solid var(--ui-border-gold)}.ui-interact{position:absolute;bottom:clamp(16px,5vw,28px);left:50%;transform:translate(-50%);width:80%;max-width:480px;text-align:center;padding:clamp(10px,3vw,14px) clamp(20px,6vw,32px);font-size:clamp(.9rem,3.5vw,1.15rem);color:var(--ui-gold);pointer-events:auto;cursor:pointer;display:none;letter-spacing:.08em;font-family:Pixelify Sans,monospace;text-transform:lowercase;background-color:var(--ui-btn-bg-primary);border-image:var(--ui-panel-image) var(--ui-panel-slice) fill / var(--ui-panel-width) stretch;border:none;box-sizing:border-box;animation:ui-fade .15s ease}.ui-interact:hover{background-color:var(--ui-btn-bg-primary-hover);color:var(--ui-gold-bright)}.ui-empty{text-align:center;color:var(--ui-text-dim);font-size:.9rem;padding:clamp(20px,5vw,32px);line-height:1.7}.ui-divider{border:none;border-top:1px solid var(--ui-border-gold);margin:6px 0;opacity:.5}.ui-login-overlay{position:absolute;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#040302f5;font-family:Pixelify Sans,monospace;text-transform:lowercase}.ui-login-box{display:flex;flex-direction:column;align-items:center;gap:clamp(16px,5vw,24px);padding:clamp(24px,7vw,40px);width:90%;max-width:360px;box-sizing:border-box;background-color:var(--ui-bg);border-image:var(--ui-panel-image) var(--ui-panel-slice) fill / var(--ui-panel-width) stretch;image-rendering:pixelated}.ui-login-title{font-size:clamp(1.8rem,7vw,2.6rem);color:var(--ui-gold);letter-spacing:.15em;text-align:center;text-shadow:0 0 20px rgba(212,160,23,.5)}.ui-login-subtitle{font-size:clamp(.85rem,3vw,1rem);color:var(--ui-text-muted);text-align:center;letter-spacing:.08em}.ui-btn-discord{background-color:#1a1820;color:#7289da}.ui-btn-discord:hover{background-color:#22203a;color:#99aaf0}.ui-input{width:100%;padding:clamp(10px,3vw,14px) clamp(12px,3.5vw,18px);background-color:var(--ui-bg);border-image:var(--ui-panel-image) var(--ui-panel-slice) fill / var(--ui-panel-width) stretch;border:none;color:var(--ui-text);font-family:Pixelify Sans,monospace;font-size:clamp(.9rem,3.2vw,1.05rem);text-transform:lowercase;outline:none;box-sizing:border-box}.ui-input::placeholder{color:var(--ui-text-dim)}.ui-input:focus{background-color:#120f08;box-shadow:inset 0 0 0 1px var(--ui-border-gold)}#wz-interact{display:none}