*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0753b7;color:#fff;font:16px/1.5 Arial,Helvetica,sans-serif;background-image:radial-gradient(circle at 15% 15%,#0049a570 0 25px,transparent 27px),radial-gradient(circle at 80% 75%,#0049a550 0 32px,transparent 34px);background-size:360px 320px,520px 410px}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ffde36;outline-offset:5px}.masthead{height:50px;background:#000;border-top:5px solid transparent;border-image:linear-gradient(90deg,#214eac 50%,#40a9b5 65%,#f0c535 80%,#d34a62) 1;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-weight:bold;font-size:13px}.brand{font:900 16px Arial;border:2px solid #dc3b30;border-radius:4px;padding:2px 6px}.game-nav{background:#1d429b;display:flex;align-items:center;padding:14px 9%;gap:50px;position:sticky;top:0;z-index:10;min-height:70px}.nav-logo{font:24px/.9 Bangers,Impact,sans-serif;color:#ffdb38;min-width:80px;text-shadow:2px 2px #000}.nav-logo b{display:block;color:white;font-weight:400}.game-nav>div{display:flex;gap:30px;flex-wrap:wrap;font-size:12px;text-transform:uppercase;font-weight:bold}.game-nav a:hover,.game-nav a[aria-current]{color:#ffdf36}main{width:82%;max-width:1440px;margin:0 auto;padding-bottom:90px}.intro{text-align:center;padding:70px 0 30px}.intro h1{font:400 64px/1.1 Bangers,Impact,sans-serif;letter-spacing:1px;margin:0 0 28px;-webkit-text-stroke:2px #000;paint-order:stroke fill;text-shadow:3px 4px #000;transform:skew(-4deg)}.intro p{font-size:21px;font-style:italic;font-weight:700;max-width:1100px;margin:0 auto;line-height:1.5;text-shadow:1px 2px #124183}.controls{display:flex;align-items:end;gap:24px;flex-wrap:wrap;margin:20px 0 35px}.search-label{font-size:12px;font-weight:bold;display:grid;gap:6px}input{width:250px;padding:10px 14px;border:2px solid #041d46;background:#fff;color:#142446;border-radius:3px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:2px solid #071c3e;color:white;background:#0d3d86;padding:11px 18px;cursor:pointer;font-size:13px;font-weight:bold}.filters button[aria-pressed=true]{background:#f4d536;color:#102048}.filters button:hover{border-color:#fff}#result-count{font-size:12px;margin-left:auto;padding-bottom:12px}.roster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 30px}.hero-card{display:block;min-width:0;background:#090c13;clip-path:polygon(0 0,88% 0,100% 8%,100% 100%,0 100%);transition:transform .15s,filter .15s}.hero-card[hidden]{display:none}.hero-card:hover{transform:translateY(-5px);filter:brightness(1.12)}.hero-card:focus-visible{outline:none;box-shadow:inset 0 0 0 5px #ffdf36}.portrait{position:relative}.portrait img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.variant{position:absolute;left:12px;top:14px;font-size:11px;font-weight:900;background:#f4d631;color:#131313;padding:6px 8px;border:2px solid black}.card-label{padding:12px 12px 20px;text-align:center;background:radial-gradient(#34413d70 1.5px,transparent 1.5px) 0 0/6px 6px,#070b11;min-height:128px}.card-label h2{font:400 clamp(24px,2.2vw,36px)/1.12 Bangers,Impact,sans-serif;letter-spacing:.5px;margin:0 0 5px}.card-label p{font-weight:700;font-size:16px;font-style:italic;color:#ffe430;margin:0}.guide-link{display:block;font-size:11px;color:#c0cee5;margin-top:8px}.empty{text-align:center;font-size:20px;padding:50px}footer{text-align:center;background:#05080e;padding:35px 20px;font-size:13px}footer>a{margin:0 15px}footer p{max-width:740px;margin:20px auto 0;font-size:10px;color:#aab8cc}@media(max-width:1000px){main{width:90%}.game-nav{padding:15px 5%;gap:25px}.game-nav>div{gap:18px}.roster{gap:25px 20px}.intro{padding-top:50px}.intro p{font-size:17px}.card-label{min-height:130px}}@media(max-width:700px){.masthead{padding:0 15px}.game-nav{gap:20px;align-items:flex-start}.game-nav>div{gap:10px 16px;font-size:10px}.nav-logo{font-size:21px;min-width:60px}.intro h1{font-size:48px}.intro p{font-size:15px}.intro{padding:40px 0 20px}.controls{gap:16px;margin:10px 0 25px}.search-label{width:100%}input{width:100%}.filters{gap:6px}.filters button{padding:9px 12px;font-size:12px}#result-count{padding:0}.roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.card-label{padding:10px;min-height:115px}.card-label h2{font-size:24px}.card-label p{font-size:13px}main{padding-bottom:50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-card{transition:none}}

.portrait img[src='/assets/characters/nejire-hado.png']{object-fit:cover;object-position:50% 40%;border:5px solid #050505}.portrait img[src='/assets/characters/stain.png']{object-fit:cover;object-position:50% 25%;border:5px solid #050505}