@font-face {font-family:"Arlon Bold"; src:url("Arlon-Bold.ttf");}
@font-face {font-family:"Arlon Bold"; src:url("Arlon-Bold.ttf"); font-weight:bold;}










.fb {font-weight:bold;}
.fi {font-style:italic;}

.fcGreen {color:rgb(128, 170, 41);}
.fcRed {color:rgb(204, 51, 51);}
.fcGold {color:rgb(198, 167, 0);}








.fcFmWhite {color:rgb(240, 240, 240);}
.fcFmBlue {color:rgb(93, 217, 255);}
.fcFmGreen {color:rgb(93, 254, 138);}
.fcFmYellow {color:rgb(253, 255, 94);}
.fcFmRed {color:rgb(255, 92, 93);}
.fcFmViolet {color:rgb(213, 92, 255);}

.bgcFmWhite {background-color:rgb(240, 240, 240);}
.bgcFmBlue {background-color:rgb(93, 217, 255);}
.bgcFmGreen {background-color:rgb(93, 254, 138);}
.bgcFmYellow {background-color:rgb(253, 255, 94);}
.bgcFmRed {background-color:rgb(255, 92, 93);}
.bgcFmViolet {background-color:rgb(213, 92, 255);}








/* paddingi */
.p4 {padding:4px;}
.p8 {padding:8px;}
.p16 {padding:16px;}
.p24 {padding:24px;}
.p32 {padding:32px;}

/* marginesy */
.mt4 {margin-top:4px;}
.mt8 {margin-top:8px;}
.mt16 {margin-top:16px;}
.mt24 {margin-top:24px;}
.mt32 {margin-top:32px;}

.mr4 {margin-right:4px;}
.mr8 {margin-right:8px;}
.mr16 {margin-right:16px;}
.mr24 {margin-right:24px;}
.mr32 {margin-right:32px;}

.mb4 {margin-bottom:4px;}
.mb8 {margin-bottom:8px;}
.mb16 {margin-bottom:16px;}
.mb24 {margin-bottom:24px;}
.mb32 {margin-bottom:32px;}

.ml4 {margin-left:4px;}
.ml8 {margin-left:8px;}
.ml16 {margin-left:16px;}
.ml24 {margin-left:24px;}
.ml32 {margin-left:32px;}



body {background-color:#ffffff; color:#555555; font-family:"Arlon Bold"; font-size:16px; text-align:center;}
p {margin:0px;}
a {text-decoration:none; color:#0077b6;}






#content_box {
  display: inline-block;
  position: absolute;
  left: 50%;
transform: translate(-50%, 0);
}









table {border-spacing:0px; text-align:left;}

table th {padding:8px; background-color:#00a3ff; color:white; cursor:pointer; text-shadow: 1.41px 1.41px black, 2px 0 black, 1.41px -1.41px black,
    0 -2px black, -1.41px -1.41px black, -2px 0 black,
   -1.41px 1.41px black, 0 2px black;}
   
table td {padding:8px; border-bottom: 2px solid #ececec;}
table tr:last-child td {border:none;}

table td * {vertical-align:middle;}




table th:first-child, table td:first-child {padding-left:16px;}
table th:last-child, table td:last-child {padding-right:16px;}






table th:nth-child(4), table td:nth-child(4) {text-align:center;}
table th:nth-child(5), table td:nth-child(5) {text-align:right;}
table th:nth-child(6), table td:nth-child(6) {text-align:right;}
table th:nth-child(7), table td:nth-child(7) {text-align:right;}
table th:nth-child(8), table td:nth-child(8) {text-align:right;}
table th:nth-child(9), table td:nth-child(9) {text-align:center;}
table th:nth-child(10), table td:nth-child(10) {text-align:center;}
table th:nth-child(11), table td:nth-child(11) {text-align:center;}
table th:nth-child(12), table td:nth-child(12) {text-align:center;}
table th:nth-child(13), table td:nth-child(13) {text-align:center;}
table th:nth-child(14), table td:nth-child(14) {text-align:center;}
table th:nth-child(15), table td:nth-child(15) {text-align:center;}
table th:nth-child(16), table td:nth-child(16) {text-align:center;}
table th:nth-child(17), table td:nth-child(17) {text-align:right;}
table th:nth-child(18), table td:nth-child(18) {text-align:right;}




table td:nth-child(5) {color:#fec045;}







select.blue {display:inline-block; font-family:"Arlon Bold"; font-size:16px; color:white; background-color:#00a3ff; padding:16px 48px 16px 16px; border-radius:8px; border:2px solid #000000;
appearance: none; background-image:url('img/arrow_down.png'); background-repeat:no-repeat; background-position:right 16px center; background-size:20px; cursor:pointer;}





#wrapper {height:32px;}





/*
table td:nth-child(4) {font-size:18px;}
table td:nth-child(5) {font-size:18px;}
table td:nth-child(6) {font-size:18px;}
table td:nth-child(7) {font-size:18px;}
*/









.pet_icon, .skill_icon, .fairy_icon, .avatar_icon {position:relative; width:52px; height:52px;}

.pet_icon span:nth-child(1), .avatar_icon span:nth-child(1) {display:inline-block; border-radius:8px; border:2px solid #000000;}
.skill_icon span:nth-child(1) {display:inline-block; border-radius:9999px; border:2px solid #000000;}

.pet_icon span:nth-child(2), .skill_icon span:nth-child(2), .fairy_icon span:nth-child(2) {display:inline-block; color:#ffffff; position:absolute; bottom:-1px; right:6px; font-weight:bold; text-align:right; width:48px;}











.text-outline {
  text-shadow:
    2px 0 black,
    0 -2px black,
    -2px 0 black,
    0 2px black;
}

.text-outline-diagonal {
  text-shadow: 1.41px 1.41px black, 2px 0 black, 1.41px -1.41px black,
    0 -2px black, -1.41px -1.41px black, -2px 0 black,
   -1.41px 1.41px black, 0 2px black;
}














.img16 {display:inline-block; width:16px; height:16px; background-size:16px 16px; background-repeat:no-repeat; background-position:center;}
.img32 {display:inline-block; width:32px; height:32px; background-size:32px 32px; background-repeat:no-repeat; background-position:center;}
.img48 {display:inline-block; width:48px; height:48px; background-size:48px 48px; background-repeat:no-repeat; background-position:center;}
.img64 {display:inline-block; width:64px; height:64px; background-size:64px 64px; background-repeat:no-repeat; background-position:center;}





*[class^="img"].ascension {background-image:url("img/AscensionStar.png");}


/* avatar */

*[class^="img"].avatar1 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-2.64px -2.64px !important;} /* domyślny */
*[class^="img"].avatar2 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-51.92px -2.64px !important;}
*[class^="img"].avatar3 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-101.2px -2.64px !important;}
*[class^="img"].avatar7 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-298.32px -2.64px !important;}
*[class^="img"].avatar8 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-347.6px -2.64px !important;}
*[class^="img"].avatar13 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-594px -2.64px !important;}
*[class^="img"].avatar15 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-692.56px -2.64px !important;}
*[class^="img"].avatar17 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-741.84px -2.64px !important;}
*[class^="img"].avatar24 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-396.88px -51.92px !important;}
*[class^="img"].avatar38 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-298.32px -101.2px !important;}
*[class^="img"].avatar39 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-347.6px -101.2px !important;}
*[class^="img"].avatar47 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-741.84px -101.2px !important;}
*[class^="img"].avatar48 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-2.64px -150.48px !important;}
*[class^="img"].avatar49 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-51.92px -150.48px !important;}
*[class^="img"].avatar50 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-101.2px -150.48px !important;}
*[class^="img"].avatar53 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-249.04px -150.48px !important;}
*[class^="img"].avatar54 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-298.32px -150.48px !important;}
*[class^="img"].avatar62 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-692.56px -150.48px !important;}
*[class^="img"].avatar63 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-741.84px -150.48px !important;}
*[class^="img"].avatar64 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-2.64px -199.76px !important;}
*[class^="img"].avatar95 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-741.84px -249.04px !important;}
*[class^="img"].avatar99 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-150.48px -298.32px !important;}
*[class^="img"].avatar100 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-199.76px -298.32px !important;}
*[class^="img"].avatar102 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-298.32px -298.32px !important;}
*[class^="img"].avatar103 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-347.6px -298.32px !important;}
*[class^="img"].avatar107 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-544.72px -298.32px !important;}
*[class^="img"].avatar109 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-643.28px -298.32px !important;}
*[class^="img"].avatar113 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-51.92px -347.6px !important;}
*[class^="img"].avatar116 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-199.76px -347.6px !important;}
*[class^="img"].avatar117 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-249.04px -347.6px !important;}
*[class^="img"].avatar123 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-544.72px -347.6px !important;}
*[class^="img"].avatar126 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-692.56px -347.6px !important;}
*[class^="img"].avatar127 {background-image:url("img/CardIcons.png"); background-size:788.48px 788.48px !important; background-position:-741.84px -347.6px !important;}































/* league */

*[class^="img"].no_league {background-image:url("img/LeagueIcons.png"); background-size:400% 400% !important; background-position:33.3333% 33.3333% !important;}
*[class^="img"].bronze {background-image:url("img/LeagueIcons.png"); background-size:400% 400% !important; background-position:0% 33.3333% !important;}
*[class^="img"].silver {background-image:url("img/LeagueIcons.png"); background-size:400% 400% !important; background-position:100% 0% !important;}
*[class^="img"].gold {background-image:url("img/LeagueIcons.png"); background-size:400% 400% !important; background-position:66.6667% 0% !important;}
*[class^="img"].platinum {background-image:url("img/LeagueIcons.png"); background-size:400% 400% !important; background-position:33.3333% 0% !important;}
*[class^="img"].diamond1 {background-image:url("img/LeagueIcons.png"); background-size:400% 400% !important; background-position:0% 0% !important;}
*[class^="img"].diamond2 {background-image:url("img/LeagueIcons.png"); background-size:400% 400% !important; background-position:66.6667% 33.3333% !important;}
*[class^="img"].diamond3 {background-image:url("img/LeagueIcons.png"); background-size:400% 400% !important; background-position:100% 33.3333% !important;}

/* mount */

*[class^="img"].lily_pad {background-image:url("img/MountIcons.png"); background-size:400% 400% !important; background-position:0% 0% !important;}
*[class^="img"].lily_leaf {background-image:url("img/MountIcons.png"); background-size:400% 400% !important; background-position:100% 0% !important;}
*[class^="img"].brown_leaf {background-image:url("img/MountIcons.png"); background-size:400% 400% !important; background-position:0% 33.3333% !important;}

*[class^="img"].horse {background-image:url("img/MountIcons.png"); background-size:400% 400% !important; background-position:33.3333% 0% !important;}
*[class^="img"].dino {background-image:url("img/MountIcons.png"); background-size:400% 400% !important; background-position:66.6667% 0% !important;}
*[class^="img"].crab {background-image:url("img/MountIcons.png"); background-size:400% 400% !important; background-position:33.3333% 33.3333% !important;}
*[class^="img"].turtle {background-image:url("img/MountIcons.png"); background-size:400% 400% !important; background-position:66.6667% 33.3333% !important;}

*[class^="img"].pig {background-image:url("img/MountIcons.png"); background-size:400% 400% !important; background-position:100% 33.3333% !important;}
*[class^="img"].goat {background-image:url("img/MountIcons.png"); background-size:400% 400% !important; background-position:0% 66.6667% !important;}

*[class^="img"].bike {background-image:url("img/MountIcons.png"); background-size:400% 400% !important; background-position:33.3333% 66.6667% !important;}
*[class^="img"].giant_bee {background-image:url("img/MountIcons.png"); background-size:400% 400% !important; background-position:66.6667% 66.6667% !important;}

*[class^="img"].droid {background-image:url("img/MountIcons.png"); background-size:400% 400% !important; background-position:100% 66.6667% !important;}
*[class^="img"].mini_dragon {background-image:url("img/MountIcons.png"); background-size:400% 400% !important; background-position:0% 100% !important;}

*[class^="img"].hover_disk {background-image:url("img/MountIcons.png"); background-size:400% 400% !important; background-position:33.3333% 100% !important;}
*[class^="img"].hover_board {background-image:url("img/MountIcons.png"); background-size:400% 400% !important; background-position:66.6667% 100% !important;}

/* skill */

*[class^="img"].meat {background-image:url("img/SkillIcons.png"); background-size:800% 800% !important; background-position:0% 0% !important;}
*[class^="img"].arrows {background-image:url("img/SkillIcons.png"); background-size:800% 800% !important; background-position:14.2857% 0% !important;}
*[class^="img"].shout {background-image:url("img/SkillIcons.png"); background-size:800% 800% !important; background-position:28.5714% 0% !important;}

*[class^="img"].berserk {background-image:url("img/SkillIcons.png"); background-size:800% 800% !important; background-position:42.8571% 0% !important;}
*[class^="img"].cannon_barrage {background-image:url("img/SkillIcons.png"); background-size:800% 800% !important; background-position:0% 14.2857% !important;}
*[class^="img"].shurikens {background-image:url("img/SkillIcons.png"); background-size:800% 800% !important; background-position:28.5714% 14.2857% !important;}

*[class^="img"].thorns {background-image:url("img/SkillIcons.png"); background-size:800% 800% !important; background-position:57.1429% 0% !important;}
*[class^="img"].buff {background-image:url("img/SkillIcons.png"); background-size:800% 800% !important; background-position:85.7143% 0% !important;}
*[class^="img"].arrow_rain {background-image:url("img/SkillIcons.png"); background-size:800% 800% !important; background-position:100% 0% !important;}

*[class^="img"].morale {background-image:url("img/SkillIcons.png"); background-size:800% 800% !important; background-position:14.2857% 14.2857% !important;}
*[class^="img"].meteorite {background-image:url("img/SkillIcons.png"); background-size:800% 800% !important; background-position:42.8571% 14.2857% !important;}
*[class^="img"].bomb {background-image:url("img/SkillIcons.png"); background-size:800% 800% !important; background-position:71.4286% 14.2857% !important;}

*[class^="img"].worm {background-image:url("img/SkillIcons.png"); background-size:800% 800% !important; background-position:71.4286% 0% !important;}
*[class^="img"].stampede {background-image:url("img/SkillIcons.png"); background-size:800% 800% !important; background-position:57.1429% 14.2857% !important;}
*[class^="img"].lightning {background-image:url("img/SkillIcons.png"); background-size:800% 800% !important; background-position:85.7143% 14.2857% !important;}

*[class^="img"].higher_morale {background-image:url("img/SkillIcons.png"); background-size:800% 800% !important; background-position:100% 14.2857% !important;}
*[class^="img"].strafe_run {background-image:url("img/SkillIcons.png"); background-size:800% 800% !important; background-position:0% 28.5714% !important;}
*[class^="img"].drone {background-image:url("img/SkillIcons.png"); background-size:800% 800% !important; background-position:14.2857% 28.5714% !important;}

/* pet */

*[class^="img"].chicken {background-image:url("img/Pets.png"); background-size:800% 800% !important; background-position:14.2857% 0% !important;}
*[class^="img"].dog {background-image:url("img/Pets.png"); background-size:800% 800% !important; background-position:85.7143% 0% !important;}
*[class^="img"].cat {background-image:url("img/Pets.png"); background-size:800% 800% !important; background-position:100% 0% !important;}
*[class^="img"].snail {background-image:url("img/Pets.png"); background-size:800% 800% !important; background-position:0% 14.2857% !important;}
*[class^="img"].mouse {background-image:url("img/Pets.png"); background-size:800% 800% !important; background-position:14.2857% 14.2857% !important;}
*[class^="img"].turtle {background-image:url("img/Pets.png"); background-size:800% 800% !important; background-position:28.5714% 14.2857% !important;}

*[class^="img"].hedgehog {background-image:url("img/Pets.png"); background-size:800% 800% !important; background-position:42.8571% 14.2857% !important;}
*[class^="img"].bear {background-image:url("img/Pets.png"); background-size:800% 800% !important; background-position:57.1429% 14.2857% !important;}
*[class^="img"].ostrich {background-image:url("img/Pets.png"); background-size:800% 800% !important; background-position:71.4286% 14.2857% !important;}
*[class^="img"].spider {background-image:url("img/Pets.png"); background-size:800% 800% !important; background-position:85.7143% 14.2857% !important;}
*[class^="img"].scorpion {background-image:url("img/Pets.png"); background-size:800% 800% !important; background-position:100% 14.2857% !important;}

*[class^="img"].griffin {background-image:url("img/Pets.png"); background-size:800% 800% !important; background-position:0% 28.5714% !important;}
*[class^="img"].saber_tooth {background-image:url("img/Pets.png"); background-size:800% 800% !important; background-position:14.2857% 28.5714% !important;}
*[class^="img"].unicorn {background-image:url("img/Pets.png"); background-size:800% 800% !important; background-position:28.5714% 28.5714% !important;}
*[class^="img"].tiger {background-image:url("img/Pets.png"); background-size:800% 800% !important; background-position:42.8571% 28.5714% !important;}
*[class^="img"].panda {background-image:url("img/Pets.png"); background-size:800% 800% !important; background-position:0% 0% !important;}

*[class^="img"].serpent {background-image:url("img/Pets.png"); background-size:800% 800% !important; background-position:28.5714% 0% !important;}
*[class^="img"].cerberus {background-image:url("img/Pets.png"); background-size:800% 800% !important; background-position:42.8571% 0% !important;}
*[class^="img"].kitsune {background-image:url("img/Pets.png"); background-size:800% 800% !important; background-position:57.1429% 0% !important;}

*[class^="img"].electry {background-image:url("img/Pets.png"); background-size:800% 800% !important; background-position:71.4286% 0% !important;}
*[class^="img"].treant {background-image:url("img/Pets.png"); background-size:800% 800% !important; background-position:57.1429% 28.5714% !important;}
*[class^="img"].enchanted_elk {background-image:url("img/Pets.png"); background-size:800% 800% !important; background-position:71.4286% 28.5714% !important;}

*[class^="img"].baby_dragon {background-image:url("img/Pets.png"); background-size:800% 800% !important; background-position:85.7143% 28.5714% !important;}
*[class^="img"].genie {background-image:url("img/Pets.png"); background-size:800% 800% !important; background-position:100% 28.5714% !important;}
*[class^="img"].spectral_tiger {background-image:url("img/Pets.png"); background-size:800% 800% !important; background-position:0% 42.8571% !important;}

/* fairy */

*[class^="img"].lora {background-image:url("img/FairyIconLora.png");}
*[class^="img"].mira {background-image:url("img/FairyIconMira.png");}
*[class^="img"].tira {background-image:url("img/FairyIconTira.png");}












@media(max-width:900px) {
	
	
	
	
#content_box {
  display: inline-block;
  position: static;
  left: 0px;
transform: none;
}
	
	
	
	
	
	
}