:root{--pink: #eb358f;--pink-dim: #a8226a;--paper: #e7e7e7;--ink: #0e0e0e;--panel: #1a1a1c;--panel-2: #232326;--line: #34343a;--muted: #9a9aa3;--cut: 18px;--display: "Big Shoulders Display", "Arial Narrow", sans-serif;--body: "Archivo", system-ui, sans-serif}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--paper);font-family:var(--body);line-height:1.5;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--pink);outline-offset:3px}.wrap{width:min(1190px,100% - 40px);margin-inline:auto}svg{display:block}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:0 24px;height:56px;background:var(--ink);border-bottom:2px solid var(--pink)}.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;font-size:26px;letter-spacing:.02em}.brand b{color:var(--pink);margin-left:4px}.logo-mark{width:30px;height:30px}.game-switch{background:none;border:0;border-left:1px solid var(--line);padding:6px 0 6px 16px;font-weight:600;cursor:pointer}.search{flex:1;max-width:520px;margin-inline:auto;display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;background:var(--panel);border:1px solid var(--line);clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}.search svg{width:18px;color:var(--muted)}.search input{flex:1;background:none;border:0;outline:0;min-width:0}.search:focus-within{border-color:var(--pink)}.lang{background:var(--panel);border:1px solid var(--line);height:32px;padding:0 8px}.icon-btn,.avatar{background:none;border:0;cursor:pointer;width:34px;height:34px;display:grid;place-items:center}.icon-btn svg{width:22px}.icon-btn:hover{color:var(--pink)}.avatar{background:var(--pink);color:var(--ink);clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%)}.avatar svg{width:20px}.hero{position:relative;padding:64px 0 72px;overflow:hidden;flex:1}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 1px 1px,rgba(235,53,143,.35) 1.4px,transparent 1.6px) 0 0 / 14px 14px,linear-gradient(180deg,transparent 55%,var(--ink));-webkit-mask-image:linear-gradient(100deg,transparent 20%,#000 100%);mask-image:linear-gradient(100deg,transparent 20%,#000 100%);opacity:.6}.hero .wrap{position:relative}h1{font-family:var(--display);font-weight:900;font-size:clamp(48px,8vw,104px);line-height:.88;letter-spacing:-.005em;text-transform:uppercase}.sub{margin:18px 0 40px;padding-left:14px;border-left:4px solid var(--pink);color:var(--paper);font-weight:500;font-size:18px}.feature{display:grid;grid-template-columns:1fr 340px;background:var(--panel);border:1px solid var(--line);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%)}.banner{position:relative;min-height:360px;overflow:hidden;background:var(--ink)}.banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-55deg,transparent 0 26px,rgba(235,53,143,.12) 26px 28px)}.slide{position:absolute;top:0;right:0;bottom:0;left:0;padding:44px 56px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}.slide.on{opacity:1;visibility:visible}.slide-no{position:absolute;right:36px;bottom:-40px;font-family:var(--display);font-weight:900;font-size:300px;line-height:1;color:transparent;-webkit-text-stroke:2px var(--pink-dim);-webkit-user-select:none;user-select:none}.tag{background:var(--pink);color:var(--ink);font-weight:600;padding:4px 18px 4px 12px;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%)}.slide h2{font-family:var(--display);font-weight:900;font-size:clamp(40px,5.4vw,72px);line-height:.92;margin:18px 0 12px;text-transform:uppercase;position:relative}.slide p{max-width:36ch;color:#c9c9cf;margin-bottom:24px;position:relative}.btn{position:relative;display:inline-block;background:var(--paper);color:var(--ink);font-weight:600;padding:10px 34px 10px 22px;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);transition:background .15s}.btn:hover{background:var(--pink)}.btn-wide{display:block;text-align:center;background:var(--pink)}.btn-wide:hover{background:var(--paper)}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:44px;background:#0e0e0ebf;border:1px solid var(--line);cursor:pointer;display:grid;place-items:center;z-index:2}.nav-arrow svg{width:16px}.nav-arrow:hover{background:var(--pink);color:var(--ink)}.prev{left:0}.next{right:0}.dots{position:absolute;left:56px;bottom:22px;display:flex;gap:6px;z-index:2}.dot{width:22px;height:5px;background:var(--line);border:0;cursor:pointer;transform:skew(-30deg);padding:0}.dot.on{width:44px;background:var(--pink)}.about{padding:28px 28px 24px;border-left:1px solid var(--line);display:flex;flex-direction:column}.about h3{font-family:var(--display);font-weight:800;font-size:28px;text-transform:uppercase;padding-bottom:12px;margin-bottom:8px;border-bottom:2px solid var(--pink)}.about ul{list-style:none;padding:0;flex:1}.about li{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px dashed var(--line);color:var(--muted)}.about li svg{width:22px;color:var(--paper)}.about li span{flex:1}.about li strong{color:var(--paper);font-family:var(--display);font-size:24px}.about .btn{margin-top:20px}.cats{grid-column:1 / -1;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);background:var(--panel-2)}.cat{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:26px 8px 22px;border-right:1px solid var(--line);transition:background .15s}.cat:last-child{border-right:0}.cat-ico{width:76px;height:76px;display:grid;place-items:center;margin-bottom:8px;border:2px solid var(--line);background:var(--ink);clip-path:polygon(0 0,100% 0,100% 78%,78% 100%,0 100%);transition:.15s}.cat-ico svg{width:44px}.cat-name{font-family:var(--display);font-weight:800;font-size:22px;text-transform:uppercase;letter-spacing:.02em}.cat-count{font-size:13px;color:var(--muted)}.cat:hover{background:#2c1622}.cat:hover .cat-ico{background:var(--pink);border-color:var(--pink);color:var(--ink)}.cat:hover .cat-ico svg [stroke="#eb358f"]{stroke:var(--ink);fill:var(--ink)}.cat:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--pink);transform:scaleX(0);transform-origin:left;transition:transform .2s}.cat:hover:after{transform:scaleX(1)}.footer{background:var(--panel);color:var(--muted);padding:28px 0;border-top:2px solid var(--pink);font-size:14px;position:relative}.footer:before{content:"";position:absolute;top:-2px;left:0;width:120px;height:6px;background:var(--pink);clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,0 100%)}.footer p:first-child{color:var(--paper);font-weight:600;margin-bottom:4px}@media (max-width: 960px){.feature{grid-template-columns:1fr}.about{border-left:0;border-top:1px solid var(--line)}.cats{grid-template-columns:repeat(3,1fr)}.cat:nth-child(3n){border-right:0}.cat:nth-child(-n+3){border-bottom:1px solid var(--line)}}@media (max-width: 640px){.nav{padding:0 12px;gap:8px}.game-switch,.lang{display:none}.slide{padding:32px 28px}.dots{left:28px}.slide-no{font-size:180px}.cats{grid-template-columns:repeat(2,1fr)}.cat:nth-child(3n){border-right:1px solid var(--line)}.cat:nth-child(2n){border-right:0}.cat:nth-child(-n+4){border-bottom:1px solid var(--line)}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.page{flex:1;padding:36px 0 72px;background:radial-gradient(circle at 1px 1px,rgba(235,53,143,.14) 1.2px,transparent 1.4px) 0 0 / 14px 14px}.page-wrap{width:min(940px,100% - 40px);margin-inline:auto}.crumbs{display:flex;gap:8px;font-size:14px;color:var(--muted)}.crumbs a:hover{color:var(--pink)}.page-title{font-family:var(--display);font-weight:900;font-size:clamp(40px,6vw,64px);line-height:1;text-transform:uppercase;margin:8px 0 26px;padding-left:14px;border-left:6px solid var(--pink)}.empty{color:var(--muted);padding:32px 0;grid-column:1 / -1}.empty a{color:var(--pink)}.filters{background:var(--panel);border:1px solid var(--line);padding:6px 22px;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}.f-row{display:flex;gap:18px;align-items:center;padding:12px 0;border-bottom:1px dashed var(--line)}.f-row:last-child{border-bottom:0}.f-label{flex:0 0 110px;font-size:14px;color:var(--muted)}.f-opts{display:flex;flex-wrap:wrap;gap:8px}.pill{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px 0 10px;background:var(--ink);border:1px solid var(--line);cursor:pointer;font-size:14px;clip-path:polygon(0 0,100% 0,100% 100%,10px 100%,0 calc(100% - 10px));transition:background .15s,border-color .15s}.pill:not(:has(img)){padding-left:16px}.pill-ico{width:22px;height:22px;object-fit:contain}.pill:hover{border-color:var(--pink)}.pill[aria-pressed=true]{background:var(--pink);border-color:var(--pink);color:var(--ink);font-weight:600}.select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:36px;min-width:170px;padding:0 36px 0 14px;background:var(--ink) url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' stroke='%23e7e7e7' stroke-width='2' fill='none'/></svg>") right 12px center no-repeat;border:1px solid var(--line);cursor:pointer}.select select:hover,.select select:focus{border-color:var(--pink)}.select option{background:var(--ink)}.results-bar{display:flex;justify-content:space-between;align-items:center;margin:28px 0 14px;padding-bottom:10px;border-bottom:2px solid var(--line)}.count{font-family:var(--display);font-weight:800;font-size:22px;text-transform:uppercase;letter-spacing:.02em}.reset{background:none;border:0;color:var(--pink);cursor:pointer;font-weight:600}.reset:hover{text-decoration:underline}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.char{display:block;padding:1px;background:var(--line);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));transition:background .15s,transform .15s}.char:hover{background:var(--pink);transform:translateY(-3px)}.char-in{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px 12px;height:100%;background:var(--panel);clip-path:inherit}.char.is-s .char-in:before{content:"";position:absolute;left:0;top:0;width:46%;height:4px;background:var(--pink)}.char-pic{width:100%;aspect-ratio:1;background:var(--ink);display:block;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);border-bottom:2px solid var(--line)}.char.is-s .char-pic{border-bottom-color:var(--pink)}.char-pic img{width:100%;height:100%;object-fit:cover;object-position:top}.char-esper{position:absolute;left:20px;top:22px;width:32px;height:32px;padding:4px;background:#0e0e0ed9;border:1px solid var(--pink);display:grid;place-items:center}.char-esper img{width:100%;height:100%;object-fit:contain}.char-rar{position:absolute;right:24px;top:22px;min-width:24px;padding:0 6px;text-align:center;font-family:var(--display);font-weight:900;font-size:18px;line-height:24px;background:var(--paper);color:var(--ink)}.char.is-s .char-rar{background:var(--pink)}.char-new{position:absolute;left:20px;bottom:58px;padding:1px 8px;font-size:12px;font-weight:700;background:var(--paper);color:var(--ink);clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,0 100%)}.char-name{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:.02em;text-transform:uppercase;text-align:center}@media (max-width: 860px){.grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.grid{grid-template-columns:repeat(2,1fr);gap:12px}.f-row{flex-direction:column;align-items:flex-start;gap:8px}.f-label{flex:none}}.cat-ico,.pill,.search,.feature,.filters{position:relative;--edge: var(--line);--bw: 1px}.cat-ico:after,.pill:after,.search:after,.feature:after,.filters:after{content:"";position:absolute;width:var(--c);height:var(--c);pointer-events:none;z-index:3}.cat-ico:after,.search:after,.feature:after,.filters:after{right:calc(-1 * var(--bw));bottom:calc(-1 * var(--bw));background:linear-gradient(to bottom right,transparent calc(50% - var(--bw)),var(--edge) calc(50% - var(--bw)),var(--edge) 50%,transparent 50%)}.pill:after{left:calc(-1 * var(--bw));bottom:calc(-1 * var(--bw));background:linear-gradient(to top right,transparent 50%,var(--edge) 50%,var(--edge) calc(50% + var(--bw)),transparent calc(50% + var(--bw)))}.cat-ico{--bw: 2px;--c: 17px;border-color:var(--edge);clip-path:polygon(0 0,100% 0,100% calc(100% - 17px),calc(100% - 17px) 100%,0 100%)}.cat:hover .cat-ico{--edge: var(--pink)}.pill{--c: 10px;border-color:var(--edge)}.pill:hover,.pill[aria-pressed=true]{--edge: var(--pink)}.search{--c: 10px;border-color:var(--edge)}.search:focus-within{--edge: var(--pink)}.feature{--c: var(--cut)}.filters{--c: 14px}#view{flex:1 0 auto;display:flex;flex-direction:column}.footer{flex-shrink:0;margin-top:auto}.char.is-b .char-rar{background:#6b6b75;color:var(--paper)}.char-esper.second{left:58px}.arc-card .char-pic{position:relative}.arc-card .char-pic>img{object-fit:contain;object-position:center;padding:10px}.arc-card .char-name{flex:1;display:flex;align-items:center;font-size:19px;line-height:1.05}.arc-flag{position:absolute;left:0;bottom:8px;max-width:92%;padding:1px 14px 1px 8px;background:#0e0e0eeb;border-left:3px solid var(--pink);font-size:12px;font-weight:600;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}