.quest-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:2rem}.quest-heading{display:flex;align-items:center;gap:1rem}.quest-heading__icon{display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:1.1rem;background:linear-gradient(135deg,#ffdd78,#f59e0b);color:#713f12;font-size:1.75rem;box-shadow:0 8px 0 #d97706}.quest-heading h1{font-size:clamp(2.2rem,5vw,4.4rem)}.quest-map{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:clamp(1.5rem,5vw,3rem);border:2px solid #f3c8cb;border-radius:2rem;background:radial-gradient(circle at 90% 20%,rgba(255,255,255,.35),transparent 30%),linear-gradient(135deg,#fff7f0,#ffe9ea);box-shadow:0 14px 0 #eac9cb}.quest-map:before{content:"";position:absolute;width:16rem;height:16rem;border:2px dashed rgba(199,53,58,.18);border-radius:50%;right:-5rem;bottom:-8rem}.quest-map__content{position:relative;max-width:44rem}.quest-level{display:inline-flex;background:var(--primary);color:#fff;border-radius:999px;padding:.4rem .85rem;font-weight:900;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.quest-map h2{font-size:clamp(2rem,4vw,3.4rem);margin:.7rem 0}.quest-progress{height:1rem;margin-top:1.5rem;border:3px solid #fff;border-radius:999px;background:#eadfe0;overflow:hidden;box-shadow:inset 0 2px 4px rgba(23,54,93,.14)}.quest-progress__bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#e44b51,#ffb648);transition:width .45s cubic-bezier(.2,.8,.2,1)}.quest-stats{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;color:#6b4c4f}.quest-stats strong{font-size:1.25rem;color:var(--primary)}.quest-emblem{position:relative;z-index:1;display:grid;place-items:center;width:8rem;height:8rem;flex:0 0 8rem;border-radius:50%;background:linear-gradient(145deg,#fff,#ffd7d9);border:7px solid #fff;outline:3px solid var(--primary);box-shadow:0 10px 25px rgba(199,53,58,.2);color:var(--secondary)}.quest-emblem span{font-size:3rem;font-weight:950;line-height:1}.quest-emblem small{font-weight:950;letter-spacing:.2em}.daily-boost{display:flex;gap:1.25rem;padding:1.5rem;border-radius:1.5rem;background:linear-gradient(135deg,#e9f7ff,#fff);border:2px solid #b8def5;box-shadow:0 9px 0 #c8dfec}.daily-boost__badge{display:grid;place-items:center;width:3.5rem;height:3.5rem;flex:0 0 3.5rem;border-radius:50%;background:#ffdd78;font-size:1.6rem}.quest-section-title{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.quest-counter{display:grid;place-items:center;min-width:5rem;padding:.7rem 1rem;border-radius:1rem;background:var(--secondary);color:#fff;box-shadow:0 6px 0 #0d2542}.quest-counter span{font-size:1.7rem;font-weight:950;line-height:1}.quest-counter small{text-transform:uppercase;letter-spacing:.1em}.quest-task-list{display:grid;gap:1.3rem}.quest-task{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;padding:1.3rem;border:2px solid #d8e0ea;border-radius:1.5rem;background:#fff;box-shadow:0 9px 0 #d8e0ea;transition:border-color .2s,box-shadow .2s,transform .2s}.quest-task--done{border-color:#78cda1;box-shadow:0 9px 0 #9bd9b9;background:linear-gradient(135deg,#fff,#f0fff6)}.quest-task__number{display:grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:.9rem;background:#e7eff8;color:var(--secondary);font-size:1.2rem;font-weight:950}.quest-task--done .quest-task__number{background:#d7f7e6;color:#187348}.quest-task__header{display:flex;justify-content:space-between;gap:1rem}.quest-task__header h3{font-size:1.35rem}.quest-details{align-self:start;border-radius:999px;padding:.4rem .75rem;background:#edf3f8;color:var(--secondary);font-weight:800;font-size:.8rem}.quest-task__details{padding:1rem;margin-top:1rem;border-radius:1rem;background:#f8fafc}.quest-complete-button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;text-align:left;gap:1rem;width:100%;margin-top:1.1rem;padding:1rem;border:2px solid #f1a7aa;border-radius:1.1rem;background:#fff7f7;color:var(--secondary)}.quest-complete-button:hover{transform:translateY(-2px);box-shadow:0 7px 0 #f1c1c3}.quest-complete-button.is-complete{border-color:#4dbb82;background:#eafaf1}.quest-complete-button strong,.quest-complete-button small{display:block}.quest-complete-button strong{font-size:1.05rem}.quest-complete-button small{color:#64748b}.quest-check{display:grid;place-items:center;width:2.7rem;height:2.7rem;border:3px solid #d36c71;border-radius:50%;background:#fff;font-size:1.4rem;font-weight:950}.is-complete .quest-check{border-color:#249765;background:#249765;color:#fff;animation:check-pop .35s ease-out}.quest-xp{font-weight:950;color:var(--primary);background:#ffe2a8;border-radius:999px;padding:.35rem .6rem}.quest-share{margin-top:1rem;padding:1rem;border:1px dashed #a9b8c8;border-radius:1rem;background:#fbfdff}.quest-share label{font-weight:850;color:var(--secondary)}.quest-share label small{font-weight:500;color:#64748b}.quest-share textarea{width:100%;margin-top:.5rem;padding:.75rem;border:1px solid #a9b8c8;border-radius:.8rem;resize:vertical}.quest-share__footer{min-height:2.5rem;display:flex;align-items:center;gap:.75rem;justify-content:flex-end;color:#64748b;font-size:.8rem}.share-button{padding:.55rem .85rem;border-radius:.7rem;background:var(--secondary);color:#fff;font-weight:850}.shared-label{color:#187348;font-weight:850}.quest-celebration{position:relative;overflow:hidden;margin-top:1rem;padding:1rem 1.2rem;border-radius:1rem;background:linear-gradient(100deg,#fff2bd,#ffe1e2);text-align:center}.quest-celebration strong,.quest-celebration span{display:block;position:relative;z-index:2}.quest-celebration strong{font-size:1.35rem;color:var(--primary)}.quest-error{margin-top:.7rem;color:#a1121a;font-weight:800}.confetti i{position:absolute;top:-1rem;width:.55rem;height:1rem;background:#e33d46;animation:confetti-fall 1.3s ease-out forwards}.confetti i:nth-child(1){left:8%;background:#f59e0b}.confetti i:nth-child(2){left:24%;animation-delay:.12s;background:#38a169}.confetti i:nth-child(3){left:42%;animation-delay:.2s;background:#3182ce}.confetti i:nth-child(4){left:59%;animation-delay:.05s}.confetti i:nth-child(5){left:76%;animation-delay:.25s;background:#805ad5}.confetti i:nth-child(6){left:91%;animation-delay:.15s;background:#f59e0b}.leaderboard-card{padding:1.4rem;border-radius:1.5rem;background:#fff;border:2px solid #d8e0ea;box-shadow:0 9px 0 #d8e0ea}.leaderboard-card__title{display:flex;align-items:center;gap:.6rem}.leaderboard-card__title>span{font-size:1.8rem}.leaderboard-card ol{display:grid;gap:.6rem;margin-top:1rem}.leaderboard-card li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.6rem;border-radius:.8rem;background:#f7f9fc}.leader-avatar{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--accent);font-weight:950}.leaderboard-card strong{font-size:.8rem;color:var(--primary)}@keyframes check-pop{50%{transform:scale(1.25) rotate(-8deg)}}@keyframes confetti-fall{to{transform:translateY(7rem) rotate(480deg);opacity:0}}@media(max-width:900px){.quest-layout{grid-template-columns:1fr}.quest-layout aside{order:2}}@media(max-width:640px){.quest-map{align-items:flex-start}.quest-emblem{width:5.5rem;height:5.5rem;flex-basis:5.5rem}.quest-emblem span{font-size:2rem}.quest-task{grid-template-columns:1fr}.quest-task__number{position:absolute;right:1rem;top:1rem}.quest-task__header{padding-right:3rem;display:block}.quest-details{margin-top:.6rem}.quest-complete-button{grid-template-columns:auto 1fr}.quest-xp{display:none}.quest-section-title{align-items:center}.quest-stats{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.quest-progress__bar,.quest-task,.quest-complete-button{transition:none}.is-complete .quest-check,.confetti i{animation:none}}
