:root{--bg: #f6f4f2;--bg-pattern: radial-gradient(#e6e0db 1px, transparent 1px);--bg-size: 14px 14px;--panel: #ffffff;--line: #ddd6d1;--line-soft: #ece7e3;--tx: #333333;--mut: #777777;--link: #1b6fa8;--link-hover: #0e4f7a;--head: #1f2a33;--head-2: #2a3742;--yellow: #f47b2a;--yellow-dk: #d9661f;--sec: #2c3e50;--sub: #fff1e6;--sub-line: #f7b98a;--th: #efe9e5;--th-tx: #333;--menu-bg: #f7f3e8;--r-sdg: #c98a00;--r-sdg-bg: #fff4d6;--r-dg: #c2287a;--r-dg-bg: #ffe3f0;--r-leg: #6b3fc4;--r-leg-bg: #ece4fb;--r-epi: #0f7fa5;--r-epi-bg: #dbf3fa;--r-rar: #1f8a3c;--r-rar-bg: #ddf5e3;--r-com: #666666;--r-com-bg: #ececec;--w: 1080px;--side: 250px}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg) var(--bg-pattern);background-size:var(--bg-size);color:var(--tx);font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic UI,Meiryo,system-ui,sans-serif;font-size:14px;line-height:1.75}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}img{max-width:100%;display:block}b,strong{font-weight:700}.wrap{max-width:var(--w);margin:0 auto;padding:0 12px}.g-head{background:var(--head);color:#fff}.g-head .inner{display:flex;align-items:center;gap:14px;height:56px}.g-head .brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:16px;white-space:nowrap;min-width:0}.g-head .brand:hover{text-decoration:none}.g-head .brand .mark{width:34px;height:34px;border-radius:8px;flex:none;background:linear-gradient(135deg,var(--yellow),#ffb26b);color:#fff;display:grid;place-items:center;font-size:15px;font-weight:900}.g-head .brand .bt{overflow:hidden;text-overflow:ellipsis}.g-head .brand small{font-size:11px;color:#b8c2cc;font-weight:500;white-space:nowrap}.hsearch{display:flex;margin-left:auto;flex:0 1 340px;min-width:120px}.hsearch input{flex:1;height:32px;border:1px solid #c8c8c8;border-radius:4px 0 0 4px;padding:0 10px;font-size:13px;font-family:inherit;min-width:0}.hsearch button{height:32px;width:40px;border:0;border-radius:0 4px 4px 0;background:var(--yellow);color:#fff;font-weight:800;cursor:pointer;font-size:14px}.hero-wrap{padding-top:12px}.hero{position:relative;height:190px;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:radial-gradient(ellipse at 18% 30%,rgba(244,123,42,.65),transparent 55%),radial-gradient(ellipse at 82% 75%,rgba(255,140,60,.35),transparent 55%),radial-gradient(ellipse at 60% 15%,rgba(255,210,140,.3),transparent 50%),linear-gradient(135deg,#1b2630,#2c3e50 55%,#4a3a2a)}.hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 2px,transparent 2px 14px)}.hero .in{position:absolute;left:22px;bottom:18px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);z-index:1}.hero .in .kicker{font-size:12px;letter-spacing:.2em;color:#ffd08f;font-weight:700}.hero .in h1,.hero .in .h1{font-size:30px;font-weight:900;line-height:1.2;margin:2px 0 6px}.hero .in p{font-size:13px;color:#f1ecff;max-width:520px}.hero .badge{position:absolute;right:14px;top:12px;z-index:1;background:#00000073;color:#fff;font-size:11px;padding:3px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.35)}.tabs{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-top:8px}.tabs a{display:flex;align-items:center;justify-content:center;gap:4px;height:38px;font-size:13px;font-weight:700;color:#2c3e50;text-align:center;background:#fff;border:1px solid #e3dcd7;border-bottom:3px solid #e3dcd7;border-radius:6px 6px 3px 3px;position:relative;white-space:nowrap;overflow:hidden}.tabs a:after{content:""}.tabs a:hover{background:#fff5ee;border-bottom-color:#ffc29a;text-decoration:none}.tabs a[aria-current=page]{background:#f47b2a;color:#fff;border-color:#f47b2a;border-bottom-color:#d9661f}.tabs a.soon{color:#9a9a9a;pointer-events:none}.tabs a.soon:after{content:"準備中";font-size:9px;color:#b3b3b3}.crumb{font-size:12px;color:var(--mut);margin:12px 0 10px;display:flex;flex-wrap:wrap;gap:4px}.crumb li{list-style:none;display:flex;gap:4px}.crumb li+li:before{content:"〉";color:#aaa}.cols{display:grid;grid-template-columns:var(--side) minmax(0,1fr);gap:16px;align-items:start}.main,.side{min-width:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;overflow:hidden}.article{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:16px 18px 24px}.article+.article{margin-top:16px}.a-title{font-size:22px;font-weight:800;line-height:1.35}.a-meta{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--mut);font-size:12px;margin:6px 0 12px;padding-bottom:12px;border-bottom:1px dotted var(--line)}.a-meta span:before{content:"◇";color:#b5b5b5;margin-right:3px}.lead{font-size:14px;margin-bottom:14px}.lead.small{font-size:12.5px;color:var(--mut)}h2.sec{background:linear-gradient(90deg,var(--sec),#3d5468);color:#fff;font-size:15px;font-weight:700;padding:8px 12px 8px 14px;margin:26px 0 12px;border-left:6px solid var(--yellow);border-radius:4px;line-height:1.4}h2.sec:first-child{margin-top:4px}h3.sub{background:var(--sub);color:#333;font-size:14px;font-weight:700;padding:6px 10px;margin:18px 0 10px;border-left:5px solid var(--sub-line);border-radius:2px}.menu-grid{border:1px solid var(--line);border-radius:3px;overflow:hidden}.menu-grid .cap{background:var(--sub);text-align:center;font-weight:700;font-size:13px;padding:6px;border-bottom:1px solid var(--line)}.menu-grid ul{display:grid;grid-template-columns:repeat(3,1fr);list-style:none}.menu-grid li{border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.menu-grid li:nth-child(3n){border-right:0}.menu-grid a{display:block;text-align:center;padding:9px 4px;font-size:13px;font-weight:700}.menu-grid a.soon{color:#aaa;pointer-events:none}.menu-grid a.soon:after{content:" (準備中)";font-size:10px;font-weight:400}.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:6px 0 4px}.tbl{width:100%;border-collapse:collapse;font-size:13px;background:#fff}.tbl th,.tbl td{border:1px solid var(--line);padding:7px 8px;vertical-align:middle}.tbl th{background:var(--th);color:var(--th-tx);font-weight:700;text-align:center;white-space:nowrap}.tbl td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tbl td.c{text-align:center}.tbl td.k{background:#f5f5f5;font-weight:700;width:34%}.tbl tr:hover td{background:#fbfaf3}.tbl a{font-weight:700}.tbl th.sortable{cursor:pointer;user-select:none}.tbl th.sortable:hover{background:#dedede}.tbl th.sortable[data-active=true]{background:#ffd9bd}.tbl th.sortable[data-active=true]:after{content:" ▼";font-size:9px}.tbl .lv{color:#1f8a3c;font-size:11.5px;display:block;font-weight:600}.rank-box .cap{background:var(--sec);color:#fff;font-weight:700;font-size:14px;padding:8px 12px;display:flex;align-items:center;gap:8px}.rank-box .cap:before{content:"👑";font-size:13px}.rank-box ol{list-style:none}.rank-box li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid var(--line-soft);font-size:13px}.rank-box li:last-child{border-bottom:0}.rank-box .n{flex:none;width:24px;height:24px;background:#333;color:#fff;font-weight:800;font-size:12px;display:grid;place-items:center;border-radius:2px}.rank-box li:nth-child(1) .n{background:#d4a017}.rank-box li:nth-child(2) .n{background:#8a8f99}.rank-box li:nth-child(3) .n{background:#a8672c}.rank-box .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.rank-box .v{color:var(--mut);font-size:11.5px;font-variant-numeric:tabular-nums;white-space:nowrap}.rank-box .more{display:block;text-align:right;font-size:12px;padding:7px 10px;border-top:1px solid var(--line-soft)}.side-menu{margin-top:14px}.side-menu .cap{background:var(--sec);color:#fff;font-weight:700;font-size:14px;padding:8px 12px;display:flex;align-items:center;gap:8px}.side-menu .cap:before{content:"≡";font-size:15px}.side-menu ul{list-style:none}.side-menu li{border-bottom:1px solid var(--line-soft)}.side-menu li.group{background:#f4f4f4;font-weight:700;font-size:12.5px;padding:6px 12px;color:#444}.side-menu li a{display:block;padding:8px 12px 8px 14px;font-size:13px;font-weight:700}.side-menu li a.top{border-left:4px solid var(--yellow);padding-left:10px;background:#fffaf6}.side-menu li a.soon{color:#aaa;pointer-events:none}.side-menu li a.soon:after{content:" (準備中)";font-size:10px;font-weight:400}.side-note{margin-top:14px;padding:10px 12px;font-size:11.5px;color:var(--mut);line-height:1.6}.rar{display:inline-block;font-size:11.5px;font-weight:700;padding:1px 8px;border-radius:3px;white-space:nowrap;border:1px solid currentColor;line-height:1.6}.rar-supreme-demon-god{color:var(--r-sdg);background:var(--r-sdg-bg)}.rar-demon-god{color:var(--r-dg);background:var(--r-dg-bg)}.rar-legendary{color:var(--r-leg);background:var(--r-leg-bg)}.rar-epic{color:var(--r-epi);background:var(--r-epi-bg)}.rar-rare{color:var(--r-rar);background:var(--r-rar-bg)}.rar-common{color:var(--r-com);background:var(--r-com-bg)}.rar-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.rar-tiles a{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border:1px solid var(--line);border-radius:3px;background:#fff;font-weight:700;font-size:13px;color:#333}.rar-tiles a:hover{background:#fff5ee;text-decoration:none}.rar-tiles a .cnt{color:var(--mut);font-size:12px;font-weight:600}.filter{border:1px solid var(--line);border-radius:3px;background:#fafafa;padding:10px 12px;margin-bottom:12px}.filter .row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filter .row+.row{margin-top:8px}.filter label.lbl{font-size:12px;font-weight:700;color:#555;width:64px;flex:none}.filter input[type=search]{flex:1 1 200px;min-width:140px;height:32px;border:1px solid #c8c8c8;border-radius:3px;padding:0 10px;font-size:13px;font-family:inherit;background:#fff}.filter select{height:32px;border:1px solid #c8c8c8;border-radius:3px;padding:0 8px;font-size:13px;font-family:inherit;background:#fff}.chips{display:flex;flex-wrap:wrap;gap:5px}.chip{font-size:12px;font-weight:700;padding:4px 11px;border-radius:3px;cursor:pointer;font-family:inherit;background:linear-gradient(#fff,#ededed);border:1px solid #bdbdbd;color:#333}.chip[aria-pressed=true]{background:linear-gradient(#ffc29a,var(--yellow));border-color:var(--yellow-dk)}.count{color:var(--mut);font-size:12px;margin:4px 0 6px}.empty{color:var(--mut);padding:20px 0;text-align:center}.toc{border:1px solid var(--line);border-radius:3px;background:#fafafa;margin:12px 0 4px}.toc .cap{background:var(--sub);font-weight:700;font-size:13px;padding:6px 10px;border-bottom:1px solid var(--line)}.toc ol{list-style:none;padding:6px 10px}.toc li{font-size:13px;padding:3px 0}.toc li:before{content:"▶ ";color:var(--yellow-dk);font-size:10px}.note{border:1px solid #c9dff3;background:#eef5fc;border-radius:3px;padding:9px 12px;font-size:12.5px;margin:12px 0}.note.warn{border-color:#f0d48a;background:#fff3ea}.skill-tbl td.desc{line-height:1.8}.skill-tbl .sk-name{font-weight:800;color:#333;display:block}.skill-tbl .sk-en{font-size:11px;color:var(--mut);font-family:Consolas,monospace;display:block}.lvinc{color:#1f8a3c;font-weight:700}.rel-links{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.rel-links a{display:block;border:1px solid var(--line);border-radius:3px;padding:8px 10px;font-size:13px;font-weight:700;background:#fff}.rel-links a:hover{background:#fff5ee;text-decoration:none}.rel-links a .s{display:block;font-size:11.5px;color:var(--mut);font-weight:400}.g-foot{margin-top:28px;background:var(--head);color:#cfd4da;font-size:12px;line-height:1.8;padding:22px 0 34px}.g-foot b{color:#fff}.g-foot a{color:#ffd08f}.g-foot .links{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:12px}.g-foot .links a{color:#fff;font-weight:700}.g-foot .copy{margin-top:12px;color:#9aa1aa}@media(max-width:860px){.cols{grid-template-columns:1fr}.side{order:2}.main{order:1}.tabs{grid-template-columns:repeat(4,1fr)}.hero{height:150px}.hero .in h1,.hero .in .h1{font-size:24px}.hero .in p,.logo-en{display:none}}@media(max-width:520px){body{font-size:13.5px}.article{padding:12px 12px 18px}.a-title{font-size:19px}.menu-grid ul{grid-template-columns:repeat(3,1fr)}.menu-grid a{font-size:12px;padding:8px 2px}.rar-tiles{grid-template-columns:repeat(2,1fr)}.rel-links{grid-template-columns:1fr}.tabs a{font-size:12px;height:34px}.g-head .inner{height:52px;gap:8px}.hsearch{flex:1 1 auto}.logo-game{display:none}.logo-name{font-size:15px}}#tbl{min-width:860px}#tbl td:first-child,.tbl td.k{white-space:nowrap}@media(max-width:520px){.tbl-wrap{margin-left:-12px;margin-right:-12px;padding:0 12px}#tbl .lv{display:none}}.tbl td>a{white-space:nowrap}.ucell,.ucell a,.ucell .nm,.ucell .en,.rank-box .t{white-space:nowrap}.tbl td:has(.ucell){white-space:nowrap}.tbl td.wrap{white-space:normal;min-width:200px}.tbl th{white-space:nowrap}.uicon{width:44px;height:44px;flex:none;border-radius:6px;border:1px solid var(--line);background:#f7f7f7 radial-gradient(circle at 50% 60%,#fff,#ececec);object-fit:contain;padding:2px}.uicon.sm{width:32px;height:32px;border-radius:5px}.ucell{display:flex;align-items:center;gap:8px;min-width:max-content}.tbl td:has(>.ucell){width:1%;min-width:max-content}.ucell .nm{display:block;line-height:1.3}.ucell .en{display:block;font-size:10.5px;color:#888;font-weight:400;line-height:1.3}.rank-box li .uicon{width:30px;height:30px;border-radius:5px;padding:1px}.d-head{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:start;margin:4px 0 14px}.d-head .art{width:150px;height:150px;border-radius:8px;padding:8px;background:radial-gradient(circle at 50% 65%,#fff,#e9e9e9);border:2px solid var(--line);object-fit:contain}.d-head .art.rar-supreme-demon-god{border-color:var(--r-sdg);background:radial-gradient(circle at 50% 65%,#fff,var(--r-sdg-bg))}.d-head .art.rar-demon-god{border-color:var(--r-dg);background:radial-gradient(circle at 50% 65%,#fff,var(--r-dg-bg))}.d-head .art.rar-legendary{border-color:var(--r-leg);background:radial-gradient(circle at 50% 65%,#fff,var(--r-leg-bg))}.d-head .art.rar-epic{border-color:var(--r-epi);background:radial-gradient(circle at 50% 65%,#fff,var(--r-epi-bg))}.d-head .art.rar-rare{border-color:var(--r-rar);background:radial-gradient(circle at 50% 65%,#fff,var(--r-rar-bg))}.d-head .art.rar-common{border-color:var(--r-com);background:radial-gradient(circle at 50% 65%,#fff,var(--r-com-bg))}.d-head .tbl td{padding:5px 8px;font-size:13px}.ricon{width:56px;height:56px;border-radius:6px;border:1px solid var(--line);background:#f5f5f5;object-fit:contain;padding:3px}.hero .cast{position:absolute;right:10px;bottom:-6px;display:flex;align-items:flex-end;z-index:1;pointer-events:none}.hero .cast img{height:150px;width:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45));margin-left:-22px}.hero .cast img:nth-child(2){height:175px}.hero .cast img:nth-child(3){height:160px}.hero .cast img:nth-child(4){height:140px}.rar-tiles a .faces{display:flex;margin-left:auto;margin-right:8px}.rar-tiles a .faces img{width:26px;height:26px;border-radius:50%;border:1px solid #fff;background:#eee;margin-left:-8px;object-fit:contain}@media(max-width:860px){.hero .cast img{height:110px;margin-left:-18px}.hero .cast img:nth-child(2){height:128px}.hero .cast img:nth-child(3){height:118px}.hero .cast img:nth-child(4){display:none}.hero .in{max-width:55%}}@media(max-width:520px){.d-head{grid-template-columns:110px 1fr;gap:10px}.d-head .art{width:110px;height:110px}.hero .cast img{height:90px}.hero .cast img:nth-child(2){height:104px}.hero .cast img:nth-child(3){display:none}.rar-tiles a .faces{display:none}}.role{display:inline-block;font-size:11.5px;font-weight:700;color:#7a3a00;background:#ffe6d2;border:1px solid #f2b487;border-radius:3px;padding:1px 8px;margin-right:4px;white-space:nowrap}.lv-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lv-tbl th,.lv-tbl td{padding:4px 8px;font-size:12.5px}.skill-box{border:1px solid var(--line);border-radius:3px;margin-bottom:10px;overflow:hidden}.skill-box .sk-head{background:var(--sub);padding:6px 10px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.skill-box .sk-name{font-weight:800;font-size:14px}.skill-box .sk-en{font-size:11px;color:var(--mut);font-family:Consolas,monospace}.skill-box .sk-desc{padding:8px 10px;font-size:13.5px;line-height:1.8}.skill-box .tbl-wrap{margin:0}.skill-box .sk-val{border-top:1px solid var(--line)}.skill-box .sk-val th,.skill-box .sk-val td{border-left:0;border-right:0;padding:4px 8px;font-size:12px}.skill-box .sk-val tr:last-child td{border-bottom:0}.up-tbl td,.up-tbl th{padding:4px 8px;font-size:12.5px}@media(max-width:520px){.lv-grid{grid-template-columns:1fr}}.rail{display:none;position:fixed;top:110px;z-index:5}.rail-l{left:calc(50% - var(--w) / 2 - 176px)}.rail-r{right:calc(50% - var(--w) / 2 - 176px)}@media(min-width:1440px){.rail{display:block}}.article-list{grid-template-columns:1fr 1fr}.article-list a{padding:11px 14px;font-size:14px;line-height:1.5}.article-list .s{margin-top:4px;font-size:12px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lv-tag{display:inline-block;font-size:10.5px;font-weight:700;color:#fff;background:var(--sec);border-radius:3px;padding:1px 7px;margin-right:6px;vertical-align:middle}@media(max-width:600px){.article-list{grid-template-columns:1fr}}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}.logo:hover{text-decoration:none}.logo-wm{display:flex;flex-direction:column;line-height:1.05}.logo-name{font-weight:900;font-size:17px;letter-spacing:.02em}.logo-en{font-size:9px;font-weight:700;letter-spacing:.18em;opacity:.7;margin-top:2px}.logo-light .logo-name{color:#fff}.logo-light .logo-en{color:#cfd6dd}.logo-dark .logo-name{color:#1f2a33}.logo-dark .logo-en{color:#5a6570}.logo-game{display:flex;align-items:center;gap:12px;color:#fff;font-weight:700;font-size:14px;white-space:nowrap;opacity:.92}.logo-sep{width:1px;height:24px;background:#ffffff4d}.ad{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;background:repeating-linear-gradient(135deg,#f4f4f4 0 8px,#ececec 8px 16px);border:1px dashed #b9b9b9;border-radius:3px;color:#8a8a8a;font-size:12px;line-height:1.4;box-sizing:border-box;margin:0 auto}.ad small{font-size:10.5px;color:#a3a3a3}.ad-tag{position:absolute;left:4px;top:3px;font-size:9px;font-weight:800;letter-spacing:.1em;color:#999;border:1px solid #c8c8c8;border-radius:2px;padding:0 4px;background:#fff}.ad-leaderboard{width:728px;max-width:100%;height:90px;margin:10px auto 0}.ad-rect{width:100%;max-width:300px;height:250px;margin-top:14px}.ad-sky{width:100%;max-width:300px;height:600px;margin-top:14px}.ad-inarticle{width:100%;height:250px;margin:22px 0}.ad-rail{width:160px;height:600px;margin:0}@media(max-width:860px){.ad-leaderboard{width:320px;height:100px}.ad-sky{display:none}}