:root{--vq-ui:1;--vq-brass:#b69a66;--vq-text:#e5dfcc}
.frontier-map{border-color:#b795656e!important;background:linear-gradient(135deg,#46313666,#1c2634)!important}.frontier-note{border-left:3px solid #bda06f;padding:14px;line-height:1.9}.frontier-note button{display:block;margin-top:10px}
#hud .glass,.panel{border-color:#af966347;background:linear-gradient(135deg,#26312eed,#121c20f5);box-shadow:0 8px 28px #030a0d38,inset 0 1px #e6ce8d0d}
.top-left{border-left:3px solid #a68d60;border-radius:5px}.meter{box-shadow:inset 0 1px 4px #0008;border:1px solid #111c1c}.meter.health i{background:linear-gradient(#b7776b,#824139)}.meter.mana i{background:linear-gradient(#5c9caf,#315a78)}
#portrait{border-color:#b9a06a66;background-color:#192222;box-shadow:inset 0 0 18px #0005}
.top-center h2{color:#eee1c0;text-shadow:0 2px 5px #091012,0 0 16px #090d0c}.top-center .eyebrow{color:#cfb982}
#minimap{border:1px solid #b2a27a66;box-shadow:inset 0 0 12px #0008}.top-right{padding:9px;border-radius:5px}
#tracker .track-item{line-height:1.75}#tracker .track-item span{color:#bdc7bb}#tracker .tip{color:#a4b2a3}
.actionbar{border-top:2px solid #a78d5f99!important;border-radius:6px!important}.skill{background:linear-gradient(#35423b,#1b2929);border-color:#8e936044;position:relative}.skill:hover{background:linear-gradient(#4b5140,#263b37);border-color:#c7b47c}.skill strong{display:flex;align-items:center;justify-content:center;overflow:hidden;height:42px}.vqa-skill-art{width:40px;height:40px;display:block;border-radius:3px;box-shadow:0 1px 5px #0005}.skill kbd{z-index:1}.skill small{color:#e1ddc8;text-shadow:0 1px 2px #07100c}.skill.locked .vqa-skill-art{filter:grayscale(.8);opacity:.42}
.panel{border-top:2px solid #b99c6899;border-radius:6px}.panel>header{border-bottom:1px solid #b49c6538}.panel h2{color:#e6d4a5}.panel .card{border-color:#8a99713b}.item{background:linear-gradient(145deg,#263331,#152222)}.art-icon{background-color:#182324;border-color:#9b97674d!important}.panel .item:hover{border-color:#b9b077}
#vignette{box-shadow:inset 0 0 85px #08121b30;pointer-events:none}.control-hint{color:#c2c8b6!important;text-shadow:0 1px 3px #08100b}#messages div{background:linear-gradient(90deg,#101c1bbb,transparent);padding:4px 8px;color:#d6ddc9}
.vq-settings{margin-top:22px;padding:18px;border:1px solid #b69a6655;background:linear-gradient(135deg,#2b352c66,#111e2366);border-radius:5px}.vq-settings h3{margin:0;color:#e5d4a8}.vq-settings p{font-size:12px;color:#bdc8bb;line-height:1.8}.vq-settings .settings-row{padding:10px 0}.vq-settings select{min-width:145px;padding:7px}.vq-presets{display:flex;gap:8px;margin:14px 0}
#hud .top-left,#hud .top-right,#tracker,#guide{zoom:var(--vq-ui)}.panel{font-size:calc(13px * var(--vq-ui))}.panel button,.panel input,.panel select{font-size:inherit}.panel .panel-note{line-height:1.8}
@media(min-width:1500px){.bottom{zoom:var(--vq-ui)}}
@media(max-width:1450px){#tracker{width:215px;max-height:38vh;overflow:auto}#guide{width:220px}#hud .top-left,#hud .top-right,#tracker,#guide{zoom:clamp(.9,var(--vq-ui),1.05)}}
@media(max-height:800px){#tracker{max-height:29vh;overflow:auto}.vq-settings{padding:12px}#messages{max-width:290px;max-height:110px;overflow:hidden}.control-hint{font-size:10px}}