.character-area1 {
    aspect-ratio: 424 / 560;
}

.character.character1, .character.character1 .mask {
    background-image: url(/images/characters/1.png);
}

.character-area2 {
    aspect-ratio: 346 / 560;
}

.character.character2, .character.character2 .mask {
    background-image: url(/images/characters/2.png);
}

.character-area3 {
    aspect-ratio: 566 / 560;
}

.character.character3, .character.character3 .mask {
    background-image: url(/images/characters/3.png);
}

.character-area4 {
    aspect-ratio: 232 / 560;
}

.character.character4, .character.character4 .mask {
    background-image: url(/images/characters/4.png);
}

.character-area5 {
    aspect-ratio: 323 / 560;
}

.character.character5, .character.character5 .mask {
    background-image: url(/images/characters/5.png);
}

.character-area6 {
    aspect-ratio: 514 / 560;
}

.character.character6, .character.character6 .mask {
    background-image: url(/images/characters/6.png);
}

.character-area7 {
    aspect-ratio: 412 / 580;
}

.character.character7, .character.character7 .mask {
    background-image: url(/images/characters/7.png);
}

.character-area8 {
    aspect-ratio: 498 / 560;
}

.character.character8, .character.character8 .mask {
    background-image: url(/images/characters/8.png);
}

.character-area9 {
    aspect-ratio: 431 / 560;
}

.character.character9, .character.character9 .mask {
    background-image: url(/images/characters/9.png);
}

.character-area10 {
    aspect-ratio: 260 / 660;
}

.character.character10, .character.character10 .mask {
    background-image: url(/images/characters/10.png);
}

.character-area11 {
    aspect-ratio: 374 / 560;
}

.character.character11, .character.character11 .mask {
    background-image: url(/images/characters/11.png);
}

.character-area12 {
    aspect-ratio: 324 / 640;
}

.character.character12, .character.character12 .mask {
    background-image: url(/images/characters/12.png);
}

.character-area13 {
    aspect-ratio: 404 / 560;
}

.character.character13, .character.character13 .mask {
    background-image: url(/images/characters/13.png);
}

.character-area14 {
    aspect-ratio: 675 / 560;
}

.character.character14, .character.character14 .mask {
    background-image: url(/images/characters/14.png);
}

.character-area15 {
    aspect-ratio: 536 / 640;
}

.character.character15, .character.character15 .mask {
    background-image: url(/images/characters/15.png);
}

.character-area16 {
    aspect-ratio: 552 / 640;
}

.character.character16, .character.character16 .mask {
    background-image: url(/images/characters/16.png);
}

.character-area17 {
    aspect-ratio: 600 / 510;
}

.character.character17, .character.character17 .mask {
    background-image: url(/images/characters/17.png);
}

.character-area18 {
    aspect-ratio: 512 / 640;
}

.character.character18, .character.character18 .mask {
    background-image: url(/images/characters/18.png);
}

.character-area19 {
    aspect-ratio: 494 / 640;
}

.character.character19, .character.character19 .mask {
    background-image: url(/images/characters/19.png);
}

.character-area20 {
    aspect-ratio: 398 / 640;
}

.character.character20, .character.character20 .mask {
    background-image: url(/images/characters/20.png);
}

.character-area21 {
    aspect-ratio: 372 / 560;
}

.character.character21, .character.character21 .mask {
    background-image: url(/images/characters/21.png);
}

.character-area22 {
    aspect-ratio: 221 / 480;
}

.character.character22, .character.character22 .mask {
    background-image: url(/images/characters/22.png);
}

.character-area23 {
    aspect-ratio: 197 / 250;
}

.character.character23, .character.character23 .mask {
    background-image: url(/images/characters/23.png);
}

.character-area24 {
    aspect-ratio: 406 / 500;
}

.character.character24, .character.character24 .mask {
    background-image: url(/images/characters/24.png);
}

.character-area25 {
    aspect-ratio: 344 / 600;
}

.character.character25, .character.character25 .mask {
    background-image: url(/images/characters/25.png);
}

.character-area26 {
    aspect-ratio: 274 / 480;
}

.character.character26, .character.character26 .mask {
    background-image: url(/images/characters/26.png);
}

.character-area27 {
    aspect-ratio: 499 / 652;
}

.character.character27, .character.character27 .mask {
    background-image: url(/images/characters/27.png);
}

.character-area28 {
    aspect-ratio: 261 / 540;
}

.character.character28, .character.character28 .mask {
    background-image: url(/images/characters/28.png);
}

.character-area29 {
    aspect-ratio: 490 / 560;
}

.character.character29, .character.character29 .mask {
    background-image: url(/images/characters/29.png);
}

.character-area30 {
    aspect-ratio: 318 / 560;
}

.character.character30, .character.character30 .mask {
    background-image: url(/images/characters/30.png);
}

.character-area31 {
    aspect-ratio: 324 / 402;
}

.character.character31, .character.character31 .mask {
    background-image: url(/images/characters/31.png);
}

.character-area32 {
    aspect-ratio: 384 / 500;
}

.character.character32, .character.character32 .mask {
    background-image: url(/images/characters/32.png);
}

.character-area33 {
    aspect-ratio: 498 / 440;
}

.character.character33, .character.character33 .mask {
    background-image: url(/images/characters/33.png);
}

.character-area34 {
    aspect-ratio: 240 / 560;
}

.character.character34, .character.character34 .mask {
    background-image: url(/images/characters/34.png);
}

.character-area35 {
    aspect-ratio: 246 / 500;
}

.character.character35, .character.character35 .mask {
    background-image: url(/images/characters/35.png);
}

.character-area36 {
    aspect-ratio: 360 / 560;
}

.character.character36, .character.character36 .mask {
    background-image: url(/images/characters/36.png);
}

.character-area37 {
    aspect-ratio: 474 / 560;
}

.character.character37, .character.character37 .mask {
    background-image: url(/images/characters/37.png);
}

.character-area38 {
    aspect-ratio: 266 / 520;
}

.character.character38, .character.character38 .mask {
    background-image: url(/images/characters/38.png);
}

.character-area39 {
    aspect-ratio: 316 / 560;
}

.character.character39, .character.character39 .mask {
    background-image: url(/images/characters/39.png);
}

.character-area40 {
    aspect-ratio: 276 / 560;
}

.character.character40, .character.character40 .mask {
    background-image: url(/images/characters/40.png);
}

.character-area41 {
    aspect-ratio: 440 / 560;
}

.character.character41, .character.character41 .mask {
    background-image: url(/images/characters/41.png);
}

.character-area42 {
    aspect-ratio: 428 / 560;
}

.character.character42, .character.character42 .mask {
    background-image: url(/images/characters/42.png);
}

.character-area43 {
    aspect-ratio: 400 / 500;
}

.character.character43, .character.character43 .mask {
    background-image: url(/images/characters/43.png);
}

.character-area44 {
    aspect-ratio: 408 / 560;
}

.character.character44, .character.character44 .mask {
    background-image: url(/images/characters/44.png);
}

.character-area45 {
    aspect-ratio: 484 / 560;
}

.character.character45, .character.character45 .mask {
    background-image: url(/images/characters/45.png);
}

.character-area46 {
    aspect-ratio: 500 / 580;
}

.character.character46, .character.character46 .mask {
    background-image: url(/images/characters/46.png);
}

.character-area47 {
    aspect-ratio: 514 / 560;
}

.character.character47, .character.character47 .mask {
    background-image: url(/images/characters/47.png);
}

.character-area48 {
    aspect-ratio: 424 / 560;
}

.character.character48, .character.character48 .mask {
    background-image: url(/images/characters/48.png);
}

.character-area49 {
    aspect-ratio: 360 / 560;
}

.character.character49, .character.character49 .mask {
    background-image: url(/images/characters/49.png);
}

.character-area50 {
    aspect-ratio: 513 / 500;
}

.character.character50, .character.character50 .mask {
    background-image: url(/images/characters/50.png);
}

.character-area51 {
    aspect-ratio: 548 / 520;
}

.character.character51, .character.character51 .mask {
    background-image: url(/images/characters/51.png);
}

.character-area52 {
    aspect-ratio: 324 / 560;
}

.character.character52, .character.character52 .mask {
    background-image: url(/images/characters/52.png);
}

.character-area53 {
    aspect-ratio: 296 / 560;
}

.character.character53, .character.character53 .mask {
    background-image: url(/images/characters/53.png);
}

.character-area54 {
    aspect-ratio: 269 / 560;
}

.character.character54, .character.character54 .mask {
    background-image: url(/images/characters/54.png);
}

.character-area55 {
    aspect-ratio: 572 / 500;
}

.character.character55, .character.character55 .mask {
    background-image: url(/images/characters/55.png);
}

.character-area56 {
    aspect-ratio: 514 / 500;
}

.character.character56, .character.character56 .mask {
    background-image: url(/images/characters/56.png);
}

.character-area57 {
    aspect-ratio: 268 / 560;
}

.character.character57, .character.character57 .mask {
    background-image: url(/images/characters/57.png);
}

.character-area58 {
    aspect-ratio: 273 / 560;
}

.character.character58, .character.character58 .mask {
    background-image: url(/images/characters/58.png);
}

.character-area59 {
    aspect-ratio: 636 / 600;
}

.character.character59, .character.character59 .mask {
    background-image: url(/images/characters/59.png);
}

.character-area60 {
    aspect-ratio: 300 / 560;
}

.character.character60, .character.character60 .mask {
    background-image: url(/images/characters/60.png);
}

.character-area61 {
    aspect-ratio: 430 / 560;
}

.character.character61, .character.character61 .mask {
    background-image: url(/images/characters/61.png);
}

.character-area62 {
    aspect-ratio: 307 / 480;
}

.character.character62, .character.character62 .mask {
    background-image: url(/images/characters/62.png);
}

.character-area63 {
    aspect-ratio: 314 / 560;
}

.character.character63, .character.character63 .mask {
    background-image: url(/images/characters/63.png);
}

.character-area64 {
    aspect-ratio: 197 / 560;
}

.character.character64, .character.character64 .mask {
    background-image: url(/images/characters/64.png);
}

.character-area65 {
    aspect-ratio: 288 / 560;
}

.character.character65, .character.character65 .mask {
    background-image: url(/images/characters/65.png);
}

.character-area66 {
    aspect-ratio: 318 / 560;
}

.character.character66, .character.character66 .mask {
    background-image: url(/images/characters/66.png);
}

.character-area67 {
    aspect-ratio: 319 / 560;
}

.character.character67, .character.character67 .mask {
    background-image: url(/images/characters/67.png);
}

.character-area68 {
    aspect-ratio: 366 / 560;
}

.character.character68, .character.character68 .mask {
    background-image: url(/images/characters/68.png);
}

.character-area69 {
    aspect-ratio: 426 / 560;
}

.character.character69, .character.character69 .mask {
    background-image: url(/images/characters/69.png);
}

.character-area70 {
    aspect-ratio: 519 / 560;
}

.character.character70, .character.character70 .mask {
    background-image: url(/images/characters/70.png);
}

.character-area71 {
    aspect-ratio: 516 / 560;
}

.character.character71, .character.character71 .mask {
    background-image: url(/images/characters/71.png);
}

.character-area72 {
    aspect-ratio: 394 / 560;
}

.character.character72, .character.character72 .mask {
    background-image: url(/images/characters/72.png);
}

.character-area73 {
    aspect-ratio: 400 / 560;
}

.character.character73, .character.character73 .mask {
    background-image: url(/images/characters/73.png);
}

.character-area74 {
    aspect-ratio: 580 / 560;
}

.character.character74, .character.character74 .mask {
    background-image: url(/images/characters/74.png);
}

.character-area75 {
    aspect-ratio: 581 / 600;
}

.character.character75, .character.character75 .mask {
    background-image: url(/images/characters/75.png);
}

.character-area76 {
    aspect-ratio: 334 / 600;
}

.character.character76, .character.character76 .mask {
    background-image: url(/images/characters/76.png);
}

.character-area77 {
    aspect-ratio: 374 / 600;
}

.character.character77, .character.character77 .mask {
    background-image: url(/images/characters/77.png);
}

.character-area78 {
    aspect-ratio: 414 / 300;
}

.character.character78, .character.character78 .mask {
    background-image: url(/images/characters/78.png);
}