@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";
@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&display=swap";
.pf-page *{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}.pf-page{--ink:#1b1e2b;--paper:#fbfbfc;--mut:#6c7180;--line:#1b1e2b1f;--mono:"Space Grotesk",ui-monospace,"SF Mono",Menlo,monospace;min-height:100vh;color:var(--ink);background:#e3e5ec;justify-content:center;align-items:center;font-family:Pretendard,-apple-system,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;line-height:1.5;display:flex}.pf-frame{background:var(--paper);background-image:radial-gradient(circle,#1b1e2b0b 1px,#0000 1.4px);background-size:22px 22px;flex-direction:column;width:100%;max-width:462px;min-height:100vh;display:flex;position:relative;overflow:hidden}@media (min-width:540px){.pf-page{padding:28px}.pf-frame{border-radius:28px;height:min(872px,94vh);min-height:auto;box-shadow:0 24px 70px -24px #1e223c73,inset 0 2px #fff9}}.pf-scroll{flex-direction:column;flex:1;padding:26px 24px 30px;display:flex;overflow:hidden auto}.pf-scroll::-webkit-scrollbar{width:0}.pf-eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mut);font-size:11px;font-weight:500}.pf-eyebrow-sm{font-size:10px}.pf-intro{text-align:center;justify-content:center}.pf-h1{letter-spacing:-.02em;margin:14px 0 0;font-size:32px;font-weight:800;line-height:1.18}.pf-h1 em{background:linear-gradient(120deg,#ee7b34,#8e66b4 60%,#3f6fb0);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.pf-sub{color:var(--mut);margin-top:14px;font-size:15px}.pf-spectrum{gap:5px;margin:24px 0 4px;display:flex}.pf-spectrum span{border-radius:4px;flex:1;height:8px}.pf-btn{cursor:pointer;border:none;border-radius:15px;justify-content:center;align-items:center;width:100%;font-family:inherit;font-size:16px;font-weight:700;transition:transform .12s,opacity .12s;display:flex}.pf-btn:active{transform:scale(.985)}.pf-btn-primary{background:var(--ink);color:#fff;height:56px;margin-top:22px}.pf-btn-ghost{height:50px;color:var(--ink);border:1.5px solid var(--line);background:0 0;margin-top:10px;font-size:15px}.pf-meta-row{color:var(--mut);justify-content:center;align-items:center;gap:14px;margin-top:24px;font-size:13px;display:flex}.pf-meta-row b{font-family:var(--mono);color:var(--ink);font-weight:700}.pf-sep{background:var(--line);width:1px;height:12px}.pf-fineprint{color:#a2a6b2;margin-top:20px;font-size:10.5px;line-height:1.6}.pf-quiz-top{align-items:center;gap:12px;display:flex}.pf-back{border:1.5px solid var(--line);width:38px;height:38px;color:var(--ink);cursor:pointer;background:0 0;border-radius:11px;flex-shrink:0;font-size:18px;line-height:1}.pf-counter{font-family:var(--mono);letter-spacing:.04em;font-size:15px;font-weight:700}.pf-counter i{color:var(--mut);font-size:13px;font-style:normal;font-weight:500}.pf-counter-sm{font-size:13px}.pf-quiz-top .pf-eyebrow-sm{margin-left:auto}.pf-progress{background:var(--line);border-radius:3px;height:4px;margin:18px 0 4px;overflow:hidden}.pf-progress span{background:var(--ink);border-radius:3px;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1);display:block}.pf-qwrap{flex-direction:column;flex:1;justify-content:center;animation:.34s cubic-bezier(.2,.7,.3,1) pf-qin;display:flex}.pf-q{letter-spacing:-.015em;margin-bottom:24px;font-size:24px;font-weight:800;line-height:1.32}.pf-opts{flex-direction:column;gap:11px;display:flex}.pf-opt{text-align:left;border:1.5px solid var(--line);cursor:pointer;width:100%;color:var(--ink);background:#fff;border-radius:15px;align-items:center;gap:13px;padding:17px;font-family:inherit;font-size:15.5px;font-weight:500;line-height:1.4;transition:border-color .15s,background .15s,transform .12s;display:flex}.pf-opt:hover{border-color:#1b1e2b57}.pf-opt:active{transform:scale(.99)}.pf-opt-mark{border:2px solid var(--line);border-radius:50%;flex-shrink:0;width:18px;height:18px;transition:all .15s}.pf-opt.is-picked{background:var(--ink);border-color:var(--ink);color:#fff}.pf-opt.is-picked .pf-opt-mark{background:#fff;border-color:#fff}.pf-result{padding:24px 22px 28px}.pf-res-head{justify-content:space-between;align-items:center;display:flex}.pf-res-headL{align-items:center;gap:10px;display:flex}.pf-detail-back{cursor:pointer;background:0 0;border:1.5px solid;border-radius:10px;flex-shrink:0;width:34px;height:34px;padding:0;font-family:inherit;font-size:17px;line-height:1;transition:transform .12s}.pf-detail-back:active{transform:scale(.92)}.pf-res-no{font-family:var(--mono);letter-spacing:.08em;font-size:12px;font-weight:500}.pf-grade{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;border:1.5px solid;border-radius:999px;padding:5px 11px;font-size:10.5px;font-weight:700}.pf-sigil{border-radius:30px;width:128px;height:128px;margin:22px auto 4px;padding:26px;animation:.5s cubic-bezier(.2,.8,.3,1.1) pf-pop}.pf-res-name{text-align:center;animation:.5s 60ms both pf-up}.pf-res-klass{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:11.5px;font-weight:500}.pf-res-name h2{letter-spacing:-.02em;margin:6px 0 3px;font-size:42px;font-weight:800;line-height:1.05}.pf-res-en{font-family:var(--mono);letter-spacing:.04em;font-size:13px;font-weight:500}.pf-res-tag{text-align:center;margin:14px 6px 20px;font-size:16px;font-weight:600;animation:.5s .12s both pf-up}.pf-card{border-radius:18px;margin-bottom:11px;padding:16px 17px;animation:.5s .18s both pf-up}.pf-card-title{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:13px;font-size:10.5px;font-weight:500}.pf-bars{flex-direction:column;gap:11px;display:flex}.pf-bar-row{align-items:center;gap:9px;display:flex}.pf-bar-lab{text-align:right;flex-shrink:0;width:42px;font-size:11px;font-weight:500}.pf-bar-lab-r{text-align:left}.pf-bar-track{border-radius:3px;flex:1;height:4px;position:relative}.pf-bar-mark{border-radius:50%;width:11px;height:11px;position:absolute;top:50%;transform:translate(-50%,-50%)}.pf-traits{flex-direction:column;gap:10px;list-style:none;display:flex}.pf-traits li{align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.pf-traits li span{border-radius:50%;flex-shrink:0;width:6px;height:6px}.pf-me-chip{font-style:normal;font-family:var(--mono);letter-spacing:.06em;opacity:.85;border:1px solid;border-radius:6px;flex-shrink:0;margin-left:auto;padding:2px 7px;font-size:9.5px;font-weight:700}.pf-blurb{font-size:15px;font-weight:500;line-height:1.7}.pf-rel{gap:11px;margin-bottom:18px;animation:.5s .24s both pf-up;display:flex}.pf-rel-item{flex:1}.pf-rel-lab{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:500;display:block}.pf-rel-pill{border-radius:13px;align-items:center;gap:8px;padding:11px 13px;font-size:15px;font-weight:700;display:flex}button.pf-rel-pill{cursor:pointer;width:100%;color:inherit;text-align:left;border:none;font-family:inherit;transition:transform .12s}button.pf-rel-pill:active{transform:scale(.97)}.pf-rel-go{opacity:.55;margin-left:auto;font-size:18px;font-weight:400;line-height:1}.pf-compat-list{flex-direction:column;gap:7px;display:flex}.pf-compat-row{cursor:pointer;width:100%;color:inherit;text-align:left;background:0 0;border:1px solid;border-radius:11px;align-items:center;gap:9px;padding:9px 11px;font-family:inherit;transition:transform .12s;display:flex}.pf-compat-row:active{transform:scale(.985)}.pf-compat-rank{font-family:var(--mono);text-align:center;flex-shrink:0;width:9px;font-size:12px;font-weight:700}.pf-compat-name{flex-shrink:0;font-size:15px;font-weight:700}.pf-compat-reason{text-align:right;margin-left:auto;padding-left:8px;font-size:11.5px;font-weight:500;line-height:1.3}.pf-compat-go{opacity:.5;flex-shrink:0;font-size:17px;line-height:1}.pf-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px}.pf-res-actions{margin-top:4px;animation:.5s .3s both pf-up}.pf-btn-solid{background:#fff;height:54px;font-size:16px;font-weight:800}.pf-res-sub{gap:10px;margin-top:10px;display:flex}.pf-btn-text{cursor:pointer;background:0 0;border:1.5px solid;border-radius:13px;flex:1;height:46px;font-family:inherit;font-size:14.5px;font-weight:600}.pf-among{text-align:center;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:18px 0 0;font-size:11px;font-weight:500;display:block}.pf-ad{background:#8c8ca00f;border:1.5px dashed #8c8ca080;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:78px;margin:16px 0 4px;display:flex}.pf-ad-tag{font-family:var(--mono);letter-spacing:.1em;color:#8c8fa0;border:1px solid #8c8ca099;border-radius:5px;padding:2px 6px;font-size:10px;font-weight:700}.pf-ad-txt{color:#9a9dac;font-size:12px;font-weight:500}.pf-dex{padding:0}.pf-dex-sticky{z-index:5;background:var(--paper);border-bottom:1px solid var(--line);padding:22px 22px 13px;position:sticky;top:0}.pf-dex-body{padding:14px 22px 30px}.pf-search{border:1.5px solid var(--line);height:50px;color:var(--mut);background:#fff;border-radius:14px;align-items:center;gap:10px;margin-top:14px;padding:0 14px;transition:border-color .15s;display:flex}.pf-search:focus-within{color:var(--ink);border-color:#1b1e2b6b}.pf-search input{min-width:0;height:100%;color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15.5px;font-weight:500}.pf-search input::placeholder{color:#a7aab6;font-weight:400}.pf-search input::-webkit-search-cancel-button{appearance:none}.pf-search-clear{width:24px;height:24px;color:var(--ink);cursor:pointer;background:#1b1e2b1a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:17px;line-height:1;display:flex}.pf-search-clear:active{transform:scale(.9)}.pf-dex-filters{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.pf-seg{background:#1b1e2b0d;border-radius:11px;gap:2px;padding:3px;display:inline-flex}.pf-seg button{color:var(--mut);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:7px 15px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,color .15s}.pf-seg button.is-on{color:var(--ink);background:#fff;box-shadow:0 1px 3px #0000001a}.pf-dex-result{font-family:var(--mono);color:var(--mut);font-size:12px;font-weight:500}.pf-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:62px 24px 70px;display:flex}.pf-empty-ico{width:50px;height:50px;color:var(--mut);opacity:.32;margin-bottom:16px}.pf-empty-ico svg{width:100%;height:100%}.pf-empty-t{color:var(--ink);word-break:break-all;margin-bottom:7px;font-size:16px;font-weight:700}.pf-empty-s{color:var(--mut);font-size:13px;line-height:1.6}.pf-dex-h{letter-spacing:-.02em;margin:16px 0 8px;font-size:30px;font-weight:800}.pf-dex-note{color:var(--mut);margin-bottom:18px;font-size:13px;line-height:1.6}.pf-dex-note b{color:var(--ink)}.pf-dex-note-dim{color:#a2a6b2}.pf-dex-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.pf-dex-adcell{grid-column:1/-1}.pf-dex-cell{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;align-items:flex-start;padding:15px 14px 13px;transition:transform .12s,border-color .15s;display:flex;position:relative;overflow:hidden}.pf-dex-cell:active{transform:scale(.98)}.pf-dex-cell:before{content:"";opacity:.1;background:linear-gradient(140deg,var(--c1),var(--c2));position:absolute;inset:0}.pf-dex-sigil{width:46px;height:46px;color:var(--ink);opacity:.9;position:relative}.pf-dex-no{font-family:var(--mono);color:var(--mut);margin-top:8px;font-size:11px;font-weight:500;position:relative}.pf-dex-name{margin-top:1px;font-size:16px;font-weight:700;position:relative}.pf-dex-badge{font-family:var(--mono);letter-spacing:.06em;color:var(--mut);background:#1b1e2b14;border-radius:6px;padding:3px 7px;font-size:9px;font-weight:700;position:absolute;top:12px;right:12px}.pf-dex-badge.is-pool{background:var(--ink);color:#fff}.pf-toast{background:var(--ink);color:#fff;white-space:nowrap;z-index:20;border-radius:12px;padding:11px 18px;font-size:13.5px;font-weight:600;animation:.25s pf-toast;position:absolute;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.pf-rarity{flex-direction:column;align-items:center;gap:4px;margin:2px 6px 18px;animation:.5s .1s both pf-up;display:flex}.pf-rarity-row{align-items:center;gap:8px;display:flex}.pf-rarity-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:500}.pf-rarity-stars{letter-spacing:1px;font-size:15px;line-height:1}.pf-rarity-main{text-align:center;font-size:13px;font-weight:700}.pf-rarity-flavor{font-size:12px;font-weight:500}.pf-rank-toggle{cursor:pointer;width:100%;color:inherit;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;min-height:24px;padding:0;font-family:inherit;display:flex}.pf-rank-toggle-act{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.pf-rank-tiers{flex-direction:column;gap:14px;margin-top:14px;display:flex}.pf-rank-tier-head{align-items:center;gap:7px;margin-bottom:9px;display:flex}.pf-rank-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.pf-rank-tier-name{font-size:13.5px;font-weight:700}.pf-rank-count{font-family:var(--mono);margin-left:1px;font-size:11px;font-weight:500}.pf-rank-chips{flex-wrap:wrap;gap:7px;display:flex}.pf-rank-chip{cursor:pointer;background:0 0;border:1px solid;border-radius:999px;align-items:center;gap:7px;min-height:40px;padding:8px 13px;font-family:inherit;font-size:13.5px;font-weight:600;transition:transform .12s;display:flex}.pf-rank-chip:active{transform:scale(.96)}.pf-rank-chip-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.pf-mapbtn{border:1.5px solid var(--line);width:100%;height:46px;color:var(--ink);cursor:pointer;background:0 0;border-radius:13px;justify-content:center;align-items:center;gap:6px;margin-top:11px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;transition:transform .12s;display:flex}.pf-mapbtn:active{transform:scale(.99)}.pf-mapbtn-sm{height:42px;font-size:13.5px;font-weight:600}.pf-compat-frame{overflow:hidden}.pf-compat-head{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:12px;padding:18px 22px 13px;display:flex}.pf-compat-graph{flex-direction:column;flex:1;min-height:0;display:flex}.pf-compat-svg{touch-action:none;cursor:grab;background:radial-gradient(circle at 50% 42%,#fff,#eff0f5);flex:1;width:100%;min-height:0;display:block}.pf-compat-svg:active{cursor:grabbing}.pf-compat-label{paint-order:stroke;stroke:#fbfbfc;stroke-width:2.6px;stroke-linejoin:round;font-family:Pretendard,-apple-system,sans-serif;font-size:9px}.pf-compat-readout{border-top:1px solid var(--line);color:var(--ink);text-align:center;flex-shrink:0;justify-content:center;align-items:center;min-height:48px;padding:13px 20px;font-size:13.5px;font-weight:600;line-height:1.45;display:flex}.pf-compat-frame .pf-ad{margin:12px 18px}.pf-doc{padding:24px 24px 28px}.pf-doc-top{align-items:center;gap:12px;margin-bottom:6px;display:flex}a.pf-back{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.pf-doc-title{letter-spacing:-.02em;margin-top:10px;font-size:26px;font-weight:800;line-height:1.22}.pf-doc-eff{font-family:var(--mono);letter-spacing:.04em;color:var(--mut);margin-top:9px;font-size:11px}.pf-doc-lead{color:var(--mut);margin-top:14px;font-size:14.5px;line-height:1.72}.pf-doc-sec{margin-top:24px}.pf-doc-sec h2{letter-spacing:-.01em;margin-bottom:11px;font-size:16.5px;font-weight:700;line-height:1.4}.pf-doc-sec p{color:var(--ink);margin-bottom:10px;font-size:14px;line-height:1.75}.pf-doc-sec p:last-child{margin-bottom:0}.pf-doc-sec ul{flex-direction:column;gap:8px;margin:6px 0 12px;list-style:none;display:flex}.pf-doc-sec li{color:var(--ink);padding-left:16px;font-size:14px;line-height:1.7;position:relative}.pf-doc-sec li:before{content:"";background:var(--mut);border-radius:50%;width:5px;height:5px;position:absolute;top:9px;left:3px}.pf-doc-note{border:1.5px solid var(--line);color:var(--ink);background:#1b1e2b0a;border-radius:14px;margin:6px 0 12px;padding:14px 15px;font-size:13.5px;line-height:1.72}.pf-doc-links{flex-direction:column;gap:9px;margin:8px 0 4px;display:flex}.pf-doc-link{color:#2f6fb0;word-break:break-all;align-items:center;gap:5px;min-height:40px;padding:6px 0;font-size:13.5px;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex}.pf-doc-link:after{content:"↗";opacity:.55;font-size:11px}.pf-form{flex-direction:column;gap:16px;margin-top:18px;display:flex}.pf-field{flex-direction:column;gap:7px;display:flex}.pf-field-lab{color:var(--ink);align-items:baseline;gap:7px;font-size:13px;font-weight:700;display:flex}.pf-field-lab i{font-style:normal;font-family:var(--mono);letter-spacing:.04em;color:var(--mut);font-size:10px;font-weight:500}.pf-field-lab i.pf-req{color:#d6504e}.pf-input{border:1.5px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:13px;padding:14px;font-family:inherit;font-size:16px;font-weight:500;transition:border-color .15s}.pf-input::placeholder{color:#a7aab6;font-weight:400}.pf-input:focus{border-color:#1b1e2b6b;outline:none}.pf-textarea{resize:vertical;min-height:130px;line-height:1.6}.pf-field-err{color:#d6504e;font-size:12.5px;font-weight:600}.pf-form-submit{margin-top:4px}.pf-form-submit:disabled{opacity:.55;cursor:default}.pf-form-done{text-align:center;background:#4fa84f12;border:1.5px solid #4fa84f66;border-radius:18px;flex-direction:column;align-items:center;gap:10px;margin-top:18px;padding:30px 18px;display:flex}.pf-form-done-ico{color:#fff;background:#4fa84f;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:24px;font-weight:700;display:flex}.pf-form-done h2{letter-spacing:-.01em;font-size:18px;font-weight:800}.pf-form-done p{color:var(--mut);font-size:14px;line-height:1.7}.pf-footer{border-top:1px solid var(--line);margin-top:28px;padding-top:18px}.pf-doc .pf-footer{margin-top:auto}.pf-footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px 16px;display:flex}.pf-footer-links a{min-height:36px;color:var(--mut);align-items:center;padding:0 3px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex}.pf-footer-links a:hover{color:var(--ink)}.pf-footer-rights{text-align:center;color:#a2a6b2;margin-top:13px;font-size:10.5px;line-height:1.65}@keyframes pf-qin{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pf-pop{0%{opacity:0;transform:scale(.84)}to{opacity:1;transform:none}}@keyframes pf-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pf-toast{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.pf-page *{transition:none!important;animation:none!important}}