body.challenges-page{background-image:linear-gradient(#0003,#0003),url(../../../img/profile/sortinghat.webp);background-size:cover;background-position:center;background-attachment:fixed}.loading-container.svelte-1b1r7oj{display:flex;justify-content:center;align-items:center;height:100vh;color:#fff;font-size:1.5rem}.challenges-main.svelte-1b1r7oj{display:flex;flex-direction:column;min-height:100vh;justify-content:center;padding:2rem;position:relative}.results.svelte-1b1r7oj{display:flex;flex-direction:column;gap:50px;margin-top:50px}.results-in-progress.svelte-1b1r7oj,.results-unlocked.svelte-1b1r7oj,.results-locked.svelte-1b1r7oj{display:flex;flex-direction:row;align-items:center;gap:50px;flex-wrap:wrap;padding:2rem;border-radius:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.results-in-progress.svelte-1b1r7oj{background:linear-gradient(135deg,#ff980033,#ff98001a)}.results-unlocked.svelte-1b1r7oj{background:linear-gradient(135deg,#4caf5033,#4caf501a)}.results-locked.svelte-1b1r7oj{background:linear-gradient(135deg,#3b39384d,#3b393833)}.results-in-progress.svelte-1b1r7oj h2:where(.svelte-1b1r7oj),.results-unlocked.svelte-1b1r7oj h2:where(.svelte-1b1r7oj),.results-locked.svelte-1b1r7oj h2:where(.svelte-1b1r7oj){color:#fff;border-radius:5px;padding:10px 40px;min-width:150px;width:auto;flex-shrink:0;text-align:center;margin:0;white-space:nowrap;display:block}.results-in-progress.svelte-1b1r7oj h2:where(.svelte-1b1r7oj){background-color:#ff9800}.results-unlocked.svelte-1b1r7oj h2:where(.svelte-1b1r7oj){background-color:#4caf50}.results-locked.svelte-1b1r7oj h2:where(.svelte-1b1r7oj){background-color:#3b3938}.category.svelte-1b1r7oj{flex:1;min-width:0}.cards-container.svelte-1b1r7oj{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:50px;width:100%}.card-container.svelte-1b1r7oj{display:flex;flex-direction:column;align-items:center;gap:10px}.card-container.locked.svelte-1b1r7oj{filter:grayscale(100%);opacity:.6}.challenge-card.svelte-1b1r7oj{width:150px;height:150px;transform-style:preserve-3d;transition:transform .6s ease;position:relative;cursor:pointer}.challenge-card.flipped.svelte-1b1r7oj{transform:rotateY(180deg)}.card-front.svelte-1b1r7oj,.card-back.svelte-1b1r7oj{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:20px}.card-front.svelte-1b1r7oj{display:flex;align-items:center;justify-content:center}.quiz-challenge-image.svelte-1b1r7oj{width:150px;height:150px;object-fit:cover;border-radius:20px}.card-back.svelte-1b1r7oj{display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotateY(180deg);gap:8px;background-color:#fffffff2;padding:12px;box-sizing:border-box;overflow:visible;min-height:0}.card-back.quiz-choices.svelte-1b1r7oj{background-color:#eebe7e}.card-back.svelte-1b1r7oj h3:where(.svelte-1b1r7oj){font-size:clamp(9px,2vw,13px);padding:4px 8px;margin:0;text-align:center;color:#333;width:100%;overflow:visible;word-wrap:break-word;line-height:1.2;display:flex;align-items:center;justify-content:center;flex:1;min-height:0}.card-back.svelte-1b1r7oj h4:where(.svelte-1b1r7oj){font-size:clamp(18px,4vw,26px);margin:0;padding:2px 8px;font-weight:700;overflow:visible;word-wrap:break-word;text-align:center;flex-shrink:0}.card-back.svelte-1b1r7oj h4.low:where(.svelte-1b1r7oj){color:#ff5722}.card-back.svelte-1b1r7oj h4.medium:where(.svelte-1b1r7oj){color:#ff9800}.card-back.svelte-1b1r7oj h4.high:where(.svelte-1b1r7oj){color:#4caf50}.progress-bar.svelte-1b1r7oj{width:150px;height:15px;background-color:#e0e0e0;border-radius:20px;overflow:hidden}.progress.svelte-1b1r7oj{height:100%;transition:width .6s ease;border-radius:20px}.progress.low.svelte-1b1r7oj{background:linear-gradient(90deg,#ff5722,#ff8a65)}.progress.medium.svelte-1b1r7oj{background:linear-gradient(90deg,#ff9800,#ffc107)}.progress.high.svelte-1b1r7oj{background:linear-gradient(90deg,#4caf50,#81c784)}@media (max-width: 768px){.challenges-main.svelte-1b1r7oj{padding:1rem}.results-in-progress.svelte-1b1r7oj,.results-unlocked.svelte-1b1r7oj,.results-locked.svelte-1b1r7oj{flex-direction:column;gap:20px;padding:1.5rem}.cards-container.svelte-1b1r7oj{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px}.challenge-card.svelte-1b1r7oj,.quiz-challenge-image.svelte-1b1r7oj{width:120px;height:120px}.progress-bar.svelte-1b1r7oj{width:120px}.card-back.svelte-1b1r7oj{gap:8px;padding:12px}.card-back.svelte-1b1r7oj h3:where(.svelte-1b1r7oj){font-size:clamp(8px,1.8vw,12px);padding:4px 8px}.card-back.svelte-1b1r7oj h4:where(.svelte-1b1r7oj){font-size:clamp(16px,3.5vw,24px);padding:4px 8px}}
