.quest-heading-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px 22px;flex-shrink:0}
.quest-info-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 15px;border:1px solid #e5dbea;border-radius:24px;background:#f3edf7;color:#715387;font:500 13px/1.4 var(--sans);white-space:nowrap;cursor:pointer;transition:background .2s,border-color .2s}
.quest-info-trigger>svg{display:block;width:17px;height:17px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.quest-info-trigger:hover{background:#eae0f2;border-color:#cbb7da}
.quest-heading-actions>.button{white-space:nowrap}
html:has(.quest-info[open]){overflow:hidden}
.quest-info{position:fixed;inset:0;width:min(510px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:30px 34px 26px;overflow:auto;border:1px solid #fff;border-radius:30px;background:radial-gradient(ellipse at 0 0,#e9dcf5 0,transparent 52%),radial-gradient(ellipse at 100% 10%,#f8e6db 0,transparent 45%),#fffcff;color:#493852;box-shadow:0 32px 100px #2e173940}
.quest-info::backdrop{background:#2d203d73;backdrop-filter:blur(7px)}
.quest-info-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:44px;height:44px;padding:12px;border:0;border-radius:50%;background:#ffffff80;color:#796585;cursor:pointer}
.quest-info-close:hover{background:#fff}
.quest-info-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.quest-info-art{position:relative;width:98px;height:70px;margin:0 0 20px 9px}
.quest-info-art i{position:absolute;bottom:0;width:49px;height:62px;border:1px solid #ffffffbc;border-radius:12px;background:#d9c6e9;box-shadow:0 4px 14px #60457115;transform:rotate(-17deg)}
.quest-info-art i:nth-child(2){left:21px;background:#ecd0c6;transform:rotate(-1deg)}
.quest-info-art i:nth-child(3){left:41px;display:grid;place-items:center;background:#fdf9ff;transform:rotate(15deg)}
.quest-info-art svg{width:33px;height:33px;fill:none;stroke:#a280b5;stroke-width:1.4;stroke-linejoin:round}
.quest-info h2{font:italic 36px/1.1 Georgia,serif;letter-spacing:-1px;margin:0 0 10px;color:#624670}
.quest-info-intro{font-size:14px;line-height:1.5;color:#89718f;margin:0}
.quest-info-steps{display:grid;gap:20px;list-style:none;padding:0;margin:27px 0 23px}
.quest-info-steps li{display:flex;align-items:flex-start;gap:14px}
.quest-info-number{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:13px;background:#eaddf3;color:#815993;font:500 12px/1 var(--sans)}
.quest-info-steps li:nth-child(2) .quest-info-number{background:#f4e2d8;color:#a77358}
.quest-info-steps li:nth-child(3) .quest-info-number{background:#e5ece0;color:#738665}
.quest-info-steps h3{font:600 16px/1.35 var(--sans);margin:0 0 5px;letter-spacing:-.15px}
.quest-info-steps p{font-size:14px;line-height:1.5;color:#827087;margin:0}
.quest-info-reward{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;line-height:1.5;color:#8a6a98;margin:0 0 18px}
.quest-info-reward>span{font-size:24px;line-height:1}
.quest-info-done{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:46px;padding:12px 20px;border:0;border-radius:16px;background:#795789;color:#fff;font:500 14px/1.4 var(--sans);cursor:pointer;transition:background .2s}
.quest-info-done:hover{background:#674774}
.quest-info :focus-visible,.quest-info-trigger:focus-visible{outline:2px solid #815696;outline-offset:3px}
@media(max-width:1000px){.home-challenges-heading{align-items:flex-start;flex-direction:column;gap:12px}.quest-heading-actions{justify-content:flex-start}.challenge-intro .quest-heading-actions{flex-direction:column;align-items:stretch;gap:8px}}
@media(max-width:600px){.quest-heading-actions{gap:10px 18px}.challenge-intro .quest-heading-actions{flex-direction:row;align-items:center}.quest-info{padding:26px 24px 22px;border-radius:25px}.quest-info-art{height:58px;margin-bottom:16px}.quest-info-art i{height:54px;width:42px}.quest-info-art i:nth-child(2){left:18px}.quest-info-art i:nth-child(3){left:36px}.quest-info h2{font-size:32px}.quest-info-steps{gap:17px;margin-top:24px}.quest-info-steps li{gap:12px}.quest-info-number{flex-basis:34px;height:34px;border-radius:11px}.quest-info-steps h3{font-size:15px}.quest-info-steps p{font-size:13px}.quest-info-reward{font-size:12px}}
@media(prefers-reduced-motion:reduce){.quest-info-trigger,.quest-info-done{transition:none}}