main[data-loading] #goal,main[data-loading] #goal-line,main[data-loading] #route,main[data-loading] #after{visibility:hidden}main[data-loading] .pagehead:after{content:"載入你的任務線…";color:var(--mut);font-size:13px;display:block}main [hidden]{display:none!important}.pagehead{padding:36px 0 18px}h1.ttl{font-family:var(--display);margin:6px 0 8px;font-size:36px;font-weight:900;line-height:1.25}.lead{color:var(--mut);font-size:var(--fs-md);max-width:680px}.prog{align-items:center;gap:12px;max-width:520px;margin-top:14px;display:flex}.prog .bar{background:var(--paper);flex:1;height:10px;display:block}.prog .bar b{background:var(--gold);height:100%;transition:width .3s;display:block}.prog span{font-family:var(--mono);color:var(--mut);white-space:nowrap;font-size:12px}.finale{border:2px dashed var(--gold);background:var(--p-paper-25);border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;max-width:820px;margin:0 0 16px;padding:14px 18px;display:grid}.finale.done{background:var(--gold-soft);border-style:solid}.finale.glow{animation:1.6s ease-in-out 3 fin-glow}@keyframes fin-glow{0%,to{box-shadow:0 0 #d4a01700}50%{box-shadow:0 0 0 10px #d4a01759}}.books{flex-direction:column;gap:8px;margin-top:10px;display:flex}.book{border:1px solid var(--line);background:var(--card);border-radius:8px;padding:0 12px}.book summary{cursor:pointer;align-items:center;gap:10px;padding:10px 0;list-style:none;display:flex}.book summary::-webkit-details-marker{display:none}.book .cover{flex:none;font-size:26px}.book .bt{flex:1;min-width:0}.book .bt b{font-family:var(--display);font-size:15px;display:block}.book .bt small{color:var(--mut);font-size:12px;display:block}.book .lk{font-family:var(--mono);letter-spacing:.08em;white-space:nowrap;background:var(--paper);color:var(--mut);border-radius:4px;padding:3px 8px;font-size:11px}.book .lk.ok{background:var(--gold);color:var(--p-cocoa-900)}.book .toc{columns:2;color:var(--ink);column-gap:18px;margin:0;padding:0 0 12px 34px;font-size:12.5px;line-height:1.7}.book.lock .toc{color:var(--mut)}.book.lock .cover{filter:grayscale()opacity(.6)}@media (width<=700px){.book .toc{columns:1}}.fslots{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.fsl{background:var(--card);border:1px solid var(--line);opacity:0;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.fsl.pop{animation:.5s steps(4,end) both fsl-pop}@keyframes fsl-pop{0%{opacity:0;transform:scale(.6)translateY(8px)}to{opacity:1;transform:none}}.fsl .px{image-rendering:pixelated}.fsl .em{font-size:28px}.fsl b{font-size:14px;display:block}.fsl small{color:var(--mut);font-size:11px;display:block}.fsl .rar{font-family:var(--mono);letter-spacing:.1em;background:var(--paper);border-radius:3px;padding:1px 6px;font-size:10px}.fsl .rar.rare{background:var(--gold);color:var(--p-cocoa-900)}.fsl .rar.legend{background:var(--p-cocoa-900);color:var(--gold2)}.fsl .rar.uncommon{background:var(--green);color:#fff}.step.stamp{animation:.6s steps(3,end) both stamp}@keyframes stamp{0%{box-shadow:0 0 0 4px var(--gold-soft);transform:scale(1.03)}to{box-shadow:var(--sh-sm);transform:none}}@media (prefers-reduced-motion:reduce){.finale.glow,.fsl.pop,.step.stamp{animation:none}.fsl{opacity:1}}.finale .fk{font-family:var(--mono);letter-spacing:.14em;color:var(--gold-strong);white-space:nowrap;font-size:11px}.finale .fbody b{font-family:var(--display);font-size:17px;display:block}.finale .fbody span{color:var(--mut);font-size:13px}.route{flex-direction:column;gap:12px;max-width:820px;margin:0;padding:0;list-style:none;display:flex}.step{background:var(--card);border:1px solid var(--line);box-shadow:var(--sh-sm);border-radius:10px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 18px;display:grid}.step .n{background:var(--paper);width:40px;height:40px;font-family:var(--marq);color:var(--mut);border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.step.ok .n{background:var(--gold);color:var(--p-cocoa-900)}.step.next{border:2px solid var(--gold)}.step.next .n{background:var(--p-cocoa-900);color:var(--p-paper-100)}.step.say{background:var(--p-paper-25)}.step.say .n{border:2px dashed var(--gold2)}.step .k{font-family:var(--mono);letter-spacing:.14em;color:var(--mut);font-size:11px}.step b{font-family:var(--display);margin:2px 0;font-size:17px;display:block}.step.ok b{color:var(--mut);text-decoration:line-through;text-decoration-color:var(--gold)}.step p{color:var(--mut);margin:0;font-size:13.5px;line-height:1.55}.step .imp{color:var(--p-cocoa-900);margin-top:4px;font-weight:800}.step .tpl{margin-top:4px}.step .tpl q{color:var(--ink);font-style:italic}.step .act{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.step .lnk{color:var(--mut);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:12.5px;text-decoration:underline}.after{margin:30px 0 10px}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:10px;display:grid}.cards .c{background:var(--p-paper-25);border:1px solid var(--line);color:var(--ink);border-radius:10px;flex-direction:column;gap:6px;padding:14px;text-decoration:none;display:flex}.cards .c:hover{border-color:var(--gold)}.cards b{font-family:var(--display);font-size:16px}.cards span{color:var(--mut);font-size:13px;line-height:1.5}.sub{color:var(--mut);font-size:13px;line-height:1.6}.foot{margin:18px 0 30px}p.sub.foot{color:var(--ink);font-size:14.5px;font-weight:700}.foot code{background:var(--paper);border-radius:4px;padding:1px 6px}@media (width<=900px){h1.ttl{font-size:28px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.step{grid-template-columns:36px minmax(0,1fr);padding:12px 14px}.step .n{width:32px;height:32px;font-size:15px}.step .act{flex-flow:wrap;grid-column:2;align-items:center}.finale{grid-template-columns:1fr}.finale .btn{justify-self:start}}