html[data-fx="3d"] body{background:transparent}.fx-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;display:block;animation:fx-fade calc(var(--dur-fade, .36s) * 3) var(--ease-out, ease-out) both}@keyframes fx-fade{0%{opacity:0}to{opacity:1}}:root{--fx-c: var(--accent, #e65100)}html[data-fx-route=maps]{--fx-c: #43a047}html[data-fx-route=mobs]{--fx-c: #e65100}html[data-fx-route=classes]{--fx-c: #5c6bc0}html[data-fx-route=gear]{--fx-c: #b7791f}html[data-fx-route=craft]{--fx-c: #8d6e63}html[data-fx-route=raids]{--fx-c: #c62828}html[data-fx-route=gacha]{--fx-c: #d81b60}html[data-fx-route=looks]{--fx-c: #ec407a}html[data-fx-route=ranking]{--fx-c: #d69e2e}html[data-fx-route=live]{--fx-c: #0288d1}.fx-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:60;pointer-events:none}.fx-progress i{display:block;height:100%;transform-origin:0 50%;transform:scaleX(0);opacity:0;background:linear-gradient(90deg,var(--fx-c),color-mix(in srgb,var(--fx-c) 55%,#ffd54f));box-shadow:0 0 10px color-mix(in srgb,var(--fx-c) 60%,transparent);transition:opacity var(--dur-3, .36s) var(--ease-out, ease-out)}.fx-in{animation:fx-rise var(--dur-3, .36s) var(--ease-out, ease-out) both;animation-delay:calc(var(--fx-i, 0) * var(--stagger, 45ms))}.fx-in-head{animation-name:fx-drop;animation-duration:var(--dur-2, .22s)}.fx-in-body{animation-delay:calc(var(--fx-i, 0) * var(--stagger, 45ms) + var(--dur-1, .12s))}@keyframes fx-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fx-drop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.fx-tilt{transition:transform var(--dur-1, .12s) var(--ease-out, ease-out),box-shadow var(--dur-2, .22s) var(--ease-out, ease-out)!important;position:relative;box-shadow:0 14px 30px -12px color-mix(in srgb,var(--fx-c) 45%,rgba(0,0,0,.35))}.fx-tilt:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:2;background:radial-gradient(260px circle at var(--fx-gx, 50%) var(--fx-gy, 50%),rgba(255,255,255,.28),transparent 60%);mix-blend-mode:soft-light}.fx-ripple{position:fixed;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;pointer-events:none;z-index:70;opacity:0;border:2px solid var(--fx-c);box-shadow:0 0 12px var(--fx-c)}.fx-ripple[hidden]{display:none}.fx-ripple.go{animation:fx-ripple calc(var(--dur-3, .36s) * 1.6) var(--ease-out, ease-out) forwards}@keyframes fx-ripple{0%{transform:scale(1);opacity:.7}to{transform:scale(5);opacity:0}}.fx-on .nav a.on,.fx-on .nav a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--fx-c);transition:box-shadow var(--dur-3, .36s) var(--ease-out, ease-out)}@media (prefers-reduced-motion: reduce){.fx-canvas,.fx-in{animation:none}.fx-ripple{display:none}}@media print{.fx-canvas,.fx-progress,.fx-ripple{display:none!important}}.legacy-host{display:contents}.shell-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}html.shell-lock{overflow:hidden}html.shell-lock .bgm{opacity:0;pointer-events:none}@keyframes shell-spin{to{transform:rotate(360deg)}}@keyframes shell-fade{0%{opacity:0}to{opacity:1}}header.top{transition:box-shadow .28s var(--ease, ease);flex-wrap:nowrap}header.top.is-compact{padding-top:5px;padding-bottom:5px;box-shadow:0 2px #b89a7659,0 14px 36px #5c3a142e}.brand .leaf,.brand-t small{transition:transform .25s var(--ease-out, ease),opacity .2s ease}.top.is-compact .brand .leaf{transform:scale(.82)}.top.is-compact .brand:hover .leaf{transform:rotate(-10deg) scale(.95)}.top.is-compact .brand-t small{opacity:0;transform:translateY(-3px)}.top .nav{position:relative;flex:0 1 auto;min-width:0;flex-wrap:nowrap}.top .nav.nav-scroll{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%)}.brand-t small,.auth-btn{white-space:nowrap}.top .nav a{flex:0 0 auto;position:relative;z-index:1}.nav-pill{position:absolute;left:0;top:0;width:0;height:0;z-index:0;opacity:0;border-radius:var(--rad-pill);pointer-events:none;background:linear-gradient(180deg,var(--accent-ink) 0%,var(--accent-ink-deep) 100%);box-shadow:0 4px 14px #e6510059,inset 0 1px #ffffff73;border:1px solid rgba(255,255,255,.4);box-sizing:border-box;transform-origin:0 0;transition:transform .38s var(--ease-out, ease),width .38s var(--ease-out, ease),opacity .2s ease}.nav.has-pill a.on{background:transparent;box-shadow:none;border-color:transparent}.fx-on .nav.has-pill a.on{box-shadow:none}.top .search{display:flex;align-items:center;position:relative}.search .search-ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted-brown);width:17px;height:17px;z-index:1}.search input{padding-left:38px;padding-right:48px}.search-kbd{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;font:700 10.5px Nunito,system-ui,sans-serif;letter-spacing:.3px;color:var(--muted-brown);border:1px solid var(--wood-border);border-radius:5px;padding:1px 6px;background:var(--card-wood);display:none;transition:opacity .15s ease}@media (hover: hover) and (min-width: 769px){.search-kbd{display:block}}.search input:focus~.search-kbd{opacity:0}.search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.qbox{padding:6px 8px 8px}.qgroup-h{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 10px 4px;font-size:var(--fs-3xs);font-weight:800;letter-spacing:.06em;color:var(--muted-brown);position:sticky;top:-6px;background:var(--card);z-index:1}.qgroup-h small{font-size:var(--fs-3xs);color:var(--text-brown);background:var(--card-wood);border:1px solid var(--wood-border);border-radius:var(--rad-pill);padding:0 7px;line-height:1.6;font-weight:700}.qgroup+.qgroup{border-top:1px solid var(--line);margin-top:4px}.qbox mark{background:#f2652238;color:inherit;border-radius:3px;padding:0 1px}.qbox .qt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qbox .qph{width:32px;height:32px;flex:none;display:grid;place-items:center;color:var(--muted-brown);background:var(--card-wood);border-radius:var(--rad-sm);border:1px solid var(--line)}.qbox a:hover,.qbox a.active{background:#f265221f}.qstate{padding:14px 12px;color:var(--muted);display:flex;align-items:center;gap:10px;font-weight:600;font-size:var(--fs-2xs)}.qspin{width:16px;height:16px;flex:none;border:2px solid var(--wood-border);border-top-color:var(--accent-orange);border-radius:50%;animation:shell-spin .75s linear infinite}.qempty{display:block}.qempty b{display:block;color:var(--text-dark);margin-bottom:6px;font-size:var(--fs-xs)}.qempty ul{margin:0;padding-left:18px;line-height:1.8}.qrecent{display:flex;width:100%;align-items:center;gap:10px;padding:10px 12px;min-height:44px;border:0;background:none;font:inherit;font-weight:600;color:var(--text-dark);border-radius:var(--rad-sm);cursor:pointer;text-align:left}.qrecent .i{color:var(--muted-brown)}.qrecent:hover,.qrecent.active{background:#f265221f;color:var(--accent)}.qclear{border:0;background:none;font:inherit;font-size:var(--fs-3xs);color:var(--accent);cursor:pointer;font-weight:800;padding:2px 6px;border-radius:var(--rad-sm)}.search-btn{display:none;width:44px;height:44px;flex:none;margin-left:auto;border-radius:50%;border:1.5px solid var(--wood-border);background:var(--card);color:var(--text-brown);place-items:center;cursor:pointer;box-shadow:inset 0 1px 3px #0000000a}.search-btn .i{width:20px;height:20px;pointer-events:none}.search-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;overflow:auto;background:var(--bg-paper);padding:calc(10px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));animation:shell-fade .18s ease-out both}.search-layer-bar{display:flex;gap:10px;align-items:flex-start}.search-layer .search{order:0}.search-layer-x{order:1}.search-layer .search{flex:1;margin:0;position:relative;display:block}.search-layer .search .search-ic{top:22px}.search-full input{width:100%;min-width:0;font-size:16px}.search-full .search-kbd{display:none}.search-full .qbox{position:static;width:100%;max-height:none;margin-top:10px}.search-layer-x{height:44px;flex:none;border:0;background:none;font:inherit;font-weight:800;color:var(--accent);padding:0 8px;cursor:pointer;border-radius:var(--rad-sm)}.search-layer-hint{margin:10px 2px 0;font-size:var(--fs-2xs)}.tabbar,.sheet,.sheet-scrim{display:none}@media (max-width: 768px){.top .search,.top .nav{display:none}.search-btn{display:grid}.tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--card);border-top:2px solid var(--wood-border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px #825a231a}.tabbar a,.tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;border:0;background:none;font:inherit;font-size:var(--fs-3xs);font-weight:800;color:var(--muted);border-radius:var(--rad-md);padding:4px 2px;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent}.tabbar .i{width:22px;height:22px;transition:transform .2s var(--ease-out, ease);pointer-events:none}.tabbar .on{color:var(--accent)}.tabbar .on .i{transform:translateY(-1px) scale(1.08)}.tabbar .on:before{content:"";position:absolute;top:-8px;left:50%;width:22px;height:3px;border-radius:3px;background:var(--accent-orange);transform:translate(-50%)}main#app{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.foot{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.sheet-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#140c0473;opacity:0;pointer-events:none;transition:opacity .25s ease}.sheet-scrim.open{opacity:1;pointer-events:auto}.sheet{display:block;position:fixed;left:0;right:0;bottom:0;z-index:46;background:var(--bg-paper);border-top:2px solid var(--wood-border);border-radius:var(--rad-lg) var(--rad-lg) 0 0;padding:8px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px #0000002e;transform:translateY(100%);visibility:hidden;transition:transform .32s var(--ease-out, ease),visibility 0s linear .32s}.sheet.open{transform:none;visibility:visible;transition:transform .32s var(--ease-out, ease),visibility 0s}.sheet-handle{width:40px;height:4px;border-radius:2px;background:var(--wood-border-dark);margin:0 auto 10px}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:var(--text-title)}.sheet-x{width:44px;height:44px;border:0;background:none;display:grid;place-items:center;color:var(--muted-brown);cursor:pointer;border-radius:50%}.sheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sheet-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:72px;border:1.5px solid var(--wood-border);border-radius:var(--rad-md);background:var(--card);font-weight:800;font-size:var(--fs-xs);color:var(--text-brown)}.sheet-grid a .i{width:24px;height:24px;pointer-events:none}.sheet-grid a.on{border-color:var(--accent-orange);color:var(--accent);background:#f2652214}}.toasts{position:fixed;right:18px;bottom:calc(92px + env(safe-area-inset-bottom));z-index:95;display:flex;flex-direction:column;gap:8px;pointer-events:none;width:min(360px,calc(100vw - 36px))}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:10px 8px 10px 14px;border-radius:var(--rad-md);background:var(--card);color:var(--text-dark);border:1.5px solid var(--wood-border);border-left:4px solid var(--accent-orange);box-shadow:var(--shadow-hover);font-weight:600;font-size:var(--fs-xs);line-height:1.5;animation:toast-in .28s var(--ease-out, ease) both}.toast-ok{border-left-color:var(--green)}.toast-warn{border-left-color:var(--accent-gold-light)}.toast-err{border-left-color:var(--red)}.toast-ic{flex:none;color:var(--accent-orange)}.toast-ok .toast-ic{color:var(--green)}.toast-warn .toast-ic{color:var(--accent-gold)}.toast-err .toast-ic{color:var(--red)}.toast-msg{flex:1;min-width:0;overflow-wrap:anywhere}.toast-x .i,.sheet-x .i,.to-top .i{pointer-events:none}.toast-x{flex:none;border:0;background:none;width:32px;height:32px;display:grid;place-items:center;color:var(--muted);border-radius:50%;cursor:pointer}.toast-x:hover{background:#f265221f;color:var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (max-width: 768px){.toasts{left:16px;right:16px;width:auto;bottom:calc(140px + env(safe-area-inset-bottom))}}#app{view-transition-name:page}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(page){animation:vt-out .16s ease-in both}::view-transition-new(page){animation:vt-in .3s var(--ease-out, ease) both}@keyframes vt-out{to{opacity:0;transform:translateY(-6px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(10px)}}.sk-rows{display:grid;gap:var(--sp-3, 12px)}.sk-row{height:44px;border-radius:var(--rad-sm);border:1px solid var(--line);background:linear-gradient(100deg,var(--card-parchment) 28%,var(--card-wood) 42%,var(--card-parchment) 58%);background-size:280% 100%;animation:sk-sweep 1.5s var(--ease-in-out, ease-in-out) infinite}.sk-row:first-child{height:36px;opacity:.8}.sk-row:nth-child(2n){width:96%}.to-top{position:fixed;left:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:39;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--wood-border);background:var(--card);color:var(--accent);display:grid;place-items:center;box-shadow:var(--shadow-card);cursor:pointer;opacity:0;transform:translateY(12px) scale(.9);pointer-events:none;transition:opacity .22s ease,transform .22s var(--ease-out, ease),box-shadow .2s ease}.to-top.show{opacity:1;transform:none;pointer-events:auto}.to-top:hover{box-shadow:var(--shadow-hover)}.to-top .i{width:20px;height:20px;transform:rotate(-90deg)}@media (max-width: 768px){.to-top{bottom:calc(84px + env(safe-area-inset-bottom));left:16px}.bgm.bgm{bottom:calc(84px + env(safe-area-inset-bottom))}}.foot-tools{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.theme-sw{display:inline-flex;border:1px solid var(--line);border-radius:var(--rad-pill);padding:2px;background:var(--card)}.theme-sw button{border:1px solid transparent;background:none;font:inherit;font-size:var(--fs-2xs);min-height:28px;padding:2px 10px;border-radius:var(--rad-pill);color:var(--muted);cursor:pointer;transition:color .15s ease,background .15s ease}.theme-sw button.on{background:var(--card-wood);color:var(--text-brown);font-weight:700;border-color:var(--wood-border)}@media (max-width: 768px){.foot-tools{margin-left:0;width:100%;justify-content:space-between}.theme-sw button{min-height:40px;padding:0 14px}.foot-login{min-height:44px}}@media (prefers-reduced-motion: reduce){.nav-pill,.brand .leaf,.brand-t small,header.top,.sheet,.sheet-scrim,.to-top,.tabbar .i{transition:none}.toast,.search-layer,.qspin,.sk-row{animation:none}.sk-row{background:var(--card-parchment)}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.cls{--path: var(--line-strong);--path-w: 2px}.cls .sub{margin-top:4px}.cls .jtree-start{position:relative;align-items:center;gap:14px;margin:18px 0 0;padding:12px 18px 22px 14px;border:1.5px solid var(--line-strong);border-radius:var(--rad-lg);background:linear-gradient(100deg,var(--bg-paper) 0%,var(--card-wood) 100%);box-shadow:var(--e1),var(--rim)}.cls .start-tag{flex:0 0 auto;padding:7px 13px;border-radius:var(--rad-pill);font:900 12px/1 Nunito,Noto Sans TC,sans-serif;letter-spacing:.1em;color:var(--on-solid);background:linear-gradient(180deg,var(--accent-ink) 0%,var(--accent-ink-deep) 100%)}.cls .jtree-start .jcard{flex:0 0 238px;--fc: var(--fc, #98a4bd)}.cls .start-hint{flex:1 1 240px;min-width:0;margin:0;font-size:var(--fs-2xs);font-weight:700;line-height:1.7;color:var(--muted-brown)}.cls .jtree-start:after{content:"";position:absolute;left:50%;bottom:-26px;width:var(--path-w);height:26px;margin-left:calc(var(--path-w) / -2);background:var(--path);transition:background .25s ease}.cls .jtree{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:26px 0 12px;align-items:stretch;padding-top:14px}.cls .jtree:before{content:"";position:absolute;top:0;left:10%;right:10%;height:var(--path-w);background:var(--path);transition:background .25s ease}.cls.has-hot .jtree-start:after,.cls.has-hot .jtree:before{background:var(--accent-gold-light)}.cls .famcol{position:relative;display:flex;flex-direction:column;gap:10px;padding:16px;min-width:0;background:var(--card);border:1.5px solid var(--wood-border);border-top:4px solid var(--fc);border-radius:var(--rad-lg);box-shadow:var(--e2),var(--rim);transition:box-shadow .3s var(--ease),transform .3s var(--ease);scroll-margin-top:80px}.cls .famcol.hot{box-shadow:var(--e3),var(--rim);--path: var(--fc)}.cls .famcol:before{content:"";position:absolute;top:-18px;left:50%;width:var(--path-w);height:14px;margin-left:calc(var(--path-w) / -2);background:var(--path);transition:background .25s ease}.cls .famcol.hot:before{background:var(--fc)}.cls .famhead{position:relative;display:grid;justify-items:center;gap:4px;text-align:center;margin:-16px -16px 2px;padding:14px 12px 12px;min-height:0;border-bottom:1px solid var(--line);border-radius:14px 14px 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--fc) 20%,var(--bg-paper)) 0%,color-mix(in srgb,var(--fc) 5%,var(--bg-paper)) 65%,var(--card) 100%)}.cls .famhead:after{content:"";grid-row:1;grid-column:1;align-self:end;justify-self:center;width:78px;height:16px;margin-bottom:1px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(110,75,40,.28) 0%,transparent 72%)}.cls .famhead .fportrait{position:relative;z-index:1;grid-row:1;grid-column:1;width:72px;max-height:80px;filter:drop-shadow(0 4px 7px rgba(90,60,25,.26));transition:transform .34s var(--ease)}.cls .famcol.hot .famhead .fportrait{transform:translateY(-3px)}.cls .famhead .fn{font-size:var(--fs-md);letter-spacing:-.01em;margin-top:2px}.cls .famhead .fs{min-height:2.9em;display:flex;align-items:center;justify-content:center;font-size:var(--fs-3xs);line-height:1.45;color:var(--text-brown);max-width:22ch;margin:0 auto}.cls .jcard{position:relative;min-height:44px;outline-offset:2px}.cls .jcard:focus-visible{outline:2px solid var(--accent-orange);border-color:var(--fc)}.cls .jcard .jt{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;gap:1px}.cls .jcard .n,.cls .jcard .s{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cls .jcard .lock{display:inline-block;align-self:flex-start;margin-top:3px;padding:1px 7px;border-radius:var(--rad-pill);font-size:var(--fs-3xs);font-weight:800;color:var(--red);background:#c6282814;border:1px solid rgba(198,40,40,.3)}.cls .jcard.locked{opacity:.55;filter:saturate(.6)}.cls .jcard.locked:hover,.cls .jcard.locked:focus-visible{opacity:.9;filter:none}.cls .tier.t1 .jcard{flex-direction:column;align-items:center;text-align:center;gap:1px;padding:14px 12px;border-color:color-mix(in srgb,var(--fc) 34%,var(--wood-border));background:linear-gradient(180deg,var(--card) 0%,var(--card-wood) 100%);box-shadow:var(--e1),var(--rim)}.cls .tier.t1 .jcard:after{content:"";position:absolute;left:10px;right:10px;top:10px;height:104px;border-radius:var(--rad-md);border:1px solid rgba(184,154,118,.2);background:radial-gradient(56% 44% at 50% 86%,rgba(130,92,50,.18) 0%,transparent 72%),linear-gradient(170deg,color-mix(in srgb,var(--fc) 9%,var(--bg-paper)) 0%,var(--card-wood) 100%)}.cls .tier.t1 .jcard .janim,.cls .tier.t1 .jcard .jart,.cls .tier.t1 .jcard .jemb{position:relative;z-index:1;margin:0 0 4px;--z: .56;filter:drop-shadow(0 4px 6px rgba(90,60,25,.24));transition:transform .34s var(--ease)}.cls .tier.t1 .jcard .jart{width:74px;height:90px}.cls .tier.t1 .jcard:hover .janim,.cls .tier.t1 .jcard:hover .jart{transform:translateY(-4px)}.cls .tier.t1 .jcard .jt{position:relative;z-index:1;align-items:center;max-width:100%}.cls .tier.t1 .jcard .n{font-size:var(--fs-sm)}.cls .tier.t1 .jcard .lock{align-self:center}.cls .branch{position:relative;display:flex;flex-direction:column;gap:8px;margin-top:2px;padding:26px 0 0 18px}.cls .branch:before{content:"";position:absolute;left:6px;top:-10px;bottom:50%;width:var(--path-w);background:var(--path);transition:background .25s ease}.cls .branch>.jcard:before{content:"";position:absolute;left:-12px;top:50%;width:12px;height:var(--path-w);margin-top:calc(var(--path-w) / -2);background:var(--path);transition:background .25s ease}.cls .branch[data-n="1"]:before{bottom:calc(50% - 4px)}.cls .branch[data-n="2"]:before{bottom:calc(25% - 2px)}.cls .branch[data-n="3"]:before{bottom:calc(16.6% - 1px)}.cls .branch[data-n="4"]:before{bottom:calc(12.5% - 1px)}.cls .rail-label{position:absolute;top:2px;left:18px;padding:3px 9px;border-radius:var(--rad-pill);font:800 11px/1.3 Nunito,Noto Sans TC,sans-serif;letter-spacing:.03em;white-space:nowrap;color:color-mix(in srgb,var(--fc) 72%,#3a2410);background:color-mix(in srgb,var(--fc) 13%,var(--card));border:1px solid color-mix(in srgb,var(--fc) 38%,transparent)}.cls .rail-label b{font-weight:900}.cls .branch .jcard{padding:8px 10px 8px 8px;gap:9px;background:var(--card);box-shadow:var(--e1),var(--rim)}.cls .branch .jcard .janim{--z: .34;margin:-6px 0}.cls .branch .jcard .jart{width:44px;height:54px;margin:-6px 0}.cls .branch .jcard .n{font-size:var(--fs-xs)}.cls .branch .jcard .s{font-size:var(--fs-3xs);letter-spacing:-.01em}.cls .branch.locked .rail-label{color:var(--muted-brown);background:#b89a761f;border-color:var(--line-strong)}.cls .famlater{margin-top:auto;padding-top:10px;border-top:1px dashed var(--line-strong)}.cls .famlater>summary{list-style:none;cursor:pointer;padding:7px 11px;border-radius:var(--rad-md);min-height:36px;font-size:var(--fs-3xs);line-height:1.6;font-weight:800;color:var(--muted-brown);background:#b89a761c;transition:background .2s ease,color .2s ease}.cls .famlater>summary::-webkit-details-marker{display:none}.cls .famlater.all-locked>summary:before{content:"\1f512";margin-right:5px;filter:grayscale(1);opacity:.6}.cls .famlater>summary:hover{background:#e651001a;color:var(--accent)}.cls .famlater .branch{padding-top:6px}.cls .famlater .branch:before{top:0}.cls .famlater .jcard{padding:6px 9px;gap:8px}.cls .famlater .jcard .janim{--z: .3}.cls .famlater .jcard .jart{width:36px;height:44px}.cls .famlater .jcard .n{font-size:var(--fs-2xs)}.cls.enter .jcard{animation:cls-rise .55s var(--ease) both;animation-delay:calc(var(--i, 0) * 45ms)}.cls.enter .famcol{animation:cls-rise .6s var(--ease) both}@keyframes cls-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.cls .famcol[data-rv]{opacity:1;transform:none}.cls .famtabs{display:none}.cls .famslide{grid-template-columns:42px minmax(0,1fr) 42px}.cls .fs-view{grid-area:view;display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--rad-md);outline-offset:4px}.cls .fs-view::-webkit-scrollbar{display:none}.cls .fs-view:focus-visible{outline:2px solid var(--accent-orange)}.cls .fs-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;display:grid;grid-template-columns:232px minmax(0,1fr);gap:26px;align-items:start}.cls .fs-slide>header{position:relative;display:grid;justify-items:center;gap:3px;text-align:center;padding:22px 16px 18px;border:1px solid var(--line);border-radius:var(--rad-lg);background:linear-gradient(180deg,color-mix(in srgb,var(--fc) 22%,var(--bg-paper)) 0%,var(--bg-paper) 74%);box-shadow:var(--e1),var(--rim)}.cls .fs-slide>header:after{content:"";grid-row:1;grid-column:1;align-self:end;justify-self:center;width:108px;height:20px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(110,75,40,.26) 0%,transparent 72%)}.cls .fs-slide>header .fportrait{position:relative;z-index:1;grid-row:1;grid-column:1;width:122px;max-height:136px;filter:drop-shadow(0 6px 11px rgba(90,60,25,.28))}.cls .fs-slide>header>div{margin-top:8px}.cls .fs-slide>header h3{margin:0;font-size:var(--fs-lg);font-weight:900;letter-spacing:-.01em;color:color-mix(in srgb,var(--fc) 62%,var(--text-title))}.cls .fs-slide>header p{margin:2px 0 0;color:var(--muted-brown);font-size:var(--fs-2xs);font-weight:700}.cls .fs-body p{margin:0 0 12px;font-size:var(--fs-xs);line-height:1.95;color:var(--text-brown)}.cls .fs-body p:first-child{font-size:var(--fs-sm)}.cls .fs-body p:last-child{margin-bottom:0}.cls .fs-nav{grid-area:prev}.cls .fs-nav.next{grid-area:next}.cls .fs-nav:disabled{opacity:.35;cursor:default}.cls .fs-nav:disabled:hover{background:var(--bg-paper);color:var(--text-brown);border-color:var(--wood-border);transform:none}.cls .fs-dots{grid-area:dots;display:flex;justify-content:center;gap:8px}.cls .fs-dots .fs-dot.on{background:var(--fc, var(--accent-orange))}.cls .cls-chg{margin-top:4px}.cls .cls-chg h4{color:var(--accent-ink)}@media (min-width: 1024px) and (max-width: 1279px){.cls .jtree{gap:10px}.cls .famcol{padding:12px}.cls .famhead{margin:-12px -12px 2px;padding:12px 10px 10px}.cls .famhead .fportrait{width:62px;max-height:70px}.cls .famhead .fn{font-size:var(--fs-sm)}.cls .tier.t1 .jcard{padding:12px 8px}.cls .tier.t1 .jcard:after{left:7px;right:7px;height:92px}.cls .tier.t1 .jcard .janim{--z: .5}.cls .branch{padding-left:14px}.cls .branch>.jcard:before{left:-9px;width:9px}.cls .branch .jcard{padding:7px 8px 7px 6px;gap:7px}.cls .branch .jcard .janim{--z: .3}.cls .branch .jcard .n{font-size:var(--fs-2xs)}.cls .fs-slide{grid-template-columns:200px minmax(0,1fr);gap:18px}}@media (min-width: 701px) and (max-width: 1023px){.cls .jtree{grid-template-columns:repeat(2,minmax(0,1fr))}.cls .jtree:before,.cls .famcol:before,.cls .jtree-start:after{display:none}.cls .jtree{padding-top:0}.cls .fs-slide{grid-template-columns:1fr}.cls .fs-slide>header{max-width:260px;margin:0 auto}}@media (max-width: 700px){.cls .jtree-start{padding:12px 14px;gap:10px}.cls .jtree-start .jcard{flex:1 1 100%}.cls .start-hint{flex-basis:100%}.cls .jtree-start:after,.cls .jtree:before,.cls .famcol:before{display:none}.cls .famtabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:14px 0 0;padding:2px 0 6px}.cls .famtabs::-webkit-scrollbar{display:none}.cls .famtab{flex:0 0 auto;min-height:44px;padding:8px 14px;border-radius:var(--rad-pill);font:800 var(--fs-2xs) Nunito,"Noto Sans TC",sans-serif;cursor:pointer;color:var(--text-brown);background:var(--card);border:1.5px solid var(--wood-border);transition:background .2s ease,color .2s ease,border-color .2s ease}.cls .famtab.on{color:var(--on-solid);background:color-mix(in srgb,var(--fc) 72%,#3a2410);border-color:transparent}.cls .famtab:focus-visible{outline:2px solid var(--accent-orange);outline-offset:2px}.cls .jtree{display:flex;gap:12px;margin:10px -16px 12px;padding:4px 16px 8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 16px;scrollbar-width:none}.cls .jtree::-webkit-scrollbar{display:none}.cls .famcol{flex:0 0 calc(100vw - 32px);max-width:100%;scroll-snap-align:start;scroll-snap-stop:always}.cls .famlater{margin-top:6px}.cls .famslide{grid-template-columns:44px 1fr 44px;grid-template-areas:"view view view" "prev dots next";gap:14px 8px;padding:18px 14px}.cls .fs-slide{grid-template-columns:1fr;gap:12px}.cls .fs-slide>header{max-width:240px;margin:0 auto;padding:16px 14px 14px}.cls .fs-slide>header .fportrait{width:96px;max-height:110px}.cls .fs-body p{font-size:var(--fs-xs);line-height:1.8}.cls .fs-nav{display:grid;width:44px;height:44px}.cls .fs-nav:hover{transform:none}}@media (prefers-reduced-motion: reduce){.cls.enter .jcard,.cls.enter .famcol{animation:none}.cls .famcol,.cls .fportrait,.cls .janim,.cls .jart,.cls .jcard{transition:none}.cls .fs-view,.cls .jtree{scroll-behavior:auto}}.hero .hero3d{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:1;pointer-events:none;opacity:0;transition:opacity 1.2s ease-out}.hero .hero3d.ready{opacity:1}.hero.has-3d .leaves{display:none}.hero.hero-2d .bg{display:block}.hero-cap small{white-space:nowrap}.players time{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: reduce){.hero .hero3d{transition:none}}@media print{.hero .hero3d{display:none!important}}.bf{display:flex;flex-direction:column;gap:10px;margin:12px 0 20px;padding:14px 18px;background:var(--card);border:2px solid var(--wood-border);border-radius:var(--r);box-shadow:var(--shadow-card)}.bf-row{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;min-width:0}.bf-row>.bchips-wrap{flex:1 1 240px}.bf .bf-search,.bf select,.bf input[type=number]{padding:8px 14px;border-radius:var(--rad-md);border:1.5px solid var(--wood-border);background:var(--bg-paper);color:var(--text-dark);font:inherit;outline:none;font-weight:600}.bf .bf-search{flex:1 1 220px;min-width:0}.bf input[type=number]{width:72px;padding:7px 8px;border-radius:var(--rad-sm);text-align:center;font-weight:700}.bf .bf-search:focus-visible,.bf select:focus-visible,.bf input[type=number]:focus-visible{border-color:var(--accent-orange);background:var(--card);box-shadow:0 0 0 3px #f2652238}.bf label,.bf .range{color:var(--text-brown);font-size:var(--fs-xs);display:flex;gap:6px;align-items:center;font-weight:700}.bf .ck{cursor:pointer}.bf .ck input{accent-color:var(--accent-orange)}.bf .ck input:disabled+*,.bf .ck:has(input:disabled){opacity:.55;cursor:default}.bf-count{font-size:var(--fs-2xs);color:var(--muted-brown);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.bf-count b{color:var(--accent)}.bf-count small{font-weight:600}.bf .view-sw{margin-left:auto}.bf-lv input{margin:0 2px}.bf .chip:focus-visible,.view-sw button:focus-visible{outline:3px solid var(--accent-orange);outline-offset:2px}.bf-sentinel{height:1px;margin-top:-1px}.bf-toggle{display:none}.chip.season:before{content:"\1f341  "}.bchips-wrap{position:relative;min-width:0}.bchips{display:flex;gap:7px;flex-wrap:wrap}.bchips .chip{display:inline-flex;align-items:center;gap:2px;white-space:nowrap;font:inherit;font-size:var(--fs-2xs);font-weight:700;line-height:1.2}.bchips .chip small{font-size:.85em;opacity:.75;font-weight:600;color:inherit}.bchips-wrap:before,.bchips-wrap:after{content:"";position:absolute;top:0;bottom:0;width:34px;pointer-events:none;z-index:1;opacity:0;transition:opacity .2s ease}.bchips-wrap:before{left:0;background:linear-gradient(90deg,var(--card),transparent);border-radius:var(--rad-pill) 0 0 var(--rad-pill)}.bchips-wrap:after{right:0;background:linear-gradient(270deg,var(--card),transparent);border-radius:0 var(--rad-pill) var(--rad-pill) 0}.bchips-wrap.more-l:before,.bchips-wrap.more-r:after{opacity:1}@media (max-width: 720px){.bf{position:sticky;top:var(--top-h, 56px);z-index:20;margin:10px 0 16px;padding:10px 12px;gap:8px;border-width:1.5px;border-radius:var(--rad-md);background:var(--card)}.bf-row{gap:8px}.bf .bf-search,.bf select{min-height:44px;width:100%;box-sizing:border-box}.bf .bf-search{flex-basis:100%}.bf .range{width:100%;display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px}.bf .range input{width:100%;min-width:0;box-sizing:border-box;min-height:44px}.bf .ck,.bf .view-sw button,.bchips .chip{min-height:40px}.bf .view-sw{margin-left:0}.bf-count{width:100%}.bf.stuck{box-shadow:0 8px 22px #5a3c1929}.bf.stuck:not(.open) .bf-sec{display:none}.bf.stuck .bf-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:40px;width:100%;border:1.5px dashed var(--wood-border);border-radius:var(--rad-pill);background:transparent;color:var(--text-brown);font:inherit;font-size:var(--fs-2xs);font-weight:800;cursor:pointer}.bf.stuck .bf-toggle:after{content:" \25be"}.bf.stuck.open .bf-toggle:after{content:" \25b4"}.bf-lv{width:100%}.bf-lv input{flex:0 0 72px;min-height:44px}.bchips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 4px;margin:-2px -4px;scroll-snap-type:x proximity}.bchips::-webkit-scrollbar{display:none}.bchips .chip{scroll-snap-align:start;flex:0 0 auto}.bf-mobs .bf-more-row{gap:6px 10px}.bf-mobs .bf-more-row select,.bf-mobs .bf-more-row .range input{min-height:40px}}.flip-root{position:relative}.mapsec+.mapsec{margin-top:26px}.mapsec h2 small{margin-left:8px;font-size:var(--fs-2xs);font-weight:600}.vshops{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-6px 0 14px;font-size:var(--fs-2xs);color:var(--text-brown);font-weight:700}.vshops .i{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}.flip-move{will-change:transform;z-index:2}.flip-ghost{opacity:1;transition:opacity .18s ease,transform .18s ease;z-index:1}.flip-ghost.go{opacity:0;transform:scale(.96)}.flip-in{animation:bf-in .26s cubic-bezier(.2,.7,.2,1) both}@keyframes bf-in{0%{opacity:0;transform:translate3d(0,10px,0) scale(.98)}to{opacity:1;transform:none}}.card.locked{opacity:.62;filter:saturate(.55)}.card.locked:hover{opacity:.85}.lock-tag{position:absolute;top:10px;right:10px;z-index:2;padding:3px 9px;border-radius:var(--rad-pill);background:#3c2814c7;color:var(--on-solid);font-size:var(--fs-3xs);font-weight:800}.badge.good{color:var(--green)}.badge .i,.card .title small .i{width:13px;height:13px;vertical-align:-2px;stroke:currentColor;fill:none;stroke-width:2}.card .thumb{position:relative;overflow:hidden}.card .thumb img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease}.card .thumb.ok img{opacity:1}.jny-map .jm-thumb img{display:block;width:100%;height:100%;object-fit:cover}.dex .sp{min-height:66px}.dex .sp.noimg:before{content:"\ff1f";color:var(--muted-brown);font-weight:800;align-self:center}.dex .it-ico{width:18px;height:18px;image-rendering:pixelated;flex:0 0 18px}.bf-more{grid-column:1 / -1;display:flex;justify-content:center;padding:14px 0 6px}.bf-more .btn small{margin-left:6px;opacity:.8;font-weight:600;color:inherit}.bf-empty{grid-column:1 / -1;display:grid;gap:12px;justify-items:center}.bf-empty p{margin:0}.dexgrid .bf-more,.dexgrid .bf-empty{grid-column:1 / -1}.browse .mf-rank .mf-where a{text-decoration:none}.browse .mf-rank .mf-where a:hover{text-decoration:underline}@media (prefers-reduced-motion: reduce){.flip-in,.flip-ghost,.flip-move{animation:none!important;transition:none!important;transform:none!important}.flip-ghost{display:none}.card .thumb img{transition:none;opacity:1}}.card .map-mark{position:absolute;left:8px;top:8px;width:38px;height:38px;z-index:2;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.card:has(.map-mark) .badge{left:54px}.jny-map .jm-thumb{position:relative}.jny-map .map-mark{position:absolute;left:3px;top:3px;width:20px;height:20px;z-index:2;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.manim{--z: 1;display:block;flex:none;background-repeat:no-repeat;background-position:0 0;image-rendering:pixelated;width:calc(var(--fw) * 1px * var(--z));height:calc(var(--fh) * 1px * var(--z));background-size:calc(var(--fw) * 1px * var(--z) * var(--n, 1)) calc(var(--fh) * 1px * var(--z))}.dex .sp .manim{--z: min(62 / var(--fh), 90 / var(--fw), 1);margin-bottom:2px}.bk-plate .manim{--z: min(104 / var(--fh), 150 / var(--fw), 1);filter:drop-shadow(0 4px 6px rgba(90,60,25,.28));transition:transform var(--dur-3) var(--ease)}.bk-entry:hover .bk-plate .manim{transform:translateY(-3px) scale(1.07)}@media (max-width: 880px){.bk-plate .manim{--z: min(78 / var(--fh), 84 / var(--fw), 1)}}.hero-mob .manim{--z: min(2, 200 / var(--fh), 280 / var(--fw));margin:20px 0}@media (max-width: 880px){.hero-mob .manim{--z: min(2, 180 / var(--fh), 240 / var(--fw))}}@media (prefers-reduced-motion: reduce){.bk-plate .manim{transition:none}}