.cd{position:relative;flex:none;width:15em;height:22.2em;font-size:10px;perspective:60em;cursor:pointer;font-family:var(--fx-font);-webkit-tap-highlight-color:transparent;user-select:none;transition:transform .45s cubic-bezier(.2,1.1,.3,1),opacity .4s,filter .3s}.cd--common{--cd-tint: #0000;--cd-halo: #f0c46e2e;--cd-rar: #d8b07a;--cd-gem: #cdbb9b;--cd-rim: #0000}.cd--rare{--cd-tint: #2a6aa850;--cd-halo: #5cc0ff4d;--cd-rar: #8fd3ff;--cd-gem: #4fb4ff;--cd-rim: #6cc4ffb3}.cd--epic{--cd-tint: #a8203f5c;--cd-halo: #ffbf4766;--cd-rar: #ffcf5a;--cd-gem: #ff4f6f;--cd-rim: #ffd77acc}.cd--mystic{--cd-tint: #3a1f7a70;--cd-halo: #9ff4ff66;--cd-rar: #c9f7ff;--cd-gem: #b48cff;--cd-rim: #9fe8ffcc}.cd--fold{--cd-tint: #5a3fa85c;--cd-halo: #b49cff4d;--cd-rar: #c9b5ff;--cd-gem: #a88cff;--cd-rim: #b9a2ffa6}.cd__in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.3,1.25,.5,1)}.cd.is-down .cd__in{transform:rotateY(180deg)}.cd__face{position:absolute;inset:0;border-radius:.8em;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--fx-leather) repeat,#2b1c14;box-shadow:inset 0 0 4em var(--cd-tint),0 0 0 1px var(--cd-rim),0 0 .5em var(--cd-rim),0 .5em 1.1em #000c}.cd__back{transform:rotateY(180deg);--cd-tint: #0000;--cd-rim: #0000}.cd__orn{position:absolute;inset:0;z-index:2;pointer-events:none;border:1.7em solid transparent;border-image:url(/ui/frame/panel.svg) 30 / 1.7em stretch}.cd__gem{position:absolute;left:50%;bottom:.2em;z-index:3;width:1.25em;height:1.25em;margin-left:-.625em;transform:rotate(45deg);background:radial-gradient(circle at 35% 35%,#fffc 0,var(--cd-gem) 42%,#0009 100%);border:.16em solid #d0a263;box-shadow:0 0 0 .1em #120a06,0 0 .6em var(--cd-gem)}.cd__emb{position:absolute;inset:0;display:grid;place-items:center}.cd__emb:before{content:"";position:absolute;width:9em;height:9em;background:url(/ui/frame/ring.svg) center / contain no-repeat;opacity:.95}.cd__emb img{position:relative;width:6.4em;height:6.4em;image-rendering:pixelated;filter:drop-shadow(0 0 .8em #6cb8ff88)}.cd__name{position:absolute;top:1.05em;left:1.25em;right:1.25em;height:3em;z-index:3;box-sizing:border-box;border-style:solid;border-color:transparent;border-width:1.05em 2em;border-image:url(/ui/frame/plaque.svg) 22 42 fill / 1.05em 2em stretch}.cd__name span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:600 1.3em/1.2 var(--fx-font);color:var(--fx-ink);text-shadow:var(--fx-shadow);white-space:nowrap}.cd__name.is-mid span{font-size:1.16em}.cd__name.is-long span{font-size:.96em}.cd__art{position:absolute;top:4.35em;left:2.2em;right:2.2em;height:8.6em;z-index:1;box-sizing:border-box;display:grid;place-items:center;border-radius:.5em;background:radial-gradient(circle at 50% 52%,var(--cd-halo) 0,#0000 62%),radial-gradient(ellipse at 50% 40%,#2c1d13,#120a06);border:.18em solid #8a6238;box-shadow:inset 0 0 0 .12em #120a06,inset 0 0 1.6em #000d,0 1px #c39a5f44}.cd__art img{width:7.2em;height:7.2em;image-rendering:pixelated;filter:drop-shadow(0 .25em .2em #000b)}.cd__rar{position:absolute;top:59%;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:.45em;font:600 .98em/1.2 var(--fx-font);color:var(--cd-rar);letter-spacing:.06em;text-shadow:0 1px 1px #000,0 0 .4em #000}.cd__rar:before,.cd__rar:after{content:"";width:.45em;height:.45em;transform:rotate(45deg);background:var(--cd-rar);box-shadow:0 0 0 .08em #120a06}.cd__plate{position:absolute;inset:14.55em 1.65em 1.85em;z-index:1;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:.35em;padding:.45em .6em;text-align:center;background:#150d08d9;border-radius:.4em;box-shadow:inset 0 0 0 .1em #5e3f24,inset 0 .25em .7em #000c,0 1px #c39a5f33}.cd__flavor{font:400 .96em/1.25 var(--fx-font);color:var(--fx-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.cd.is-dense .cd__flavor{-webkit-line-clamp:1}.cd.is-dense3 .cd__fx{font-size:1em;line-height:1.1}.cd.is-dense3 .cd__plate{gap:.25em}.cd__fx{font:700 1.16em/1.2 var(--fx-font);color:#8fe08a;text-shadow:0 1px 1px #000}.cd__fx .is-neg{color:#ff8a7a}.cd--epic .cd__front{overflow:hidden}.cd--epic .cd__front:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffe7a833,#0000 58%);transform:translate(-130%);animation:cd-shine 4s ease-in-out 1s infinite}@keyframes cd-shine{0%,60%{transform:translate(-130%)}88%,to{transform:translate(130%)}}.cd--epic:not(.is-down) .cd__front{animation:cd-rim 2.4s ease-in-out infinite alternate}@keyframes cd-rim{0%{box-shadow:inset 0 0 4em var(--cd-tint),0 0 0 1px #ffd77a99,0 0 .4em #ffd77a66,0 .5em 1.1em #000c}to{box-shadow:inset 0 0 4em var(--cd-tint),0 0 0 1px #ffe9b0,0 0 .9em #ffd77aaa,0 .5em 1.1em #000c}}.cd__spark{position:absolute;z-index:5;width:.5em;height:.5em;pointer-events:none;opacity:0;background:#fff3cf;box-shadow:0 0 .4em #ffd77a;transform:rotate(45deg) scale(.4);animation:cd-twinkle 2.2s ease-in-out infinite;animation-delay:calc(var(--i) * .37s)}.cd.is-down .cd__spark{display:none}.cd__spark:nth-of-type(1){left:-.3em;top:18%}.cd__spark:nth-of-type(2){right:-.3em;top:34%}.cd__spark:nth-of-type(3){left:30%;top:-.3em}.cd__spark:nth-of-type(4){right:22%;bottom:-.3em}.cd__spark:nth-of-type(5){left:-.3em;bottom:24%}.cd__spark:nth-of-type(6){right:-.3em;bottom:12%}@keyframes cd-twinkle{0%,to{opacity:0;transform:rotate(45deg) scale(.3)}45%{opacity:1;transform:rotate(45deg) scale(1)}60%{opacity:.8}}.cd.is-burst:before{content:"";position:absolute;inset:-35%;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#ffe2a0,#ffbf4788 30%,#0000 65%);animation:cd-burst 1s ease-out forwards}@keyframes cd-burst{0%{transform:scale(.3);opacity:1}to{transform:scale(1.5);opacity:0}}.cd--sm{font-size:6.6px}.cd--sm .cd__flavor{font-size:7.6px;line-height:1.2}.cd--sm.is-dense3 .cd__flavor{display:none}.cd--sm.is-dense3 .cd__fx{font-size:8.4px;line-height:1.15}.cd--sm .cd__rar{font-size:7.6px;top:58.4%;letter-spacing:0}.cd--sm .cd__plate{top:14.35em;padding:2px 3px;gap:1px;overflow:hidden}.cd--sm .cd__fx{font-size:9px;line-height:1.25}.cd--sm .cd__fx>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd--sm .cd__name span{font-size:9px}.cd--sm .cd__name.is-mid span{font-size:8.4px}.cd--sm .cd__name.is-long span{font-size:7.6px}.cd--sm .cd__face{box-shadow:inset 0 0 3em var(--cd-tint),0 0 0 1px var(--cd-rim),0 2px 5px #000c}.cdo{position:fixed;top:60px;left:calc(50vw / var(--ui-s, 1));z-index:40;zoom:var(--ui-s, 1);transform:translate(-50%);width:84px;height:92px;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.cdo[hidden]{display:none}.cdo__orb{position:absolute;left:-6px;top:-8px;width:96px;height:96px;z-index:2;image-rendering:pixelated;background:url(/ui/icons/card-orb-anim.png) 0 0 / 768px 96px no-repeat;animation:cdo-frames 1.2s steps(8) infinite,cdo-float 2.6s ease-in-out infinite;filter:drop-shadow(0 2px 2px #000a)}.cdo__glow{position:absolute;left:10px;top:0;width:64px;height:60px;z-index:1;border-radius:50%;background:radial-gradient(circle,#8f7dff66 0,#5a8cff2e 45%,#0000 70%);animation:cdo-pulse 2.4s ease-in-out infinite alternate}@keyframes cdo-frames{to{background-position:-768px 0}}@keyframes cdo-pulse{0%{opacity:.55;transform:scale(.92)}to{opacity:1;transform:scale(1.08)}}.cdo i{position:absolute;bottom:22px;width:4px;height:4px;border-radius:50%;background:#d9ccff;box-shadow:0 0 6px #a88cff;opacity:0;animation:cdo-mote 2.4s ease-out infinite}.cdo i:nth-of-type(1){left:20px}.cdo i:nth-of-type(2){left:62px;animation-delay:.6s}.cdo i:nth-of-type(3){left:34px;animation-delay:1.2s}.cdo i:nth-of-type(4){left:50px;animation-delay:1.8s}.cdo__n{position:absolute;top:-2px;right:0;z-index:4;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;display:grid;place-items:center;border-radius:10px;background:#d8443a;color:#fff;font:700 12px/1 var(--fx-font);box-shadow:0 1px 3px #000,0 0 0 2px #2a0e0a}.cdo__n[hidden]{display:none}.cdo__label{position:absolute;left:50%;bottom:-8px;transform:translate(-50%);z-index:4;white-space:nowrap;font:600 13px/1 var(--fx-font);color:#eaf6ff;text-shadow:0 1px 2px #000,0 0 6px #4f8fcf}.cdo:hover .cdo__orb{filter:brightness(1.15) drop-shadow(0 2px 2px #000a)}.cdo.is-new{animation:cdo-pop .7s cubic-bezier(.2,1.6,.4,1)}@keyframes cdo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes cdo-mote{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(-40px)}}@keyframes cdo-pop{0%{transform:translate(-50%) scale(.2);opacity:0}}.cdd{position:fixed;inset:0;z-index:62;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse 70% 60% at 50% 42%,#2a1c10d9,#060403f2 78%);animation:cd-fade .35s ease-out}.cdd__light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 46% 70% at 50% -8%,#ffd99a2e 0,#ffd99a12 45%,#0000 75%);animation:cdd-breathe 5s ease-in-out infinite alternate}.cdd__motes{position:absolute;inset:0;pointer-events:none;overflow:hidden}.cdd__motes i{position:absolute;left:var(--x);bottom:-6px;width:3px;height:3px;background:#ffe2a8;box-shadow:0 0 5px #ffcf6a;opacity:0;animation:cdd-mote var(--t) linear var(--d) infinite}@keyframes cdd-mote{0%{opacity:0;transform:translate(0)}15%{opacity:.8}85%{opacity:.5}to{opacity:0;transform:translate(24px,-95vh)}}@keyframes cdd-breathe{0%{opacity:.7}to{opacity:1}}.cdd__stage{position:relative;zoom:var(--ui-s, 1);box-sizing:border-box;padding:12px;width:calc(100vw / var(--ui-s, 1));height:calc(100 * var(--vh) / var(--ui-s, 1));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.cdd__title{font:700 30px/1.2 var(--fx-font);color:#fbe7b5;text-align:center;text-shadow:0 2px 0 #6b4518,0 0 20px #f0c56a88;animation:cdd-title 1.1s ease-out}.cdd__sub{min-height:24px;font:500 16px/1.4 var(--fx-font);color:var(--fx-muted);text-align:center;text-shadow:0 1px 2px #000}.cdd__sub.is-got{font-weight:700;font-size:18px;color:#a6ec98;animation:cd-fade .4s}.cdd__hand{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:16px 8px 6px}.cdd__hand .cd{transition-delay:calc(var(--i, 0) * 70ms)}.cdd__hand.is-ready .cd{transition-delay:0s}.cd.is-dealing{transform:translateY(-70vh) scale(.2) rotate(-14deg);opacity:0}.cdd__hand.is-ready .cd:not(.is-down):not(.is-sel):hover{transform:translateY(-8px)}.cdd__hand.has-sel .cd:not(.is-sel){filter:brightness(.55) saturate(.7);transform:scale(.95)}.cd.is-sel{transform:translateY(-14px) scale(1.05);z-index:2}.cd.is-sel .cd__front,.cd.is-sel.cd--epic .cd__front{animation:none;box-shadow:inset 0 0 4em var(--cd-tint),0 0 0 .2em #fff3cf,0 0 .9em #ffd98acc,0 .5em 1.2em #000b}.cd.is-gone{transform:translateY(50px) scale(.9)!important;opacity:0;transition-delay:0s!important}.cd.is-chosen{transform:translate(var(--cx, 0px)) scale(1.06)!important;transition:transform .6s cubic-bezier(.2,1,.3,1)!important;transition-delay:0s!important;z-index:3}.cd.is-chosen .cd__front{animation:cd-chosen 1.2s ease-in-out infinite alternate}@keyframes cd-chosen{0%{box-shadow:inset 0 0 4em var(--cd-tint),0 0 0 .2em #fff3cf,0 0 .8em #ffd98a}to{box-shadow:inset 0 0 4em var(--cd-tint),0 0 0 .2em #fff,0 0 1.8em #ffe9b0}}.cdd__bar{display:flex;gap:14px;margin-top:6px}.cdd__ok{min-width:190px}.cdd__later{min-width:150px}@keyframes cd-fade{0%{opacity:0}}@keyframes cdd-title{0%{opacity:0;transform:translateY(-10px);letter-spacing:4px}}.cdz{position:fixed;inset:0;z-index:63;display:grid;place-items:center;background:#050302d9;animation:cd-fade .2s}.cdz__stage{zoom:var(--ui-s, 1);display:flex;flex-direction:column;align-items:center;gap:10px}.cdz .cd{font-size:12px;cursor:default;animation:cdz-in .35s cubic-bezier(.2,1.4,.4,1)}.cdz__note{font:600 16px var(--fx-font);color:var(--fx-ink);text-shadow:0 1px 2px #000}.cdz__hint{font:400 13px var(--fx-font);color:var(--fx-muted)}@keyframes cdz-in{0%{transform:scale(.6);opacity:0}}.cbk{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.cbk__head{flex:none;display:flex;align-items:center;gap:6px}.cbk__seg{min-height:36px;padding:0 14px;font:600 14px/1 var(--fx-font);color:var(--fx-ink)}.cbk__next{margin-left:auto;font:500 14px var(--fx-font);color:var(--fx-gold);text-shadow:var(--fx-shadow);white-space:nowrap}.cbk__mine{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:auto minmax(120px,1fr);gap:10px;align-items:start;scrollbar-width:thin}.cbk__col{display:flex;flex-direction:column;gap:4px;min-width:0}.cbk__sec{font:600 13px/1.3 var(--fx-font);color:var(--fx-gold);text-shadow:var(--fx-shadow);padding:2px 2px 0;border-bottom:1px solid #8a623855}.cbk__sec span{font-weight:400;font-size:12px;color:var(--fx-muted)}.cbk__slots{display:grid;grid-template-columns:repeat(5,auto);gap:4px 6px;padding:2px}.cbk__slot{display:flex;flex-direction:column;align-items:center;gap:2px}.cbk__lv{font:500 11px/1.1 var(--fx-font);color:var(--fx-muted);text-shadow:var(--fx-shadow)}.cbk__card:hover{transform:translateY(-3px)}.cbk__empty{position:relative;width:15em;height:22.2em;font-size:6.6px;box-sizing:border-box;padding:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #4e3520;border-radius:.8em;background:#120a06b3;font-family:var(--fx-font);box-shadow:inset 0 0 0 1px #0008,inset 0 .4em 1.2em #000c,0 1px #c39a5f22}.cbk__etxt{position:relative;z-index:1;font:500 10px/1.2 var(--fx-font);color:#7d6a50}.cbk__empty.is-ready .cd{position:absolute;inset:0;pointer-events:none}.cbk__empty.is-ready{cursor:pointer;border:0}.cbk__empty.is-ready .cbk__etxt{margin-top:auto;margin-bottom:1.6em;padding:1px 7px;border-radius:3px;background:#1a100ae0;box-shadow:inset 0 0 0 1px #c39a5f;color:var(--fx-gold);text-shadow:var(--fx-shadow)}.cbk__empty.is-ready:hover{filter:brightness(1.12)}.cbk__boximg{width:10em;height:10em;image-rendering:pixelated;filter:grayscale(.9) brightness(.5);opacity:.55}.cbk__empty--box .cbk__etxt{margin-top:2px}.cbk__empty--box.is-ready{background:#1a100acc;box-shadow:inset 0 0 0 1px #8a6238,inset 0 0 1.6em #a88cff33}.cbk__empty--box.is-ready .cbk__boximg{filter:drop-shadow(0 .2em .2em #000b);opacity:1}.cbk__empty--box.is-ready .cbk__etxt{margin:2px 0 0}.cbk__sum{position:sticky;top:0;display:flex;flex-direction:column;gap:6px;min-width:0;padding:8px 10px;border-radius:4px;background:#1d140dcc;box-shadow:inset 0 0 0 1px #6d4a2a}.cbk__sumhead{font:600 14px var(--fx-font);color:var(--fx-gold);text-shadow:var(--fx-shadow)}.cbk__sumlist{display:grid;gap:3px}.cbk__sumrow{font:600 13px/1.3 var(--fx-font);color:#8fe08a;text-shadow:0 1px 1px #000}.cbk__sumrow.is-neg{color:#ff8a7a}.cbk__sumnone,.cbk__sumfoot{font:400 13px/1.4 var(--fx-font);color:var(--fx-muted)}.cbk__sumfoot{margin-top:4px;padding-top:6px;border-top:1px solid #6d4a2a66}.cbk__allwrap{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px}.cbk__chips{flex:none;display:flex;gap:6px;flex-wrap:wrap}.cbk__chip{padding:3px 10px;border-radius:2px;font:500 12px/1.3 var(--fx-font);color:var(--fx-muted);text-shadow:var(--fx-shadow);cursor:pointer;background:linear-gradient(#35251b,#22170f);border:1px solid #6d4a2a;box-shadow:inset 0 1px #ffffff12,0 1px 2px #0008}.cbk__chip:hover{filter:brightness(1.15)}.cbk__chip.is-on{color:#fff8e6;background:linear-gradient(#6b4a2a,#3e2a18);border-color:#d0a263;box-shadow:inset 0 1px #ffe9b04d,0 0 6px #f0c56a44}.cbk__chip--common:before,.cbk__chip--rare:before,.cbk__chip--epic:before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;transform:rotate(45deg) translateY(-1px)}.cbk__chip--common:before{background:#cdbb9b}.cbk__chip--rare:before{background:#4fb4ff}.cbk__chip--epic:before{background:#ff4f6f}.cbk__all{flex:1;min-height:0;overflow-y:auto;display:flex;flex-wrap:wrap;align-content:flex-start;gap:10px 8px;padding:6px 4px;scrollbar-width:thin;scrollbar-color:#a2855a #1e1511}.cbk__card.is-locked{filter:grayscale(.75) brightness(.55)}.cbk__own{position:absolute;top:-4px;right:-4px;z-index:5;padding:1px 6px;border-radius:8px;background:#2f8a3a;color:#fff;font:700 10px/1.4 var(--fx-font);box-shadow:0 1px 3px #000}.ui-short .cbk .cd--sm,.ui-short .cbk__empty{font-size:6px}.ui-narrow .cbk__mine{grid-template-columns:1fr}.ui-narrow .cbk__slots{justify-content:center}.ui-narrow .cdd__hand{gap:8px}.ui-narrow .cdd__hand .cd{font-size:8px}.ui-narrow .cdd__title{font-size:24px}@media(prefers-reduced-motion:reduce){.cd,.cd__in,.cd *,.cdo,.cdo *,.cdd,.cdd *{animation:none!important;transition-duration:.01s!important}}.cbk .cd{--cd-rim: #0000}.cbk .cd__spark{display:none}.cbk .cd--epic .cd__front{animation:none}.cbk .cd--epic .cd__front:after{display:none}.cd--mystic .cd__front{overflow:hidden}.cd--mystic:not(.is-down) .cd__front{animation:cd-myst-rim 3s linear infinite}@keyframes cd-myst-rim{0%{box-shadow:inset 0 0 4em var(--cd-tint),0 0 0 1px #9fe8ff,0 0 .8em #9fe8ffaa,0 .5em 1.1em #000c}33%{box-shadow:inset 0 0 4em var(--cd-tint),0 0 0 1px #c9a2ff,0 0 1em #b48cffaa,0 .5em 1.1em #000c}66%{box-shadow:inset 0 0 4em var(--cd-tint),0 0 0 1px #ffc7f2,0 0 .9em #ff9fe0aa,0 .5em 1.1em #000c}to{box-shadow:inset 0 0 4em var(--cd-tint),0 0 0 1px #9fe8ff,0 0 .8em #9fe8ffaa,0 .5em 1.1em #000c}}.cd--mystic .cd__front:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(115deg,#0000 36%,#9fe8ff2e 44%,#ffffff40,#c9a2ff2e 54%,#0000 62%);transform:translate(-130%);animation:cd-shine 3.2s ease-in-out .6s infinite}.cd--mystic .cd__gem{animation:cd-myst-gem 3s linear infinite}@keyframes cd-myst-gem{0%,to{--cd-gem: #9fe8ff;filter:hue-rotate(0deg)}50%{filter:hue-rotate(90deg)}}.cd--mystic .cd__rar{letter-spacing:.1em;text-shadow:0 1px 1px #000,0 0 .5em #9fe8ff}.cd--mystic .cd__spark{background:#e9fbff;box-shadow:0 0 .5em #9fe8ff,0 0 .9em #b48cff}.cd--mystic .cd__spark:nth-of-type(5){left:12%;bottom:20%}.cd--mystic .cd__spark:nth-of-type(6){right:10%;top:12%}.cd--mystic .cd__spark:nth-of-type(7){left:48%;bottom:-.3em}.cd--mystic .cd__spark:nth-of-type(8){right:-.3em;bottom:42%}.cbk__chip--mystic:before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;transform:rotate(45deg) translateY(-1px);background:#b48cff;box-shadow:0 0 4px #9fe8ff}.cbk .cd--mystic .cd__front{animation:none}.cbk .cd--mystic .cd__front:after{display:none}@media(prefers-reduced-motion:reduce){.cd--mystic .cd__front,.cd--mystic .cd__front:after,.cd--mystic .cd__gem{animation:none}}.cdd--reroll{background:radial-gradient(ellipse 70% 60% at 50% 42%,#22123ad9,#050310f2 78%)}.cdd--reroll .cdd__light{background:radial-gradient(ellipse 46% 70% at 50% -8%,#c9a6ff33 0,#b08cff14 45%,#0000 75%)}.cdd--reroll .cdd__motes i{background:#e6d6ff;box-shadow:0 0 5px #b28cff}.cdd--reroll .cdd__title{color:#eadcff;text-shadow:0 2px 0 #3b2266,0 0 20px #b08cff88}.cdr__body{flex:0 1 auto;min-height:0;max-width:100%;display:flex;justify-content:center}.cdr__grid{max-height:calc(100 * var(--vh) / var(--ui-s, 1) - 210px);overflow-y:auto;gap:10px;padding:14px 8px 8px;scrollbar-width:thin}.cdr__grid .cd{cursor:pointer}.cdr__btn{min-width:150px}.cdd--reroll .cd--sm{font-size:8.6px}.cdd--reroll .cd--sm .cd__flavor,.cdd--reroll .cd--sm .cd__rar,.cdd--reroll .cd--sm .cd__name.is-long span{font-size:9.9px}.cdd--reroll .cd--sm .cd__fx,.cdd--reroll .cd--sm .cd__name span{font-size:11.7px}.cdd--reroll .cd--sm .cd__name.is-mid span,.cdd--reroll .cd--sm.is-dense3 .cd__fx{font-size:10.9px}:root{--fx-font: "Mitr", "Noto Sans Thai", Tahoma, "Segoe UI", sans-serif;--fx-gold: #f0cf8a;--fx-gold-dim: #a07a48;--fx-ink: #f6eedd;--fx-muted: #cdbb9b;--fx-leather: url(/ui/frame/leather.svg);--fx-shadow: 0 1px 2px #000, 0 0 3px #0009;--bd-bg: #170f0b;--bd-panel: #24180f;--bd-cell: #2e2015;--bd-line: #6d4a2a;--bd-line2: #4a3220;--bd-good: #8fe08a;--bd-bad: #ff8a7a;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{min-height:100vh;min-height:100dvh;background:var(--fx-leather) repeat,var(--bd-bg);color:var(--fx-ink);font:400 15px/1.45 var(--fx-font);-webkit-text-size-adjust:100%;scrollbar-color:#a2855a var(--bd-bg)}button,input,select{font:inherit;color:inherit}.bd-ic{width:28px;height:28px;image-rendering:pixelated;flex:none}.bd-ic--empty{display:inline-block;border:1px dashed var(--bd-line);border-radius:4px}.bd-muted{color:var(--fx-muted);font-size:13px;margin:8px 0 0}.bd-warn{color:var(--bd-bad);font-size:13px;margin:6px 0 0}.bd-top{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top,0px));background:linear-gradient(#2c1d13,#1c130d);border-bottom:2px solid var(--fx-gold-dim);box-shadow:0 2px 10px #000a}.bd-brand{display:flex;align-items:baseline;gap:6px;text-decoration:none;color:var(--fx-gold);text-shadow:var(--fx-shadow)}.bd-brand b{font:700 22px var(--fx-font);letter-spacing:.5px}.bd-brand span{font:600 16px var(--fx-font);color:var(--fx-ink)}.bd-top__act{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}.bd-saves{flex-basis:100%;display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--bd-panel);border:1px solid var(--bd-line);border-radius:4px}.bd-saves[hidden]{display:none}.bd-saves__row{display:flex;gap:6px;align-items:center}.bd-saves__name{flex:1;text-align:left;padding:6px 10px;background:var(--bd-cell);border:1px solid var(--bd-line2);border-radius:3px;cursor:pointer}.bd-saves__name:hover{border-color:var(--fx-gold-dim)}a.bd-btn{display:inline-flex;align-items:center;text-decoration:none}.bd-btn{min-height:36px;padding:4px 14px;border:1px solid #8a6238;border-radius:4px;cursor:pointer;white-space:nowrap;background:linear-gradient(#4a3322,#2c1d12);color:var(--fx-ink);text-shadow:var(--fx-shadow);font-weight:600;box-shadow:inset 0 1px #c39a5f55,0 2px 4px #0008}.bd-btn:hover{border-color:var(--fx-gold)}.bd-btn--gold{background:linear-gradient(#c79650,#7e5527);border-color:#f0cf8a;color:#fff6e0}.bd-x{flex:none;width:30px;height:30px;padding:0;border:1px solid var(--bd-line);border-radius:50%;background:#2a1a10;color:var(--fx-muted);cursor:pointer;font:700 18px/1 var(--fx-font)}.bd-x:hover{color:var(--bd-bad);border-color:var(--bd-bad)}.bd-main{display:grid;grid-template-columns:minmax(300px,1fr) minmax(360px,1.35fr) minmax(280px,.95fr);gap:14px;max-width:1400px;margin:0 auto;padding:14px 14px 90px}.bd-col{display:flex;flex-direction:column;gap:14px;min-width:0}.bd-col--r{position:sticky;top:10px;align-self:start;max-height:calc(100vh - 20px);overflow-y:auto;scrollbar-width:thin}@media(max-width:1080px){.bd-main{grid-template-columns:1fr 1fr}.bd-col--r{grid-column:1 / -1;position:static;max-height:none}}@media(max-width:720px){.bd-main{grid-template-columns:1fr;padding:10px 10px 90px}.bd-top{padding:8px 10px}.bd-top__act{margin-left:0}}.bd-panel{position:relative;padding:14px 16px 16px;border:14px solid transparent;border-image:url(/ui/frame/panel.svg) 30 / 14px stretch;background:var(--fx-leather) repeat,var(--bd-panel);background-clip:padding-box;box-shadow:0 6px 16px #000b}.bd-h{margin:-6px 0 22px;display:flex;justify-content:center}.bd-h span{display:inline-block;min-width:60%;text-align:center;padding:6px 30px;border:solid transparent;border-width:12px 26px;border-image:url(/ui/frame/plaque.svg) 22 42 fill / 12px 26px stretch;margin:-12px 0;font:600 17px/1.2 var(--fx-font);color:var(--fx-gold);text-shadow:var(--fx-shadow)}.bd-h3{margin:14px 0 6px;font:600 15px var(--fx-font);color:var(--fx-gold);border-bottom:1px solid var(--bd-line2);padding-bottom:3px}.bd-field{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:8px;margin:6px 0}.bd-field>span{color:var(--fx-muted);font-size:14px}.bd-range{width:100%;accent-color:#d8aa5c}.bd-num{width:64px;padding:4px 6px;text-align:center;background:#120a06;border:1px solid var(--bd-line);border-radius:3px;font-weight:600}.bd-num:focus,.bd-search:focus,.bd-sel:focus{outline:2px solid var(--fx-gold-dim);outline-offset:0}.bd-pick{grid-column:2 / -1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px;background:var(--bd-cell);border:1px solid #8a6238;border-radius:4px;cursor:pointer;text-align:left}.bd-pick b{color:var(--fx-gold);font-weight:600}.bd-pick small{color:var(--fx-muted)}.bd-pick:hover{border-color:var(--fx-gold)}.bd-chain{margin:2px 0 6px 72px;font-size:12.5px;color:var(--fx-muted)}.bd-kv{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid var(--bd-line2);font-size:14px}.bd-kv span{color:var(--fx-muted)}.bd-kv b{color:var(--bd-good);font-weight:600;text-align:right}.bd-skills{margin-top:4px;font-size:13px}.bd-skills summary{cursor:pointer;color:var(--fx-muted);padding:4px 0}.bd-skills__list{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.bd-skill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 3px;background:var(--bd-cell);border:1px solid var(--bd-line2);border-radius:3px}.bd-skill .bd-ic{width:22px;height:22px}.bd-skill.is-passive{border-color:#4f7a3a}.bd-points{display:flex;justify-content:space-between;padding:6px 10px;margin-bottom:6px;background:#120a06;border:1px solid var(--bd-line);border-radius:3px;font-size:14px}.bd-points b{color:var(--bd-good)}.bd-points.is-over b{color:var(--bd-bad)}.bd-stat{display:grid;grid-template-columns:40px 36px 30px 56px 30px 36px 1fr;grid-template-rows:auto auto;align-items:center;gap:3px 4px;padding:5px 0;border-bottom:1px solid #ffffff0d}.bd-stat__k{font-weight:700;color:var(--fx-gold)}.bd-step{height:30px;padding:0;border:1px solid #8a6238;border-radius:3px;background:linear-gradient(#3e2b1d,#24180f);cursor:pointer;font-weight:700;font-size:13px}.bd-step:hover{border-color:var(--fx-gold)}.bd-num--st{width:56px}.bd-stat__bar{grid-column:2 / 7;height:5px;background:#120a06;border-radius:3px;overflow:hidden}.bd-stat__bar i{display:block;height:100%;background:linear-gradient(90deg,#a07a48,#f0cf8a)}.bd-stat__b{grid-column:7;grid-row:1;justify-self:end;color:var(--bd-good);font-size:12px}.bd-hints{margin-top:8px;padding:6px 10px;background:#120a06;border-left:3px solid var(--fx-gold-dim);font-size:13px;color:var(--fx-muted);display:flex;flex-direction:column;gap:2px}.bd-row{display:flex;gap:6px;margin-top:10px}.bd-cards{margin-bottom:10px}.bd-cards__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:14px}.bd-cards__head small{color:var(--fx-muted)}.bd-cards__grid{display:flex;flex-wrap:wrap;gap:8px}.bd-cardwrap{position:relative}.bd-cardwrap .cd{font-size:6.4px;cursor:default}.bd-cardwrap .cd.is-over{opacity:.45;filter:grayscale(.8)}.bd-cardx{position:absolute;top:-8px;right:-8px;width:24px;height:24px;font-size:15px;z-index:6}.bd-addcard{width:96px;height:142px;border:2px dashed var(--bd-line);border-radius:6px;background:#120a06aa;color:var(--fx-muted);cursor:pointer;font-weight:600}.bd-addcard:hover{border-color:var(--fx-gold);color:var(--fx-gold)}.bd-gear{padding:8px 0;border-bottom:1px solid var(--bd-line2)}.bd-gear:last-of-type{border-bottom:0}.bd-gear__main{display:flex;align-items:center;gap:10px;width:100%;padding:6px 10px;background:var(--bd-cell);border:1px solid #6d4a2a;border-radius:4px;cursor:pointer;text-align:left}.bd-gear__main:hover{border-color:var(--fx-gold)}.bd-gear.is-empty .bd-gear__main{opacity:.8}.bd-gear__slot{flex:none;width:56px;color:var(--fx-muted);font-size:13px}.bd-gear__name{display:flex;flex-direction:column;min-width:0}.bd-gear__name b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bd-gear__name small{color:var(--fx-muted);font-size:12.5px}.bd-gear__opt{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}.bd-sel{padding:4px 6px;background:#120a06;border:1px solid var(--bd-line);border-radius:3px}.bd-cry{display:inline-flex;align-items:center;gap:4px;max-width:200px;padding:3px 10px 3px 4px;background:#120a06;border:1px dashed #4f7ab0;border-radius:3px;cursor:pointer;font-size:13px;color:var(--fx-muted)}.bd-cry .bd-ic{width:22px;height:22px}.bd-cry span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bd-cry.is-on{border-style:solid;color:#9fe08f}.bd-gear__opt .bd-x{margin-left:auto}.bd-gear__fx{margin-top:4px;font-size:12.5px;color:#b9d8a8}.bd-total{font-size:13px;color:var(--fx-muted);margin-bottom:8px}.bd-resgrid,.bd-extra{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}.bd-res{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:4px 8px;background:#120a06;border:1px solid var(--bd-line2);border-radius:3px;cursor:help}.bd-res:hover,.bd-res:focus{border-color:var(--fx-gold-dim);outline:none}.bd-res span{color:var(--fx-muted);font-size:13px}.bd-res b{color:var(--fx-gold);font-weight:600;font-variant-numeric:tabular-nums}.bd-extra .bd-res{cursor:default}.bd-extra .bd-res b{color:var(--bd-good)}.bd-tip{position:absolute;z-index:60;min-width:180px;padding:8px 12px;background:#1b120c;border:1px solid var(--fx-gold-dim);border-radius:4px;box-shadow:0 6px 14px #000c;font-size:13px}.bd-tip b{display:block;color:var(--fx-gold);margin-bottom:2px}.bd-tip[hidden],.bd-bar{display:none}@media(max-width:1080px){.bd-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:space-around;gap:4px;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:linear-gradient(#2c1d13,#170f0b);border-top:2px solid var(--fx-gold-dim)}.bd-bar span{display:flex;flex-direction:column;align-items:center;line-height:1.15}.bd-bar small{font-size:11px;color:var(--fx-muted)}.bd-bar b{font-size:15px;color:var(--fx-gold);font-variant-numeric:tabular-nums}}.bd-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:12px;background:#000a}.bd-modal__box{display:flex;flex-direction:column;width:min(860px,100%);max-height:min(88vh,900px);border:14px solid transparent;border-image:url(/ui/frame/panel.svg) 30 / 14px stretch;background:var(--fx-leather) repeat,var(--bd-panel);background-clip:padding-box;box-shadow:0 12px 30px #000}.bd-modal__head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--bd-line)}.bd-modal__head b{color:var(--fx-gold);font-size:17px;font-weight:600}.bd-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--bd-line2)}.bd-search{flex:1;min-width:180px;padding:6px 10px;background:#120a06;border:1px solid var(--bd-line);border-radius:3px}.bd-search::placeholder{color:var(--fx-muted);opacity:.7}.bd-modal__body{overflow-y:auto;padding:10px 12px 14px;scrollbar-width:thin}.bd-chips{display:flex;flex-wrap:wrap;gap:4px}.bd-chip{padding:4px 10px;border:1px solid var(--bd-line);border-radius:3px;background:#120a06;cursor:pointer;font-size:13px}.bd-chip.is-on{border-color:var(--fx-gold);color:var(--fx-gold);background:#3a2819}.bd-chip--mystic{color:#c9f7ff}.bd-chip--epic{color:#ffcf5a}.bd-chip--rare{color:#8fd3ff}.bd-cardpick{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.bd-cardpick .cd{font-size:6.4px}.bd-cardpick .cd:hover{transform:translateY(-3px)}.bd-items{display:flex;flex-direction:column;gap:6px}.bd-item{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;background:var(--bd-cell);border:1px solid #6d4a2a;border-radius:4px;cursor:pointer;text-align:left}.bd-item:hover{border-color:var(--fx-gold)}.bd-item .bd-ic{width:34px;height:34px}.bd-item__t{display:flex;flex-direction:column;min-width:0}.bd-item__t b{font-weight:600}.bd-item__t small{color:var(--fx-muted);font-size:12.5px}.bd-item__fx{color:#b9d8a8!important}.bd-item__src{color:#a99372!important}.bd-item--none{justify-content:center;color:var(--bd-bad)}.bd-jobs__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}.bd-job{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;background:var(--bd-cell);border:1px solid #6d4a2a;border-radius:4px;cursor:pointer;text-align:left}.bd-job b{color:var(--fx-gold);font-weight:600}.bd-job small{color:var(--fx-muted);font-size:12px}.bd-job__b{color:var(--bd-good)!important}.bd-job:hover:not(:disabled){border-color:var(--fx-gold)}.bd-job.is-on{border:2px solid var(--fx-gold);background:#3a2819}.bd-job:disabled{opacity:.45;cursor:not-allowed}.bd-linkbox{display:flex;flex-direction:column;gap:8px}.bd-toast{position:fixed;left:50%;bottom:80px;transform:translate(-50%);z-index:90;padding:8px 16px;background:#2c1d13;border:1px solid var(--fx-gold);border-radius:4px;box-shadow:0 6px 16px #000c}.bd-toast[hidden]{display:none}.bd-foot{max-width:1400px;margin:0 auto;padding:0 16px 100px;text-align:center;font-size:12.5px;color:var(--fx-muted)}.bd-btn--sm{min-height:30px;padding:2px 10px;font-size:13px}.bd-field--mob{grid-template-columns:64px 1fr}.bd-mobsel{width:100%}.bd-mob{display:flex;gap:10px;align-items:center;margin:6px 0 4px;padding:6px 8px;background:#120a06;border:1px solid var(--bd-line2);border-radius:4px}.bd-mob__img{flex:none;max-width:72px;max-height:72px;image-rendering:pixelated}.bd-mob__info{display:flex;flex-direction:column;gap:2px;min-width:0}.bd-mob__info b{color:var(--fx-gold);font-weight:600}.bd-mob__info small{color:var(--fx-muted);font-size:12.5px}.bd-tblwrap{overflow-x:auto}.bd-tbl{width:100%;border-collapse:collapse;font-size:13px}.bd-tbl th,.bd-tbl td{padding:4px 6px;border:1px solid var(--bd-line2);text-align:right;white-space:nowrap}.bd-tbl th{background:#3a2819;color:var(--fx-gold);font-weight:600}.bd-tbl td:first-child,.bd-tbl th:first-child{text-align:left}.bd-tbl td{background:#120a06}.bd-tbl td.is-hl{color:var(--fx-gold);font-weight:600}.bd-tdskill{display:inline-flex;align-items:center;gap:4px}.bd-tdskill .bd-ic{width:22px;height:22px}.bd-cmpbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;color:var(--fx-muted)}.bd-cmpbar>span{flex-basis:100%}.bd-cmphead{display:grid;grid-template-columns:1fr 72px 72px;gap:6px;padding:0 8px 2px;font-size:12px;color:var(--fx-muted);text-align:right}.bd-cmphead b{font-weight:600}.bd-resgrid--cmp{grid-template-columns:1fr}.bd-resgrid--cmp .bd-res{display:grid;grid-template-columns:1fr 72px 72px;gap:6px}.bd-resgrid--cmp .bd-res b{text-align:right}.bd-res__b{color:var(--fx-muted)!important}.bd-res__b.is-good{color:var(--bd-good)!important}.bd-res__b.is-bad{color:var(--bd-bad)!important}.bd-muted--top{margin:0 0 8px}.bd-intro{max-width:1372px;margin:14px auto 0;padding:14px 16px;border:2px solid var(--fx-gold-dim);border-radius:6px;background:linear-gradient(135deg,#3a2716,#1f150e);box-shadow:0 6px 18px #000a}.bd-intro[hidden]{display:none}@media(max-width:1400px){.bd-intro{margin-left:14px;margin-right:14px}}.bd-intro__t{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.bd-intro__t b{color:var(--fx-gold);font-size:18px;font-weight:600;text-shadow:var(--fx-shadow)}.bd-intro__t span{color:var(--fx-muted);font-size:13.5px}.bd-intro__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.bd-quick{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;text-align:left;cursor:pointer;background:linear-gradient(#4a3322,#2c1d12);border:1px solid #8a6238;border-radius:5px;box-shadow:inset 0 1px #c39a5f55}.bd-quick:hover{border-color:var(--fx-gold);transform:translateY(-1px)}.bd-quick b{color:var(--fx-gold);font-weight:600}.bd-quick small{color:var(--fx-muted);font-size:12.5px}.bd-navs{max-width:1400px;margin:0 auto;padding:10px 14px 4px;display:flex;flex-direction:column;gap:8px}.bd-steps{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.bd-step-chip{flex:none;display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 5px;cursor:pointer;white-space:nowrap;background:#120a06;border:1px solid var(--bd-line);border-radius:20px;font-size:14px}.bd-step-chip i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#3a2819;color:var(--fx-muted);font:700 12px/1 var(--fx-font);font-style:normal}.bd-step-chip.is-done{border-color:#4f7a3a}.bd-step-chip.is-done i{background:#3d6b2c;color:#eaffdf}.bd-step-chip:hover{border-color:var(--fx-gold)}.bd-tabs{display:none}.bd-main{padding-top:6px;padding-bottom:14px}.bd-col--r{max-height:calc(100 * var(--vh, 1vh) - 20px)}.bd-widewrap{max-width:1400px;margin:0 auto;padding:0 14px 90px}.bd-wide{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;align-items:start}.bd-wide>*{min-width:0}@media(max-width:1080px){.bd-wide{grid-template-columns:minmax(0,1fr)}}@media(max-width:720px){.bd-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.bd-tabs button{padding:8px 4px;border:1px solid var(--bd-line);border-radius:4px;background:#120a06;cursor:pointer;font-weight:600;font-size:14px;color:var(--fx-muted)}.bd-tabs button.is-on{background:linear-gradient(#c79650,#7e5527);border-color:var(--fx-gold);color:#fff6e0}body[data-tab=build] [data-tab]:not([data-tab=build]),body[data-tab=result] [data-tab]:not([data-tab=result]),body[data-tab=test] [data-tab]:not([data-tab=test]){display:none}.bd-navs{position:sticky;top:0;z-index:30;padding:8px 10px;background:#1c130d;border-bottom:2px solid var(--fx-gold-dim);box-shadow:0 4px 10px #000a}.bd-main{padding-top:10px}.bd-widewrap{padding:0 10px 90px}.bd-intro{margin:10px}}.bd-preset{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid var(--bd-line2)}.bd-preset .bd-btn{white-space:normal}.bd-preset .bd-muted{margin:0}.bd-points.is-left b{color:#ffd27a}.bd-dist{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:2px 0 6px;font-size:13px;color:var(--fx-muted)}.bd-dist>span{margin-right:2px}.bd-chip.is-hint{border-color:var(--fx-gold-dim);color:var(--fx-gold)}.bd-step--max{grid-column:7;grid-row:1;justify-self:start;padding:0 8px;font-size:12px}.bd-stat__b{grid-row:2;justify-self:start}.bd-step:disabled{opacity:.35;cursor:default}.bd-stat__info{grid-column:1 / -1;display:flex;flex-direction:column;font-size:12px;color:var(--fx-muted);line-height:1.35}.bd-stat__gain{color:#b9d8a8}.bd-gear__chg{margin-left:auto;flex:none;color:var(--fx-gold-dim);font-size:12px}.bd-lbl{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--fx-muted)}.bd-gear__src{margin-top:2px;font-size:12px;color:#a99372}.bd-item{align-items:center}.bd-item__t{flex:1}.bd-item__delta{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-size:12.5px;font-variant-numeric:tabular-nums}.is-ok{color:var(--bd-good)!important}.is-bad{color:var(--bd-bad)!important}.bd-sks{display:flex;flex-direction:column;gap:6px}.bd-sk{padding:6px 8px;background:#120a06;border:1px solid var(--bd-line2);border-radius:4px}.bd-sk.is-off{opacity:.7;border-style:dashed}.bd-sk__h{display:flex;align-items:center;gap:6px}.bd-sk__h .bd-ic{width:24px;height:24px}.bd-sk__h b{color:var(--fx-gold);font-weight:600}.bd-sk__kind{margin-left:auto;padding:0 6px;border:1px solid var(--bd-line);border-radius:3px;font-size:11.5px;color:var(--fx-muted)}.bd-sk__nums{display:flex;flex-wrap:wrap;gap:2px 12px;margin-top:3px;font-size:12.5px;color:var(--fx-ink)}.bd-sk__desc{margin:3px 0 0;font-size:12.5px;color:var(--fx-muted)}.bd-skills__list{margin-top:8px;align-items:center}.bd-notes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.bd-note{display:flex;gap:8px;align-items:flex-start;padding:5px 8px;border-radius:3px;font-size:13px;background:#120a06;border:1px solid var(--bd-line2)}.bd-note i{flex:none;display:grid;place-items:center;width:18px;height:18px;margin-top:1px;border-radius:50%;font:700 12px/1 var(--fx-font);font-style:normal}.bd-note--warn{border-color:#8a4a2a}.bd-note--warn i{background:#c0662a;color:#fff}.bd-note--tip i{background:#3b5a7a;color:#e6f2ff}.bd-mob--pick{width:100%;cursor:pointer;text-align:left;color:inherit;font:inherit}.bd-mob--pick:hover{border-color:var(--fx-gold)}.bd-verdict{display:flex;flex-direction:column;gap:1px;margin:8px 0 2px;padding:8px 10px;border-radius:4px;border:1px solid var(--bd-line);background:#120a06;font-size:13px}.bd-verdict b{font-size:15px;font-weight:600}.bd-verdict.is-good{border-color:#4f7a3a}.bd-verdict.is-good b{color:var(--bd-good)}.bd-verdict.is-mid{border-color:#8a6a2a}.bd-verdict.is-mid b{color:#ffd27a}.bd-verdict.is-bad{border-color:#8a3a2a}.bd-verdict.is-bad b{color:var(--bd-bad)}.bd-mobrow__img{width:44px;height:44px;object-fit:contain;image-rendering:pixelated;flex:none}.bd-mobrow.is-on,.bd-farm__row.is-on{border-color:var(--fx-gold);background:#3a2819}.bd-farm{display:flex;flex-direction:column;gap:6px}.bd-farm__row{display:flex;align-items:center;gap:8px;padding:6px 8px;cursor:pointer;text-align:left;color:inherit;font:inherit;background:var(--bd-cell);border:1px solid #6d4a2a;border-radius:4px}.bd-farm__row:hover{border-color:var(--fx-gold)}.bd-farm__row.is-risk{opacity:.8}.bd-farm__rank{flex:none;width:20px;text-align:center;color:var(--fx-gold);font-weight:700}.bd-farm__img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated;flex:none}.bd-farm__t{flex:1;min-width:0;display:flex;flex-direction:column}.bd-farm__t b{font-weight:600}.bd-farm__t small{color:var(--fx-muted);font-size:12px}.bd-farm__exp{flex:none;display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.bd-farm__exp b{color:var(--fx-gold);font-variant-numeric:tabular-nums}.bd-farm__exp small{font-size:11.5px;color:var(--fx-muted)}.bd-bar__warn{display:flex;flex-direction:column;align-items:center;line-height:1.15;padding:0 8px;border:1px solid #c0662a;border-radius:4px;background:#3a1d10;cursor:pointer;color:inherit;font:inherit}.bd-bar__warn b{color:#ffb07a!important}.bd-ask p{margin:0 0 10px}.ar{grid-column:1 / -1}.ar-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:end;gap:12px;min-height:260px;padding:12px 14px 10px;border:1px solid var(--bd-line);border-radius:6px;overflow:hidden;background:radial-gradient(ellipse at 50% 120%,#4a3a22,#241a10 55%,#140d08)}.ar-stage:after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;pointer-events:none;background:linear-gradient(transparent,#0006),repeating-linear-gradient(90deg,#ffffff05 0 40px,transparent 40px 80px)}.ar-side{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.ar-cv{width:100%;max-width:360px;height:auto;aspect-ratio:360 / 220;image-rendering:pixelated}.ar-mobname{font-size:13px;color:var(--fx-gold);text-shadow:var(--fx-shadow);text-align:center}.ar-me{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:18px;transition:transform .12s}.ar-me__ring{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:radial-gradient(circle,#3a2819 55%,#1b120b);border:3px solid var(--fx-gold-dim);box-shadow:0 0 0 2px #0008,0 6px 14px #000a}.ar-me__ic{width:56px;height:56px;image-rendering:pixelated;filter:drop-shadow(0 2px 2px #000a)}.ar-me__job{font-size:12px;color:var(--fx-muted)}.ar-me.is-lunge{animation:ar-lunge .26s ease-out}@keyframes ar-lunge{40%{transform:translate(42px) rotate(8deg)}}.ar-me.is-hurt .ar-me__ring{animation:ar-hurt .3s}@keyframes ar-hurt{30%{border-color:#ff5a4a;box-shadow:0 0 0 2px #0008,0 0 18px #ff4a3a;transform:translate(-4px)}}.ar-cast{position:absolute;top:-14px;left:50%;width:90px;height:7px;transform:translate(-50%);border-radius:4px;background:#120a06;border:1px solid #5c4128;overflow:hidden}.ar-cast[hidden]{display:none}.ar-cast i{display:block;height:100%;width:0;background:linear-gradient(90deg,#6fb6ff,#c8e6ff)}.ar-bar{position:relative;width:100%;max-width:260px;height:16px;border-radius:4px;background:#120a06;border:1px solid #5c4128;overflow:hidden}.ar-bar i{position:absolute;inset:0 auto 0 0;width:100%;transition:width .15s}.ar-bar span{position:relative;display:block;text-align:center;font:600 11px/16px var(--fx-font);color:#fff;text-shadow:0 1px 2px #000}.ar-bar--mob i,.ar-bar--hp i{background:linear-gradient(#e4574a,#9e2a22)}.ar-bar--mp i{background:linear-gradient(#5aa8ff,#2a5ea8)}.ar-bar--mob{max-width:320px}.ar-num{position:absolute;z-index:5;transform:translate(-50%);pointer-events:none;white-space:nowrap;font:800 20px/1 var(--fx-font);color:#fff;text-shadow:0 2px 0 #000,0 0 6px #000;animation:ar-num 1.1s ease-out forwards}.ar-num.is-skill{color:#ffe08a;font-size:22px}.ar-num.is-crit{color:#ff9a3a;font-size:27px}.ar-num.is-miss{color:#c9c0b0;font-size:16px}.ar-num.is-taken{color:#ff6a5a;font-size:18px}.ar-num.is-taken.is-mag{color:#c58aff}.ar-num.is-note{color:#ffd27a;font-size:13px;font-weight:600;animation-duration:.9s}@keyframes ar-num{0%{opacity:0;transform:translate(-50%,6px) scale(.7)}15%{opacity:1;transform:translate(-50%,-6px) scale(1.12)}30%{transform:translate(-50%,-10px) scale(1)}to{opacity:0;transform:translate(-50%,-54px)}}.ar-fx{position:absolute;z-index:4;pointer-events:none;border-radius:50%}.ar-fx--burst{width:120px;height:120px;margin:-60px 0 0 -60px;background:radial-gradient(circle,var(--c) 0%,color-mix(in srgb,var(--c) 40%,transparent) 35%,transparent 70%);mix-blend-mode:screen;animation:ar-burst .5s ease-out forwards}@keyframes ar-burst{0%{transform:scale(.3);opacity:1}to{transform:scale(1.4);opacity:0}}.ar-fx--orb{width:26px;height:26px;margin:-13px 0 0 -13px;background:radial-gradient(circle,#fff 0%,var(--c) 45%,transparent 75%);box-shadow:0 0 16px var(--c);animation:ar-orb .32s ease-in forwards}@keyframes ar-orb{to{transform:translate(var(--dx),var(--dy)) scale(1.3)}}.ar-over{position:absolute;z-index:6;left:50%;top:14px;transform:translate(-50%);padding:6px 16px;border-radius:4px;font:600 15px var(--fx-font);text-align:center;box-shadow:0 4px 12px #000a}.ar-over[hidden]{display:none}.ar-over.is-win{background:#22381a;border:1px solid #6fbf55;color:#d8ffcb}.ar-over.is-lose{background:#3a1610;border:1px solid #d0573f;color:#ffd6cc}.ar-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.ar-btn{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;min-width:150px;padding:6px 12px 6px 8px;text-align:left;cursor:pointer;overflow:hidden;color:inherit;font:inherit;background:linear-gradient(#4a3322,#2c1d12);border:1px solid #8a6238;border-radius:6px;box-shadow:inset 0 1px #c39a5f55,0 2px 4px #0008}.ar-btn:hover{border-color:var(--fx-gold)}.ar-btn:active{transform:translateY(1px)}.ar-btn img{grid-row:1 / 3;width:32px;height:32px;image-rendering:pixelated}.ar-btn b{font-weight:600;color:var(--fx-gold);line-height:1.2}.ar-btn small{font-size:11.5px;color:var(--fx-muted)}.ar-btn--atk{min-width:120px}.ar-btn--atk.is-on{background:linear-gradient(#c79650,#7e5527);border-color:var(--fx-gold)}.ar-btn--atk.is-on b,.ar-btn--atk.is-on small{color:#fff6e0}.ar-btn.is-nomp{opacity:.55}.ar-btn__cd{position:absolute;inset:0;pointer-events:none;display:grid;place-items:start end;padding:2px 7px;font:700 13px var(--fx-font);font-style:normal;color:#cfe6ff;text-shadow:0 1px 3px #000;background:conic-gradient(rgba(20,40,70,.5) calc(var(--cd, 0) * 360deg),transparent 0)}.ar-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}.ar-log{margin-left:auto;font-size:13px;color:var(--fx-ink);font-variant-numeric:tabular-nums}@media(max-width:720px){.ar-stage{min-height:200px;padding:8px;gap:6px}.ar-me__ring{width:64px;height:64px}.ar-me__ic{width:40px;height:40px}.ar-btn{min-width:0;flex:1 1 140px}.ar-log{margin-left:0;flex-basis:100%}}:root{--bd-text: "Sarabun", "Noto Sans Thai", Tahoma, sans-serif;--fx-muted: #d6c6a6}body{font:400 15px/1.6 var(--bd-text)}.bd-btn,.bd-h span,.bd-h3,.bd-brand,.bd-step-chip,.bd-tabs button,.bd-quick b,.bd-intro__t b,.bd-modal__head b,.bd-stat__k,.bd-res b,.bd-bar b,.bd-points,.bd-num,.bd-step,.bd-x,.ar-btn b,.bd-job b,.bd-farm__exp b,.bd-verdict b{font-family:var(--fx-font)}.bd-muted,.bd-warn,.bd-note,.bd-hints,.bd-dist,.bd-cmpbar,.bd-sk__nums,.bd-sk__desc,.bd-stat__info,.bd-gear__fx,.bd-gear__src,.bd-item__t small,.bd-job small,.bd-farm__t small,.bd-mob__info small,.bd-chain,.bd-total,.bd-lbl,.bd-tbl{font-size:13.5px}.bd-gear__slot,.bd-gear__name small,.bd-res span,.bd-cry,.bd-chip,.bd-skills{font-size:14px}.bd-stat__info{line-height:1.5}.bd-gear__fx{color:#c3e2b0}.bd-gear__src,.bd-item__src{color:#bba684!important}.bd-top{background:#21160f;box-shadow:0 2px 8px #0009}.bd-intro{background:#24180f;border-width:1px;border-radius:4px;box-shadow:none}.bd-quick{background:#2e2015;box-shadow:none}.bd-quick:hover{transform:none;background:#3a2819}.bd-h{margin:-8px 0 16px}.bd-h span{min-width:0;padding:4px 36px;font-size:16px}.bd-panel{padding:12px 16px 16px}.bd-sel{min-height:32px;padding:3px 8px}.bd-num{min-height:34px}.bd-search{min-height:36px}.bd-gear__opt{gap:8px 12px;margin-top:8px}.bd-gear{padding:10px 0}.bd-resgrid,.bd-extra{gap:6px 10px}.bd-res{padding:6px 10px;align-items:center}.bd-res b{font-size:16px}.bd-extra .bd-res b{font-size:15px}.bd-bar b{font-size:16px}.bd-note{padding:7px 10px;gap:10px;line-height:1.5}.bd-hints{padding:8px 12px;gap:4px}.bd-tbl th,.bd-tbl td{padding:6px 8px}.bd-tbl tbody tr:nth-child(2n) td{background:#1d130d}.bd-tbl tbody tr:hover td{background:#33231a}.bd-item{padding:9px 12px}.bd-item__t{gap:1px}.bd-items{gap:8px}@media(max-width:720px){.bd-top__act{display:grid;grid-template-columns:auto 1.3fr 1.1fr auto;width:100%;gap:5px}.bd-top__act .bd-btn{justify-content:center;min-height:38px;padding:3px 8px;font-size:13px;line-height:1.2;white-space:normal;text-align:center}}.bd-traitbox{display:flex;align-items:center;gap:8px}.bd-traitbox .bd-trait{flex:1;min-width:0}.bd-trait{display:flex;align-items:center;gap:10px;padding:6px 10px;min-width:0;background:#0f0905aa;border:1px solid color-mix(in srgb,var(--tr, #6d4a2a) 55%,#3a2614);border-radius:4px;text-align:left}.bd-trait.is-none{--tr: #6d4a2a;border-style:dashed;color:#b8a585}.bd-trait .bd-ic{width:40px;height:40px;image-rendering:pixelated;flex:none}.bd-trait__t{display:grid;gap:2px;min-width:0}.bd-trait__name{display:flex;align-items:center;gap:6px;min-width:0}.bd-trait__name b{color:var(--tr);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 0 #000}.bd-trait__rar{flex:none;padding:0 8px;border-radius:9px;font-style:normal;font-size:11px;font-weight:700;line-height:1.6;color:#1a0f05;background:var(--tr)}.bd-trait__fx{font-size:12px}.bd-trait__fx .is-good{color:#9fe68a}.bd-trait__fx .is-bad{color:#ff9a8f}.bd-link{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:10px}.bd-link__label{font-size:14px;color:#d9c7a4}.bd-traitpick{display:grid;gap:12px}.bd-traitpick__grp{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px}.bd-traitpick__head{grid-column:1 / -1;display:flex;align-items:baseline;gap:10px;padding-bottom:2px;border-bottom:1px solid color-mix(in srgb,var(--tr) 45%,transparent)}.bd-traitpick__head b{color:var(--tr);font-size:16px}.bd-traitpick__head small{color:#b8a585}.bd-traitpick__item{display:grid;gap:4px;padding:0;background:none;border:0;cursor:pointer;text-align:left;color:inherit;font:inherit}.bd-traitpick__item:hover .bd-trait,.bd-traitpick__item:focus-visible .bd-trait{filter:brightness(1.18)}.bd-traitpick__item.is-on .bd-trait{box-shadow:0 0 0 2px var(--tr)}.bd-traitpick__flav{padding:0 4px;font-size:12px;font-style:italic;color:#a8957a}