:root{--wall-map-ink:color-mix(in oklab, var(--foreground) 70%, var(--gold));--wall-map-a:.24;--wall-route-a:.75;--wall-pattern-a:.19;--wall-frieze-a:.32;--wall-walker:color-mix(in oklab, var(--gold) 80%, black)}.dark{--wall-map-ink:var(--gold);--wall-map-a:.3;--wall-route-a:.8;--wall-pattern-a:.13;--wall-frieze-a:.26;--wall-walker:color-mix(in oklab, var(--gold) 50%, white)}.wall-map-fold,.wall-pattern,.wall-map-footer,.wall-frieze{z-index:-1;pointer-events:none;position:absolute}.wall-map-fold:before,.wall-map-fold:after,.wall-pattern:before,.wall-map-footer:before,.wall-map-footer:after{content:"";position:absolute;inset:0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.wall-map-fold:before,.wall-map-footer:before{image-rendering:pixelated;background-color:var(--wall-map-ink);opacity:var(--wall-map-a)}.wall-map-fold:after,.wall-map-footer:after{background-color:var(--gold);opacity:var(--wall-route-a)}.wall-map-fold{inset-inline:0;--wall-fold-mask:radial-gradient(760px 220px at 50% 112px, transparent 50%, #000 70%), linear-gradient(transparent 0, #000 32px, #000 150px, transparent 290px);height:440px;-webkit-mask-image:var(--wall-fold-mask);-webkit-mask-composite:source-in;-webkit-mask-image:var(--wall-fold-mask);mask-image:var(--wall-fold-mask);top:0;overflow:clip;-webkit-mask-composite:source-in;mask-composite:intersect}.wall-map-fold:before,.wall-map-fold:after{-webkit-mask-position:max(-680px,50% - 760px) 0,right max(-810px,50% - 760px) top 0;mask-position:max(-680px,50% - 760px) 0,right max(-810px,50% - 760px) top 0;-webkit-mask-size:1520px 440px,1520px 440px;mask-size:1520px 440px,1520px 440px}.wall-map-fold:before{-webkit-mask-image:url(/wallpapers/fold-thais-map.webp),url(/wallpapers/fold-venore-map.webp);mask-image:url(/wallpapers/fold-thais-map.webp),url(/wallpapers/fold-venore-map.webp)}.wall-map-fold:after{-webkit-mask-image:url(/wallpapers/fold-thais-route.svg),url(/wallpapers/fold-venore-route.svg);mask-image:url(/wallpapers/fold-thais-route.svg),url(/wallpapers/fold-venore-route.svg)}@media (max-width:640px){.wall-map-fold{--wall-fold-mask:radial-gradient(330px 290px at 100% 0, #000 30%, transparent 100%), linear-gradient(transparent 0, #000 24px, #000 130px, transparent 250px);height:360px}.wall-map-fold:before,.wall-map-fold:after{-webkit-mask-position:right -762px top -60px;mask-position:right -762px top -60px;-webkit-mask-size:1520px 440px;mask-size:1520px 440px}.wall-map-fold:before{opacity:calc(var(--wall-map-a) * .9);-webkit-mask-image:url(/wallpapers/fold-thais-map.webp);mask-image:url(/wallpapers/fold-thais-map.webp)}.wall-map-fold:after{clip-path:inset(76px 32px calc(100% - 106px) calc(100% - 58px));-webkit-mask-image:url(/wallpapers/fold-thais-route.svg);mask-image:url(/wallpapers/fold-thais-route.svg)}}@keyframes wall-fade-in{0%{opacity:0}}@keyframes wall-pin-drop{0%{opacity:0;transform:translateY(-3px)}}@keyframes wall-route-draw{to{stroke-dashoffset:0}}.wall-map-fold:not([data-seen]):before{animation:wall-fade-in .7s var(--motion-ease-out) both}.wall-map-fold:not([data-seen]):after{animation:wall-fade-in .5s .2s var(--motion-ease-out) both}.wall-route-live{display:none}@media (min-width:641px){.wall-map-fold:not([data-seen]):after{display:none}.wall-route-live{color:var(--gold);opacity:var(--wall-route-a);display:block;position:absolute;inset:0}.wall-map-fold[data-seen] .wall-route-art{display:none}.wall-route-live svg{width:1520px;height:440px;position:absolute;top:0;overflow:visible}.wall-route-live .thais{left:max(-680px,50% - 1520px)}.wall-route-live .venore{right:max(-810px,50% - 1520px)}.wall-walker-lead{fill:var(--wall-walker)}.wall-route-pin{animation:wall-pin-drop .32s var(--motion-ease-out) .15s both}.wall-route-draw{stroke-dasharray:1;stroke-dashoffset:1px;animation:1s cubic-bezier(.45,0,.55,1) .3s both wall-route-draw}.wall-route-live .venore .wall-route-draw{animation-duration:1.1s;animation-delay:1.2s}.wall-route-live .venore .wall-route-pin{animation-delay:2.1s}}@media (prefers-reduced-motion:reduce){.wall-route-walker{display:none}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){@keyframes wall-fold-depth{to{opacity:.35;translate:0 110px}}.wall-map-fold{animation:linear both wall-fold-depth;animation-timeline:scroll(root);animation-range:0 420px}}}.wall-pattern{inset-inline:0;height:300px;top:0}@supports (mask-composite:intersect){.wall-pattern:before{background-color:var(--gold);opacity:var(--wall-pattern-a);-webkit-mask-image:url(/wallpapers/pattern.svg),linear-gradient(270deg,#000 0 14%,#0000 40%),linear-gradient(#0000 0,#000 28px 150px,#0000 280px);mask-image:url(/wallpapers/pattern.svg),linear-gradient(270deg,#000 0 14%,#0000 40%),linear-gradient(#0000 0,#000 28px 150px,#0000 280px);-webkit-mask-position:right -24px top -10px,0 0,0 0;mask-position:right -24px top -10px,0 0,0 0;-webkit-mask-size:384px 288px,100% 100%,100% 100%;mask-size:384px 288px,100% 100%,100% 100%;-webkit-mask-repeat:repeat,no-repeat,no-repeat;mask-repeat:repeat,no-repeat,no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}@media (max-width:640px){.wall-pattern{height:230px}.wall-pattern:before{-webkit-mask-image:url(/wallpapers/pattern.svg),linear-gradient(270deg,#000 0 34px,#0000 42px),linear-gradient(#0000 0,#000 20px 130px,#0000 220px);mask-image:url(/wallpapers/pattern.svg),linear-gradient(270deg,#000 0 34px,#0000 42px),linear-gradient(#0000 0,#000 20px 130px,#0000 220px);-webkit-mask-position:right -36px top -6px,0 0,0 0;mask-position:right -36px top -6px,0 0,0 0}}}@supports not (mask-composite:intersect){.wall-pattern{display:none}}:is(main:has(>.wall-map-fold)>.wall-pattern,main:has([data-no-wallpaper])>.wall-pattern){display:none}.wall-map-footer{inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(0deg,#000 0 80px,#0000 260px);mask-image:linear-gradient(0deg,#000 0 80px,#0000 260px)}.wall-map-footer:before,.wall-map-footer:after{-webkit-mask-position:right max(-200px,50% - 296px) bottom -110px;mask-position:right max(-200px,50% - 296px) bottom -110px;-webkit-mask-size:1200px 400px;mask-size:1200px 400px}.wall-map-footer:before{opacity:calc(var(--wall-map-a) * .75);-webkit-mask-image:url(/wallpapers/footer-port-map.webp);mask-image:url(/wallpapers/footer-port-map.webp)}.wall-map-footer:after{-webkit-mask-image:url(/wallpapers/footer-port-route.svg);mask-image:url(/wallpapers/footer-port-route.svg)}@media (max-width:1279px){.wall-map-footer:after{display:none}}@media (max-width:640px){.wall-map-footer{-webkit-mask-image:radial-gradient(300px 260px at 100% 100%,#000 20%,#0000 100%);mask-image:radial-gradient(300px 260px at 100% 100%,#000 20%,#0000 100%)}.wall-map-footer:before{opacity:calc(var(--wall-map-a) * .55)}.wall-map-footer:after{display:none}}.wall-frieze{inset-inline:0;background-color:var(--gold);height:20px;opacity:var(--wall-frieze-a);top:8px;-webkit-mask:url(/wallpapers/frieze.svg) 50% 0/32px 20px repeat-x;mask:url(/wallpapers/frieze.svg) 50% 0/32px 20px repeat-x}@media (prefers-contrast:more),(forced-colors:active),print{.wall-map-fold,.wall-pattern,.wall-map-footer,.wall-frieze{display:none}}
@keyframes word-in{0%{opacity:0;filter:blur(8px);translate:0 .28em}}.hero-words>span{animation:word-in .46s var(--motion-ease-out) calc(var(--i,0) * 40ms) backwards;display:inline-block}.hero-lede{animation:rise .42s var(--motion-ease-out) .26s backwards}@keyframes reveal{0%{opacity:0;translate:0 16px}}[data-revealed=armed]{opacity:0}[data-revealed=in]{animation:reveal .52s var(--motion-ease-out) backwards}[data-revealed=in] [data-reveal-item]{animation:reveal .46s var(--motion-ease-out) calc(.1s + var(--i,0) * 35ms) backwards}@media print{[data-revealed]{opacity:1!important}}@media (hover:hover) and (pointer:fine){.spotlight{isolation:isolate;position:relative}.spotlight:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--gold) 10%, transparent), transparent 70%);opacity:0;transition:opacity .26s var(--motion-ease-out);position:absolute;inset:0}.spotlight:hover:before{opacity:1}}:root{--fx-spark:var(--gold)}.dark{--fx-spark:color-mix(in oklab, var(--gold) 55%, white)}@keyframes boost-breathe{50%{opacity:.6;scale:.9}}@keyframes boost-mote{0%{opacity:0;translate:0}20%{opacity:1}to{opacity:0;translate:0 -48px}}.boost-aura{flex-shrink:0;display:inline-flex;position:relative}.boost-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--gold) 34%, transparent), transparent);border-radius:50%;animation:3.2s ease-in-out infinite boost-breathe;position:absolute;inset:-10px}.boost-mote{z-index:2;bottom:4px;left:var(--x);background:var(--fx-spark);width:3px;height:3px;box-shadow:0 0 4px color-mix(in srgb, var(--gold) 80%, transparent);opacity:0;animation:2.4s steps(16,end) infinite boost-mote;position:absolute}@media (prefers-reduced-motion:reduce){.boost-mote{display:none}}.hub-art .hub-anim{opacity:0}@media (hover:hover) and (prefers-reduced-motion:no-preference){.group:hover .hub-art .hub-anim{opacity:1}.group:hover .hub-art:has(.hub-anim) .hub-still{opacity:0}}@keyframes leader-draw{0%{scale:0 1}}.quest-leader{transform-origin:0}[data-revealed=in] .quest-leader{animation:leader-draw .6s var(--motion-ease-out) calc(.3s + var(--i,0) * 35ms) backwards}@keyframes equip{0%{opacity:0;translate:0 -6px;scale:1.25}}@keyframes slot-flash{0%{border-color:var(--gold)}}.set-equip [role=list]>:nth-child(2){--k:1}.set-equip [role=list]>:nth-child(3){--k:2}.set-equip [role=list]>:nth-child(4){--k:3}.set-equip [role=list]>:nth-child(5){--k:4}.set-equip [role=list]>:nth-child(6){--k:5}.set-equip [role=list]>:nth-child(7){--k:6}.set-equip [role=list]>:nth-child(8){--k:7}.set-equip [role=list]>:nth-child(9){--k:8}.set-equip [role=list]>:nth-child(n+10){--k:9}[data-revealed=in] .set-equip a{--at:calc(.2s + var(--card,0) * 90ms + var(--k,0) * 45ms);animation:slot-flash .6s ease-out calc(var(--at) + .2s)}[data-revealed=in] .set-equip a>span{animation:equip .28s var(--motion-ease-out) var(--at) backwards}.set-slot>[data-k]:not([data-k="0"]),.set-slot[data-show]>[data-k]{display:none}.set-slot[data-show="0"]>[data-k="0"],.set-slot[data-show="1"]>[data-k="1"],.set-slot[data-show="2"]>[data-k="2"],.set-slot[data-show="3"]>[data-k="3"]{display:flex}.set-slot[data-show] .set-card-text{animation:rise .32s var(--motion-ease-out) backwards}.set-slot[data-show] .set-equip a{--at:calc(80ms + var(--k,0) * 45ms);animation:slot-flash .6s ease-out calc(var(--at) + .2s)}.set-slot[data-show] .set-equip a>span{animation:equip .28s var(--motion-ease-out) var(--at) backwards}@keyframes pin-light{0%{opacity:0;scale:2.6}}@keyframes pin-label-in{0%{opacity:0}}.map-pin{transition:opacity .2s ease, scale .22s var(--motion-ease-out), box-shadow .22s var(--motion-ease-out);box-shadow:0 0 0 2px #0009}.map-teaser-art[data-on] .map-pin{opacity:.35}.map-teaser-art .map-pin-hit[data-on] .map-pin{opacity:1;box-shadow:0 0 0 2px #0009, 0 0 0 5px color-mix(in srgb, var(--gold) 35%, transparent);scale:1.75}[data-revealed=in] .map-pin{animation:pin-light .42s var(--motion-ease-out) calc(.3s + var(--i,0) * 40ms) backwards}.map-pin-label{z-index:1;translate:var(--lx,-50%) var(--ly,calc(-100% - 12px));border:1px solid color-mix(in srgb, var(--gold) 50%, transparent);background:var(--popover);color:var(--popover-foreground);white-space:nowrap;pointer-events:none;border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;line-height:1.25rem;animation:.14s pin-label-in;display:inline-flex;position:absolute}.map-pin-label[data-picked]{pointer-events:auto}@keyframes page-turn{0%{opacity:1;fill:var(--mark-page);scale:1}50%{translate:0 -.6px;scale:0 1}80%{fill:var(--mark-page);stroke-width:.6px}to{opacity:1;fill:currentColor;stroke-width:0;translate:0;scale:-1 1}}.mark-page{--mark-page:color-mix(in oklab, currentColor 62%, white);opacity:0;transform-box:fill-box;transform-origin:-1px;stroke:var(--background);stroke-width:.6px;paint-order:stroke}@keyframes tile-hop{0%,to{translate:0}30%,65%{translate:0 -.125em}}@media (hover:hover){a:hover>.wordmark .mark-page,.wordmark:hover .mark-page{animation:page-turn .56s var(--motion-ease-in-out)}a:hover>.wordmark .wordmark-tile,.wordmark:hover .wordmark-tile{animation:.38s step-end .48s tile-hop}a:hover>.wordmark .wordmark-tile[data-hop],.wordmark:hover .wordmark-tile[data-hop]{animation-delay:.57s}}