#classicQuests{--iv:calc((100vh - var(--hud-height))/429);position:fixed;right:0;top:0;width:calc(var(--u)*190);height:calc(var(--iv)*429);z-index:18;color:#ddd;font:clamp(10px,.8vw,14px)/1.4 Arial;background:#111}
#classicQuests .invBack,#classicQuests .invTop,#classicQuests .invLeft,#classicQuests .invRight,#classicQuests .invBottom{position:absolute;pointer-events:none;background-size:100% 100%}#classicQuests h2{position:absolute;inset:calc(var(--iv)*12) 8% auto;margin:0;text-align:center;font-size:inherit;color:#edc96b}
.questList{position:absolute;left:9%;right:9%;top:calc(var(--iv)*40);bottom:calc(var(--iv)*42);overflow-y:auto;scrollbar-color:#706343 #171713}.questList article{padding:10px 0 14px;border-bottom:1px solid #645b43}.questList h3{font-size:1.05em;color:#edc96b;margin:0 0 6px}.questList p{margin:5px 0}.questList small{display:block;color:#aaa}.questState{color:#9dccd0}.questWarning{color:#e89373}.questDone{color:#94ce83}.questReward{color:#e4cd89}.questList button{display:block;width:100%;padding:8px;margin-top:8px;font:inherit;color:#e6ce85;border:2px ridge #aaa;background:linear-gradient(#403e37,#151513)}.questList button:hover:enabled{filter:brightness(1.4)}.questList button:active:enabled{transform:translateY(1px)}.questList button:disabled{color:#777;filter:grayscale(1)}

#petPanel{--iv:calc((100vh - var(--hud-height))/429);position:fixed;right:0;top:0;width:calc(var(--u)*190);height:calc(var(--iv)*429);z-index:18;color:#ddd;font:clamp(10px,.8vw,14px)/1.4 Arial;background:#111}
#petPanel .invBack,#petPanel .invTop,#petPanel .invLeft,#petPanel .invRight,#petPanel .invBottom{position:absolute;pointer-events:none;background-size:100% 100%}#petPanel h2{position:absolute;inset:calc(var(--iv)*12) 8% auto;margin:0;text-align:center;font-size:inherit;color:#edc96b}
.petList{position:absolute;left:9%;right:9%;top:calc(var(--iv)*40);bottom:calc(var(--iv)*42);overflow-y:auto;scrollbar-color:#706343 #171713}.petList article{padding:10px 0 14px;border-bottom:1px solid #645b43}.petList h3{font-size:1.05em;color:#edc96b;margin:0 0 6px}.petList p{margin:5px 0}.petList small{display:block;color:#aaa}.questState{color:#9dccd0}.questWarning{color:#e89373}.questDone{color:#94ce83}.questReward{color:#e4cd89}.petList button{display:block;width:100%;padding:8px;margin-top:8px;font:inherit;color:#e6ce85;border:2px ridge #aaa;background:linear-gradient(#403e37,#151513)}.petList button:hover:enabled{filter:brightness(1.4)}.petList button:active:enabled{transform:translateY(1px)}.petList button:disabled{color:#777;filter:grayscale(1)}

#petPanel .petList button[aria-pressed="true"]{border-color:#e2c36c;color:#ffe495;background:linear-gradient(#5e4d25,#261c09)}

#petPanel .petList button{box-sizing:border-box}
/* Keep the gold X on hover; the second sprite frame is the gray variant. */
#classicQuests .invExit:hover,#classicQuests .invExit:focus-visible,#classicQuests .invExit:active{background-position-y:0;filter:brightness(1.2)}