:root{--bg:#0c0b0d;--bg-2:#121014;--surface:#18151b;--surface-2:#211d25;--line:#ffffff14;--line-strong:#ffffff29;--text:#ece7df;--muted:#a39ba3;--dim:#6f676f;--red:#d6293b;--red-deep:#6e0e19;--gold:#d8a64a;--weak:#ff5a5f;--resist:#6fb7d9;--sans:"Noto Sans JP", system-ui, "Segoe UI", sans-serif;--display:"Oswald", "Noto Sans JP", system-ui, sans-serif;--mono:ui-monospace, "Cascadia Mono", Consolas, monospace;--radius:10px;--shadow:0 18px 40px -18px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:15px/1.6 var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}html{scrollbar-gutter:stable}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 85% -10%, #d6293b1f, transparent 60%), radial-gradient(900px 500px at -10% 10%, #d8a64a0f, transparent 60%), var(--bg);min-height:100svh;margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3,h4,p{margin:0}img{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}::selection{background:var(--red);color:#fff}.search-heading{margin-block:24px}.search-heading h1{margin-block:14px}.search-heading>p:not(.kicker){color:var(--muted)}.search-page-box{margin-bottom:24px}.search-page-box .search{max-width:720px}.search-examples{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.search-examples ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.search-examples .chip{text-decoration:none}.search-summary{color:var(--muted);margin-bottom:20px;font-size:13px}.search-group{margin-bottom:32px}.search-group-title{border-bottom:1px solid var(--line);align-items:baseline;gap:10px;margin-bottom:12px;padding-bottom:10px;font-size:17px;display:flex}.search-results{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.search-result{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-items:center;gap:12px;min-height:60px;padding:8px 12px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.search-result:hover{border-color:var(--line-strong);background:var(--surface-2)}.search-result img,.search-result-noimage{object-fit:cover;background:var(--bg-2);border-radius:6px;flex:0 0 44px;width:44px;height:44px}.search-result-sinner img{object-position:top}.search-result-noimage{border:1px solid var(--line-strong);color:var(--gold);font-family:var(--display);letter-spacing:.06em;place-items:center;font-size:11px;display:grid}.search-result-text{min-width:0;display:grid}.search-result-text strong{overflow-wrap:anywhere;font-size:14px}.search-result-text span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.search-more{border:1px solid var(--line-strong);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;margin-top:10px;padding:8px 14px;font-size:13px}.search-more:hover{color:var(--text);border-color:var(--gold)}@media (width<=480px){.search-results{grid-template-columns:1fr}}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}.site-main{flex:1}.section{padding-block:40px 56px}.site-header{z-index:20;padding-top:env(safe-area-inset-top,0px);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--line);background:#0c0b0dc7;position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;height:60px;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{background:var(--red);clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);width:14px;height:22px}.brand-text{font-family:var(--display);letter-spacing:.08em;font-size:19px;font-weight:600}.brand-accent{color:var(--gold)}.site-nav{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:20px;margin-left:auto;display:flex}.site-search-link{border:1px solid var(--line-strong);width:40px;height:40px;color:var(--muted);border-radius:999px;flex-shrink:0;place-items:center;margin-left:14px;transition:color .15s,border-color .15s;display:inline-grid}.site-search-link:hover,.site-search-link[aria-current=page]{color:var(--text);border-color:var(--gold)}.site-search-link svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:18px;height:18px}.site-nav a{min-height:44px;color:var(--muted);align-items:center;font-size:14px;text-decoration:none;transition:color .15s;display:inline-flex}.site-nav a:hover{color:var(--text)}.site-nav a[aria-current=page]{color:var(--text);position:relative}.site-nav a[aria-current=page]:after{content:"";inset-inline:0;background:var(--red);height:2px;position:absolute;bottom:8px}.site-footer{padding-block:28px calc(28px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);color:var(--dim);margin-top:24px;font-size:12px}.site-footer p+p{margin-top:4px}.site-footer a{color:var(--muted)}.kicker{font-family:var(--display);letter-spacing:.32em;color:var(--gold);font-size:13px;font-weight:500}.back-link{color:var(--muted);margin-bottom:20px;font-size:13px;text-decoration:none;transition:color .15s;display:inline-block}.back-link:hover{color:var(--text)}.empty{color:var(--muted);padding:32px 0}.section-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.section-title{color:var(--muted);align-items:baseline;gap:14px;font-size:15px;font-weight:700;display:flex}.section-title-en{font-family:var(--display);letter-spacing:.06em;color:var(--text);font-size:clamp(26px,4vw,34px);font-weight:600;line-height:1}.section-count{font-family:var(--display);color:var(--muted);white-space:nowrap;font-size:14px}.hero-stats{gap:32px;margin:0;display:flex}.hero-stats div{flex-direction:column;display:flex}.hero-stats dt{color:var(--muted);font-size:12px}.hero-stats dd{font-family:var(--display);margin:0;font-size:32px;font-weight:500;line-height:1.1}.search{max-width:560px;position:relative}.search input{width:100%;height:52px;font:inherit;color:var(--text);border:1px solid var(--line-strong);background:#ffffff0a;border-radius:999px;padding:0 18px 0 48px;font-size:16px;transition:border-color .15s,background .15s}.search input::placeholder{color:var(--dim)}.search input:focus{border-color:var(--gold);background:#ffffff12;outline:none}.search-icon{fill:none;width:18px;height:18px;stroke:var(--muted);stroke-width:2px;stroke-linecap:round;pointer-events:none;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.search-sm{flex:240px;max-width:320px}.search-sm input{height:40px;padding-left:42px;font-size:14px}.search-sm .search-icon{width:16px;height:16px;left:15px}.hero{border-bottom:1px solid var(--line);padding-block:clamp(48px,9vw,96px) clamp(40px,6vw,64px);position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:repeating-linear-gradient(-55deg,#0000 0 22px,#ffffff05 22px 23px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 60%);mask-image:linear-gradient(90deg,#0000,#000 60%)}.hero:after{content:"";aspect-ratio:1;pointer-events:none;border:1px solid #d6293b59;width:min(46vw,560px);position:absolute;top:50%;right:-6%;transform:translateY(-50%)rotate(45deg);box-shadow:inset 0 0 0 28px #d6293b0d,0 0 120px #d6293b26}.hero-inner{z-index:1;flex-direction:column;gap:22px;display:flex;position:relative}.hero-title{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;font-size:clamp(54px,11vw,120px);font-weight:700;line-height:.9}.hero-title span{color:#0000;-webkit-text-stroke:1.5px var(--red)}.hero-lead{max-width:34em;color:var(--muted)}.sinner-grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}@media (width<=1080px){.sinner-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=720px){.sinner-grid{grid-template-columns:repeat(3,1fr)}}.sinner-card{aspect-ratio:3/4;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);isolation:isolate;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s;display:block;position:relative;overflow:hidden}.sinner-card img{object-fit:cover;object-position:50% 42%;filter:saturate(.85);width:100%;height:100%;transition:transform .5s,filter .5s;position:absolute;inset:0}.sinner-card-shade{z-index:1;background:linear-gradient(#0000 35%,#0a090b99 62%,#0a090bf5 100%);position:absolute;inset:0}.sinner-card-body{z-index:2;flex-direction:column;gap:2px;padding:16px;display:flex;position:absolute;inset:auto 0 0}.sinner-card-no{font-family:var(--display);letter-spacing:.2em;color:var(--gold);font-size:12px}.sinner-card-name{font-size:22px;font-weight:900;line-height:1.25}.sinner-card-quote{color:var(--muted);-webkit-line-clamp:2;opacity:0;-webkit-box-orient:vertical;max-height:0;font-size:12px;transition:max-height .3s,opacity .3s;display:-webkit-box;overflow:hidden}.sinner-card-count{border:1px solid var(--line-strong);color:var(--muted);border-radius:999px;align-self:flex-start;margin-top:6px;padding:2px 8px;font-size:11px}.sinner-card:hover,.sinner-card:focus-visible{border-color:#d6293bb3;transform:translateY(-4px);box-shadow:0 20px 40px -20px #d6293b99}.sinner-card:hover img,.sinner-card:focus-visible img{filter:saturate(1.05);transform:scale(1.06)}.sinner-card:hover .sinner-card-quote,.sinner-card:focus-visible .sinner-card-quote{opacity:1;max-height:3.2em}.char-hero{border-bottom:1px solid var(--line);position:relative;overflow:hidden}.char-hero-backdrop{filter:blur(40px)saturate(1.2);opacity:.35;background-position:50% 30%;background-size:cover;position:absolute;inset:-40px;transform:scale(1.1)}.char-hero:after{content:"";background:linear-gradient(180deg, #0c0b0d4d, var(--bg) 96%);position:absolute;inset:0}.char-hero-top{z-index:1;padding-top:20px;position:relative}.char-hero-top .back-link{margin-bottom:0}.char-hero-inner{z-index:1;grid-template-columns:minmax(220px,340px) 1fr;align-items:end;gap:clamp(24px,5vw,56px);padding-block:20px 48px;display:grid;position:relative}.char-hero-poster{border-radius:var(--radius);border:1px solid var(--line-strong);box-shadow:var(--shadow), 0 0 0 6px #ffffff05;aspect-ratio:1000/1414;background:var(--surface);overflow:hidden}.char-hero-poster img{object-fit:cover;width:100%;height:100%}.char-hero-info{flex-direction:column;gap:14px;padding-bottom:8px;display:flex}.char-name{letter-spacing:.02em;font-size:clamp(40px,7vw,72px);font-weight:900;line-height:1.05}.char-quote{border-left:3px solid var(--red);color:var(--muted);margin:0 0 8px;padding-left:14px;font-size:16px}.char-pager{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.pager-link{border:1px solid var(--line-strong);background:#ffffff08;border-radius:8px;flex-direction:column;min-width:140px;padding:10px 14px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.pager-next{text-align:right}.pager-link:hover{border-color:var(--gold);background:#ffffff0f}.pager-dir{font-family:var(--display);letter-spacing:.2em;color:var(--gold);font-size:11px}.pager-name{font-weight:700}.toolbar{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:24px;display:flex}.chip-group{flex-wrap:wrap;gap:6px;display:flex}.chip{height:32px;color:var(--muted);border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:4px;padding:0 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.chip:hover{color:var(--text);background:#ffffff0d}.chip.is-active{background:var(--text);color:var(--bg);border-color:var(--text)}.chip-reset{height:32px;color:var(--gold);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0 4px;font-size:13px;text-decoration:underline}.persona-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.persona-card{text-align:left;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;flex-direction:column;padding:0;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.persona-card:hover,.persona-card:focus-visible{box-shadow:var(--shadow);border-color:#d8a64a99;transform:translateY(-3px)}.persona-card-media{aspect-ratio:1;background:var(--surface-2);position:relative;overflow:hidden}.persona-card-media>img:first-child{aspect-ratio:1;object-fit:cover;width:100%;height:100%;transition:transform .4s}.persona-card:hover .persona-card-media>img:first-child{transform:scale(1.05)}.persona-card-placeholder{width:100%;height:100%}.persona-card-season{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--muted);background:#0a090bbf;border-radius:4px;padding:2px 8px;font-size:11px;position:absolute;top:8px;left:8px}.persona-card-body{flex-direction:column;flex:1;gap:6px;padding:12px 14px 14px;display:flex}.persona-card-code{font-family:var(--display);letter-spacing:.1em;color:var(--dim);font-size:12px}.persona-card-char{font-family:var(--sans);letter-spacing:0;color:var(--gold)}.persona-card-name{color:var(--text);font-size:15px;font-weight:700;line-height:1.4}.persona-card-meta{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.persona-card-icons,.persona-card-sins{align-items:center;gap:4px;display:flex}.persona-card-stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:4px;margin:4px 0 0;padding-top:10px;display:grid}.persona-card-stats dt{color:var(--dim);font-size:10px}.persona-card-stats dd{font-family:var(--display);color:var(--text);margin:0;font-size:16px}.sin-badge{border-radius:4px;justify-content:center;align-items:center;min-width:42px;height:22px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.sin-dot{border-radius:50%;width:10px;height:10px;display:inline-block;box-shadow:0 0 0 2px #00000059}.attack-type-icon{object-fit:contain;display:inline-block}.attack-type-text{color:var(--muted);font-size:12px}.coins{gap:3px;display:inline-flex}.coin{background:radial-gradient(circle at 35% 35%, #f6d68a, var(--gold) 55%, #8a6324);border-radius:50%;width:10px;height:10px}.persona-hero{border-bottom:1px solid var(--line);position:relative;overflow:hidden}.persona-hero-backdrop{filter:blur(50px)saturate(1.3);opacity:.3;background-position:50%;background-size:cover;position:absolute;inset:-60px}.persona-hero:after{content:"";background:linear-gradient(180deg, #0c0b0d66, var(--bg) 98%);position:absolute;inset:0}.persona-hero>.container{z-index:1;position:relative}.breadcrumb{color:var(--dim);flex-wrap:wrap;align-items:center;gap:8px;padding-top:20px;font-size:13px;display:flex}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover,.breadcrumb [aria-current]{color:var(--text)}.persona-hero-inner{grid-template-columns:minmax(180px,260px) 1fr;align-items:start;gap:clamp(24px,4vw,48px);padding-block:24px 40px;display:grid}.persona-hero-image{border-radius:var(--radius);border:1px solid var(--line-strong);box-shadow:var(--shadow);background:var(--surface);overflow:hidden}.persona-hero-image img{aspect-ratio:1;object-fit:cover;width:100%;height:auto}.persona-hero-info{flex-direction:column;gap:14px;min-width:0;display:flex}.persona-title{font-size:clamp(28px,4.5vw,44px);font-weight:900;line-height:1.2}.persona-ruby{color:var(--dim);margin-top:-8px;font-size:13px}.persona-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{border:1px solid var(--line-strong);background:#ffffff0a;border-radius:999px;align-items:center;gap:6px;height:28px;padding:0 12px;font-size:13px;display:inline-flex}.tag img{object-fit:contain}.tag-link{color:var(--gold);border-color:#d8a64a73;text-decoration:none}.tag-link:hover{background:#d8a64a1f}.tag-muted{color:var(--muted)}.spec-list{border:1px solid var(--line);background:#18151bb3;border-radius:8px;flex-wrap:wrap;gap:6px 18px;margin:0;padding:10px 14px;font-size:13px;display:flex}.spec-list>div{align-items:baseline;gap:6px;display:flex}.spec-list dt{color:var(--dim);font-size:11px}.spec-list dd{color:var(--text);margin:0;font-weight:500}.spec-sins dd{flex-wrap:wrap;gap:4px;display:inline-flex}.spec-sins .sin-badge{min-width:0;height:20px;font-size:11px;font-weight:500}.spec-resist dd{gap:6px;display:inline-flex}.resist-chip{font-family:var(--display);border:1px solid var(--line);color:var(--muted);border-radius:4px;align-items:center;gap:2px;padding:0 6px 0 3px;font-size:13px;display:inline-flex}.resist-chip.resist-weak{color:var(--weak);background:#ff5a5f14;border-color:#ff5a5f80}.resist-chip.resist-resist{color:var(--resist);background:#6fb7d912;border-color:#6fb7d973}.persona-body{flex-direction:column;gap:48px;padding-block:32px 56px;display:flex}.section-note,.loading{color:var(--dim);margin-top:12px;font-size:12px}.skill-tab-list{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;margin-bottom:10px;display:grid}.skill-tab{min-width:0;font:inherit;color:var(--muted);text-align:left;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-bottom:2px solid color-mix(in srgb, var(--sin) 45%, transparent);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.skill-tab:hover{color:var(--text);background:var(--surface-2)}.skill-tab.is-active{color:var(--text);background:color-mix(in srgb, var(--sin) 16%, var(--surface));border-color:color-mix(in srgb, var(--sin) 60%, transparent);border-bottom-color:var(--sin)}.skill-tab:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.skill-tab-label{font-family:var(--display);flex:none;font-size:16px;font-weight:600}.skill-tab-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;overflow:hidden}.skill-tab-extra{color:var(--gold);flex:none;font-size:11px}.skill-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:10px;display:grid}.skill-card{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--sin);border-radius:var(--radius);flex-direction:column;gap:10px;min-width:0;padding:14px 16px;display:flex}.skill-card-head{grid-template-columns:auto 1fr;grid-template-areas:"slot name""slot tags";align-items:center;gap:6px 14px;display:grid}.skill-card-slot{min-width:42px;height:42px;font-family:var(--display);color:var(--text);background:color-mix(in srgb, var(--sin,#444) 22%, transparent);border:1px solid color-mix(in srgb, var(--sin,#444) 55%, transparent);border-radius:8px;flex-direction:column;grid-area:slot;justify-content:center;align-items:center;padding:0 6px;font-size:16px;font-weight:600;line-height:1;display:flex}.skill-card-slot small{color:var(--muted);margin-top:4px;font-size:11px;font-weight:400}.skill-card-name{grid-area:name;font-size:16px;font-weight:700;line-height:1.3}.skill-card-tags{flex-wrap:wrap;grid-area:tags;align-items:center;gap:8px;display:flex}.skill-card-type{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:inline-flex}.skill-card-stats{background:var(--line);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.skill-card-stats>div{background:var(--bg-2);min-width:0;padding:5px 9px}.skill-card-stats dt{color:var(--dim);font-size:11px}.skill-card-stats dd{flex-direction:column;margin:0;display:flex}.skill-card-stats .staged-main{font-size:15px}.staged-main{font-family:var(--display);color:var(--text);font-size:18px;line-height:1.3}.staged-history{color:var(--dim);overflow-wrap:anywhere;font-size:11px}.coin-count{align-items:center;gap:8px;display:inline-flex}.fx{flex-direction:column;gap:6px;font-size:14px;line-height:1.7;display:flex}.fx-line{overflow-wrap:anywhere;align-items:flex-start;gap:8px;display:flex}.fx-coin{min-width:22px;height:22px;font-family:var(--display);color:#2a1d06;background:radial-gradient(circle at 35% 35%, #f6d68a, var(--gold) 60%, #9a6f29);border-radius:999px;flex:none;justify-content:center;align-items:center;margin-top:1px;padding:0 4px;font-size:12px;font-weight:600;display:inline-flex}.fx-timing{color:var(--gold);border:1px solid #d8a64a66;border-radius:4px;margin-right:4px;padding:0 6px;font-size:12px;line-height:1.6;display:inline-block}.fx-indent{padding-left:30px}.fx-coin-unbreakable,.coin.coin-unbreakable{box-shadow:0 0 0 2px var(--red), 0 0 6px #d6293bb3}.coin.coin-unbreakable{background:radial-gradient(circle at 35% 35%,#ffe7a8,#e0a83a 55%,#7a3a14)}.ub-summary{border-radius:var(--radius);background:#d6293b0d;border:1px solid #d6293b73;margin-top:14px;padding:14px 16px}.ub-summary-title{color:var(--text);margin-bottom:8px;font-size:14px;font-weight:700}.ub-summary-list{flex-direction:column;gap:10px;margin:0;font-size:13px;display:flex}.ub-summary-list dt{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.ub-summary-list dd{margin:4px 0 0}.ub-summary-list ul{overflow-wrap:anywhere;flex-direction:column;gap:4px;margin:0;padding-left:18px;display:flex}.ub-summary-list strong{font-weight:700}.coin-legend{flex-wrap:wrap;align-items:center;gap:6px 18px;display:flex}.coin-legend>span{align-items:center;gap:6px;display:inline-flex}.skill-card-form{color:var(--muted);border:1px solid var(--line-strong);border-radius:999px;padding:1px 8px;font-size:12px}.skill-card-slot .slot-special{color:#fff;background:var(--red);border-radius:3px;margin-top:4px;padding:0 4px;font-size:10px}.skill-card-special{border-style:solid dashed dashed}.fx-keyword{text-underline-offset:3px;cursor:help;font-weight:500;-webkit-text-decoration:underline dotted #ece7df80;text-decoration:underline dotted #ece7df80}button.fx-keyword{color:inherit;font:inherit;font-weight:500;line-height:inherit;cursor:pointer;background:0 0;border:0;padding:0}button.fx-keyword[aria-expanded=true]{color:var(--gold);-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold)}.fx-popover{z-index:300;border:1px solid var(--line-strong);border-left:3px solid var(--gold);border-radius:var(--radius);background:var(--surface-2);width:max-content;max-width:min(340px,100vw - 32px);color:var(--muted);text-align:left;white-space:normal;padding:12px 14px;font-size:13px;font-weight:400;line-height:1.7;display:block;position:absolute;top:0;left:0;box-shadow:0 8px 24px #00000073}.fx-popover strong{color:var(--text);margin-bottom:4px;font-size:13px;display:block}.fx-popover>span{white-space:pre-line;display:block}@media (width<=640px){.fx-popover{width:auto;max-width:none;max-height:50vh;position:fixed;inset:auto 16px 16px;overflow-y:auto}}.fx-note{color:var(--dim);font-size:12px}.fx-empty{color:var(--dim);font-size:13px}.passive-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.passive-card{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--radius);flex-direction:column;gap:12px;min-width:0;padding:18px;display:flex}.passive-card-head{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.passive-kind{letter-spacing:.08em;width:100%;color:var(--gold);font-size:11px}.passive-card-name{font-size:18px;font-weight:700}.passive-card-req{flex-wrap:wrap;gap:6px;margin-left:auto;display:inline-flex}.passive-cond{border:1px solid var(--line-strong);height:22px;color:var(--muted);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;display:inline-flex}.summary-skills{flex-direction:column;gap:8px;display:flex}.summary-skill{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:12px;padding:12px 14px;display:flex}.summary-skill .skill-card-slot{min-width:44px;height:36px;font-size:15px}.guide{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--red);border-radius:var(--radius);flex-direction:column;gap:18px;padding:20px 22px;display:flex}.guide-heading{color:var(--gold);margin:0 0 6px;font-size:14px;font-weight:700}.guide-part p,.guide-part ul{margin:0;font-size:14px}.guide-part ul{flex-direction:column;gap:6px;padding-left:1.2em;display:flex}.guide-part strong{color:var(--text)}@media (width<=640px){.guide{padding:16px}}.glossary{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin:0;display:grid}.glossary-item{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px 14px}.glossary-item dt{margin-bottom:4px;font-weight:700}.glossary-item dd{color:var(--muted);white-space:pre-line;margin:0;font-size:13px}.persona-pager{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:12px;padding-top:24px;display:grid}.persona-pager .pager-link{justify-self:start}.persona-pager .pager-next{justify-self:end}.persona-pager .pager-link{max-width:100%}.home-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.home-step{border:1px solid var(--line-strong);border-top:3px solid var(--gold);border-radius:var(--radius);background:linear-gradient(160deg, #d8a64a12, var(--surface) 55%);align-content:start;gap:6px;height:100%;padding:20px 20px 22px;text-decoration:none;transition:border-color .15s,transform .15s;display:grid;position:relative;overflow:hidden}.home-step:hover{border-color:var(--gold);transform:translateY(-2px)}.home-step-no{font-family:var(--display);color:#ffffff12;font-size:40px;font-weight:700;line-height:1;position:absolute;top:8px;right:14px}.home-step .kicker{font-size:11px}.home-step strong{font-size:18px}.home-step-desc{color:var(--muted);font-size:13px}@media (width<=900px){.home-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.home-steps{grid-template-columns:1fr;gap:10px}.home-step{padding:16px 16px 18px}}@media (width<=900px){.passive-cards{grid-template-columns:1fr}}@media (width<=760px){.site-header-inner{flex-wrap:wrap;gap:0;height:auto;padding-top:4px}.brand{min-height:40px}.site-nav{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;flex:1 0 100%;gap:18px;margin-inline:calc(-1*clamp(16px,4vw,32px));padding-inline:clamp(16px,4vw,32px);overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000);mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000)}.site-nav::-webkit-scrollbar{display:none}.site-nav a{white-space:nowrap;flex-shrink:0;font-size:13px}.site-nav a[aria-current=page]:after{bottom:6px}.site-search-link{order:1;width:36px;height:36px;margin-left:auto}.site-nav{order:2}.search input{font-size:16px}.char-hero-inner{grid-template-columns:1fr;padding-top:16px}.char-hero-poster{width:min(62vw,260px)}.hero-stats{gap:24px}.persona-hero-inner{grid-template-columns:1fr}.persona-hero-image{width:min(40vw,160px)}.skill-card{padding:12px}.skill-card-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.skill-tab{justify-content:center;padding-inline:6px}.skill-tab-name{display:none}.passive-card-req{margin-left:0}}@media (width<=480px){.sinner-grid{grid-template-columns:repeat(2,1fr);gap:10px}.sinner-card-name{font-size:17px}.sinner-card-body{padding:12px}.persona-grid{grid-template-columns:repeat(2,1fr);gap:10px}.persona-card-body{padding:10px}.persona-card-name{font-size:13px}.persona-card-stats dd{font-size:14px}.search-sm{max-width:none}}@media (hover:none){.sinner-card-quote{opacity:1;max-height:3.2em}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.ego-card .persona-card-media{aspect-ratio:1}.ego-rank{letter-spacing:.04em;font-weight:700}.ego-rank-ZAYIN{color:#5fe05f}.ego-rank-TETH{color:#5fb4ff}.ego-rank-HE{color:#ffd34d}.ego-rank-WAW{color:#b980ff}.ego-rank-ALEPH{color:#ff5f5f}.ego-note{min-height:1.4em;margin-top:-2px;display:block}.ego-card-cost{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.ego-resist-dot{border-radius:50%;width:8px;height:8px;margin-right:3px;display:inline-block}.stage{border-radius:3px;padding:0 2px}.stage-3{color:#ff7d8d;background:#dc143c24}.stage-4{color:#6ff0b4;background:#00fa9a1f}.guide-link{color:inherit;text-underline-offset:3px;-webkit-text-decoration:underline #ece7df80;text-decoration:underline #ece7df80}.guide-link:hover,.guide-link:focus-visible{text-decoration-color:currentColor}.guide ul:has(.synergy-item){padding-left:0;list-style:none}.synergy-item{align-items:flex-start;gap:12px;display:flex}.synergy-thumb{background:var(--surface);border:1px solid var(--line);border-radius:8px;flex:none;width:44px;height:44px;overflow:hidden}.synergy-thumb img{object-fit:cover;width:100%;height:100%;display:block}.feature-callout{border:1px solid var(--line-strong);border-left:3px solid var(--gold);border-radius:var(--radius);background:var(--surface);color:var(--text);align-items:center;gap:16px;margin:16px 0 20px;padding:16px 20px;text-decoration:none;display:flex}.feature-callout>span:first-child{flex:1;min-width:0}.feature-callout strong{font-size:15px;display:block}.feature-callout strong+span{color:var(--muted);margin-top:4px;font-size:13px;display:block}.feature-callout>span:last-child,.feature-callout:hover strong{color:var(--gold)}.ego-list-link{margin-top:16px}.ego-cost-link{color:var(--gold);white-space:nowrap;margin-left:6px;font-size:12px;text-decoration:none}.ego-cost-link:hover{text-decoration:underline}.passive-card-link{color:var(--gold);align-self:flex-start;font-size:12px;text-decoration:none}.passive-card-link:hover{text-decoration:underline}:root{--bg:#0b0806;--bg-2:#120c08;--surface:#1a110a;--surface-2:#24170d;--line:#cb7c3033;--line-strong:#cb7c306b;--text:#f1e7d6;--muted:#b9a891;--dim:#85735f;--gold:#e0a352;--copper:#af6b28;--copper-line:#cb7c30;--highlight:#f5c136;--cream:#eecea5;--radius:3px;--glow:0 0 0 1px var(--highlight), 0 0 14px -2px #f5c1368c}body{background:radial-gradient(1200px 600px at 85% -10%, #af6b2824, transparent 60%), radial-gradient(900px 500px at -10% 10%, #d6293b0f, transparent 60%), var(--bg)}.site-header{border-bottom-color:var(--line-strong);background:#0b0806d1}.site-nav a[aria-current=page]:after{background:var(--highlight);box-shadow:0 0 8px #f5c13699}.site-search-link{border-radius:var(--radius)}.section-header{border-bottom-color:var(--line-strong);align-items:center}.section-title{color:var(--cream);align-items:center}.section-title-en{letter-spacing:.1em;color:#f6e6cc;text-shadow:0 1px #00000073;background:linear-gradient(#a5642a 0%,#8a501f 100%);padding:7px 18px 6px;font-size:clamp(18px,2.6vw,22px);box-shadow:inset 0 1px #ffdcaa59,inset 0 -2px #0000004d,0 2px 10px -4px #af6b2899}.chip,.tag{border-radius:var(--radius)}.chip.is-active{color:var(--cream);border-color:var(--highlight);background:#af6b2861;box-shadow:0 0 10px -2px #f5c1368c}.hero-stats dd{color:var(--highlight)}.search input{border-radius:var(--radius)}.sinner-card:hover,.sinner-card:focus-visible,.persona-card:hover,.persona-card:focus-visible,.home-step:hover,.search-result:hover{border-color:var(--highlight);box-shadow:var(--glow)}.home-step{border-top-color:var(--copper-line);background:linear-gradient(160deg, #af6b281f, var(--surface) 55%)}.persona-hero-image{border-color:var(--line-strong);position:relative}.persona-hero-image:after{--c:var(--cream);content:"";pointer-events:none;background:linear-gradient(var(--c), var(--c)) top left / 16px 2px no-repeat, linear-gradient(var(--c), var(--c)) top left / 2px 16px no-repeat, linear-gradient(var(--c), var(--c)) top right / 16px 2px no-repeat, linear-gradient(var(--c), var(--c)) top right / 2px 16px no-repeat, linear-gradient(var(--c), var(--c)) bottom left / 16px 2px no-repeat, linear-gradient(var(--c), var(--c)) bottom left / 2px 16px no-repeat, linear-gradient(var(--c), var(--c)) bottom right / 16px 2px no-repeat, linear-gradient(var(--c), var(--c)) bottom right / 2px 16px no-repeat;opacity:.8;position:absolute;inset:6px}.hero{padding-block:clamp(48px,6vw,76px) 48px}.hero:after{display:none}.hero-inner{grid-template-columns:minmax(0,1fr);justify-items:center;display:grid}.hero-text{text-align:center;flex-direction:column;align-items:center;gap:22px;width:min(100%,640px);min-width:0;display:flex}.hero-title{width:100%;margin:0;line-height:0}.hero-logo{filter:drop-shadow(0 2px #42170c)drop-shadow(0 4px 16px #000);width:min(100%,540px);height:auto;margin-inline:auto;display:block}.hero-text [role=search]{width:min(100%,560px)}.hero-motto{color:#000;width:min(100%,540px);font-family:var(--display);letter-spacing:.16em;text-shadow:none;background:brown;border-block:1px solid #a5362e;flex-wrap:wrap;justify-content:center;gap:0 .55em;padding:10px 22px;font-size:clamp(12px,2.3vw,16px);font-weight:500;line-height:1.5;display:flex}.hero-motto span{white-space:nowrap}.hero-text .hero-lead{white-space:nowrap;max-width:100%;font-size:14px}.hero-lead-short{display:none}@media (width<=620px){.hero-text .hero-lead{font-size:12px}.hero-lead-full{display:none}.hero-lead-short{display:inline}}.hero-text .hero-stats{gap:36px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.brand-emblem{object-fit:contain;flex-shrink:0;width:32px;height:46px;display:block}.brand-logo{width:auto;height:26px;display:block}.hero-warning{opacity:.25;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000001f 26%,#0000 38% 62%,#0000001f 74%,#000);mask-image:linear-gradient(90deg,#000,#0000001f 26%,#0000 38% 62%,#0000001f 74%,#000)}.hero-warning img{object-fit:cover;object-position:center;width:100%;height:100%}.home-warning-reference{padding-top:16px}.home-warning-reference details{border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.home-warning-reference summary{cursor:pointer;width:fit-content;padding-block:8px 12px}.home-warning-reference summary span{color:var(--gold);font-family:var(--display);letter-spacing:.12em;margin-inline:6px 12px}.home-warning-reference summary:hover,.home-warning-reference summary:focus-visible{color:var(--text)}.home-warning-reference img{border:1px solid var(--line);background:#050403;width:100%;height:auto;margin-block:8px 24px}@media (width<=480px){.brand-emblem{width:24px;height:34px}.brand-logo{height:20px}.hero-warning{opacity:.14}}