.mission-experience{margin:18px 2px 24px;padding:12px 15px;border:1px solid #94652e88;background:#100a06df}.mission-experience>div:first-child{display:flex;justify-content:space-between;gap:12px;color:#e2bf88;font:14px Georgia}.mission-experience .bar{margin:10px 0 0;height:8px}
.official-quest{position:relative}.official-quest:has(.check.done) .text:after{content:'✓ Completada';display:block;font:11px 'DM Sans',sans-serif;color:#c1d580;margin-top:8px;letter-spacing:.4px}.official-quest:has(.check.done){background:linear-gradient(90deg,#a5831820,transparent)}.mission-just-completed{animation:mission-illuminate 1.15s ease-out}.mission-just-completed .check{animation:mission-seal .5s ease-out}.mission-just-completed .reward{animation:mission-xp .8s ease-out}
@keyframes mission-illuminate{0%{box-shadow:inset 0 0 0 1px #ffd37b;background-color:#dba13a50}100%{box-shadow:inset 0 0 0 1px transparent;background-color:transparent}}@keyframes mission-seal{0%{transform:scale(.7)}55%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes mission-xp{0%{transform:translateY(5px);color:#fff3c8;text-shadow:0 0 15px #ffc75c}100%{transform:none}}
#mission-reward{position:fixed;left:50%;bottom:28px;transform:translate(-50%,12px);opacity:0;visibility:hidden;pointer-events:none;z-index:99;display:flex;align-items:center;gap:14px;width:max-content;max-width:calc(100% - 24px);padding:16px 20px;background:linear-gradient(115deg,#33200bf5,#100a05f5);border:1px solid #d7a14f;box-shadow:0 5px 28px #000b,inset 0 0 0 3px #0d0805;color:#e9c790;transition:opacity .2s,transform .2s,visibility .2s}
#mission-reward.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}#mission-reward>div{font:13px/1.5 Georgia}#mission-reward strong{display:block;font-size:20px;color:#f8dba1;margin-bottom:3px}#mission-reward>b{white-space:nowrap;color:#ffd170;font:23px Georgia}.completion-seal{width:36px;height:36px;flex-shrink:0;border:1px solid #b2c45d;border-radius:50%;display:grid;place-items:center;background:#333c13;color:#e0f28b;font-size:24px;box-shadow:0 0 14px #bbc84c33}
#level-celebration{width:min(94vw,540px);max-width:540px;max-height:94dvh;overflow-y:auto;padding:26px;background:radial-gradient(ellipse at 50% 32%,#62421d66,transparent 55%),linear-gradient(#130e09f5,#090604fa),url('assets/obsidian.svg');border:1px solid #e0a956;box-shadow:0 0 70px #bc781e33,inset 0 0 0 4px #120b06,inset 0 0 0 5px #8c5c2c}
#level-celebration::backdrop{background:#050302dc;backdrop-filter:blur(3px)}.level-celebration{text-align:center;animation:level-reveal .65s ease-out}.level-celebration>.eyebrow{font-size:10px}.level-celebration h2{font-size:36px;margin:12px 0;color:#ffdb91}.level-hero{position:relative;isolation:isolate;height:300px;margin:12px 0 0;display:grid;place-items:center}.level-hero:before{content:'';position:absolute;inset:8% 15%;z-index:-1;background:radial-gradient(ellipse,#e9b85844,transparent 68%);animation:level-glow 1.6s ease-out}.level-hero img{position:absolute;height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 5px 14px #000)}.level-number{position:absolute;right:9%;bottom:12%;width:83px;height:83px;display:flex;flex-direction:column;justify-content:center;border:1px solid #f0bd68;border-radius:50%;background:radial-gradient(#62421e,#130c05);box-shadow:0 0 22px #c7923544;color:#ffe3a7;font:39px Georgia}.level-number small{font:9px 'DM Sans',sans-serif;letter-spacing:2px;margin-bottom:3px}.level-journey{font:16px Georgia;color:#d7b67c;margin:7px 0 12px}.level-journey span{color:#ffcc72;margin:0 13px}.level-celebration h3{font-size:26px;color:var(--phase-color)}.level-celebration .level-message{font:14px/1.6 Georgia;color:#d2bd98}.level-unlock{display:flex;align-items:center;text-align:left;gap:14px;padding:13px;margin:15px 0;background:linear-gradient(110deg,#8a5c172b,#100a06);border:1px solid #a8793488}.level-unlock .gear-art{width:65px;height:65px;flex-shrink:0}.level-unlock strong{font:19px Georgia;color:#f4ca85}.level-unlock p{font:12px/1.5 Georgia;margin:7px 0 0;color:#c9af87}.level-unlock-mark{font-size:34px;color:#eac075}.level-next{font:13px/1.6 Georgia;color:#c5ac82}.level-celebration>button{display:block;width:100%;margin-top:12px;font-size:18px;min-height:46px}.level-celebration>button.secondary{border-color:#805a2d;background:#120b06}.level-previous{animation:phase-fade-out 1.5s ease-out forwards}.has-transformation .level-current{animation:phase-fade-in 1.5s ease-out both}
@keyframes level-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes level-glow{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.12)}100%{transform:scale(1)}}@keyframes phase-fade-out{0%,20%{opacity:1}90%,100%{opacity:0}}@keyframes phase-fade-in{0%,20%{opacity:0}90%,100%{opacity:1}}
@media(max-width:650px){.mission-experience{padding:12px;margin-top:16px}.mission-experience>div:first-child{font-size:13px}#mission-reward{gap:10px;padding:13px 14px;bottom:18px}#mission-reward>div{font-size:12px}#mission-reward strong{font-size:18px}#mission-reward>b{font-size:20px}.completion-seal{width:30px;height:30px;font-size:20px}#level-celebration{padding:23px 17px;max-height:94dvh}.level-celebration h2{font-size:30px}.level-hero{height:235px}.level-number{width:68px;height:68px;font-size:32px;right:3%}.level-celebration h3{font-size:23px}.level-celebration .level-message{font-size:13px}.level-unlock strong{font-size:18px}.level-unlock .gear-art{width:55px;height:55px}}
@media(prefers-reduced-motion:reduce){.mission-just-completed,.mission-just-completed .check,.mission-just-completed .reward,.level-celebration,.level-hero:before,.has-transformation .level-current{animation:none}.level-previous{display:none}#mission-reward{transition:none}}