:root{--cloth:#17223a;--cloth2:#223152;--cloth3:#31436b;--washi:#f4efe3;--kin:#e8b93f;--shu:#e4492f;--dim:#aab4cf;--edge:#2a1606;
 --display:"Mochiy Pop One","M PLUS Rounded 1c","Hiragino Maru Gothic ProN",sans-serif;--body:"M PLUS Rounded 1c","Hiragino Maru Gothic ProN","Yu Gothic",Meiryo,sans-serif;color-scheme:dark}
*{box-sizing:border-box;margin:0}
body{background:var(--cloth);color:var(--washi);font-family:var(--body);font-weight:500;font-size:16px;line-height:1.85}
a{color:var(--kin)}
.top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:12px 16px;background:var(--cloth2);border-bottom:3px solid var(--edge)}
.brand{font-family:var(--display);font-size:24px;color:var(--kin);text-decoration:none;-webkit-text-stroke:5px var(--edge);paint-order:stroke fill}
.brand span{color:var(--shu)}
.top nav{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px;font-weight:800}
.top nav a{color:var(--washi);text-decoration:none;padding:3px 0}
.top nav a[aria-current]{color:var(--kin);border-bottom:2px solid var(--kin)}
main{max-width:760px;margin:0 auto;padding:28px 16px 40px}
h1{font-family:var(--display);font-weight:400;font-size:30px;line-height:1.3;color:var(--kin);-webkit-text-stroke:6px var(--edge);paint-order:stroke fill;margin-bottom:18px;text-wrap:balance}
h2{font-family:var(--display);font-weight:400;font-size:21px;line-height:1.4;margin:34px 0 10px;padding-left:12px;border-left:6px solid var(--shu)}
h3{font-size:17px;font-weight:800;margin:20px 0 4px;color:var(--kin)}
p{margin:10px 0}
ul,ol{margin:10px 0;padding-left:1.4em}
li{margin:4px 0}
b{color:var(--kin);font-weight:800}
.lead{font-size:17px}
.cards{display:grid;gap:14px;margin:16px 0}
.card{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;background:var(--cloth2);border:2.5px solid var(--edge);border-radius:14px;padding:12px}
.card img{width:120px;height:120px;border-radius:10px;background:var(--cloth3)}
.card h3{margin:0 0 2px}
.card .tag{display:inline-block;font-size:12px;font-weight:800;background:var(--cloth3);border-radius:8px;padding:0 8px;margin-left:8px;color:var(--washi)}
.card p{margin:4px 0;font-size:15px;line-height:1.7}
.card .sub{color:var(--dim);font-size:13.5px}
.debuff{color:#c9a0ff}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:15px}
th,td{border:2px solid var(--cloth3);padding:8px 10px;text-align:left;vertical-align:top}
th{background:var(--cloth2);font-weight:800}
.tablewrap{overflow-x:auto}
.play{margin-top:36px;text-align:center}
.btn{display:inline-block;background:var(--shu);color:#fff;font-family:var(--display);font-size:20px;text-decoration:none;padding:12px 34px;border-radius:14px;border:3px solid var(--edge);box-shadow:0 4px 0 var(--edge);-webkit-text-stroke:5px var(--edge);paint-order:stroke fill}
footer{background:var(--cloth2);border-top:3px solid var(--edge);padding:18px 16px;text-align:center;font-size:13.5px;color:var(--dim)}
footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px;margin-bottom:6px}
@media (max-width:480px){.card{grid-template-columns:88px 1fr}.card img{width:88px;height:88px}h1{font-size:25px}}