Editing User:CanvasK/SSBU challenges

Inspired by Toomai's draft. I started this after trying to fill out his draft but ran into an issue on the "Spirits" screen, where the table was rendering properly but not in the desired way (can be worked around by specifying widths). As I am wont to do, I went a little overboard with my new toy (that being clip-path).

All images contain alt text and captions, copied from [[List of challenges (SSBU)]].
==Spirits==
<div style="width: 1093px; height: 474px; outline: 2px solid black">

  <div style="position: absolute; transform-origin:top left; transform: scale(.43525) translate(-27px, -63px); clip-path: polygon(27px 63px, 27px 533px, 632px 533px, 860px 63px);">[[File:SSBU challenge image 058.png|Title: Villager.
Description: Enhance a spirit 5 times in Level Up.
Reward: 10,000 Spirit Points.]]
  </div>

  <div style="transform: translate(365.5px, 0px)">
    <div style="position: absolute; transform-origin:top left; transform: scale(.6293) translate(-341px, -6px); clip-path: polygon(341px 6px, 92px 519px, 666px 519px, 914px 6px);">[[File:SSBU challenge image 059.png|Title: Mewtwo.
Description: Obtain a Legend class by using Summon.
Reward: Snack (L) (x5).]]
    </div>
  </div>

  <div style="transform: translate(729px, 0px)">
    <div style="position: absolute; transform-origin:top left; transform: scale(.664187) translate(-313px, -45px); clip-path: polygon(313px 45px, 78px 532px, 351px 532px, 589px 45px);">[[File:SSBU challenge image 065.png|Title: Inkling.
Description: Collect 10 unique spirits.
Reward: Agitha (Spirit).]]
    </div>
  </div>

  <div style="transform: translate(915.9px, 0px)">
    <div style="position: absolute; transform-origin:top left; transform: scale(.5017) translate(-580px, -24px); clip-path: polygon(580px 24px, 357px 482px, 933px 482px, 933px 24px);">[[File:SSBU challenge image 066.png|Title: Bomberman.
Description: Collect 777 unique spirits.
Reward: Dr. Wright (Spirit).
Can not be hammered.]]
    </div>
  </div>

  <div style="transform: translate(0px, 208px)">
    <div style="position: absolute; transform-origin:top left; transform: scale(.530757) translate(-220px, -18px); clip-path: polygon(220px 18px, 220px 519px, 468px 519px, 712px 18px);">[[File:SSBU challenge image 060.png|Title:Chef Kawasaki.
Description: Get 10 cores from dismissing spirits.
Reward: Damage 50% (Item) (x3).]]
    </div>
  </div>

  <div style="transform: translate(802px, 233.3px)">
    <div style="position: absolute; transform-origin:top left; transform: scale(.50246) translate(-462px, -28px); clip-path: polygon(462px 28px, 229px 507px, 575px 507px, 809px 28px);">[[File:SSBU challenge image 061.png|Title: Young Link.
Description: Sell items 5 times in Items.
Reward: Snack (M) (x5).]]
    </div>
  </div>

  <div style="transform: translate(979.8px, 233.3px)">
    <div style="position: absolute; transform-origin:top left; transform: scale(.501) translate(-708px, -34px); clip-path: polygon(708px 34px, 474px 514.5px, 934.5px 514.5px, 934.5px 34px);">[[File:SSBU challenge image 063.png|Title: Shulk.
Description: Leave a spirit at the Gym 3 times.
Reward: 1500 Spirit Points.]]
    </div>
  </div>

  <div style="transform: translate(207px, 325.5px)">
    <div style="position: absolute; transform-origin:top left; transform: scale(.660066) translate(-258px, -257px); clip-path: polygon(258px 257px, 150px 482px, 372px 482px, 482px 257px);">[[File:SSBU challenge image 062.png|Title: Ivysaur.
Description: Leave a spirit at the Dojo 3 times.
Reward: 2000 Gold.]]
    </div>
  </div>

  <div style="transform: translate(358px, 325.5px)">
    <div style="position: absolute; transform-origin:top left; transform: scale(.53259) translate(-208px, -92px); clip-path: polygon(208px 92px, 73px 371px, 816px 371px, 952px 92px);">[[File:SSBU challenge image 064.png|Title: Isabelle.
Description: Leave a spirit at Explore 3 times.
Reward: Snack (M) (x8).]]
    </div>
  </div>

</div>
	You aren't logged in. While it's not a requirement to create an account, doing so makes it a lot easier to keep track of your edits and a lot harder to confuse you with someone else. If you edit without being logged in, your IP address will be recorded in the page's edit history.
	Log in	Create account
Insert common text
Signature	~~~~
Symbols	£ ¥ ° ± × ÷ € ≈ ≠ ≤ ≥
Diacritics	À Á Â Ã Ä Å Æ Ç È É Ê Ë Ì Í Î Ï Ð Ñ Ò Ó Ô Õ Ö Ø Œ Ù Ú Û Ü Ý Þ ß à á â ã ä å æ ç è é ê ë ì í î ï ð ñ ò ó ô õ ö ø œ ù ú û ü ý þ ÿ
Wikitext	[] [[]] \| [[Category:]] [[File:]] #REDIRECT: [[]] {\| \|- \|\| \|}
Templates	{{cleanup}} {{image}} {{reflist}} {{stub}} {{d}} {{delete}}
Formatting	<!----> <br> <code></code> <gallery></gallery> <nowiki></nowiki> <ref></ref> <references/> {{#widget:YouTube\|id=}}
Substitution	<includeonly></includeonly> <noinclude></noinclude>