#classicUi .classic-myquest { height: 429px; color: #ffe6d2; box-shadow: none; background-color: #111; background-image: var(--classic-partyHeader), var(--classic-bottom), var(--classic-left), var(--classic-right), var(--classic-surface); background-position: center top, center bottom, left top 64px, right top 64px, center top; background-size: 190px 64px, 190px 45px, 21px 320px, 21px 320px, 190px 429px; background-repeat: no-repeat; }
#classicUi:has(> [data-panel="character"]:not([hidden])) > .classic-myquest { right: calc(190px * var(--classic-rx)); }
#classicUi .classic-myquest h2 { top: 12px; left: 0; width: 190px; margin: 0; color: #e6e6e6; font: 700 6px/8px Tahoma, Arial, sans-serif; text-align: center; white-space: nowrap; }
#classicUi .classic-myquest button { border: 0; border-radius: 0; padding: 0; background-color: transparent; }
#classicUi .myquest-corner-close { position: absolute; top: 7px; left: 169px; width: 13px; height: 12px; background: transparent; }
#classicUi .myquest-tab-back { position: absolute; top: 27px; left: 10px; width: 166px; height: 22px; background: var(--myquest-tabs) 0 0 / 166px 22px no-repeat; pointer-events: none; }
#classicUi .myquest-tab { position: absolute; top: 27px; height: 22px; background: transparent; font: 400 6px/22px Tahoma, Arial, sans-serif; text-align: center; white-space: nowrap; opacity: 1; }
#classicUi .myquest-tab-quest { left: 10px; width: 48px; color: #fff; background: var(--myquest-tabSmall) 0 0 / 48px 22px no-repeat; }
#classicUi .myquest-tab-class { left: 57px; width: 48px; color: #b5b5b5; }
#classicUi .myquest-tab-events { left: 104px; width: 72px; color: #b5b5b5; }
#classicUi .myquest-active { position: absolute; top: 55px; left: 9px; width: 174px; height: 105px; overflow: hidden; }
#classicUi .myquest-active-row { position: absolute; left: 0; width: 162px; height: 13px; background: transparent; color: #ffe6d2; font: 400 6px/13px Tahoma, Arial, sans-serif; text-align: left; text-indent: 5px; white-space: nowrap; overflow: hidden; }
#classicUi .myquest-active-row[aria-selected="true"], #classicUi .myquest-active-row:hover, #classicUi .myquest-active-row:focus-visible { background: rgba(128, 179, 77, .5); outline: none; }
#classicUi .myquest-empty { position: absolute; top: 96px; left: 23px; width: 150px; margin: 0; color: #ff0; font: 700 6px/8px Tahoma, Arial, sans-serif; white-space: nowrap; }
#classicUi .myquest-line { position: absolute; top: 160px; left: 0; width: 188px; height: 21px; background: var(--myquest-line) 0 0 / 188px 21px no-repeat; pointer-events: none; }
#classicUi .myquest-details { position: absolute; top: 182px; left: 9px; width: 174px; height: 208px; overflow: hidden; }
#classicUi .myquest-detail-row { position: absolute; left: 5px; width: 156px; height: 13px; color: #d2e6ff; font: 400 6px/13px Tahoma, Arial, sans-serif; text-align: left; white-space: nowrap; overflow: hidden; }
#classicUi .myquest-detail-hit { position: absolute; inset: 0; }
#classicUi .myquest-foot { position: absolute; top: 392px; width: 36px; height: 29px; background-size: 36px 58px; background-position: 0 0; background-repeat: no-repeat; }
#classicUi .myquest-foot:active:not(:disabled) { background-position: 0 -29px; }
#classicUi .myquest-close { left: 13px; background-image: var(--classic-close); }
#classicUi .myquest-start { left: 50px; background-image: var(--myquest-open); }
#classicUi .myquest-give-up { left: 87px; background-image: var(--myquest-giveUp); }
#classicUi .myquest-foot:disabled { filter: brightness(.392); }
@media (max-width: 700px) {
  #classicUi:has(> [data-panel="character"]:not([hidden])) > .classic-myquest { right: calc(190px * var(--classic-pair-scale)); transform: scale(var(--classic-pair-scale)); }
  #classicUi:has(> .classic-myquest:not([hidden])) > [data-panel="character"]:not([hidden]) { transform: scale(var(--classic-pair-scale)); }
}