#quest-completion{position:fixed;z-index:85;left:50%;top:50%;transform:translate(-50%,-50%);width:min(600px,calc(100vw - 36px));box-sizing:border-box;pointer-events:none;text-align:center;color:#eedfc0;font-family:ui-monospace,monospace;filter:drop-shadow(0 3px 4px #000)}
#quest-completion[hidden]{display:none}
.quest-completion-content{padding:27px 28px 22px;border-block:1px solid #b2915b80;background:linear-gradient(90deg,#12121a00,#15131eea 18%,#15131ef2 50%,#15131eea 82%,#12121a00);text-shadow:0 2px 2px #000}
.quest-completion-heading{margin:0 0 22px;font-size:clamp(22px,3vw,30px);font-weight:700;letter-spacing:.035em;color:#e6bd77}
.quest-completion-name{display:flex;align-items:center;justify-content:center;gap:12px;font-size:clamp(17px,2.4vw,23px);font-weight:600;line-height:1.45}
.quest-completion-name img{width:48px;height:48px;flex:none;object-fit:contain;image-rendering:auto}
.quest-completion-next{margin:22px 0 18px;color:#c9bfae;font-size:clamp(12px,1.6vw,15px);line-height:1.7;overflow-wrap:anywhere}
.quest-completion-timer{height:2px;width:90px;margin:auto;background:#51402b80;overflow:hidden}
.quest-completion-timer i{display:block;width:100%;height:100%;background:#b68d53;transform-origin:left}
.quest-mark img{width:25px;height:25px;object-fit:contain;vertical-align:middle}
@media(max-width:600px){#quest-completion{width:calc(100vw - 20px)}.quest-completion-content{padding:23px 16px 19px}.quest-completion-name{gap:8px}.quest-completion-name img{width:38px;height:38px}.quest-completion-heading{margin-bottom:17px}.quest-completion-next{margin-top:18px}}
@media(max-height:430px){#quest-completion{top:50%}.quest-completion-content{padding-block:15px}.quest-completion-heading{margin-bottom:12px}.quest-completion-next{margin-block:12px}}