:root{--vs-panel:#172521f2;--vs-panel-2:#20312df2;--vs-line:#806b43;--vs-line-soft:#806b4366;--vs-gold:#dcc487;--vs-text:#eee6d4;--vs-muted:#b9b09e;--vs-focus:#e7d28f;--vs-radius:9px}
.panel,dialog,#tradePanel{border-color:var(--vs-line)!important;border-radius:var(--vs-radius)!important;box-shadow:0 10px 30px #0008,inset 0 1px #ffffff0a}
.panel h2,dialog h2,.map-heading h2{letter-spacing:.015em}.eyebrow{letter-spacing:.12em;color:var(--vs-gold)}
button,input,select,textarea{font:inherit}button{border-radius:7px;transition:transform .12s ease,filter .12s ease,border-color .12s ease}button:hover:not(:disabled){filter:brightness(1.09)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--vs-focus);outline-offset:2px}
#inventory .item,.equipment-grid .slot,.market-list .item,#questList>*,#contracts>*{border-color:var(--vs-line-soft)!important}
#modalBody{max-height:min(78vh,760px);overflow:auto;scrollbar-gutter:stable}.muted{color:var(--vs-muted)!important}
#audioSettings{white-space:nowrap;min-width:108px}.tooltip,[role=tooltip]{max-width:min(360px,calc(100vw - 24px))}
@media(max-width:1450px){main{gap:8px!important}.character,.quests{font-size:13px}.character{min-width:220px}.quests{min-width:230px}.actionbar{gap:5px!important}.actionbar button{padding-left:8px!important;padding-right:8px!important}.map-heading{gap:5px!important}.map-heading button{padding-left:8px!important;padding-right:8px!important}}
@media(max-width:1180px){header .brand span{display:none}.character,.quests{max-width:230px}.under{font-size:11px}}