.daily-quest{--quest-accent:#e7cd79;position:relative;isolation:isolate;display:grid;grid-template-columns:64px minmax(0,1fr) 100px;align-items:center;gap:18px;min-height:108px;padding:14px 0 14px 18px;overflow:hidden;border-radius:9px;background:#171c19;color:#f0eee3;font-family:Geist,sans-serif;text-align:left}
.daily-quest::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#111b18ed 5%,#111b18d9 38%,#111b1840 72%,#111b1866),url('/static/ui/quest-rift.png') 65% 44%/cover;opacity:1}
.v21-hero-copy .daily-quest{margin:22px 0 12px}.pact-guide>.daily-quest{margin:12px 0 32px}.quest-progress{width:64px;height:64px;position:relative;display:grid;place-items:center;background:#0b110ee6;border-radius:50%}.quest-progress svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.quest-progress circle{fill:none;stroke-width:3}.quest-ring-track{stroke:#444637}.quest-ring-fill{stroke:var(--quest-accent);stroke-dasharray:175.93;stroke-dashoffset:175.93;transition:stroke-dashoffset 900ms cubic-bezier(.2,.7,.2,1)}.quest-progress strong{font-size:16px;letter-spacing:.03em;font-variant-numeric:tabular-nums;color:#eee9d6}
.daily-quest .quest-copy{min-width:0}.daily-quest .quest-copy>span{display:block;color:#d5c389;font-size:12px;line-height:1.4}.daily-quest .quest-copy h2{font-family:Geist,sans-serif;font-size:clamp(18px,1.5vw,23px);font-weight:600;line-height:1.2;letter-spacing:-.025em;margin:5px 0;color:#f2eee2}.daily-quest .quest-copy .quest-reset{color:#b9bcb0;font-size:10px;font-variant-numeric:tabular-nums}
.quest-prize{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin:-14px 0;border-left:1px solid #cfb7603b;background:linear-gradient(135deg,#605123b8,#201f12ed)}.quest-prize strong{font-size:30px;font-weight:700;line-height:1;color:var(--quest-accent);letter-spacing:-.04em}.quest-prize span{font-size:10px;letter-spacing:.12em;color:#ded5b4}
.daily-quest.is-complete{--quest-accent:#9dd8b6}.is-complete .quest-ring-fill{stroke-dashoffset:0}.is-complete .quest-copy>span{color:var(--quest-accent)}.is-complete .quest-prize{background:linear-gradient(135deg,#345542d9,#17251ded);border-color:#9dd8b633}.quest-celebrate .quest-prize strong{animation:quest-earned .8s ease-out}@keyframes quest-earned{0%{transform:scale(.85);opacity:.4}60%{transform:scale(1.12);text-shadow:0 0 18px #9dd8b688}100%{transform:none}}
@media(max-width:480px){.daily-quest{grid-template-columns:48px minmax(0,1fr) 72px;gap:12px;min-height:92px;padding-left:12px}.quest-progress{width:48px;height:48px}.quest-progress strong{font-size:13px}.quest-prize strong{font-size:26px}.daily-quest .quest-copy>span{font-size:10px}.daily-quest .quest-copy h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.quest-ring-fill{transition:none}.quest-celebrate .quest-prize strong{animation:none}}

.nav-quest{position:relative;flex:none;width:48px;height:48px;display:grid;place-items:center;border:1px solid #9e7d2f;border-radius:1px;background:#111923;color:#d9bd69;box-shadow:inset 0 0 0 1px #05090e,0 5px 16px #0006;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}
.nav-account>a.nav-quest{box-sizing:border-box;padding:0;display:flex;align-items:center;justify-content:center;line-height:1;color:#f5e6a1;background:#10100f;border-color:#eee9d533;box-shadow:none}
.nav-quest>svg{display:block;flex:none;width:32px;height:32px;margin:0;fill:currentColor;stroke:none;transform:none;filter:none}
.nav-account>a.nav-quest:hover,.nav-account>a.nav-quest.is-current{border-color:#f1df4580;background:#f1df450a;color:#f5e6a1;transform:translateY(-1px)}
[data-quest-badge][hidden]{display:none!important}
.nav-quest [data-quest-badge]{position:absolute;z-index:2;top:-7px;right:-7px;display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border:2px solid #090909;border-radius:999px;background:#f0d861;color:#12110a;font:700 11px/1 Geist,sans-serif;box-shadow:0 0 0 1px #f0d86155,0 4px 14px #0009}
.nav-account>a.nav-quest.has-unseen{border-color:#f1df4566;background:#10100f;box-shadow:none}
.nav-quest [data-quest-badge],.mobile-nav [data-quest-nav] [data-quest-badge]{background:#f1df45;color:#11110b}
.nav-quest.has-unseen::after{content:"";position:absolute;inset:-4px;border:1px solid #e7cd7966;border-radius:8px;animation:quest-nav-pulse 2.4s ease-out infinite;pointer-events:none}
@keyframes quest-nav-pulse{0%,35%{opacity:.7;transform:scale(.96)}75%,100%{opacity:0;transform:scale(1.12)}}

.quest-page{display:grid;gap:44px;padding:24px 0 90px}
.quest-page-header{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);align-items:center;gap:5vw}
.quest-page-note{min-width:0}.quest-page-note .page-note-wrap{margin:0}
.quest-page-intro{max-width:430px;padding-left:28px;border-left:1px solid #e7cd7952}
.quest-page-intro>span,.quest-board>header span{font:600 10px/1.2 'IBM Plex Mono',monospace;letter-spacing:.16em;color:#dcc36e}
.quest-page-intro h2{margin:14px 0;font:clamp(30px,3.4vw,54px)/.98 'Archivo Black',sans-serif;letter-spacing:-.045em;color:#f0eee3}
.quest-page-intro p{margin:0;max-width:42ch;font:13px/1.75 Geist,sans-serif;color:#aaa99f}
.quest-board{position:relative;display:grid;gap:0;overflow:hidden;border:1px solid #ffffff20;border-top-color:#e7cd796b;border-radius:10px;background:#0e110ff2;box-shadow:0 28px 80px #0008}
.quest-board::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,#e7cd7907,transparent 32%)}
.quest-board>header,.quest-board>footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px}
.quest-board>header{border-bottom:1px solid #ffffff18}.quest-board>header small{font:9px 'IBM Plex Mono',monospace;letter-spacing:.1em;color:#777a71}
.quest-board>.daily-quest{grid-template-columns:82px minmax(0,1fr) 155px;gap:26px;min-height:154px;padding:22px 0 22px 25px;border-radius:0;background:#151a17}
.quest-board>.daily-quest+.daily-quest{margin-top:16px}
.quest-board>.daily-quest::before{background:linear-gradient(90deg,#111b18f2 4%,#111b18d0 42%,#111b1833 76%,#111b1866),url('/static/ui/quest-rift.png') 65% 44%/cover}
.quest-board .quest-progress{width:76px;height:76px}.quest-board .quest-progress strong{font-size:18px}
.quest-board .quest-copy>span{font-size:13px}.quest-board .quest-copy h2{font-size:clamp(24px,2.5vw,36px);margin:7px 0}.quest-board .quest-copy .quest-reset{font-size:11px}
.quest-board .quest-prize{margin:-22px 0}.quest-board .quest-prize strong{font-size:42px}.quest-board .quest-prize span{font-size:9px}
.quest-board>footer{border-top:1px solid #ffffff14;color:#898c84;font:10px/1.5 'IBM Plex Mono',monospace}.quest-board>footer small{color:#6f716b}

.mobile-nav [data-quest-nav]{position:relative}.mobile-nav [data-quest-badge]{position:absolute;top:1px;right:1px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:20px;background:#f0d861;color:#111;font:700 9px Geist,sans-serif}
@media(max-width:1050px) and (min-width:801px){.nav-quest{width:42px;height:42px}.nav-quest>svg{width:26px;height:26px}}
@media(max-width:800px){.nav-account .nav-quest{display:none}.quest-page{gap:28px;padding-top:4px}.quest-page-header{grid-template-columns:1fr;gap:28px}.quest-page-intro{max-width:620px;padding:0 0 0 20px}.quest-board>.daily-quest{grid-template-columns:64px minmax(0,1fr) 105px;gap:16px;min-height:126px;padding-left:18px}.quest-board .quest-progress{width:60px;height:60px}.quest-board .quest-prize strong{font-size:32px}}
@media(max-width:520px){.quest-page-header{gap:20px}.quest-page-intro h2{font-size:32px}.quest-board>header,.quest-board>footer{padding:15px}.quest-board>header small{display:none}.quest-board>footer{align-items:flex-start;flex-direction:column;gap:4px}.quest-board>.daily-quest{grid-template-columns:48px minmax(0,1fr) 76px;gap:11px;min-height:108px;padding:15px 0 15px 12px}.quest-board .quest-progress{width:48px;height:48px}.quest-board .quest-copy h2{font-size:19px}.quest-board .quest-copy>span{font-size:10px}.quest-board .quest-copy .quest-reset{font-size:9px}.quest-board .quest-prize{margin:-15px 0}.quest-board .quest-prize strong{font-size:27px}}
@media(prefers-reduced-motion:reduce){.nav-quest.has-unseen::after{animation:none}}