The Petit Planet Wiki - User contributions [en]

Galaxy

2026-04-07T06:07:26Z

Stevium: Created Galaxy

{{Stub}}
{{Terminology Infobox
|title = Galaxy
|image = Galaxy Icon.png
}}
'''Galaxies''' are explorable [[Starsea]] regions in ''[[Petit Planet]].'' Each galaxy is comprised of a unique cluster of planets that players can explore on [[Starsea Voyage]]s.

==List==

{{#DPL:
|namespace =
|category = Galaxies
|uses = Template:Galaxy Infobox
|include = {Galaxy Infobox}:%PAGE%:%PAGE%:terrain:climate
|table = class="wikitable sortable",-,Image,Name,Terrain,Climate
|tablerow = [[File:%% Icon.png|50px|link=%%]],[[%%]],%%,%%
|ordermethod = sortkey
}}

==Navigation==
{{Galaxy Navbox}}

Template:Video Files

2026-04-06T11:24:00Z

Stevium: Fixed wrapping issue

<includeonly>{{#DPL:
|namespace = File
|uses = Template:File/Video
|category = Files by Date<&>{{{1|{{ROOTPAGENAME}}}}} Media{{#if:{{{categories|}}}|<&>{{{categories}}}}}
|include = {File/Video}:ytlink,{File/Video}:yttitle
|listseparators = <div style="display:flex; gap:8px; flex-wrap:wrap;">,,,</div>
|secseparators = ²{#ev:youtube¦,¦dimensions=224,¦description=,}²
|noresultsheader = ''{{{1|{{ROOTPAGENAME}}}}} does not have any videos for the matching category.''
}}</includeonly><noinclude>{{Documentation|type=DPL Gallery|content=
==Syntax==
<pre>
{{Video Files}}
</pre>
This template has 1 unnamed parameter:
* <code>1</code> – [[Neighbor]] or [[NPC]]
* <code>categories</code> – Additional categories

==Example==
<pre>
{{Video Files|Mobai}}
</pre>
{{Video Files|Mobai}}

}}</noinclude>

Template:Video Files

2026-04-06T11:00:42Z

Stevium: Added noresultsheader

<includeonly>{{#DPL:
|namespace = File
|uses = Template:File/Video
|category = Files by Date<&>{{{1|{{ROOTPAGENAME}}}}} Media{{#if:{{{categories|}}}|<&>{{{categories}}}}}
|include = {File/Video}:ytlink,{File/Video}:yttitle
|listseparators = <div style="display:flex; gap:8px;">,,,</div>
|secseparators = ²{#ev:youtube¦,¦dimensions=310x174,¦description=,}²
|noresultsheader = ''{{{1|{{ROOTPAGENAME}}}}} does not have any videos for the matching category.''
}}</includeonly><noinclude>{{Documentation|type=DPL Gallery|content=
==Syntax==
<pre>
{{Video Files}}
</pre>
This template has 1 unnamed parameter:
* <code>1</code> – [[Neighbor]] or [[NPC]]
* <code>categories</code> – Additional categories

==Example==
<pre>
{{Video Files|Mobai}}
</pre>
{{Video Files|Mobai}}

}}</noinclude>

Template:Video Files

2026-04-06T10:53:14Z

Stevium:

<includeonly>{{#DPL:
|namespace = File
|uses = Template:File/Video
|category = Files by Date<&>{{{1|{{ROOTPAGENAME}}}}} Media{{#if:{{{categories|}}}|<&>{{{categories}}}}}
|include = {File/Video}:ytlink,{File/Video}:yttitle
|listseparators = <div style="display:flex; gap:8px;">,,,</div>
|secseparators = ²{#ev:youtube¦,¦dimensions=310x174,¦description=,}²
}}</includeonly><noinclude>{{Documentation|type=DPL Gallery|content=
==Syntax==
<pre>
{{Video Files}}
</pre>
This template has 1 unnamed parameter:
* <code>1</code> – [[Neighbor]] or [[NPC]]
* <code>categories</code> – Additional categories

==Example==
<pre>
{{Video Files|Mobai}}
</pre>
{{Video Files|Mobai}}

}}</noinclude>

Template:Video Files

2026-04-06T10:48:21Z

Stevium:

<includeonly>{{#DPL:
|namespace = File
|uses = Template:File/Video
|category = Files by Date{{#if:{{{1|}}}|<&>{{{1|{{ROOTPAGENAME}}}}} Media|{{#if:{{{categories|}}}|<&>{{{categories}}}}}}}
|include = {File/Video}:ytlink,{File/Video}:yttitle
|listseparators = <div style="display:flex; gap:8px;">,,,</div>
|secseparators = ²{#ev:youtube¦,¦dimensions=310x174,¦description=,}²
}}</includeonly><noinclude>{{Documentation|type=DPL Gallery|content=
==Syntax==
<pre>
{{Video Files}}
</pre>
This template has 1 unnamed parameter:
* <code>1</code> – [[Neighbor]] or [[NPC]]
* <code>categories</code> – Additional categories

==Example==
<pre>
{{Video Files|Mobai}}
</pre>
{{Video Files|Mobai}}

}}</noinclude>

Template:Video Files

2026-04-06T10:43:15Z

Stevium: Removed link to file page

<includeonly>{{#DPL:
|namespace = File
|uses = Template:File/Video
|category = Files by Date{{#if:{{{1|}}}|<&>{{{1|{{ROOTPAGENAME}}}}} Media|{{#if:{{{categories|}}}|<&>{{{categories}}}}}}}
|include = {File/Video}:ytlink,{File/Video}:yttitle
|listseparators = <div style="display:flex; gap:8px;">,,,</div>
|secseparators = ²{#ev:youtube¦,¦dimensions=310x174,¦description=,}²
}}</includeonly><noinclude>{{Documentation|type=DPL Gallery|content=
==Syntax==
<pre>
{{Video Files|}}
</pre>
This template has 1 unnamed parameter:
* <code>1</code> – [[Neighbor]] or [[NPC]]
* <code>categories</code> – Additional categories

==Example==
<pre>
{{Video Files|Mobai}}
</pre>
{{Video Files|Mobai}}

}}</noinclude>

Template:Video Files

2026-04-06T10:38:45Z

Stevium: Created Template:Video Files

<includeonly>{{#DPL:
|namespace = File
|uses = Template:File/Video
|category = Files by Date{{#if:{{{1|}}}|<&>{{{1|{{ROOTPAGENAME}}}}} Media|{{#if:{{{categories|}}}|<&>{{{categories}}}}}}}
|include = {File/Video}:ytlink,{File/Video}:yttitle
|listseparators = <div style="display:flex; gap:8px;">,,,</div>
|secseparators = ²{#ev:youtube¦,¦dimensions=310x174,¦description=[[%PAGE%|,]]}²
}}</includeonly><noinclude>{{Documentation|type=DPL Gallery|content=
==Syntax==
<pre>
{{Video Files|}}
</pre>
This template has 1 unnamed parameter:
* <code>1</code> – [[Neighbor]] or [[NPC]]
* <code>categories</code> – Additional categories

==Example==
<pre>
{{Video Files|Mobai}}
</pre>
{{Video Files|Mobai}}

}}</noinclude>

User:Stevium/sandbox2

2026-04-06T08:44:15Z

Stevium:

<pre>
{{#DPL:
|namespace = File
|uses = Template:File/Video
|category = Files by Date
|include = {File/Video}:ytlink
|listseparators = <div style="display:flex; gap:8px;">,<div>²{#ev:youtube¦,¦310}²</div>,</div>
}}
</pre>
{{#DPL:
|namespace = File
|uses = Template:File/Video
|category = Files by Date
|include = {File/Video}:ytlink
|listseparators = <div style="display:flex; gap:8px;">,<div>²{#ev:youtube¦,¦310}²</div>,</div>
}}

File:Petit Planet - Spring Festival Animated Short

2026-04-06T08:08:07Z

Stevium: Created File:Petit Planet - Spring Festival Animated Short

{{File/Video
|categories = Animated Short
|neighbors = Esassani; Yunguo; Glenn; Mobai
|yttitle = 🏮 Petit Planet - Spring Festival Animated Short
|ytlink = https://www.youtube.com/watch?v=pTTsHVLOOe4
|ytlabel = Official YouTube Video
|date = 2026-02-16
|description = Sparks bloom across the night sky and lanterns chase away the chill, bringing hearts closer together in this glow.<br>May every heart be gently embraced by warmth throughout the year ahead.<br>⚠️Please follow local laws and fire safety guidelines, and stay safe when handling fireworks.
}}

File:Petit Planet - Cozy Cosmos Trailer - Weave Your Dreams Beneath the Stars

2026-04-06T08:03:31Z

Stevium: Created File:Petit Planet - Cozy Cosmos Trailer - Weave Your Dreams Beneath the Stars

{{File/Video
|categories =
|neighbors = Mobai; Esassani; Glenn; Rebella; Dorjelang; Yunguo; Medowlyn; Isaki; Tala; Mors; Frostia; Nalo; Civilla; Aleo; Goodman
|yttitle = Petit Planet - Cozy Cosmos Trailer {{!}} Weave Your Dreams Beneath the Stars
|ytlink = https://www.youtube.com/watch?v=7HyMwlxRcCg
|ytlabel = Official YouTube Video
|date = 2025-09-25
|description = When you gaze up at the stars, have you ever dreamed of having a planet to call your own?<br>Here, craft your ideal life—plan and build, plant and harvest, befriend quirky fuzzy neighbors, and infuse your world with the magical essence of Luca. Answer the call to explore distant galaxies and encounter wonders among the stars...<br><br>Now, get ready to see that dream come alive in Petit Planet, the brand-new cosmic life sim by HoYoverse!
}}

Template:File/Video

2026-04-06T08:02:19Z

Stevium: Created Template:File/Video

<includeonly>{{#ev:youtube|{{{youtubelink|{{{ytlink|}}}}}}|560}}

==Summary==
{{File
|categories = {{{categories|{{{1|}}}}}}
|caption = {{{caption|}}}
|yttitle = {{{youtubetitle|{{{yttitle|}}}}}}
|ytlink = {{{youtubelink|{{{ytlink|}}}}}}
|ytlabel = {{{youtubelabel|{{{ytlabel|}}}}}}
|artist = {{{artist|}}}
|artistlink = {{{artistlink|}}}
|featuring = {{{featuring|}}}
|neighbors = {{{neighbors|}}}
|soundtracks = {{{soundtracks|}}}
|date = {{{date|}}}
|version = {{{version|}}}
|gallery = {{{gallery|}}}
|description = {{{description|}}}
|transcription = {{{transcription|}}}
|alt = {{{alt|}}}
|annotations = {{{annotations|}}}
}}

==Licensing==
{{Fairuse}}
</includeonly><noinclude>{{Documentation|type=File Management|content=

==Syntax==
<pre>
{{File/Video
|categories =
|featuring =
|neighbors =
|yttitle =
|ytlink =
|ytlabel =
|date =
|description =
}}
</pre>

==Example==
<pre>
{{File/Video
|categories =
|neighbors = Mobai; Esassani; Glenn; Rebella; Dorjelang; Yunguo; Medowlyn; Isaki; Tala; Mors; Frostia; Nalo; Civilla; Aleo; Goodman
|yttitle = Petit Planet - Cozy Cosmos Trailer {{!}} Weave Your Dreams Beneath the Stars
|ytlink = https://www.youtube.com/watch?v=7HyMwlxRcCg
|ytlabel = Official YouTube Video
|date = 2025-09-25
|description = When you gaze up at the stars, have you ever dreamed of having a planet to call your own?<br>Here, craft your ideal life—plan and build, plant and harvest, befriend quirky fuzzy neighbors, and infuse your world with the magical essence of Luca. Answer the call to explore distant galaxies and encounter wonders among the stars...<br><br>Now, get ready to see that dream come alive in Petit Planet, the brand-new cosmic life sim by HoYoverse!
}}
</pre>

{{File/Video
|categories =
|neighbors = Mobai; Esassani; Glenn; Rebella; Dorjelang; Yunguo; Medowlyn; Isaki; Tala; Mors; Frostia; Nalo; Civilla; Aleo; Goodman
|yttitle = Petit Planet - Cozy Cosmos Trailer {{!}} Weave Your Dreams Beneath the Stars
|ytlink = https://www.youtube.com/watch?v=7HyMwlxRcCg
|ytlabel = Official YouTube Video
|date = 2025-09-25
|description = When you gaze up at the stars, have you ever dreamed of having a planet to call your own?<br>Here, craft your ideal life—plan and build, plant and harvest, befriend quirky fuzzy neighbors, and infuse your world with the magical essence of Luca. Answer the call to explore distant galaxies and encounter wonders among the stars...<br><br>Now, get ready to see that dream come alive in Petit Planet, the brand-new cosmic life sim by HoYoverse!
}}
}}</noinclude>

Template:File

2026-04-06T08:01:17Z

Stevium: Added option to add YouTube links

<includeonly>{{#vardefine:type|{{#switch:{{#explode:{{PAGENAME}}|.|-1}}
|png
|jpg
|jpeg
|PNG
|svg
|webp
|ico=Images
|gif=GIFs
|ogg|mp3=Audio
|ogv=OGV Videos
|mp4=MP4 Videos
|woff
|woff2
|ttf=Fonts
|#default=Videos
}}}}<table class="wikitable alternating-colors-table">{{#if:{{{categories|{{{1|}}}}}}|<tr><th>{{#if:{{#pos:{{{categories|{{{1|}}}}}}|;}}|Categories|Category}}</th><td><ul>{{Array|{{{categories|{{{1|}}}}}}|;|<li>[[:Category:{item}|{item}]]</li>|sort = 1}}</ul></td></tr>}}{{#switch:{{#var:type}}|GIFs={{Exists|{{#replace:{{#titleparts:{{FULLPAGENAME}}}}|.gif|.mp4}}|<tr><th>MP4 File</th><td>[[:{{#replace:{{#titleparts:{{FULLPAGENAME}}}}|.gif|.mp4}}]]</td></tr>}}{{Exists|{{#replace:{{#titleparts:{{FULLPAGENAME}}}}|.gif|.ogv}}|<tr><th>OGV File</th><td>[[:{{#replace:{{#titleparts:{{FULLPAGENAME}}}}|.gif|.ogv}}]]</td></tr>}}|MP4 Videos={{Exists|{{#replace:{{#titleparts:{{FULLPAGENAME}}}}|.mp4|.gif}}|<tr><th>GIF File</th><td>[[:{{#replace:{{#titleparts:{{FULLPAGENAME}}}}|.mp4|.gif}}]]</td></tr>}}{{Exists|{{#replace:{{#titleparts:{{FULLPAGENAME}}}}|.mp4|.ogv}}|<tr><th>OGV File</th><td>[[:{{#replace:{{#titleparts:{{FULLPAGENAME}}}}|.mp4|.ogv}}]]</td></tr>}}|OGV Videos={{Exists|{{#replace:{{#titleparts:{{FULLPAGENAME}}}}|.ogv|.gif}}|<tr><th>GIF File</th><td>[[:{{#replace:{{#titleparts:{{FULLPAGENAME}}}}|.ogv|.gif}}]]</td></tr>}}{{Exists|{{#replace:{{#titleparts:{{FULLPAGENAME}}}}|.ogv|.mp4}}|<tr><th>MP4 File</th><td>[[:{{#replace:{{#titleparts:{{FULLPAGENAME}}}}|.ogv|.mp4}}]]</td></tr>}}|#default=}}{{#if:{{{caption|}}}|<tr><th>Caption</th><td>{{{caption}}}</td></tr>}}{{#if:{{{sourcelink1|{{{slink1|{{{sourcelink|{{{slink|}}}}}}}}}}}}|<tr><th>{{#if:{{{sourcelink2|{{{slink2|}}}}}}|Sources|Source}}</th><td>{{Source|link1={{{sourcelink1|{{{slink1|{{{sourcelink|{{{slink|}}}}}}}}}}}}|label1={{{sourcelabel1|{{{slabel|{{{slabel1|Source}}}}}}}}}|link2={{{sourcelink2|{{{slink2|}}}}}}|label2={{{sourcelabel2|{{{slabel2|Source 2}}}}}}|link3={{{sourcelink3|{{{slink3|}}}}}}|label3={{{sourcelabel3|{{{slabel3|Source 3}}}}}}|noheader=1}}</td></tr>}}{{#if:{{{youtubetitle|{{{yttitle|}}}}}}|<tr><th>Title</th><td lang="{{{lang|en}}}">{{{youtubetitle|{{{yttitle|}}}}}}</td></tr>}}{{#if:{{{youtubelink|{{{ytlink|}}}}}}|<tr><th>Source</th><td lang="{{{lang|en}}}">[{{{youtubelink|{{{ytlink|}}}}}} {{{youtubelabel|{{{ytlabel|}}}}}}]</td></tr>}}{{#if:{{{artist|}}}|<tr><th>Artist</th><td lang="{{{lang|en}}}">{{#if:{{{artistlink|}}}|[{{{artistlink|}}} {{{artist}}}]|{{{artist}}}}}</td></tr>}}{{#if:{{{featuring|}}}|<tr><th>Featuring</th><td>{{#ifeq:{{#explode:{{{featuring}}}|:|0}}|_ManualPhrasing|{{Replace|{{{featuring}}}|s1=_ManualPhrasing:}}|<ul>{{Array|{{{featuring}}}|;|<li>[[{item}]]</li>}}</ul>}}</td></tr>}}{{#if:{{{neighbors|}}}|<tr><th>{{#if:{{#pos:{{{neighbors|}}}|;}}|Neighbors|Neighbor}}</th><td>{{Column|{{#ifexpr:{{#count:{{{1}}}|;}}>=9|2|1}}|{{Array|{{{neighbors}}}|;|*[[{item}]]{newline}|sort=1}}}}</td></tr>}}{{#if:{{{soundtracks|}}}|<tr><th>{{#if:{{#pos:{{{soundtracks|}}}|;}}|Soundtracks|Soundtrack}}</th><td><ul>{{Array|template=1|{{{soundtracks}}}|;|<li>²{#ifeq:_unreleased¦{item}¦''Unreleased Soundtrack''¦²{#ifeq:²{#sub:{item}¦0¦9}²¦_variant ¦''Unreleased arrangement of [[²{#explode:{item}¦¦1¦2}²]]''¦[[{item}]]}²}²</li>}}</ul></td></tr>}}{{#vardefine:date|{{#if:{{{date|}}}|{{{date|}}}|{{Version to Date|{{{version|}}}}}}}}}{{#vardefine:version|{{#if:{{{date|}}}|{{Date to Version|{{{date|}}}}}|{{{version|}}}}}}}{{#if:{{#var:date}}|<tr><th>Date</th><td>{{#time:xg j, Y|{{#var:date}}}} {{#ifeq:{{#var:version}}|0.0|(Before the game's release)|(During [[Version/{{#var:version}}|{{#if:{{#pos:{{#var:version}}|.}}|Version {{#var:version}}|Version "{{#var:version}}"}}]])}}</td></tr>}}{{#if:{{{gallery|}}}|<tr><th>{{#if:{{#pos:{{{gallery|}}}|;}}|Galleries|Gallery}}</th><td>{{#if:{{#pos:{{{gallery|}}}|;}}|{{Column|{{#ifexpr:{{#count:{{{gallery}}}|;}}>=9|2|1}}|<ul>{{Array|{{{gallery}}}|;|<li>[[{item}#Gallery|{item}]]</li>|sort = 1}}</ul>}}|[[{{{gallery}}}#Gallery|{{{gallery}}}]]}}</td></tr>}}</table>{{#if:{{{description|}}}|

<h3>Description</h3>
{{{description|}}}}}{{#if:{{{transcription|}}}|

<h3>Transcription</h3>
{{{transcription}}}}}{{#if:{{{alt|}}}|

<h3>Alt Text</h3>
{{{alt|}}}}}{{#if:{{{annotations|}}}|

<h3>Translated Annotations</h3>
{{Main|Map:{{#replace:{{#titleparts:{{PAGENAME}}}}|.png|}}}}
<div>{{Map:{{#replace:{{#titleparts:{{PAGENAME}}}}|.png|}}}}</div>}}{{Namespace|file=[[Category:{{#var:type}}]]{{#if:{{{id|}}}|[[Category:Files by ID|{{{id|}}}]]}}{{#if:{{{category|}}}{{{character|}}}{{{soundtrack|}}}|[[Category:Pages Using Deprecated Template Parameters|File]]}}{{#if:{{{categories|{{{1|}}}}}}|{{Array|{{{categories|{{{1|}}}}}}|;|[[Category:{item}]]}}}}{{#if:{{{featuring|}}}|{{Array|{{{featuring}}}|;|[[Category:{{#var:type}} Featuring {item}]]}}}}{{#if:{{{neighbors|}}}|{{Array|{{{neighbors}}}|;|[[Category:{item} {{#var:type}}]][[Category:{item} Media]]}}}}{{#if:{{{soundtracks|}}}|{{Array|template=1|{{{soundtracks}}}|;|²{#ifeq:_unreleased¦{item}¦[[Category:Media Using Unreleased Soundtracks]]¦²{#ifeq:²{#sub:{item}¦0¦9}²¦_variant ¦[[Category:Media Using an Unreleased Arrangement of ²{#explode:{item}¦¦1¦2}² Soundtrack]]¦[[Category:Media Using {item} Soundtrack]]}²}²}}}}{{#if:{{{gallery|}}}|{{Array|{{{gallery}}}|;|[[Category:{item} Gallery Files]]}}}}{{#if:{{{artist|}}}|{{#if:{{{artistlink|}}}||[[Category:Files Missing Artist Link]]}}}}{{#if:{{{description|}}}|[[Category:Files with Description]]}}{{#if:{{{caption|}}}|[[Category:Files with Caption]]}}{{#if:{{{transcription|}}}|[[Category:Files with Transcription]]}}{{#if:{{{slink|}}}{{{sourcelink|}}}{{{slink1|}}}{{{sourcelink1|}}}{{{slink2|}}}{{{sourcelink2|}}}{{{slink3|}}}{{{sourcelink3|}}}|[[Category:Files with Source]]}}{{#if:{{{youtubelink|{{{ytlink|}}}}}}|[[Category:Videos]]}}{{#if:{{#var:date}}|[[Category:Files by Date|{{#time:Y-m-d H:i:s|{{#var:date}}}}]][[Category:{{#time:Y|{{#var:date}}}} {{#var:type}}|{{#time:m-d H:i:s|{{#var:date}}}}]]|[[Category:Files by Date]]{{#if:{{{sourcelink1|{{{sourcelink|{{{slink1|{{{slink|{{{sourcelink2|{{{slink2|}}}}}}}}}}}}}}}}}}|[[Category:Files Missing Date]]}}}}}}</includeonly><noinclude>{{Documentation|type=File Management}}</noinclude>

Version/Stardrift Test

2026-04-06T07:46:45Z

Stevium:

{{Stub}}
{{Version Infobox
|title = Stardrift Test
|version =
|time_start = 2026-04-21
|time_end =
|prev = Coziness Test
|next =
|details = [https://planet.hoyoverse.com/en-us/news/detail/163335 Announcement];[https://planet.hoyoverse.com/en-us/news/detail/163336 Sign-Up Event Notes & FAQ]
|description = When you look to the night sky, have you ever wondered...<br>What if there's a planet in that vast sea of stars you could call your own?<br>To nurture a planet is to establish a connection with the boundless Starsea.<br>Let the stars answer your wish with a wonderful journey in Petit Planet!
}}

'''Stardrift Test''' is the second closed beta test for ''[[Petit Planet]]'', which will start on April 21, 2026 (The end date will be announced at a later date).

This beta test was announced on April 2, 2026,<ref>Official Petit Planet Website: [https://planet.hoyoverse.com/en-us/news/detail/163335 Petit Planet: Stardrift Test Sign-Ups Are Now Open!]</ref> with recruitment running from that date until the start of the test on April 21, 2026. Several events will be held during the beta, allowing players to win access to the Stardrift Test during its run-time.

==Recruitment==

===Regular Recruitment===
* Click the '''Pre-Register & Join Beta''' button at the [https://planet.hoyoverse.com/en-us/home official website] for a chance to enter the second closed beta test.
* Regular recruitment does not guarantee acceptance into the beta test.
* Recruitment started on April 2, 2026 and will end at the start of the beta on April 21, 2026.

===Creator Club Recruitment===
*Apply to the Creator Club program on the [https://planet.hoyoverse.com/recruitment?lang=en-us official website]. If you meet all the requirements and your application is successful you will join the Creator Club.
*Creators who successfully join the Creator Club will get a priority access to the Coziness Test and to all future beta tests.
*Applications opened on September 25, 2025 and remains open.

==New Test Content==

=== Neighbors ===
* [[Harpeno]]
* [[Nerina]]
* [[Rebella]]

==Events==
{{Events by Category Gallery|CBT1 Qualification Events|Past Events|resultsheader=%PAGES% past events had offered beta test qualification as a giveaway prize:\n}}

=== Online Events ===
* [https://x.com/PetitPlanetGame/status/2039885599939625454?s=20 Petit Planet Content Creation Event] - April 3, 2026 - May 31, 2026

==Gallery==
<gallery>Splashscreen Stardrift FAQ.png
</gallery>

==References==
{{Reflist|1}}

==Navigation==
{{Version Navbox}}

Version/Stardrift Test

2026-04-06T07:46:32Z

Stevium:

{{Stub}}
{{Version Infobox
|title = Stardrift Test
|version =
|time_start = 2026-04-21
|prev = Coziness Test
|next =
|details = [https://planet.hoyoverse.com/en-us/news/detail/163335 Announcement];[https://planet.hoyoverse.com/en-us/news/detail/163336 Sign-Up Event Notes & FAQ]
|description = When you look to the night sky, have you ever wondered...<br>What if there's a planet in that vast sea of stars you could call your own?<br>To nurture a planet is to establish a connection with the boundless Starsea.<br>Let the stars answer your wish with a wonderful journey in Petit Planet!
}}

'''Stardrift Test''' is the second closed beta test for ''[[Petit Planet]]'', which will start on April 21, 2026 (The end date will be announced at a later date).

This beta test was announced on April 2, 2026,<ref>Official Petit Planet Website: [https://planet.hoyoverse.com/en-us/news/detail/163335 Petit Planet: Stardrift Test Sign-Ups Are Now Open!]</ref> with recruitment running from that date until the start of the test on April 21, 2026. Several events will be held during the beta, allowing players to win access to the Stardrift Test during its run-time.

==Recruitment==

===Regular Recruitment===
* Click the '''Pre-Register & Join Beta''' button at the [https://planet.hoyoverse.com/en-us/home official website] for a chance to enter the second closed beta test.
* Regular recruitment does not guarantee acceptance into the beta test.
* Recruitment started on April 2, 2026 and will end at the start of the beta on April 21, 2026.

===Creator Club Recruitment===
*Apply to the Creator Club program on the [https://planet.hoyoverse.com/recruitment?lang=en-us official website]. If you meet all the requirements and your application is successful you will join the Creator Club.
*Creators who successfully join the Creator Club will get a priority access to the Coziness Test and to all future beta tests.
*Applications opened on September 25, 2025 and remains open.

==New Test Content==

=== Neighbors ===
* [[Harpeno]]
* [[Nerina]]
* [[Rebella]]

==Events==
{{Events by Category Gallery|CBT1 Qualification Events|Past Events|resultsheader=%PAGES% past events had offered beta test qualification as a giveaway prize:\n}}

=== Online Events ===
* [https://x.com/PetitPlanetGame/status/2039885599939625454?s=20 Petit Planet Content Creation Event] - April 3, 2026 - May 31, 2026

==Gallery==
<gallery>Splashscreen Stardrift FAQ.png
</gallery>

==References==
{{Reflist|1}}

==Navigation==
{{Version Navbox}}

Version/Coziness Test

2026-04-06T07:45:57Z

Stevium: Added end time

{{Stub}}
{{Version Infobox
|title = Coziness Test
|version = 0.83.5
|time_start = 2025-11-07 09:00
|time_end = 2025-12-01 10:00
|next = Stardrift Test
|details = [https://planet.hoyoverse.com/en-us/news/detail/159678 Announcement];[https://planet.hoyoverse.com/en-us/news/detail/159689 Sign-Up Event Notes & FAQ]
|description = Beyond the hustle and bustle, the Starsea whispers. Deep within the Petit Planet Universe, seeds of hope and life are stirring awake.<br>And you shall bring forth your own "star" with your very hands.<br>Let's begin! Our journey to the Starsea awaits—<br>Are you ready to plant a planet?
}}
'''Coziness Test''' (or Version 0.83.5) was the first closed beta test for ''[[Petit Planet]]'', which was held from November 7, 2025 to December 1, 2025.

This beta test was announced on September 25, 2025,<ref>Official ''Petit Planet'' Website: [https://planet.hoyoverse.com/en-us/news/detail/159678 Coziness Test Sign-Ups Are Now Open!]</ref> with recruitment running from that date until the start of the test on November 7, 2025. Several events were held during the beta, allowing players to win access to the Coziness Test during its run-time.

==Recruitment==
===Regular Recruitment===
* Click the '''SIGN UP''' button in the top-right corner at the [https://planet.hoyoverse.com/en-us/home official website] for a chance to enter the first closed beta test.
* Regular recruitment does not guarantee acceptance into the beta test.
* Recruitment started on September 25, 2025 and ended at the start of the beta on November 7, 2025.
===Creator Club Recruitment===
*Apply to the Creator Club program on the [https://planet.hoyoverse.com/recruitment?lang=en-us official website]([https://web.archive.org/web/20260214220419/https://planet.hoyoverse.com/en-us/recruitment Archived]). If you meet all the requirements and your application is successful you will join the Creator Club.
*Creators who successfully join the Creator Club will get a priority access to the Coziness Test and to all future beta tests.
*Applications opened on September 25, 2025 and remains open.

==Test Content==
===Neighbors===
*[[Dorjelang]]
*[[Esassani]]
*[[Frostia]]
*[[Glenn]]
*[[Isaki]]
*[[Medowlyn]]
*[[Mobai]]
*[[Mors]]
*[[Msafiri]]
*[[Yunguo]]
===Galaxies===
*[[Hexia]]
*[[Taffeh]]
===Facilities===
*[[Glenn's Goods]]
*[[Omni-Gallery]]
==Events==
{{Events by Category Gallery|CBT1 Qualification Events|Past Events|resultsheader=%PAGES% past events had offered beta test qualification as a giveaway prize:\n}}
===Online Events===
*[https://www.hoyolab.com/article/41926995 Prize Raffle for Followers Across All Platforms | Round 1] - October 24, 2025 - November 2, 2025
*[https://www.hoyolab.com/article/42229846 Prize Raffle for Followers Across All Platforms | Round 2] - November 8, 2025 - November 24, 2025
*[https://www.hoyolab.com/article/42482245 Prize Raffle for Followers Across All Platforms | Round 3] - November 25, 2025 - December 31, 2025
*[https://x.com/PetitPlanetGame/status/1986629682213552489?s=20 Petit Planet First Move-in Event [Part 1<nowiki>]</nowiki> My Planet Firsts] - November 7, 2025 - November 30, 2025
*[https://x.com/PetitPlanetGame/status/1989181496364544511?s=20 Petit Planet First Move-in Event [Part 2<nowiki>]</nowiki> My Planet Moments] - November 14, 2025 - November 30, 2025
*[https://x.com/PetitPlanetGame/status/1990993437659672748?s=20 Petit Planet First Move-in Event [Part 3<nowiki>]</nowiki> Friends in the Starsea] - November 19, 2025 - November 30, 2025
==Gallery==
<gallery>
Coziness Test End Notice.png|End Notice
</gallery>

==References==
{{Reflist|1}}

==Navigation==
{{Version Navbox}}

Template:Version Infobox

2026-04-06T07:44:50Z

Stevium: Changed date -> time_start, added time_end

<includeonly>{{#invoke:Infobox|main
|kind = Version
|sep = ,
|title = {{{title|{{{name|}}}}}}
|subtitle = {{{subtitle|{{#if:{{{version|}}}|Version {{{version|}}}}}}}}
|image = {{#if:{{{image|}}}|[[File:{{{image|}}}]]|[[File:Splashscreen {{{title|{{{name|}}}}}}.png]]}}
|images = {{#if:{{{images|}}}|{{Array|{{{images}}}|;|[[File:²{#explode:{item}¦:¦0}²]]|,|template=1}}}}
|tabs = {{#if:{{{images|}}}|{{Array|{{{images}}}|;|²{#explode:{item}¦:¦1}²|,|template=1}}}}
|sections = Information, Chronology, Details

|Information_nolabel = Yes
|Information = Start, End, Expected Start
|Start = {{#if:{{{time_start|}}}|{{#iferror:{{#time:xg j, Y|{{{time_start||}}}}}|TBA|{{#time:xg j, Y|{{{time_start||}}}}}}}<br>{{Time Ago|{{{time_start||}}}|last=month}}}}
|End = {{#if:{{{time_end|}}}|{{#iferror:{{#time:xg j, Y|{{{time_end||}}}}}|TBA|{{#time:xg j, Y|{{{time_end||}}}}}}}<br>{{Time Ago|{{{time_end||}}}|last=month}}}}
|Expected Start = {{#if:{{{expected|}}}|{{#iferror:{{#time:xg j, Y|{{{expected|}}}}}|TBA|{{#time:xg j, Y|{{{expected|}}}}}}}<br>In {{#expr: (({{#time:U|{{{expected|}}}}} - {{#time:U|now}}) / 86400) round 0}} days<ref>Extrapolated based on the assumption that version updates take place every six weeks on Wednesday.</ref>}}

|Chronology_nolabel = Yes
|Chronology_columns = 2
|Chronology = Previous, Next
|Previous = {{#if:{{{previous|{{{prev|}}}}}}|[[Version/{{{previous|{{{prev|}}}}}}|{{{previous|{{{prev|}}}}}}]]|''N/A''}}
|Next = {{#if:{{{next|}}}|[[Version/{{{next|}}}|{{{next|}}}]]|''N/A''}}

|Details_collapsible = Yes
|Details = Links
|Links_wide = Yes
|Links = {{#if:{{#explode:{{{details|{{{links|}}}}}}|;|1}}|{{List|{{{details|{{{links|}}}}}}}}|{{{details|{{{links|}}}}}}}}
}}{{#if:{{{description|}}}|{{Quote|{{{description|}}}}}}}{{Namespace|main={{#ifeq:{{NAMESPACE}}||{{#ifeq:{{FULLPAGENAME}}|{{SUBPAGENAME}}||{{DISPLAYTITLE:{{SUBPAGENAME}}}}}}}}{{#ifeq:{{SUBPAGENAME}}|Version||{{#if:{{{version|}}}|[[Category:Version|!{{{version}}}]][[Category:Version Info|{{{version}}}]]|[[Category:Version|!]][[Category:Version Info]]}}}}}}</includeonly><noinclude>{{Documentation|type=Infobox|content=

==Syntax==
<pre>
{{Version Infobox
|title =
|version =
|time_start =
|time_end =
|previous =
|next =
|details =
|description =
}}
</pre>

==Example==
<pre>
{{Version Infobox
|title = Coziness Test
|version = 0.83.5
|time_start = 2025-11-07 09:00
|time_end = 2025-12-01 10:00
|next = Stardrift Test
|details = [https://planet.hoyoverse.com/en-us/news/detail/159678 Announcement];[https://planet.hoyoverse.com/en-us/news/detail/159689 Sign-Up Event Notes & FAQ]
|description = Beyond the hustle and bustle, the Starsea whispers. Deep within the Petit Planet Universe, seeds of hope and life are stirring awake.<br>And you shall bring forth your own "star" with your very hands.<br>Let's begin! Our journey to the Starsea awaits—<br>Are you ready to plant a planet?
}}
</pre>
{{Version Infobox
|title = Coziness Test
|version = 0.83.5
|time_start = 2025-11-07 09:00
|time_end = 2025-12-01 10:00
|next = Stardrift Test
|details = [https://planet.hoyoverse.com/en-us/news/detail/159678 Announcement];[https://planet.hoyoverse.com/en-us/news/detail/159689 Sign-Up Event Notes & FAQ]
|description = Beyond the hustle and bustle, the Starsea whispers. Deep within the Petit Planet Universe, seeds of hope and life are stirring awake.<br>And you shall bring forth your own "star" with your very hands.<br>Let's begin! Our journey to the Starsea awaits—<br>Are you ready to plant a planet?
}}
}}</noinclude>

Template:Version Infobox

2026-04-06T07:33:30Z

Stevium: Removed "Version" from display title

<includeonly>{{#invoke:Infobox|main
|kind = Version
|sep = ,
|title = {{{title|{{{name|}}}}}}
|subtitle = {{{subtitle|{{#if:{{{version|}}}|Version {{{version|}}}}}}}}
|image = {{#if:{{{image|}}}|[[File:{{{image|}}}]]|[[File:Splashscreen {{{title|{{{name|}}}}}}.png]]}}
|images = {{#if:{{{images|}}}|{{Array|{{{images}}}|;|[[File:²{#explode:{item}¦:¦0}²]]|,|template=1}}}}
|tabs = {{#if:{{{images|}}}|{{Array|{{{images}}}|;|²{#explode:{item}¦:¦1}²|,|template=1}}}}
|sections = Information, Chronology, Details

|Information_nolabel = Yes
|Information = Release Date, Expected Release Date
|Release Date = {{#if:{{{date|}}}|{{#iferror:{{#time:xg j, Y|{{{date|}}}}}|TBA|{{#time:xg j, Y|{{{date|}}}}}}}<br>{{Time Ago|{{{date|}}}|last=month}}}}
|Expected Release Date = {{#if:{{{expected|}}}|{{#iferror:{{#time:xg j, Y|{{{expected|}}}}}|TBA|{{#time:xg j, Y|{{{expected|}}}}}}}<br>In {{#expr: (({{#time:U|{{{expected|}}}}} - {{#time:U|now}}) / 86400) round 0}} days<ref>Extrapolated based on the assumption that version updates take place every six weeks on Wednesday.</ref>}}

|Chronology_nolabel = Yes
|Chronology_columns = 2
|Chronology = Previous, Next
|Previous = {{#if:{{{previous|{{{prev|}}}}}}|[[Version/{{{previous|{{{prev|}}}}}}|{{{previous|{{{prev|}}}}}}]]|''N/A''}}
|Next = {{#if:{{{next|}}}|[[Version/{{{next|}}}|{{{next|}}}]]|''N/A''}}

|Details_collapsible = Yes
|Details = Links
|Links_wide = Yes
|Links = {{#if:{{#explode:{{{details|{{{links|}}}}}}|;|1}}|{{List|{{{details|{{{links|}}}}}}}}|{{{details|{{{links|}}}}}}}}
}}{{#if:{{{description|}}}|{{Quote|{{{description|}}}}}}}{{Namespace|main={{#ifeq:{{NAMESPACE}}||{{#ifeq:{{FULLPAGENAME}}|{{SUBPAGENAME}}||{{DISPLAYTITLE:{{SUBPAGENAME}}}}}}}}{{#ifeq:{{SUBPAGENAME}}|Version||{{#if:{{{version|}}}|[[Category:Version|!{{{version}}}]][[Category:Version Info|{{{version}}}]]|[[Category:Version|!]][[Category:Version Info]]}}}}}}</includeonly><noinclude>{{Documentation|type=Infobox|content=

==Syntax==
<pre>
{{Version Infobox
|title =
|version =
|date =
|prev =
|next =
|details =
|description =
}}
</pre>

==Example==
<pre>
{{Version Infobox
|title = Coziness Test
|version = 0.83.5
|date = 2025-11-07 09:00
|next = Stardrift Test
|details = [https://planet.hoyoverse.com/en-us/news/detail/159678 Announcement];[https://planet.hoyoverse.com/en-us/news/detail/159689 Sign-Up Event Notes & FAQ]
|description = Beyond the hustle and bustle, the Starsea whispers. Deep within the Petit Planet Universe, seeds of hope and life are stirring awake.<br>And you shall bring forth your own "star" with your very hands.<br>Let's begin! Our journey to the Starsea awaits—<br>Are you ready to plant a planet?
}}
</pre>
{{Version Infobox
|title = Coziness Test
|version = 0.83.5
|date = 2025-11-07 09:00
|next = Stardrift Test
|details = [https://planet.hoyoverse.com/en-us/news/detail/159678 Announcement];[https://planet.hoyoverse.com/en-us/news/detail/159689 Sign-Up Event Notes & FAQ]
|description = Beyond the hustle and bustle, the Starsea whispers. Deep within the Petit Planet Universe, seeds of hope and life are stirring awake.<br>And you shall bring forth your own "star" with your very hands.<br>Let's begin! Our journey to the Starsea awaits—<br>Are you ready to plant a planet?
}}
}}</noinclude>

Stardrift Test

2026-04-06T07:28:45Z

Stevium: Redirected page to Version/Stardrift Test

#REDIRECT [[Version/Stardrift Test]]

Coziness Test

2026-04-06T07:28:24Z

Stevium: Redirected page to Version/Coziness Test

#REDIRECT [[Version/Coziness Test]]

Version/Stardrift Test

2026-04-06T07:25:14Z

Stevium: Fixed infobox

{{Stub}}
{{Version Infobox
|title = Stardrift Test
|version =
|date = 2026-04-21
|prev = Coziness Test
|next =
|details = [https://planet.hoyoverse.com/en-us/news/detail/163335 Announcement];[https://planet.hoyoverse.com/en-us/news/detail/163336 Sign-Up Event Notes & FAQ]
|description = When you look to the night sky, have you ever wondered...<br>What if there's a planet in that vast sea of stars you could call your own?<br>To nurture a planet is to establish a connection with the boundless Starsea.<br>Let the stars answer your wish with a wonderful journey in Petit Planet!
}}

'''Stardrift Test''' is the second closed beta test for ''[[Petit Planet]]'', which will start on April 21, 2026 (The end date will be announced at a later date).

This beta test was announced on April 2, 2026,<ref>Official Petit Planet Website: [https://planet.hoyoverse.com/en-us/news/detail/163335 Petit Planet: Stardrift Test Sign-Ups Are Now Open!]</ref> with recruitment running from that date until the start of the test on April 21, 2026. Several events will be held during the beta, allowing players to win access to the Stardrift Test during its run-time.

==Recruitment==

===Regular Recruitment===
* Click the '''Pre-Register & Join Beta''' button at the [https://planet.hoyoverse.com/en-us/home official website] for a chance to enter the second closed beta test.
* Regular recruitment does not guarantee acceptance into the beta test.
* Recruitment started on April 2, 2026 and will end at the start of the beta on April 21, 2026.

===Creator Club Recruitment===
*Apply to the Creator Club program on the [https://planet.hoyoverse.com/recruitment?lang=en-us official website]. If you meet all the requirements and your application is successful you will join the Creator Club.
*Creators who successfully join the Creator Club will get a priority access to the Coziness Test and to all future beta tests.
*Applications opened on September 25, 2025 and remains open.

==New Test Content==

=== Neighbors ===
* [[Harpeno]]
* [[Nerina]]
* [[Rebella]]

==Events==
{{Events by Category Gallery|CBT1 Qualification Events|Past Events|resultsheader=%PAGES% past events had offered beta test qualification as a giveaway prize:\n}}

=== Online Events ===
* [https://x.com/PetitPlanetGame/status/2039885599939625454?s=20 Petit Planet Content Creation Event] - April 3, 2026 - May 31, 2026

==Gallery==
<gallery>Splashscreen Stardrift FAQ.png
</gallery>

==References==
{{Reflist|1}}

==Navigation==
{{Version Navbox}}

Version/Coziness Test

2026-04-06T07:24:16Z

Stevium: Fixed infobox

{{Stub}}
{{Version Infobox
|title = Coziness Test
|version = 0.83.5
|date = 2025-11-07 09:00
|next = Stardrift Test
|details = [https://planet.hoyoverse.com/en-us/news/detail/159678 Announcement];[https://planet.hoyoverse.com/en-us/news/detail/159689 Sign-Up Event Notes & FAQ]
|description = Beyond the hustle and bustle, the Starsea whispers. Deep within the Petit Planet Universe, seeds of hope and life are stirring awake.<br>And you shall bring forth your own "star" with your very hands.<br>Let's begin! Our journey to the Starsea awaits—<br>Are you ready to plant a planet?
}}
'''Coziness Test''' (or Version 0.83.5) was the first closed beta test for ''[[Petit Planet]]'', which was held from November 7, 2025 to December 1, 2025.

This beta test was announced on September 25, 2025,<ref>Official ''Petit Planet'' Website: [https://planet.hoyoverse.com/en-us/news/detail/159678 Coziness Test Sign-Ups Are Now Open!]</ref> with recruitment running from that date until the start of the test on November 7, 2025. Several events were held during the beta, allowing players to win access to the Coziness Test during its run-time.

==Recruitment==
===Regular Recruitment===
* Click the '''SIGN UP''' button in the top-right corner at the [https://planet.hoyoverse.com/en-us/home official website] for a chance to enter the first closed beta test.
* Regular recruitment does not guarantee acceptance into the beta test.
* Recruitment started on September 25, 2025 and ended at the start of the beta on November 7, 2025.
===Creator Club Recruitment===
*Apply to the Creator Club program on the [https://planet.hoyoverse.com/recruitment?lang=en-us official website]([https://web.archive.org/web/20260214220419/https://planet.hoyoverse.com/en-us/recruitment Archived]). If you meet all the requirements and your application is successful you will join the Creator Club.
*Creators who successfully join the Creator Club will get a priority access to the Coziness Test and to all future beta tests.
*Applications opened on September 25, 2025 and remains open.

==Test Content==
===Neighbors===
*[[Dorjelang]]
*[[Esassani]]
*[[Frostia]]
*[[Glenn]]
*[[Isaki]]
*[[Medowlyn]]
*[[Mobai]]
*[[Mors]]
*[[Msafiri]]
*[[Yunguo]]
===Galaxies===
*[[Hexia]]
*[[Taffeh]]
===Facilities===
*[[Glenn's Goods]]
*[[Omni-Gallery]]
==Events==
{{Events by Category Gallery|CBT1 Qualification Events|Past Events|resultsheader=%PAGES% past events had offered beta test qualification as a giveaway prize:\n}}
===Online Events===
*[https://www.hoyolab.com/article/41926995 Prize Raffle for Followers Across All Platforms | Round 1] - October 24, 2025 - November 2, 2025
*[https://www.hoyolab.com/article/42229846 Prize Raffle for Followers Across All Platforms | Round 2] - November 8, 2025 - November 24, 2025
*[https://www.hoyolab.com/article/42482245 Prize Raffle for Followers Across All Platforms | Round 3] - November 25, 2025 - December 31, 2025
*[https://x.com/PetitPlanetGame/status/1986629682213552489?s=20 Petit Planet First Move-in Event [Part 1<nowiki>]</nowiki> My Planet Firsts] - November 7, 2025 - November 30, 2025
*[https://x.com/PetitPlanetGame/status/1989181496364544511?s=20 Petit Planet First Move-in Event [Part 2<nowiki>]</nowiki> My Planet Moments] - November 14, 2025 - November 30, 2025
*[https://x.com/PetitPlanetGame/status/1990993437659672748?s=20 Petit Planet First Move-in Event [Part 3<nowiki>]</nowiki> Friends in the Starsea] - November 19, 2025 - November 30, 2025
==Gallery==
<gallery>
Coziness Test End Notice.png|End Notice
</gallery>

==References==
{{Reflist|1}}

==Navigation==
{{Version Navbox}}

Template:Version Infobox

2026-04-06T07:23:31Z

Stevium: Replaced PortableInfobox with DRUID Infobox

<includeonly>{{#invoke:Infobox|main
|kind = Version
|sep = ,
|title = {{{title|{{{name|}}}}}}
|subtitle = {{{subtitle|{{#if:{{{version|}}}|Version {{{version|}}}}}}}}
|image = {{#if:{{{image|}}}|[[File:{{{image|}}}]]|[[File:Splashscreen {{{title|{{{name|}}}}}}.png]]}}
|images = {{#if:{{{images|}}}|{{Array|{{{images}}}|;|[[File:²{#explode:{item}¦:¦0}²]]|,|template=1}}}}
|tabs = {{#if:{{{images|}}}|{{Array|{{{images}}}|;|²{#explode:{item}¦:¦1}²|,|template=1}}}}
|sections = Information, Chronology, Details

|Information_nolabel = Yes
|Information = Release Date, Expected Release Date
|Release Date = {{#if:{{{date|}}}|{{#iferror:{{#time:xg j, Y|{{{date|}}}}}|TBA|{{#time:xg j, Y|{{{date|}}}}}}}<br>{{Time Ago|{{{date|}}}|last=month}}}}
|Expected Release Date = {{#if:{{{expected|}}}|{{#iferror:{{#time:xg j, Y|{{{expected|}}}}}|TBA|{{#time:xg j, Y|{{{expected|}}}}}}}<br>In {{#expr: (({{#time:U|{{{expected|}}}}} - {{#time:U|now}}) / 86400) round 0}} days<ref>Extrapolated based on the assumption that version updates take place every six weeks on Wednesday.</ref>}}

|Chronology_nolabel = Yes
|Chronology_columns = 2
|Chronology = Previous, Next
|Previous = {{#if:{{{previous|{{{prev|}}}}}}|[[Version/{{{previous|{{{prev|}}}}}}|{{{previous|{{{prev|}}}}}}]]|''N/A''}}
|Next = {{#if:{{{next|}}}|[[Version/{{{next|}}}|{{{next|}}}]]|''N/A''}}

|Details_collapsible = Yes
|Details = Links
|Links_wide = Yes
|Links = {{#if:{{#explode:{{{details|{{{links|}}}}}}|;|1}}|{{List|{{{details|{{{links|}}}}}}}}|{{{details|{{{links|}}}}}}}}
}}{{#if:{{{description|}}}|{{Quote|{{{description|}}}}}}}{{Namespace|main={{#ifeq:{{NAMESPACE}}||{{#ifeq:{{FULLPAGENAME}}|{{SUBPAGENAME}}||{{DISPLAYTITLE:Version {{SUBPAGENAME}}}}}}}}{{#ifeq:{{SUBPAGENAME}}|Version||{{#if:{{{version|}}}|[[Category:Version|!{{{version}}}]][[Category:Version Info|{{{version}}}]]|[[Category:Version|!]][[Category:Version Info]]}}}}}}</includeonly><noinclude>{{Documentation|type=Infobox|content=

==Syntax==
<pre>
{{Version Infobox
|title =
|version =
|date =
|prev =
|next =
|details =
|description =
}}
</pre>

==Example==
<pre>
{{Version Infobox
|title = Coziness Test
|version = 0.83.5
|date = 2025-11-07 09:00
|next = Stardrift Test
|details = [https://planet.hoyoverse.com/en-us/news/detail/159678 Announcement];[https://planet.hoyoverse.com/en-us/news/detail/159689 Sign-Up Event Notes & FAQ]
|description = Beyond the hustle and bustle, the Starsea whispers. Deep within the Petit Planet Universe, seeds of hope and life are stirring awake.<br>And you shall bring forth your own "star" with your very hands.<br>Let's begin! Our journey to the Starsea awaits—<br>Are you ready to plant a planet?
}}
</pre>
{{Version Infobox
|title = Coziness Test
|version = 0.83.5
|date = 2025-11-07 09:00
|next = Stardrift Test
|details = [https://planet.hoyoverse.com/en-us/news/detail/159678 Announcement];[https://planet.hoyoverse.com/en-us/news/detail/159689 Sign-Up Event Notes & FAQ]
|description = Beyond the hustle and bustle, the Starsea whispers. Deep within the Petit Planet Universe, seeds of hope and life are stirring awake.<br>And you shall bring forth your own "star" with your very hands.<br>Let's begin! Our journey to the Starsea awaits—<br>Are you ready to plant a planet?
}}
}}</noinclude>

Template:Version Infobox

2026-04-06T07:23:00Z

Stevium: Stevium moved page Template:Version to Template:Version Infobox without leaving a redirect: Renamed for consistent infobox naming

<includeonly><div style="display: none"><infobox>
<title data="title">
<default>Version {{{version}}}</default>
<format></format>
</title>
<header name="secondary_title">{{{title|}}}</header>
<panel>
<section>
<label>{{#if:{{{image2|}}}|First}}</label>
<image source="image1" />
</section>
<section>
<label>Second</label>
<image source="image2" />
</section>
<section>
<label>Third</label>
<image source="image3" />
</section>
</panel>
<data source="date">
<label>Release Date</label>
<format>{{#iferror:{{#time:xg j, Y|{{{date|}}}}}|TBA|{{#time:xg j, Y|{{{date|}}}}}}}</format>
</data>
<data source="expected">
<label>Expected Release Date</label>
<format>{{#iferror:{{#time:xg j, Y|{{{expected|}}}}}|TBA|{{#time:xg j, Y|{{{expected|}}}}}}} (in {{#expr: (({{#time:U|{{{expected|}}}}} - {{#time:U|now}}) / 86400) round 0}} days)</format>
</data>
<group layout="horizontal">
<header>Details</header>
<data source="link1">
<format><ul>{{#if:{{{link1|}}}|<li>({{{link1|}}})</li>}}{{#if:{{{link2|}}}|<li>({{{link2|}}})</li>}}{{#if:{{{link3|}}}|<li>({{{link3|}}})</li>}}{{#if:{{{link4|}}}|<li>({{{link4|}}})</li>}}{{#if:{{{link5|}}}|<li>({{{link5}}})</li>}}{{#if:{{{link6|}}}|<li>({{{link6|}}})</li>}}{{#if:{{{link7|}}}|<li>({{{link7|}}})</li>}}{{#if:{{{link8|}}}|<li>({{{link8|}}})</li>}}{{#if:{{{link9|}}}|<li>({{{link9|}}})</li>}}{{#if:{{{link10|}}}|<li>({{{link10}}})</li>}}{{#if:{{{link11|}}}|<li>({{{link11}}})</li>}}{{#if:{{{link12|}}}|<li>({{{link12}}})</li>}}</ul></format>
<default>{{#if:{{{link1|}}}{{{link2|}}}{{{link3|}}}{{{link4|}}}{{{link5|}}}{{{link6|}}}{{{link7|}}}{{{link8|}}}{{{link9|}}}{{{link10|}}}{{{link11|}}}{{{link12|}}}|<ul>{{#if:{{{link1|}}}|<li>({{{link1|}}})</li>}}{{#if:{{{link2|}}}|<li>({{{link2|}}})</li>}}{{#if:{{{link3|}}}|<li>({{{link3|}}})</li>}}{{#if:{{{link4|}}}|<li>({{{link4|}}})</li>}}{{#if:{{{link5|}}}|<li>({{{link5}}})</li>}}{{#if:{{{link6|}}}|<li>({{{link6|}}})</li>}}{{#if:{{{link7|}}}|<li>({{{link7|}}})</li>}}{{#if:{{{link8|}}}|<li>({{{link8|}}})</li>}}{{#if:{{{link9|}}}|<li>({{{link9|}}})</li>}}{{#if:{{{link10|}}}|<li>({{{link10}}})</li>}}{{#if:{{{link11|}}}|<li>({{{link11}}})</li>}}{{#if:{{{link12|}}}|<li>({{{link12}}})</li>}}</ul>}}</default>
</data>
</group>
<group layout="horizontal">
<data source="prev">
<label>Previous</label>
<format>[[Version/{{{prev|}}}|{{{prev|}}}]]</format>
<default>{{#if:{{{next|}}}|N/A}}</default>
</data>
<data source="next">
<label>Next</label>
<format>[[Version/{{{next|}}}|{{{next|}}}]]</format>
<default>{{#if:{{{prev|}}}|N/A}}</default>
</data>
</group>
<data source="description">
<label>Description</label>
</data>
</infobox></div><div class="hidden"><div style="text-align: center;">{{#if:{{{title|}}}|<div style="font-size: xx-large;">'''{{{title}}}'''</div>}}{{#if:{{{title2|}}}|<div style="font-size: xx-large;">'''{{{title2}}}'''</div>}}{{#if:{{{image1|}}}|<div>{{#tag:gallery|
{{{image1|}}}
{{{image2|}}}
{{{image3|}}}
{{{image4|}}}
|widths=300|spacing=small|position=center|captionalign=center|hideaddbutton=true|bordersize=none}}</div>}}{{#if:{{{date|}}}|<div>Release Date: '''{{#iferror:{{#time:xg j, Y|{{{date}}}}}|TBA|{{#time:xg j, Y|{{{date}}}}}}}'''</div> {{#iferror:{{#time:xg j, Y|{{{date}}}}}||{{Countdown|StartText=Version has released. [{{fullurl:{{FULLPAGENAMEE}}|action=purge}} Purge this page]|EndText=Version is over. [{{fullurl:{{FULLPAGENAMEE}}|action=purge}} Purge this page]|TimeStartOffset=GMT+8|TimeEndOffset=GMT+8|TimeStart={{#if:{{{date}}}|{{{date}}} 11:00}}|TimeEnd={{#if:{{{next|}}}|{{Exists|Version/{{{next}}}|{{#DPL:
|title=Version/{{{next}}}
|include={Version}:date
|resultsfooter= 06:00
|noresultsfooter=
}}}}}}}}}}}}{{#if:{{{expected|}}}|<div>Expected Date:<ref>Extrapolated based on the [https://www.hoyolab.com/article/38231 Future Versions and Events] post, where version updates are said to be expected every six weeks on Wednesday, which has been consistent thus far, with [[Version 2.6]] as the sole exception due to extraordinary circumstances.</ref> '''{{#iferror:{{#time:xg j, Y|{{{expected}}}}}|TBA|{{#time:xg j, Y|{{{expected}}}}}}} (in {{#expr: (({{#time:U|{{{expected|}}}}} - {{#time:U|now}}) / 86400) round 0}} days)'''}}{{#if:{{{prev|}}}
|<div>Previous: [[Version/{{{prev}}}|{{{prev}}} {{#DPL:
|title=Version/{{{prev}}}
|include={Version}:title,{Version}:title
|secseparators=²{#if:,¦<nowiki> </nowiki>-<nowiki> </nowiki>,,}²
}}]]</div>}}{{#if:{{{next|}}}
|<div>Next: [[Version/{{{next}}}|{{{next}}} {{#DPL:
|title=Version/{{{next}}}
|include={Version}:title,{Version}:title
|secseparators=²{#if:,¦<nowiki> </nowiki>-<nowiki> </nowiki>,,}²
}}]]</div>}}{{#if:{{{link1|}}}{{{link2|}}}{{{link3|}}}{{{link4|}}}{{{link5|}}}{{{link6|}}}{{{link7|}}}{{{link8|}}}{{{link9|}}}{{{link10|}}}{{{link11|}}}{{{link12|}}}|<div>{{#if:{{{link1|}}}|<span style="white-space: nowrap;">({{{link1}}})</span><nowiki> </nowiki>}}{{#if:{{{link2|}}}|<span style="white-space: nowrap;">({{{link2}}})</span><nowiki> </nowiki>}}{{#if:{{{link3|}}}|<span style="white-space: nowrap;">({{{link3}}})</span><nowiki> </nowiki>}}{{#if:{{{link4|}}}|<span style="white-space: nowrap;">({{{link4}}})</span><nowiki> </nowiki>}}{{#if:{{{link5|}}}|<span style="white-space: nowrap;">({{{link5}}})</span><nowiki> </nowiki>}}{{#if:{{{link6|}}}|<span style="white-space: nowrap;">({{{link6}}})</span><nowiki> </nowiki>}}{{#if:{{{link7|}}}|<span style="white-space: nowrap;">({{{link7}}})</span><nowiki> </nowiki>}}{{#if:{{{link8|}}}|<span style="white-space: nowrap;">({{{link8}}})</span><nowiki> </nowiki>}}{{#if:{{{link9|}}}|<span style="white-space: nowrap;">({{{link9}}})</span><nowiki> </nowiki>}}{{#if:{{{link10|}}}|<span style="white-space: nowrap;">({{{link10}}})</span><nowiki> </nowiki>}}{{#if:{{{link11|}}}|<span style="white-space: nowrap;">({{{link11}}})</span><nowiki> </nowiki>}}{{#if:{{{link12|}}}|<span style="white-space: nowrap;">({{{link12}}})</span><nowiki> </nowiki>}}</div>}}</div>{{#if:{{{description|}}}|{{Description|{{{description}}}}}}}</div></div>{{Namespace|main={{#ifeq:{{NAMESPACE}}||{{#ifeq:{{FULLPAGENAME}}|{{SUBPAGENAME}}||{{DISPLAYTITLE:Version {{SUBPAGENAME}}}}}}}}{{#ifeq:{{SUBPAGENAME}}|Version||{{#if:{{{version|}}}
|[[Category:Version|!{{{version}}}]][[Category:Version Info|{{{version}}}]]
|[[Category:Version|!]][[Category:Version Info]]
}}}}
}}</includeonly><noinclude>{{Documentation|type=Design}}</noinclude>

User:Stevium/sandbox2

2026-04-05T12:39:24Z

Stevium: Created User:Stevium/sandbox2

{{#DPL:
|namespace = File
|category = Esassani Media<&>GIFs
|format = «gallery widths="140px" heights="130px"»,%PAGE%¦²{#sub:²{#explode:%PAGE%¦ ¦1¦2}²¦0¦-4}²\n,,«/gallery»
|ordermethod = sortkey
}}

File:Nerina Icon.png

2026-04-04T04:32:52Z

Stevium: /* Summary */

== Summary ==
{{File
|categories = Neighbor Splash Arts
|neighbors = Nerina
}}

== Licensing ==
{{Fairuse}}

File:Nerina Splash Art.png

2026-04-04T04:31:56Z

Stevium: /* Summary */

== Summary ==
{{File
|categories = Neighbor Splash Arts
|neighbors = Nerina
}}

== Licensing ==
{{Fairuse}}

File:Rebella In-Game.png

2026-04-04T03:24:53Z

Stevium:

== Summary ==
{{Placeholder Image|release=1}}
{{File
|categories = Neighbors In-Game
|neighbors = Rebella
}}

==Licensing==
{{Fairuse}}

File:Rebella In-Game.png

2026-04-04T03:24:38Z

Stevium: Stevium moved page File:Msafiri In-Game.png to File:Rebella In-Game.png without leaving a redirect: Renamed

== Summary ==
{{Placeholder Image|release=1}}
{{File
|categories = Neighbors In-Game
|neighbors = Msafiri
}}

==Licensing==
{{Fairuse}}

Template:Main Page

2026-04-03T07:13:20Z

Stevium:

__NOTOC__
<templatestyles src="Template:Main Page/styles.css" />

<div class="mp-wrapper plainlinks">
<div class="mp-inline-sections">

<div id="mp-section-site" class="mp-section">
<h2 class="mp-header-wordmark mp-title">[[File:Wiki logo.png|250px|link=|alt=Petit Planet Wiki|center]]</h2>
Welcome to the ''[[Petit Planet]]'' wiki! Planet Tenders will find English resources for the global version of the game on this wiki. Please note that there are '''unmarked spoilers''' on this wiki.

<div class="hlist mp-statistics">
* '''[[Special:AllPages|{{NUMBEROFARTICLES}}]]''' articles
* '''[[Special:NewFiles|{{NUMBEROFFILES}}]]''' files
* '''[[Special:ActiveUsers|{{NUMBEROFACTIVEUSERS}}]]''' active users
</div>
</div>


<div class="mp-left">
<div class="mp-section mp-section-transparent">

<div class="mp-navigation-wrapper mp-card-navigation"><div class="mp-card"><div class="mp-card-image">[[File:Mobai Icon.png|60x60px|alt=|link=Neighbor]]</div><div class="mp-card-text">[[Neighbor]]s</div></div><div class="mp-card"><div class="mp-card-image">[[File:Quill Pen & Astrology Book Icon.png|60x60px|alt=|link=Starcove]]</div><div class="mp-card-text">[[Starcove]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Luca Icon.png|60x60px|alt=|link=Luca Arbor]]</div><div class="mp-card-text">[[Luca Arbor]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Planet Research Apparatus Icon.png|60x60px|alt=|link=Starsea Voyage]]</div><div class="mp-card-text">[[Starsea Voyage]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Loomi Icon.png|60x60px|alt=|link=Loomi Footprints]]</div><div class="mp-card-text">[[Loomi Footprints]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Laptop Icon.png|60x60px|alt=|link=Memo]]</div><div class="mp-card-text">[[Memo]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Red Vending Machine Icon.png|60x60px|alt=|link=Loomi Mart]]</div><div class="mp-card-text">[[Loomi Mart]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:EV Charging Station Icon.png|60x60px|alt=|link=Car Services]]</div><div class="mp-card-text">[[Car Services]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Building Kit Icon.png|60x60px|alt=|link=Housing Services]]</div><div class="mp-card-text">[[Housing Services]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Hexia Meadow Rug Icon.png|60x60px|alt=|link=Decorate]]</div><div class="mp-card-text">[[Decorate]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Harvestsong Bamboo Chair Icon.png|60x60px|alt=|link=Homi Decor]]</div><div class="mp-card-text">[[Homi Decor]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Simple Wooden Bridge Icon.png|60x60px|alt=|link=Planetmaker]]</div><div class="mp-card-text">[[Planetmaker]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Yellow Lily Seeds Icon.png|60x60px|alt=|link=Farming]]</div><div class="mp-card-text">[[Farming]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Maizeglow Wooden Wall Clock Icon.png|60x60px|alt=|link=Inspo Cards]]</div><div class="mp-card-text">[[Inspo Cards]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:DIY Bench Icon.png|60x60px|alt=|link=Crafting]]</div><div class="mp-card-text">[[Crafting]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Fragrant Fruit Fusion Tea Icon.png|60x60px|alt=|link=Cooking]]</div><div class="mp-card-text">[[Cooking]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Glenn Icon.png|60x60px|alt=|link=Glenn's Goods]]</div><div class="mp-card-text">[[Glenn's Goods]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Mors Icon.png|60x60px|alt=|link=Omni-Gallery]]</div><div class="mp-card-text">[[Omni-Gallery]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Music Tile Do Icon.png|60x60px|alt=|link=Galactic Bazaar]]</div><div class="mp-card-text">[[Galactic Bazaar]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Hardy Craftsman Top Icon.png|60x60px|alt=|link=Dress Up]]</div><div class="mp-card-text">[[Dress Up]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Hexia Icon.png|60x60px|alt=|link=Galaxy]]</div><div class="mp-card-text">[[Galaxy|Galaxies]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Kabuto Beetle Icon.png|60x60px|alt=|link=Insect]]</div><div class="mp-card-text">[[Insect]]s</div></div><div class="mp-card"><div class="mp-card-image">[[File:Sanke Koi Icon.png|60x60px|alt=|link=Fish]]</div><div class="mp-card-text">[[Fish]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Bean-Shaped Fist Crab Icon.png|60x60px|alt=|link=Shore-Dweller]]</div><div class="mp-card-text">[[Shore-Dweller]]s</div></div><div class="mp-card"><div class="mp-card-image">[[File:Fresh Start Mint Bed Icon.png|60x60px|alt=|link=Furniture]]</div><div class="mp-card-text">[[Furniture]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Fragrant Fruit Fusion Tea Icon.png|60x60px|alt=|link=Dish]]</div><div class="mp-card-text">[[Dish]]es</div></div><div class="mp-card"><div class="mp-card-image">[[File:Wildgrass Icon.png|60x60px|alt=|link=Plant]]</div><div class="mp-card-text">[[Plant]]s</div></div><div class="mp-card"><div class="mp-card-image">[[File:Stone Icon.png|60x60px|alt=|link=Item]]</div><div class="mp-card-text">[[Item]]s</div></div>
</div>
</div>

</div>



<div class="mp-right">
<div class="mp-section">
<h2 class="mp-title">About ''Petit Planet''</h2>
''[[Petit Planet]]'' is an upcoming cosmic life simulation game developed and published by [[HoYoverse]]. The game is free-to-play and cross-platform.
</div>

<div class="mp-section">
<h2 class="mp-title">Official Links</h2>
<div class="mp-button-wrapper" style="margin-top:8px;"><div class="mp-button"><div class="mp-icon mp-icon-hoyoverse">[https://planet.hoyoverse.com/ Official Website]</div></div><div class="mp-button"><div class="mp-icon mp-icon-hoyolab">[https://www.hoyolab.com/circles/10/100002/official Official HoYoLAB]</div></div><div class="mp-button"><div class="mp-icon mp-icon-discord">[https://discord.gg/petitplanetofficial Official Discord]</div></div><div class="mp-button"><div class="mp-icon mp-icon-youtube">[https://www.youtube.com/@PetitPlanetGame Official YouTube]</div></div><div class="mp-button"><div class="mp-icon mp-icon-reddit">[https://www.reddit.com/r/PetitPlanet Official Reddit]</div></div><div class="mp-button"><div class="mp-icon mp-icon-instagram">[https://www.instagram.com/petitplanetgame Official Instagram]</div></div><div class="mp-button"><div class="mp-icon mp-icon-x">[https://x.com/PetitPlanetGame Official X]</div></div><div class="mp-button"><div class="mp-icon mp-icon-tiktok">[https://www.tiktok.com/@petitplanet Official TikTok]</div></div><div class="mp-button"><div class="mp-icon mp-icon-facebook">[https://www.facebook.com/PetitPlanetGame Official Facebook]</div></div></div>
</div>

<div class="mp-section">
<h2 class="mp-title">Contributing</h2>
This wiki is written and maintained by the community. If you notice a page that could be improved, just click the '''"Edit"''' or '''"Edit source"''' button. Join the wiki's Discord for additional help, discussions, and feedback:

<div class="mp-button-wrapper" style="margin-top:-8px;"><div class="mp-button"><div class="mp-icon mp-icon-discord">[https://discord.gg/Tj9bvwYFxS Official Discord]</div></div></div>
</div>

</div>
</div>

</div>

Main Page

2026-04-03T07:11:30Z

Stevium: Converted to template

{{Main Page}}
[[Category:Petit Planet Wiki]]

Template:Main Page

2026-04-03T07:11:09Z

Stevium:

__NOTOC__
<templatestyles src="Template:Main Page/styles.css" />

<div class="mp-wrapper plainlinks">
<div class="mp-inline-sections">

<div id="mp-section-site" class="mp-section">
<h2 class="mp-header-wordmark mp-title">[[File:Wiki logo.png|250px|link=|alt=Petit Planet Wiki|center]]</h2>
Welcome to the ''[[Petit Planet]]'' wiki! Planet Tenders will find English resources for the global version of the game on this wiki. Please note that there are '''unmarked spoilers''' on this wiki.

<div class="hlist mp-statistics">
* '''[[Special:AllPages|{{NUMBEROFARTICLES}}]]''' articles
* '''[[Special:NewFiles|{{NUMBEROFFILES}}]]''' files
* '''[[Special:ActiveUsers|{{NUMBEROFACTIVEUSERS}}]]''' active users
</div>
</div>


<div class="mp-left">
<div class="mp-section mp-section-transparent">

<div class="mp-navigation-wrapper mp-card-navigation"><div class="mp-card"><div class="mp-card-image">[[File:Mobai Icon.png|60x60px|alt=|link=Neighbor]]</div><div class="mp-card-text">[[Neighbor]]s</div></div><div class="mp-card"><div class="mp-card-image">[[File:Quill Pen & Astrology Book Icon.png|60x60px|alt=|link=Starcove]]</div><div class="mp-card-text">[[Starcove]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Luca Icon.png|60x60px|alt=|link=Luca Arbor]]</div><div class="mp-card-text">[[Luca Arbor]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Planet Research Apparatus Icon.png|60x60px|alt=|link=Starsea Voyage]]</div><div class="mp-card-text">[[Starsea Voyage]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Loomi Icon.png|60x60px|alt=|link=Loomi Footprints]]</div><div class="mp-card-text">[[Loomi Footprints]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Laptop Icon.png|60x60px|alt=|link=Memo]]</div><div class="mp-card-text">[[Memo]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Red Vending Machine Icon.png|60x60px|alt=|link=Loomi Mart]]</div><div class="mp-card-text">[[Loomi Mart]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:EV Charging Station Icon.png|60x60px|alt=|link=Car Services]]</div><div class="mp-card-text">[[Car Services]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Building Kit Icon.png|60x60px|alt=|link=Housing Services]]</div><div class="mp-card-text">[[Housing Services]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Hexia Meadow Rug Icon.png|60x60px|alt=|link=Decorate]]</div><div class="mp-card-text">[[Decorate]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Harvestsong Bamboo Chair Icon.png|60x60px|alt=|link=Homi Decor]]</div><div class="mp-card-text">[[Homi Decor]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Simple Wooden Bridge Icon.png|60x60px|alt=|link=Planetmaker]]</div><div class="mp-card-text">[[Planetmaker]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Yellow Lily Seeds Icon.png|60x60px|alt=|link=Farming]]</div><div class="mp-card-text">[[Farming]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Maizeglow Wooden Wall Clock Icon.png|60x60px|alt=|link=Inspo Cards]]</div><div class="mp-card-text">[[Inspo Cards]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:DIY Bench Icon.png|60x60px|alt=|link=Crafting]]</div><div class="mp-card-text">[[Crafting]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Fragrant Fruit Fusion Tea Icon.png|60x60px|alt=|link=Cooking]]</div><div class="mp-card-text">[[Cooking]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Glenn Icon.png|60x60px|alt=|link=Glenn's Goods]]</div><div class="mp-card-text">[[Glenn's Goods]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Mors Icon.png|60x60px|alt=|link=Omni-Gallery]]</div><div class="mp-card-text">[[Omni-Gallery]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Music Tile Do Icon.png|60x60px|alt=|link=Galactic Bazaar]]</div><div class="mp-card-text">[[Galactic Bazaar]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Hardy Craftsman Top Icon.png|60x60px|alt=|link=Dress Up]]</div><div class="mp-card-text">[[Dress Up]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Hexia Icon.png|60x60px|alt=|link=Galaxy]]</div><div class="mp-card-text">[[Galaxy|Galaxies]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Kabuto Beetle Icon.png|60x60px|alt=|link=Insect]]</div><div class="mp-card-text">[[Insect]]s</div></div><div class="mp-card"><div class="mp-card-image">[[File:Sanke Koi Icon.png|60x60px|alt=|link=Fish]]</div><div class="mp-card-text">[[Fish]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Bean-Shaped Fist Crab Icon.png|60x60px|alt=|link=Shore-Dweller]]</div><div class="mp-card-text">[[Shore-Dweller]]s</div></div><div class="mp-card"><div class="mp-card-image">[[File:Fresh Start Mint Bed Icon.png|60x60px|alt=|link=Furniture]]</div><div class="mp-card-text">[[Furniture]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Fragrant Fruit Fusion Tea Icon.png|60x60px|alt=|link=Dish]]</div><div class="mp-card-text">[[Dish]]es</div></div><div class="mp-card"><div class="mp-card-image">[[File:Wildgrass Icon.png|60x60px|alt=|link=Plant]]</div><div class="mp-card-text">[[Plant]]s</div></div><div class="mp-card"><div class="mp-card-image">[[File:Stone Icon.png|60x60px|alt=|link=Item]]</div><div class="mp-card-text">[[Item]]s</div></div>
</div>
</div>

</div>



<div class="mp-right">
<div class="mp-section">
<h2 class="mp-title">About ''Petit Planet''</h2>
''[[Petit Planet]]'' is an upcoming cosmic life simulation game developed and published by [[HoYoverse]]. The game is free-to-play and cross-platform.
</div>

<div class="mp-section">
<h2 class="mp-title">Official Links</h2>
<div class="mp-button-wrapper" style="margin-top:8px;"><div class="mp-button"><div class="mp-icon mp-icon-hoyoverse">[https://planet.hoyoverse.com/ Official Website]</div></div><div class="mp-button"><div class="mp-icon mp-icon-hoyolab">[https://www.hoyolab.com/circles/10/100002/official Official HoYoLAB]</div></div><div class="mp-button"><div class="mp-icon mp-icon-discord">[https://discord.gg/petitplanetofficial Official Discord]</div></div><div class="mp-button"><div class="mp-icon mp-icon-youtube">[https://www.youtube.com/@PetitPlanetGame Official YouTube]</div></div><div class="mp-button"><div class="mp-icon mp-icon-reddit">[https://www.reddit.com/r/PetitPlanet/ Official Reddit]</div></div><div class="mp-button"><div class="mp-icon mp-icon-instagram">[https://www.instagram.com/petitplanetgame Official Instagram]</div></div><div class="mp-button"><div class="mp-icon mp-icon-x">[https://x.com/PetitPlanetGame Official X]</div></div><div class="mp-button"><div class="mp-icon mp-icon-tiktok">[https://www.tiktok.com/@petitplanet Official TikTok]</div></div><div class="mp-button"><div class="mp-icon mp-icon-facebook">[https://www.facebook.com/PetitPlanetGame Official Facebook]</div></div></div>
</div>

<div class="mp-section">
<h2 class="mp-title">Contributing</h2>
This wiki is written and maintained by the community. If you notice a page that could be improved, just click the '''"Edit"''' or '''"Edit source"''' button. Join the wiki's Discord for additional help, discussions, and feedback:

<div class="mp-button-wrapper" style="margin-top:-8px;"><div class="mp-button"><div class="mp-icon mp-icon-discord">[https://discord.gg/Tj9bvwYFxS Official Discord]</div></div></div>
</div>

</div>
</div>

</div>

Template:Main Page

2026-04-03T07:09:43Z

Stevium: Created Template:Main Page

__NOTOC__
<templatestyles src="Template:Main Page/styles.css" />

<div class="mp-wrapper plainlinks">
<div class="mp-inline-sections">

<div id="mp-section-site" class="mp-section">
<h2 class="mp-header-wordmark mp-title">[[File:Wiki logo.png|250px|link=|alt=Petit Planet Wiki|center]]</h2>
Welcome to the ''[[Petit Planet]]'' wiki! Planet Tenders will find English resources for the global version of the game on this wiki. Please note that there are '''unmarked spoilers''' on this wiki.

<div class="hlist mp-statistics">
* '''[[Special:AllPages|{{NUMBEROFARTICLES}}]]''' articles
* '''[[Special:NewFiles|{{NUMBEROFFILES}}]]''' files
* '''[[Special:ActiveUsers|{{NUMBEROFACTIVEUSERS}}]]''' active users
</div>
</div>


<div class="mp-left">
<div class="mp-section mp-section-transparent">

<div class="mp-navigation-wrapper mp-card-navigation"><div class="mp-card"><div class="mp-card-image">[[File:Mobai Icon.png|60x60px|alt=|link=Neighbor]]</div><div class="mp-card-text">[[Neighbor]]s</div></div><div class="mp-card"><div class="mp-card-image">[[File:Quill Pen & Astrology Book Icon.png|60x60px|alt=|link=Starcove]]</div><div class="mp-card-text">[[Starcove]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Luca Icon.png|60x60px|alt=|link=Luca Arbor]]</div><div class="mp-card-text">[[Luca Arbor]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Planet Research Apparatus Icon.png|60x60px|alt=|link=Starsea Voyage]]</div><div class="mp-card-text">[[Starsea Voyage]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Loomi Icon.png|60x60px|alt=|link=Loomi Footprints]]</div><div class="mp-card-text">[[Loomi Footprints]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Laptop Icon.png|60x60px|alt=|link=Memo]]</div><div class="mp-card-text">[[Memo]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Red Vending Machine Icon.png|60x60px|alt=|link=Loomi Mart]]</div><div class="mp-card-text">[[Loomi Mart]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:EV Charging Station Icon.png|60x60px|alt=|link=Car Services]]</div><div class="mp-card-text">[[Car Services]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Building Kit Icon.png|60x60px|alt=|link=Housing Services]]</div><div class="mp-card-text">[[Housing Services]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Hexia Meadow Rug Icon.png|60x60px|alt=|link=Decorate]]</div><div class="mp-card-text">[[Decorate]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Harvestsong Bamboo Chair Icon.png|60x60px|alt=|link=Homi Decor]]</div><div class="mp-card-text">[[Homi Decor]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Simple Wooden Bridge Icon.png|60x60px|alt=|link=Planetmaker]]</div><div class="mp-card-text">[[Planetmaker]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Yellow Lily Seeds Icon.png|60x60px|alt=|link=Farming]]</div><div class="mp-card-text">[[Farming]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Maizeglow Wooden Wall Clock Icon.png|60x60px|alt=|link=Inspo Cards]]</div><div class="mp-card-text">[[Inspo Cards]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:DIY Bench Icon.png|60x60px|alt=|link=Crafting]]</div><div class="mp-card-text">[[Crafting]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Fragrant Fruit Fusion Tea Icon.png|60x60px|alt=|link=Cooking]]</div><div class="mp-card-text">[[Cooking]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Glenn Icon.png|60x60px|alt=|link=Glenn's Goods]]</div><div class="mp-card-text">[[Glenn's Goods]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Mors Icon.png|60x60px|alt=|link=Omni-Gallery]]</div><div class="mp-card-text">[[Omni-Gallery]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Music Tile Do Icon.png|60x60px|alt=|link=Galactic Bazaar]]</div><div class="mp-card-text">[[Galactic Bazaar]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Hardy Craftsman Top Icon.png|60x60px|alt=|link=Dress Up]]</div><div class="mp-card-text">[[Dress Up]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Hexia Icon.png|60x60px|alt=|link=Galaxy]]</div><div class="mp-card-text">[[Galaxy|Galaxies]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Kabuto Beetle Icon.png|60x60px|alt=|link=Insect]]</div><div class="mp-card-text">[[Insect]]s</div></div><div class="mp-card"><div class="mp-card-image">[[File:Sanke Koi Icon.png|60x60px|alt=|link=Fish]]</div><div class="mp-card-text">[[Fish]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Bean-Shaped Fist Crab Icon.png|60x60px|alt=|link=Shore-Dweller]]</div><div class="mp-card-text">[[Shore-Dweller]]s</div></div><div class="mp-card"><div class="mp-card-image">[[File:Fresh Start Mint Bed Icon.png|60x60px|alt=|link=Furniture]]</div><div class="mp-card-text">[[Furniture]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Fragrant Fruit Fusion Tea Icon.png|60x60px|alt=|link=Dish]]</div><div class="mp-card-text">[[Dish]]es</div></div><div class="mp-card"><div class="mp-card-image">[[File:Wildgrass Icon.png|60x60px|alt=|link=Plant]]</div><div class="mp-card-text">[[Plant]]s</div></div><div class="mp-card"><div class="mp-card-image">[[File:Stone Icon.png|60x60px|alt=|link=Item]]</div><div class="mp-card-text">[[Item]]s</div></div>
</div>
</div>

</div>



<div class="mp-right">
<div class="mp-section">
<h2 class="mp-title">About ''Petit Planet''</h2>
''[[Petit Planet]]'' is an upcoming cosmic life simulation game developed and published by [[HoYoverse]]. The game is free-to-play and cross-platform.
</div>

<div class="mp-section">
<h2 class="mp-title">Official Links</h2>
<div class="mp-button-wrapper" style="margin-top:8px;"><div class="mp-button"><div class="mp-icon mp-icon-hoyoverse">[https://planet.hoyoverse.com/ Official Website]</div></div><div class="mp-button"><div class="mp-icon mp-icon-hoyolab">[https://www.hoyolab.com/circles/10/100002/official Official HoYoLAB]</div></div><div class="mp-button"><div class="mp-icon mp-icon-discord">[https://discord.gg/petitplanetofficial Official Discord]</div></div><div class="mp-button"><div class="mp-icon mp-icon-youtube">[https://www.youtube.com/@PetitPlanetGame Official YouTube]</div></div><div class="mp-button"><div class="mp-icon mp-icon-reddit">[https://www.reddit.com/r/PetitPlanet/ Official Reddit]</div></div><div class="mp-button"><div class="mp-icon mp-icon-instagram">[https://www.instagram.com/petitplanetgame Official Instagram]</div></div><div class="mp-button"><div class="mp-icon mp-icon-x">[https://x.com/PetitPlanetGame Official X]</div></div><div class="mp-button"><div class="mp-icon mp-icon-tiktok">[https://www.tiktok.com/@petitplanet Official TikTok]</div></div><div class="mp-button"><div class="mp-icon mp-icon-facebook">[https://www.facebook.com/PetitPlanetGame Official Facebook]</div></div></div>
</div>

<div class="mp-section">
<h2 class="mp-title">Contributing</h2>
This wiki is written and maintained by the community. If you notice a page that could be improved, just click the '''"Edit"''' or '''"Edit source"''' button. Join the wiki's Discord for additional help, discussions, and feedback:

<div class="mp-button-wrapper" style="margin-top:-8px;"><div class="mp-button"><div class="mp-icon mp-icon-discord">[https://discord.gg/Tj9bvwYFxS Official Discord]</div></div></div>
</div>

</div>
</div>

</div>
[[Category:Petit Planet Wiki]]

Template:Main Page/styles.css

2026-04-03T07:06:47Z

Stevium: Created Template:Main Page/styles.css

/* Layout START */
.mp-wrapper {
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 6px;
}

.mp-wrapper > .mp-section {
width: 100%;
}

.mp-left,
.mp-right {
display: flex;
flex-direction: column;
gap: 6px;
}

.mp-inline-sections {
display: grid;
grid-template-columns: 1fr;
grid-template-areas: "site" "left" "right";
gap: 6px;
width: 100%;
}

.mp-left {
grid-area: left;
}
.mp-right {
grid-area: right;
}

@media screen and (min-width: 990px) {
.mp-inline-sections {
grid-template-columns: 2fr 1fr;
grid-template-rows: auto 1fr;
grid-template-areas: "left site" "left right";
}
}

/* Grow last tile in right column if left column is larger
.mp-right > :last-child {
flex: 1;
} */

.mp-left-row {
flex: 10 10 0;
}
/* Layout END */

/* Sections START */
.mp-section-center {
text-align: center;
}

.mp-section {
background-color: var(--background-color-1);
padding: 12px;
border-radius: 10px;
}

.mp-section-transparent {
padding: 0;
background-color: transparent;
}

.mp-section.mp-section-full {
width: 100%;
}

.mp-wrapper h2 {
font-size: 1.2em;
}

.mp-title {
border: none;
margin: 0;
padding: 0;
}
/* Sections END */

/* Button START */
.mp-button-wrapper {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
gap: 4px;
width: 100%;
}

.mp-button {
cursor: pointer;
user-select: none;
background-color: var(--background-color-2);
border-radius: 10px;
}

.mp-button:hover {
background: var(--background-color-3);
/* outline: 2px solid var(--color-accent);
outline-offset: -2px; */
}

.mp-button a {
text-indent: -9999px; /* pushes the link text out of view */
display: block;
height: 100%;
width: 100%;
}

.mp-icon {
background: var(--color-base);
mask: var(--icon-mask);
/* -webkit-mask: var(--icon-mask); */
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
width: 100%;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
}

.mp-icon-hoyoverse {
--icon-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'><path fill='white' d='M38.995 15.048c-.89.06-1.77.098-2.654.231a25 25 0 0 0-8.652 2.971 25.35 25.35 0 0 0-7.641 6.706 24.7 24.7 0 0 0-4.105 8.259c-.792 2.83-1.12 5.87-.85 8.8.327 3.526 1.286 6.912 2.983 10.029 1.04 1.909 2.337 3.71 3.864 5.26 1.668 1.693 3.49 3.184 5.553 4.374 6.362 3.672 14.076 4.3 20.99 1.883 2.56-.894 5.441-2.174 6.762-4.684.64-1.219.742-2.563 1.034-3.884.29-1.31.777-2.59 1.386-3.785.706-1.385 1.46-2.707 1.984-4.179.126-.353.559-1.212.212-1.534-.282-.26-.561.126-.664.358-.334.752-.553 1.554-.893 2.307a20.24 20.24 0 0 1-7.216 8.52 20.26 20.26 0 0 1-8.75 3.237c-5.9.706-11.975-1.372-16.222-5.517-1.418-1.385-2.663-2.975-3.615-4.716-3.656-6.682-3.22-14.955 1.167-21.189a20.1 20.1 0 0 1 4.513-4.601 20.02 20.02 0 0 1 13.764-3.807c2.172.212 4.3.785 6.292 1.676 1.372.614 2.63 1.44 4.03 2 .988.394 2.007.68 3.048.895.705.146 1.423.216 2.114.425 1.071.323 1.983.98 2.741 1.79.232.247.638.94 1.06.768.236-.096.228-.371.154-.573-.168-.453-.511-.88-.784-1.276a24.8 24.8 0 0 0-4.105-4.611c-4.756-4.156-11.15-6.556-17.5-6.133m.148 6.244c-3.028.205-5.914 1-8.554 2.52a18.7 18.7 0 0 0-5.088 4.34 18.8 18.8 0 0 0-3.41 6.341c-2.148 6.955.05 14.833 5.55 19.623a19.1 19.1 0 0 0 6.488 3.711c2.112.705 4.456 1.077 6.685.935 2.967-.188 5.865-.943 8.455-2.432 2.043-1.175 3.862-2.693 5.34-4.532 4.713-5.868 5.499-14.304 1.806-20.894a19 19 0 0 0-4.393-5.29 18.8 18.8 0 0 0-6.096-3.395c-2.148-.715-4.517-1.081-6.783-.927m.245.783c2.128-.139 4.38.267 6.39.948a18 18 0 0 1 5.752 3.241 18 18 0 0 1 3.829 4.444c3.964 6.487 3.28 15.025-1.587 20.844a18.2 18.2 0 0 1-5.24 4.272 17.7 17.7 0 0 1-7.276 2.106c-2.383.15-4.765-.15-7.029-.922a18 18 0 0 1-5.555-3.076c-5.674-4.635-7.995-12.525-5.717-19.488a18 18 0 0 1 3.035-5.604 17.7 17.7 0 0 1 5.238-4.46c2.545-1.413 5.27-2.117 8.16-2.305m16.402 4.874c-.195.104-.203.331-.13.515.125.31.582.976.994.78.211-.1.213-.347.135-.537-.128-.31-.586-.979-1-.758m6.624 2.754c-.224.064-.265.317-.23.514.06.357.237.814.462 1.099.107.136.277.247.456.187.212-.07.236-.313.207-.503a2.6 2.6 0 0 0-.432-1.06c-.105-.145-.27-.292-.463-.237m-2.182 5.38c-.261-1.441-.836-2.863-1.466-4.179-.148-.307-.292-.692-.557-.919-.142-.122-.357-.18-.505-.033-.137.135-.113.343-.06.51.112.36.32.695.484 1.032.696 1.435 1.175 2.965 1.501 4.523.481 2.294.304 4.628.668 6.932.148.939.396 1.855.707 2.753.305.88.674 1.718.772 2.655.263 2.489-1.186 4.613-2.647 6.489-.505.649-1.17 1.227-1.613 1.917-.184.286-.145.764.31.647.43-.111.771-.627 1.048-.942a23.4 23.4 0 0 0 2.152-2.851c1.607-2.51 2.798-5.29 3.419-8.21.434-2.047.576-4.107.554-6.194a19 19 0 0 0-.18-2.262c-.058-.45-.101-.907-.286-1.327-.355-.808-1.167-1.362-2.04-1.443a2.4 2.4 0 0 0-.983.12c-.486.164-.863.496-1.278.782m2.458 13.47c-.208-.551-.242-1.157-.422-1.72-.478-1.497-1.038-2.903-1.255-4.474-.173-1.26-.123-2.523-.223-3.786-.09-1.15-.555-2.72.72-3.396.169-.089.352-.144.54-.168.195-.024.398-.022.59.014 1.446.267 1.448 2.112 1.526 3.256.242 3.538-.346 6.93-1.476 10.274'/></svg>");
}
.mp-icon-hoyolab {
--icon-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'><path fill='white' d='M26.246 63.8787C25.0962 61.886 24.2777 59.1786 24.2777 55.5007C24.2777 54.5567 24.3765 52.6956 24.6195 50.4113C23.6038 48.3744 21.9014 46.7306 19.7747 45.8074L19.6866 45.7691C18.533 45.2683 18.3504 43.6953 19.3582 42.9394L21.1656 41.5835C22.6853 40.4435 23.6811 38.73 23.9248 36.8357L24.0341 35.9862C24.2779 34.0911 26.8448 33.7299 27.5936 35.4854L27.887 36.1732C28.9069 33.9276 30.189 32.2704 31.7883 31.8013C33.162 31.3984 34.0271 33.3483 34.8047 35.101L34.8054 35.1027C34.86 35.2258 34.9144 35.3484 34.9683 35.4687C36.5828 34.2829 39.1757 33.0984 42.8462 32.6204C45.4508 32.2812 47.353 32.3699 48.7071 32.6984C49.7807 30.6408 51.6576 27.9372 53.6388 26.9197C57.1696 25.1064 58.1016 28.3043 58.9734 31.2958C59.4118 32.8001 59.835 34.2523 60.5659 34.9888C61.9706 36.4043 64.6351 39.1383 66.169 40.8827C65.7845 26.7629 54.2176 15.4347 40.0049 15.4347C25.5495 15.4347 13.831 27.1532 13.831 41.6087C13.831 51.0167 18.7947 59.2653 26.246 63.8787ZM54.8959 30.7097C55.2296 30.4051 55.6628 29.9292 55.4602 29.4495C55.2284 28.9007 54.4015 28.8665 53.7471 29.3682C52.2759 30.4963 51.5551 32.3788 51.4131 33.8487C51.3599 34.3996 51.5247 34.7597 51.9434 34.8257C52.362 34.8917 52.6238 34.5614 52.7697 34.1753C53.5468 32.119 54.187 31.3569 54.8959 30.7097ZM35.5033 38.6456C34.797 39.6182 35.2733 40.5619 36.1007 40.7533C41.8509 38.8984 47.9864 38.1378 48.7616 38.0662C49.5137 37.9967 49.6075 36.9306 49.31 36.2142C49.0124 35.4979 47.3757 34.6314 42.9746 35.2756C38.5735 35.9198 36.2095 37.673 35.5033 38.6456ZM49.1325 60.2072C57.0223 58.0724 60.7369 53.9441 59.7317 50.2133C57.9311 43.5307 50.148 41.513 42.9663 43.6058C35.0091 45.9246 32.1224 51.9154 33.5147 56.9967C35.3069 63.5371 42.3858 62.0327 49.1325 60.2072ZM26.5706 38.1757C26.3823 37.7617 25.7787 37.8329 25.6903 38.2796L25.5842 38.8162C25.228 40.6165 24.1894 42.2056 22.6892 43.2453L21.8926 43.7974C21.5839 44.0114 21.6391 44.4866 21.9884 44.6228L22.4364 44.7976C24.3984 45.5629 25.9141 47.1789 26.5628 49.1972L27.1589 51.0517C27.316 51.5404 28.0255 51.4567 28.0664 50.9446L28.2361 48.8212C28.3968 46.8101 29.4045 44.965 31.0039 43.7531L31.3233 43.5111C31.6086 43.2949 31.5568 42.8487 31.2297 42.7048L30.4258 42.3512C28.8508 41.6584 27.5841 40.4046 26.8678 38.8293L26.5706 38.1757ZM25.1451 44.6342C25.8098 44.3438 26.268 43.7293 26.5255 43.3191C26.6655 43.0961 26.7733 42.8888 26.8464 42.7372C27.1086 42.1929 27.1159 41.5624 26.5 41.2979C25.8421 41.0154 25.5185 41.5823 25.2314 42.0854L25.2314 42.0854L25.2314 42.0854C25.1805 42.1747 25.1307 42.2619 25.0804 42.342C24.866 42.6835 24.6443 42.9109 24.4758 42.9845C24.0369 43.1763 23.8308 43.7011 24.0157 44.1567C24.2005 44.6122 24.7062 44.826 25.1451 44.6342ZM52.1476 47.6257C52.573 48.2529 52.5029 49.09 51.9083 49.5567L51.9047 49.5596L51.8873 49.5733C51.8713 49.5862 51.8464 49.6061 51.8142 49.6324C51.7495 49.685 51.6557 49.7626 51.5432 49.8589C51.316 50.0534 51.023 50.3154 50.7439 50.5967C50.6414 50.7 50.5464 50.8002 50.4606 50.8958C50.5852 50.9248 50.7199 50.9524 50.8625 50.9781C51.2509 51.0482 51.6398 51.0945 51.9364 51.1232C52.0833 51.1375 52.2043 51.1471 52.2871 51.1531C53.0614 51.209 53.7413 51.7692 53.6973 52.6082C53.6574 53.3673 53.0145 53.9501 52.2619 53.9099C52.0661 53.8989 51.8705 53.8824 51.6753 53.8635C51.3343 53.8304 50.867 53.7755 50.3817 53.6879C49.9098 53.6027 49.3577 53.4758 48.8757 53.28C48.6349 53.1821 48.3589 53.0463 48.1076 52.8528C47.8621 52.6637 47.5467 52.3468 47.3969 51.865C47.247 51.3832 47.3264 50.9414 47.4209 50.6447C47.5175 50.3412 47.6671 50.0707 47.8094 49.8517C48.0941 49.4133 48.4755 48.9911 48.8146 48.6493C49.2537 48.2069 49.722 47.746 50.2321 47.3841C50.8478 46.9473 51.7304 47.0106 52.1476 47.6257ZM40.7664 49.3267C41.6159 49.2361 42.3774 49.8572 42.4673 50.7139C42.6221 52.1901 42.9927 53.747 43.7094 54.8178C44.1873 55.5319 44.0007 56.5015 43.2927 56.9835C42.5846 57.4655 41.6232 57.2773 41.1453 56.5632C40.0034 54.857 39.5636 52.6882 39.391 51.0421C39.3011 50.1854 39.9169 49.4174 40.7664 49.3267Z'/></svg>");
}
.mp-icon-discord {
--icon-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'><path fill='white' d='M55.91 25.549c-3.028-1.405-6.199-2.378-9.442-2.919-0.433 0.793-0.864 1.621-1.225 2.451-3.459-0.54-7.027-0.54-10.488 0-0.36-0.83-0.757-1.658-1.225-2.451-3.279 0.54-6.451 1.55-9.478 2.919-5.946 8.865-7.568 17.479-6.776 25.984v0c3.495 2.595 7.424 4.542 11.605 5.839 0.937-1.261 1.767-2.595 2.487-4.001-1.37-0.504-2.667-1.117-3.929-1.874 0.324-0.253 0.65-0.47 0.973-0.721 7.351 3.459 15.858 3.459 23.172 0 0.324 0.253 0.648 0.504 0.973 0.721-1.261 0.721-2.558 1.37-3.929 1.874 0.721 1.405 1.55 2.739 2.487 4.001 4.181-1.261 8.108-3.244 11.605-5.803v0c0.937-9.911-1.621-18.453-6.811-26.020zM32.413 46.307c-2.271 0-4.145-2.054-4.145-4.577s1.802-4.577 4.109-4.577 4.181 2.054 4.145 4.577-1.838 4.577-4.109 4.577zM47.621 46.307c-2.271 0-4.109-2.054-4.109-4.577s1.802-4.577 4.109-4.577 4.145 2.054 4.109 4.577-1.802 4.577-4.109 4.577z'/></svg>");
}
.mp-icon-youtube {
--icon-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'><path fill='white' d='M60.042 31.82c0 0-0.4-2.819-1.629-4.058-1.558-1.629-3.299-1.637-4.098-1.733-5.719-0.415-14.307-0.415-14.307-0.415h-0.015c0 0-8.588 0-14.307 0.415-0.799 0.096-2.54 0.104-4.098 1.733-1.231 1.238-1.622 4.058-1.622 4.058s-0.408 3.308-0.408 6.622v3.099c0 3.307 0.408 6.622 0.408 6.622s0.4 2.819 1.622 4.058c1.558 1.629 3.603 1.574 4.513 1.75 3.276 0.312 13.907 0.408 13.907 0.408s8.595-0.015 14.315-0.423c0.799-0.096 2.541-0.104 4.098-1.733 1.229-1.238 1.629-4.058 1.629-4.058s0.408-3.307 0.408-6.622v-3.099c-0.008-3.308-0.415-6.622-0.415-6.622zM35.775 45.304v-11.495l11.048 5.768-11.048 5.727z'/></svg>");
}
.mp-icon-reddit {
--icon-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'><path fill='white' d='M59.007 38.939c0 1.655-0.933 3.076-2.313 3.776 0.169 0.658 0.255 1.337 0.255 2.036 0 6.703-7.573 12.134-16.907 12.134-9.313 0-16.885-5.431-16.885-12.134 0-0.679 0.085-1.357 0.234-1.995-1.422-0.701-2.397-2.142-2.397-3.819 0-2.332 1.888-4.221 4.221-4.221 1.21 0 2.291 0.509 3.076 1.337 2.864-1.995 6.681-3.288 10.924-3.436l2.46-11.052c0.085-0.381 0.489-0.636 0.87-0.552l7.828 1.718c0.509-1.019 1.59-1.739 2.822-1.739 1.761 0 3.183 1.422 3.183 3.161 0 1.761-1.422 3.183-3.183 3.183-1.739 0-3.161-1.422-3.161-3.161l-7.086-1.571-2.207 10.013c4.264 0.127 8.125 1.4 11.009 3.395 0.764-0.807 1.846-1.294 3.034-1.294 2.332 0 4.221 1.888 4.221 4.221zM29.859 43.161c0 1.761 1.422 3.183 3.161 3.183 1.761 0 3.183-1.422 3.183-3.183 0-1.739-1.422-3.161-3.183-3.161-1.739 0-3.161 1.422-3.161 3.161zM47.043 50.691c0.318-0.318 0.318-0.785 0-1.103-0.297-0.297-0.785-0.297-1.082 0-1.273 1.294-4.009 1.739-5.961 1.739s-4.688-0.446-5.961-1.739c-0.297-0.297-0.785-0.297-1.082 0-0.318 0.297-0.318 0.785 0 1.103 2.015 2.015 5.898 2.164 7.043 2.164s5.028-0.149 7.043-2.164zM46.98 46.344c1.739 0 3.161-1.422 3.161-3.183 0-1.739-1.422-3.161-3.161-3.161-1.761 0-3.183 1.422-3.183 3.161 0 1.761 1.422 3.183 3.183 3.183z'/></svg>");
}
.mp-icon-x {
--icon-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'><path fill='white' d='M43.969 36.923l13.507-15.582h-3.2l-11.728 13.53-9.366-13.53h-10.804l14.165 20.46-14.165 16.34h3.2l12.385-14.288 9.892 14.288h10.804l-14.69-21.218zM39.585 41.981l-12.854-18.249h4.916l22.629 32.126h-4.916l-9.775-13.878z'/></svg>");
}
.mp-icon-instagram {
--icon-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'><path fill='white' d='M40.291 24.010c5.117 0 5.698 0 7.733 0.116 1.86 0.058 2.849 0.407 3.547 0.639 0.872 0.349 1.512 0.756 2.209 1.453s1.105 1.279 1.453 2.209c0.232 0.698 0.581 1.686 0.639 3.547 0.116 2.035 0.116 2.616 0.116 7.733s0 5.698-0.116 7.733c-0.058 1.86-0.407 2.849-0.639 3.547-0.349 0.872-0.756 1.512-1.453 2.209s-1.279 1.105-2.209 1.453c-0.698 0.232-1.686 0.581-3.547 0.639-2.035 0.116-2.616 0.116-7.733 0.116s-5.698 0-7.733-0.116c-1.86-0.058-2.849-0.407-3.547-0.639-0.872-0.349-1.512-0.756-2.209-1.453s-1.105-1.279-1.453-2.209c-0.232-0.698-0.581-1.686-0.639-3.547-0.116-2.035-0.116-2.616-0.116-7.733s0-5.698 0.116-7.733c0.058-1.86 0.407-2.849 0.639-3.547 0.349-0.872 0.756-1.512 1.453-2.209s1.279-1.105 2.209-1.453c0.698-0.232 1.686-0.581 3.547-0.639 2.035-0.058 2.616-0.116 7.733-0.116zM40.291 20.58c-5.175 0-5.814 0-7.85 0.116s-3.43 0.407-4.651 0.872c-1.279 0.465-2.326 1.163-3.372 2.209s-1.744 2.151-2.209 3.372c-0.465 1.221-0.814 2.616-0.872 4.651-0.116 2.035-0.116 2.675-0.116 7.907s0 5.814 0.116 7.85c0.116 2.035 0.407 3.43 0.872 4.651 0.465 1.279 1.163 2.326 2.209 3.372s2.151 1.744 3.372 2.209c1.221 0.465 2.616 0.814 4.651 0.872 2.035 0.116 2.675 0.116 7.85 0.116s5.814 0 7.85-0.116c2.035-0.116 3.43-0.407 4.651-0.872 1.279-0.465 2.326-1.163 3.372-2.209s1.744-2.151 2.209-3.372c0.465-1.221 0.814-2.616 0.872-4.651 0.116-2.035 0.116-2.675 0.116-7.85s0-5.814-0.116-7.85c-0.116-2.035-0.407-3.43-0.872-4.651-0.465-1.279-1.105-2.326-2.209-3.372-1.046-1.046-2.151-1.744-3.372-2.209s-2.616-0.814-4.651-0.872c-2.035-0.116-2.675-0.175-7.85-0.175 0 0 0 0 0 0zM40.291 29.883c-5.407 0-9.826 4.419-9.826 9.826s4.419 9.826 9.826 9.826 9.826-4.419 9.826-9.826-4.419-9.826-9.826-9.826zM40.291 46.047c-3.489 0-6.338-2.849-6.338-6.338s2.849-6.338 6.338-6.338 6.338 2.849 6.338 6.338-2.849 6.338-6.338 6.338zM52.792 29.476c0 1.279-1.046 2.268-2.268 2.268s-2.268-1.046-2.268-2.268 0.988-2.268 2.209-2.268 2.326 1.046 2.326 2.268z'/></svg>");
}
.mp-icon-tiktok {
--icon-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'><path fill='white' d='M56.397 36.63c-0.011 0-0.024 0-0.038 0-3.36 0-6.468-1.077-8.998-2.906l0.045 0.032v13.087c-0.003 6.571-5.331 11.898-11.903 11.898-6.574 0-11.903-5.328-11.903-11.903s5.328-11.903 11.903-11.903c0.577 0 1.144 0.040 1.697 0.12l-0.064-0.007v6.581c-0.49-0.16-1.054-0.252-1.639-0.252-3.018 0-5.464 2.446-5.464 5.464s2.446 5.464 5.464 5.464c3.018 0 5.464-2.446 5.464-5.464 0 0 0 0 0 0v0-25.583h6.443c0 0.022 0 0.047 0 0.073 0 0.548 0.049 1.084 0.144 1.605l-0.009-0.055c0.476 2.479 1.919 4.552 3.914 5.853l0.035 0.022c1.38 0.924 3.077 1.475 4.904 1.475 0 0 0.002 0 0.002 0v0z'/></svg>");
}
.mp-icon-facebook {
--icon-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'><path fill='white' d='M44.278 26.336h6.577v-7.854h-6.577c-5.044 0-9.194 4.086-9.194 9.194v3.959h-5.236v7.854h5.236v20.943h7.854v-21.007h6.577l1.341-7.854h-7.917v-3.959c0-0.702 0.575-1.277 1.341-1.277z'/></svg>");
}
/* Button END */

/* Navigation START */
.mp-navigation-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 6px;
margin: auto;
--icon-base-width: 90px;
--icon-max-width: 225px;
}

/* Responsive icon size */
@media screen and (min-width: 1490px) {
.mp-card {
--icon-base-width: 125px;
}
.vector-feature-limited-width-clientpref-0 .mp-card {
--icon-base-width: 175px;
}
}

.mp-card {
flex: 1 auto;
width: var(--icon-base-width);
max-width: var(--icon-max-width);
display: flex;
flex-direction: column;
background: var(--background-color-1);
border-radius: 10px;
}

.mp-card-text {
position: relative;
cursor: pointer;
user-select: none;
text-align: center;
background-color: var(--background-color-2);
color: var(--color-base);
border-radius: 0 0 10px 10px;
flex: 1;
font-size: 1em;
padding: 0.25em;
}

.mp-card-text a,
.mp-card-text a:hover {
text-decoration: none;
/* color: var(--color-base); */
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.mp-card-image {
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px 10px 0 0;
}

.mp-card:hover {
background-color: var(--background-color-1b);
}

.mp-card:hover .mp-card-image {
background-color: var(--background-color-2);
}

.mp-card:hover .mp-card-text {
background-color: var(--background-color-3);
}

.mp-card-image a {
padding: 12px 0;
}

.mp-card-image a,
.mp-card-image span {
display: block;
width: 100%;
height: 100%;
text-align: center;
}

.mp-card-image img {
max-width: unset !important;
width: 60px !important;
height: 60px !important;
object-fit: contain;
}

@media screen and (max-width: 950px) {
.mp-card-text {
font-size: 12px;
}

.mp-card-image a {
padding: 6px 0;
}

.mp-card-image img {
width: 50px !important;
height: 50px !important;
}
}
/* Navigation END */

/* Highlight START */
.mp-highlight-wrapper {
display: flex;
flex-wrap: wrap;
gap: 8px;
}

.mp-highlight {
flex: 1 1 0;
min-width: 300px;
min-height: calc(150px + 5vh);
max-height: 300px;
position: relative;
padding: 0;
}

.mp-highlight-image {
position: absolute;
inset: 0;
}

.mp-highlight-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 10px;
}
/* Highlight END */

User:Stevium/sandbox

2026-04-03T05:31:54Z

Stevium: Main Page test

__NOTOC__
<templatestyles src="User:Stevium/styles.css" />

<div class="mp-wrapper plainlinks">
<div class="mp-inline-sections">

<div id="mp-section-site" class="mp-section">
<h2 class="mp-header-wordmark mp-title">[[File:Wiki logo.png|250px|link=|alt=Petit Planet Wiki|center]]</h2>
Welcome to the ''[[Petit Planet]]'' wiki! Planet Tenders will find English resources for the global version of the game on this wiki. Please note that there are '''unmarked spoilers''' on this wiki.

<div class="hlist mp-statistics">
* '''[[Special:AllPages|{{NUMBEROFARTICLES}}]]''' articles
* '''[[Special:NewFiles|{{NUMBEROFFILES}}]]''' files
* '''[[Special:ActiveUsers|{{NUMBEROFACTIVEUSERS}}]]''' active users
</div>
</div>


<div class="mp-left">

<div class="mp-highlight-wrapper"><div class="mp-section mp-highlight"><div class="mp-highlight-image">[[File:Background Dark.jpg|640px|link=Version/Stardrift Test|alt=]]</div></div><div class="mp-section mp-highlight"><div class="mp-highlight-image">[[File:Background Light.jpg|640px|link=Version/Coziness Test|alt=]]</div></div>
</div>

<div class="mp-section mp-section-transparent">
<div class="mp-navigation-wrapper mp-card-navigation"><div class="mp-card"><div class="mp-card-image">[[File:Mobai Icon.png|60x60px|alt=|link=Neighbor]]</div><div class="mp-card-text">[[Neighbor]]s</div></div><div class="mp-card"><div class="mp-card-image">[[File:Quill Pen & Astrology Book Icon.png|60x60px|alt=|link=Starcove]]</div><div class="mp-card-text">[[Starcove]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Luca Icon.png|60x60px|alt=|link=Luca Arbor]]</div><div class="mp-card-text">[[Luca Arbor]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Planet Research Apparatus Icon.png|60x60px|alt=|link=Starsea Voyage]]</div><div class="mp-card-text">[[Starsea Voyage]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Loomi Icon.png|60x60px|alt=|link=Loomi Footprints]]</div><div class="mp-card-text">[[Loomi Footprints]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Laptop Icon.png|60x60px|alt=|link=Memo]]</div><div class="mp-card-text">[[Memo]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Red Vending Machine Icon.png|60x60px|alt=|link=Loomi Mart]]</div><div class="mp-card-text">[[Loomi Mart]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:EV Charging Station Icon.png|60x60px|alt=|link=Car Services]]</div><div class="mp-card-text">[[Car Services]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Building Kit Icon.png|60x60px|alt=|link=Housing Services]]</div><div class="mp-card-text">[[Housing Services]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Hexia Meadow Rug Icon.png|60x60px|alt=|link=Decorate]]</div><div class="mp-card-text">[[Decorate]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Harvestsong Bamboo Chair Icon.png|60x60px|alt=|link=Homi Decor]]</div><div class="mp-card-text">[[Homi Decor]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Simple Wooden Bridge Icon.png|60x60px|alt=|link=Planetmaker]]</div><div class="mp-card-text">[[Planetmaker]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Yellow Lily Seeds Icon.png|60x60px|alt=|link=Farming]]</div><div class="mp-card-text">[[Farming]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Maizeglow Wooden Wall Clock Icon.png|60x60px|alt=|link=Inspo Cards]]</div><div class="mp-card-text">[[Inspo Cards]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:DIY Bench Icon.png|60x60px|alt=|link=Crafting]]</div><div class="mp-card-text">[[Crafting]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Fragrant Fruit Fusion Tea Icon.png|60x60px|alt=|link=Cooking]]</div><div class="mp-card-text">[[Cooking]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Glenn Icon.png|60x60px|alt=|link=Glenn's Goods]]</div><div class="mp-card-text">[[Glenn's Goods]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Mors Icon.png|60x60px|alt=|link=Omni-Gallery]]</div><div class="mp-card-text">[[Omni-Gallery]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Music Tile Do Icon.png|60x60px|alt=|link=Galactic Bazaar]]</div><div class="mp-card-text">[[Galactic Bazaar]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Hardy Craftsman Top Icon.png|60x60px|alt=|link=Dress Up]]</div><div class="mp-card-text">[[Dress Up]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Hexia Icon.png|60x60px|alt=|link=Galaxy]]</div><div class="mp-card-text">[[Galaxy|Galaxies]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Kabuto Beetle Icon.png|60x60px|alt=|link=Insect]]</div><div class="mp-card-text">[[Insect]]s</div></div><div class="mp-card"><div class="mp-card-image">[[File:Sanke Koi Icon.png|60x60px|alt=|link=Fish]]</div><div class="mp-card-text">[[Fish]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Bean-Shaped Fist Crab Icon.png|60x60px|alt=|link=Shore-Dweller]]</div><div class="mp-card-text">[[Shore-Dweller]]s</div></div><div class="mp-card"><div class="mp-card-image">[[File:Fresh Start Mint Bed Icon.png|60x60px|alt=|link=Furniture]]</div><div class="mp-card-text">[[Furniture]]</div></div><div class="mp-card"><div class="mp-card-image">[[File:Fragrant Fruit Fusion Tea Icon.png|60x60px|alt=|link=Dish]]</div><div class="mp-card-text">[[Dish]]es</div></div><div class="mp-card"><div class="mp-card-image">[[File:Wildgrass Icon.png|60x60px|alt=|link=Plant]]</div><div class="mp-card-text">[[Plant]]s</div></div><div class="mp-card"><div class="mp-card-image">[[File:Stone Icon.png|60x60px|alt=|link=Item]]</div><div class="mp-card-text">[[Item]]s</div></div>
</div>
</div>

</div>



<div class="mp-right">
<div class="mp-section">
<h2 class="mp-title">About ''Petit Planet''</h2>
''[[Petit Planet]]'' is an upcoming cosmic life simulation game developed and published by [[HoYoverse]]. The game is free-to-play and cross-platform.
</div>

<div class="mp-section">
<h2 class="mp-title">Official Links</h2>
<div class="mp-button-wrapper"><div class="mp-button"><div class="mp-icon mp-icon-hoyoverse">[https://planet.hoyoverse.com/ Official Website]</div></div><div class="mp-button"><div class="mp-icon mp-icon-hoyolab">[https://www.hoyolab.com/circles/10/100002/official Official HoYoLAB]</div></div><div class="mp-button"><div class="mp-icon mp-icon-discord">[https://discord.gg/petitplanetofficial Official Discord]</div></div><div class="mp-button"><div class="mp-icon mp-icon-youtube">[https://www.youtube.com/@PetitPlanetGame Official YouTube]</div></div><div class="mp-button"><div class="mp-icon mp-icon-reddit">[https://www.reddit.com/r/PetitPlanet/ Official Reddit]</div></div><div class="mp-button"><div class="mp-icon mp-icon-instagram">[https://www.instagram.com/petitplanetgame Official Instagram]</div></div><div class="mp-button"><div class="mp-icon mp-icon-x">[https://x.com/PetitPlanetGame Official X]</div></div><div class="mp-button"><div class="mp-icon mp-icon-tiktok">[https://www.tiktok.com/@petitplanet Official TikTok]</div></div><div class="mp-button"><div class="mp-icon mp-icon-facebook">[https://www.facebook.com/PetitPlanetGame Official Facebook]</div></div></div>
</div>

<div class="mp-section">
<h2 class="mp-title">Contributing</h2>
This wiki is written and maintained by the community. If you notice a page that could be improved, just click the '''"Edit"''' or '''"Edit source"''' button. Join the wiki's Discord for additional help, discussions, and feedback:

<div class="mp-button-wrapper"><div class="mp-button"><div class="mp-icon mp-icon-discord">[https://discord.gg/Tj9bvwYFxS Official Discord]</div></div></div>
</div>

</div>
</div>

</div>
[[Category:Petit Planet Wiki]]

User:Stevium/styles.css

2026-04-03T05:31:24Z

Stevium: Main Page test

/* Layout START */
.mp-wrapper {
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 6px;
}

.mp-wrapper > .mp-section {
width: 100%;
}

.mp-left,
.mp-right {
display: flex;
flex-direction: column;
gap: 6px;
}

.mp-inline-sections {
display: grid;
grid-template-columns: 1fr;
grid-template-areas: "site" "left" "right";
gap: 6px;
width: 100%;
}

.mp-left {
grid-area: left;
}
.mp-right {
grid-area: right;
}

@media screen and (min-width: 990px) {
.mp-inline-sections {
grid-template-columns: 2fr 1fr;
grid-template-rows: auto 1fr;
grid-template-areas: "left site" "left right";
}
}

/* Grow last tile in right column if left column is larger
.mp-right > :last-child {
flex: 1;
} */

.mp-left-row {
flex: 10 10 0;
}
/* Layout END */

/* Sections START */
.mp-section-center {
text-align: center;
}

.mp-section {
background-color: var(--background-color-1);
padding: 12px;
border-radius: 10px;
}

.mp-section-transparent {
padding: 0;
background-color: transparent;
}

.mp-section.mp-section-full {
width: 100%;
}

.mp-wrapper h2 {
font-size: 1.2em;
}

.mp-title {
border: none;
margin: 0;
padding: 0;
}
/* Sections END */

/* Button START */
.mp-button-wrapper {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
gap: 4px;
width: 100%;
}

.mp-button {
cursor: pointer;
user-select: none;
background-color: var(--background-color-2);
border-radius: 10px;
}

.mp-button:hover {
background: var(--background-color-3);
/* outline: 2px solid var(--color-accent);
outline-offset: -2px; */
}

.mp-button a {
text-indent: -9999px; /* pushes the link text out of view */
display: block;
height: 100%;
width: 100%;
}

.mp-icon {
background: var(--color-base);
mask: var(--icon-mask);
/*-webkit-mask: var(--icon-mask);*/
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
width: 100%;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
}

.mp-icon-hoyoverse {
--icon-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'><path fill='white' d='M38.995 15.048c-.89.06-1.77.098-2.654.231a25 25 0 0 0-8.652 2.971 25.35 25.35 0 0 0-7.641 6.706 24.7 24.7 0 0 0-4.105 8.259c-.792 2.83-1.12 5.87-.85 8.8.327 3.526 1.286 6.912 2.983 10.029 1.04 1.909 2.337 3.71 3.864 5.26 1.668 1.693 3.49 3.184 5.553 4.374 6.362 3.672 14.076 4.3 20.99 1.883 2.56-.894 5.441-2.174 6.762-4.684.64-1.219.742-2.563 1.034-3.884.29-1.31.777-2.59 1.386-3.785.706-1.385 1.46-2.707 1.984-4.179.126-.353.559-1.212.212-1.534-.282-.26-.561.126-.664.358-.334.752-.553 1.554-.893 2.307a20.24 20.24 0 0 1-7.216 8.52 20.26 20.26 0 0 1-8.75 3.237c-5.9.706-11.975-1.372-16.222-5.517-1.418-1.385-2.663-2.975-3.615-4.716-3.656-6.682-3.22-14.955 1.167-21.189a20.1 20.1 0 0 1 4.513-4.601 20.02 20.02 0 0 1 13.764-3.807c2.172.212 4.3.785 6.292 1.676 1.372.614 2.63 1.44 4.03 2 .988.394 2.007.68 3.048.895.705.146 1.423.216 2.114.425 1.071.323 1.983.98 2.741 1.79.232.247.638.94 1.06.768.236-.096.228-.371.154-.573-.168-.453-.511-.88-.784-1.276a24.8 24.8 0 0 0-4.105-4.611c-4.756-4.156-11.15-6.556-17.5-6.133m.148 6.244c-3.028.205-5.914 1-8.554 2.52a18.7 18.7 0 0 0-5.088 4.34 18.8 18.8 0 0 0-3.41 6.341c-2.148 6.955.05 14.833 5.55 19.623a19.1 19.1 0 0 0 6.488 3.711c2.112.705 4.456 1.077 6.685.935 2.967-.188 5.865-.943 8.455-2.432 2.043-1.175 3.862-2.693 5.34-4.532 4.713-5.868 5.499-14.304 1.806-20.894a19 19 0 0 0-4.393-5.29 18.8 18.8 0 0 0-6.096-3.395c-2.148-.715-4.517-1.081-6.783-.927m.245.783c2.128-.139 4.38.267 6.39.948a18 18 0 0 1 5.752 3.241 18 18 0 0 1 3.829 4.444c3.964 6.487 3.28 15.025-1.587 20.844a18.2 18.2 0 0 1-5.24 4.272 17.7 17.7 0 0 1-7.276 2.106c-2.383.15-4.765-.15-7.029-.922a18 18 0 0 1-5.555-3.076c-5.674-4.635-7.995-12.525-5.717-19.488a18 18 0 0 1 3.035-5.604 17.7 17.7 0 0 1 5.238-4.46c2.545-1.413 5.27-2.117 8.16-2.305m16.402 4.874c-.195.104-.203.331-.13.515.125.31.582.976.994.78.211-.1.213-.347.135-.537-.128-.31-.586-.979-1-.758m6.624 2.754c-.224.064-.265.317-.23.514.06.357.237.814.462 1.099.107.136.277.247.456.187.212-.07.236-.313.207-.503a2.6 2.6 0 0 0-.432-1.06c-.105-.145-.27-.292-.463-.237m-2.182 5.38c-.261-1.441-.836-2.863-1.466-4.179-.148-.307-.292-.692-.557-.919-.142-.122-.357-.18-.505-.033-.137.135-.113.343-.06.51.112.36.32.695.484 1.032.696 1.435 1.175 2.965 1.501 4.523.481 2.294.304 4.628.668 6.932.148.939.396 1.855.707 2.753.305.88.674 1.718.772 2.655.263 2.489-1.186 4.613-2.647 6.489-.505.649-1.17 1.227-1.613 1.917-.184.286-.145.764.31.647.43-.111.771-.627 1.048-.942a23.4 23.4 0 0 0 2.152-2.851c1.607-2.51 2.798-5.29 3.419-8.21.434-2.047.576-4.107.554-6.194a19 19 0 0 0-.18-2.262c-.058-.45-.101-.907-.286-1.327-.355-.808-1.167-1.362-2.04-1.443a2.4 2.4 0 0 0-.983.12c-.486.164-.863.496-1.278.782m2.458 13.47c-.208-.551-.242-1.157-.422-1.72-.478-1.497-1.038-2.903-1.255-4.474-.173-1.26-.123-2.523-.223-3.786-.09-1.15-.555-2.72.72-3.396.169-.089.352-.144.54-.168.195-.024.398-.022.59.014 1.446.267 1.448 2.112 1.526 3.256.242 3.538-.346 6.93-1.476 10.274'/></svg>");
}
.mp-icon-hoyolab {
--icon-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'><path fill='white' d='M26.246 63.8787C25.0962 61.886 24.2777 59.1786 24.2777 55.5007C24.2777 54.5567 24.3765 52.6956 24.6195 50.4113C23.6038 48.3744 21.9014 46.7306 19.7747 45.8074L19.6866 45.7691C18.533 45.2683 18.3504 43.6953 19.3582 42.9394L21.1656 41.5835C22.6853 40.4435 23.6811 38.73 23.9248 36.8357L24.0341 35.9862C24.2779 34.0911 26.8448 33.7299 27.5936 35.4854L27.887 36.1732C28.9069 33.9276 30.189 32.2704 31.7883 31.8013C33.162 31.3984 34.0271 33.3483 34.8047 35.101L34.8054 35.1027C34.86 35.2258 34.9144 35.3484 34.9683 35.4687C36.5828 34.2829 39.1757 33.0984 42.8462 32.6204C45.4508 32.2812 47.353 32.3699 48.7071 32.6984C49.7807 30.6408 51.6576 27.9372 53.6388 26.9197C57.1696 25.1064 58.1016 28.3043 58.9734 31.2958C59.4118 32.8001 59.835 34.2523 60.5659 34.9888C61.9706 36.4043 64.6351 39.1383 66.169 40.8827C65.7845 26.7629 54.2176 15.4347 40.0049 15.4347C25.5495 15.4347 13.831 27.1532 13.831 41.6087C13.831 51.0167 18.7947 59.2653 26.246 63.8787ZM54.8959 30.7097C55.2296 30.4051 55.6628 29.9292 55.4602 29.4495C55.2284 28.9007 54.4015 28.8665 53.7471 29.3682C52.2759 30.4963 51.5551 32.3788 51.4131 33.8487C51.3599 34.3996 51.5247 34.7597 51.9434 34.8257C52.362 34.8917 52.6238 34.5614 52.7697 34.1753C53.5468 32.119 54.187 31.3569 54.8959 30.7097ZM35.5033 38.6456C34.797 39.6182 35.2733 40.5619 36.1007 40.7533C41.8509 38.8984 47.9864 38.1378 48.7616 38.0662C49.5137 37.9967 49.6075 36.9306 49.31 36.2142C49.0124 35.4979 47.3757 34.6314 42.9746 35.2756C38.5735 35.9198 36.2095 37.673 35.5033 38.6456ZM49.1325 60.2072C57.0223 58.0724 60.7369 53.9441 59.7317 50.2133C57.9311 43.5307 50.148 41.513 42.9663 43.6058C35.0091 45.9246 32.1224 51.9154 33.5147 56.9967C35.3069 63.5371 42.3858 62.0327 49.1325 60.2072ZM26.5706 38.1757C26.3823 37.7617 25.7787 37.8329 25.6903 38.2796L25.5842 38.8162C25.228 40.6165 24.1894 42.2056 22.6892 43.2453L21.8926 43.7974C21.5839 44.0114 21.6391 44.4866 21.9884 44.6228L22.4364 44.7976C24.3984 45.5629 25.9141 47.1789 26.5628 49.1972L27.1589 51.0517C27.316 51.5404 28.0255 51.4567 28.0664 50.9446L28.2361 48.8212C28.3968 46.8101 29.4045 44.965 31.0039 43.7531L31.3233 43.5111C31.6086 43.2949 31.5568 42.8487 31.2297 42.7048L30.4258 42.3512C28.8508 41.6584 27.5841 40.4046 26.8678 38.8293L26.5706 38.1757ZM25.1451 44.6342C25.8098 44.3438 26.268 43.7293 26.5255 43.3191C26.6655 43.0961 26.7733 42.8888 26.8464 42.7372C27.1086 42.1929 27.1159 41.5624 26.5 41.2979C25.8421 41.0154 25.5185 41.5823 25.2314 42.0854L25.2314 42.0854L25.2314 42.0854C25.1805 42.1747 25.1307 42.2619 25.0804 42.342C24.866 42.6835 24.6443 42.9109 24.4758 42.9845C24.0369 43.1763 23.8308 43.7011 24.0157 44.1567C24.2005 44.6122 24.7062 44.826 25.1451 44.6342ZM52.1476 47.6257C52.573 48.2529 52.5029 49.09 51.9083 49.5567L51.9047 49.5596L51.8873 49.5733C51.8713 49.5862 51.8464 49.6061 51.8142 49.6324C51.7495 49.685 51.6557 49.7626 51.5432 49.8589C51.316 50.0534 51.023 50.3154 50.7439 50.5967C50.6414 50.7 50.5464 50.8002 50.4606 50.8958C50.5852 50.9248 50.7199 50.9524 50.8625 50.9781C51.2509 51.0482 51.6398 51.0945 51.9364 51.1232C52.0833 51.1375 52.2043 51.1471 52.2871 51.1531C53.0614 51.209 53.7413 51.7692 53.6973 52.6082C53.6574 53.3673 53.0145 53.9501 52.2619 53.9099C52.0661 53.8989 51.8705 53.8824 51.6753 53.8635C51.3343 53.8304 50.867 53.7755 50.3817 53.6879C49.9098 53.6027 49.3577 53.4758 48.8757 53.28C48.6349 53.1821 48.3589 53.0463 48.1076 52.8528C47.8621 52.6637 47.5467 52.3468 47.3969 51.865C47.247 51.3832 47.3264 50.9414 47.4209 50.6447C47.5175 50.3412 47.6671 50.0707 47.8094 49.8517C48.0941 49.4133 48.4755 48.9911 48.8146 48.6493C49.2537 48.2069 49.722 47.746 50.2321 47.3841C50.8478 46.9473 51.7304 47.0106 52.1476 47.6257ZM40.7664 49.3267C41.6159 49.2361 42.3774 49.8572 42.4673 50.7139C42.6221 52.1901 42.9927 53.747 43.7094 54.8178C44.1873 55.5319 44.0007 56.5015 43.2927 56.9835C42.5846 57.4655 41.6232 57.2773 41.1453 56.5632C40.0034 54.857 39.5636 52.6882 39.391 51.0421C39.3011 50.1854 39.9169 49.4174 40.7664 49.3267Z'/></svg>");
}
.mp-icon-discord {
--icon-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'><path fill='white' d='M55.91 25.549c-3.028-1.405-6.199-2.378-9.442-2.919-0.433 0.793-0.864 1.621-1.225 2.451-3.459-0.54-7.027-0.54-10.488 0-0.36-0.83-0.757-1.658-1.225-2.451-3.279 0.54-6.451 1.55-9.478 2.919-5.946 8.865-7.568 17.479-6.776 25.984v0c3.495 2.595 7.424 4.542 11.605 5.839 0.937-1.261 1.767-2.595 2.487-4.001-1.37-0.504-2.667-1.117-3.929-1.874 0.324-0.253 0.65-0.47 0.973-0.721 7.351 3.459 15.858 3.459 23.172 0 0.324 0.253 0.648 0.504 0.973 0.721-1.261 0.721-2.558 1.37-3.929 1.874 0.721 1.405 1.55 2.739 2.487 4.001 4.181-1.261 8.108-3.244 11.605-5.803v0c0.937-9.911-1.621-18.453-6.811-26.020zM32.413 46.307c-2.271 0-4.145-2.054-4.145-4.577s1.802-4.577 4.109-4.577 4.181 2.054 4.145 4.577-1.838 4.577-4.109 4.577zM47.621 46.307c-2.271 0-4.109-2.054-4.109-4.577s1.802-4.577 4.109-4.577 4.145 2.054 4.109 4.577-1.802 4.577-4.109 4.577z'/></svg>");
}
.mp-icon-youtube {
--icon-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'><path fill='white' d='M60.042 31.82c0 0-0.4-2.819-1.629-4.058-1.558-1.629-3.299-1.637-4.098-1.733-5.719-0.415-14.307-0.415-14.307-0.415h-0.015c0 0-8.588 0-14.307 0.415-0.799 0.096-2.54 0.104-4.098 1.733-1.231 1.238-1.622 4.058-1.622 4.058s-0.408 3.308-0.408 6.622v3.099c0 3.307 0.408 6.622 0.408 6.622s0.4 2.819 1.622 4.058c1.558 1.629 3.603 1.574 4.513 1.75 3.276 0.312 13.907 0.408 13.907 0.408s8.595-0.015 14.315-0.423c0.799-0.096 2.541-0.104 4.098-1.733 1.229-1.238 1.629-4.058 1.629-4.058s0.408-3.307 0.408-6.622v-3.099c-0.008-3.308-0.415-6.622-0.415-6.622zM35.775 45.304v-11.495l11.048 5.768-11.048 5.727z'/></svg>");
}
.mp-icon-reddit {
--icon-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'><path fill='white' d='M59.007 38.939c0 1.655-0.933 3.076-2.313 3.776 0.169 0.658 0.255 1.337 0.255 2.036 0 6.703-7.573 12.134-16.907 12.134-9.313 0-16.885-5.431-16.885-12.134 0-0.679 0.085-1.357 0.234-1.995-1.422-0.701-2.397-2.142-2.397-3.819 0-2.332 1.888-4.221 4.221-4.221 1.21 0 2.291 0.509 3.076 1.337 2.864-1.995 6.681-3.288 10.924-3.436l2.46-11.052c0.085-0.381 0.489-0.636 0.87-0.552l7.828 1.718c0.509-1.019 1.59-1.739 2.822-1.739 1.761 0 3.183 1.422 3.183 3.161 0 1.761-1.422 3.183-3.183 3.183-1.739 0-3.161-1.422-3.161-3.161l-7.086-1.571-2.207 10.013c4.264 0.127 8.125 1.4 11.009 3.395 0.764-0.807 1.846-1.294 3.034-1.294 2.332 0 4.221 1.888 4.221 4.221zM29.859 43.161c0 1.761 1.422 3.183 3.161 3.183 1.761 0 3.183-1.422 3.183-3.183 0-1.739-1.422-3.161-3.183-3.161-1.739 0-3.161 1.422-3.161 3.161zM47.043 50.691c0.318-0.318 0.318-0.785 0-1.103-0.297-0.297-0.785-0.297-1.082 0-1.273 1.294-4.009 1.739-5.961 1.739s-4.688-0.446-5.961-1.739c-0.297-0.297-0.785-0.297-1.082 0-0.318 0.297-0.318 0.785 0 1.103 2.015 2.015 5.898 2.164 7.043 2.164s5.028-0.149 7.043-2.164zM46.98 46.344c1.739 0 3.161-1.422 3.161-3.183 0-1.739-1.422-3.161-3.161-3.161-1.761 0-3.183 1.422-3.183 3.161 0 1.761 1.422 3.183 3.183 3.183z'/></svg>");
}
.mp-icon-x {
--icon-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'><path fill='white' d='M43.969 36.923l13.507-15.582h-3.2l-11.728 13.53-9.366-13.53h-10.804l14.165 20.46-14.165 16.34h3.2l12.385-14.288 9.892 14.288h10.804l-14.69-21.218zM39.585 41.981l-12.854-18.249h4.916l22.629 32.126h-4.916l-9.775-13.878z'/></svg>");
}
.mp-icon-instagram {
--icon-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'><path fill='white' d='M40.291 24.010c5.117 0 5.698 0 7.733 0.116 1.86 0.058 2.849 0.407 3.547 0.639 0.872 0.349 1.512 0.756 2.209 1.453s1.105 1.279 1.453 2.209c0.232 0.698 0.581 1.686 0.639 3.547 0.116 2.035 0.116 2.616 0.116 7.733s0 5.698-0.116 7.733c-0.058 1.86-0.407 2.849-0.639 3.547-0.349 0.872-0.756 1.512-1.453 2.209s-1.279 1.105-2.209 1.453c-0.698 0.232-1.686 0.581-3.547 0.639-2.035 0.116-2.616 0.116-7.733 0.116s-5.698 0-7.733-0.116c-1.86-0.058-2.849-0.407-3.547-0.639-0.872-0.349-1.512-0.756-2.209-1.453s-1.105-1.279-1.453-2.209c-0.232-0.698-0.581-1.686-0.639-3.547-0.116-2.035-0.116-2.616-0.116-7.733s0-5.698 0.116-7.733c0.058-1.86 0.407-2.849 0.639-3.547 0.349-0.872 0.756-1.512 1.453-2.209s1.279-1.105 2.209-1.453c0.698-0.232 1.686-0.581 3.547-0.639 2.035-0.058 2.616-0.116 7.733-0.116zM40.291 20.58c-5.175 0-5.814 0-7.85 0.116s-3.43 0.407-4.651 0.872c-1.279 0.465-2.326 1.163-3.372 2.209s-1.744 2.151-2.209 3.372c-0.465 1.221-0.814 2.616-0.872 4.651-0.116 2.035-0.116 2.675-0.116 7.907s0 5.814 0.116 7.85c0.116 2.035 0.407 3.43 0.872 4.651 0.465 1.279 1.163 2.326 2.209 3.372s2.151 1.744 3.372 2.209c1.221 0.465 2.616 0.814 4.651 0.872 2.035 0.116 2.675 0.116 7.85 0.116s5.814 0 7.85-0.116c2.035-0.116 3.43-0.407 4.651-0.872 1.279-0.465 2.326-1.163 3.372-2.209s1.744-2.151 2.209-3.372c0.465-1.221 0.814-2.616 0.872-4.651 0.116-2.035 0.116-2.675 0.116-7.85s0-5.814-0.116-7.85c-0.116-2.035-0.407-3.43-0.872-4.651-0.465-1.279-1.105-2.326-2.209-3.372-1.046-1.046-2.151-1.744-3.372-2.209s-2.616-0.814-4.651-0.872c-2.035-0.116-2.675-0.175-7.85-0.175 0 0 0 0 0 0zM40.291 29.883c-5.407 0-9.826 4.419-9.826 9.826s4.419 9.826 9.826 9.826 9.826-4.419 9.826-9.826-4.419-9.826-9.826-9.826zM40.291 46.047c-3.489 0-6.338-2.849-6.338-6.338s2.849-6.338 6.338-6.338 6.338 2.849 6.338 6.338-2.849 6.338-6.338 6.338zM52.792 29.476c0 1.279-1.046 2.268-2.268 2.268s-2.268-1.046-2.268-2.268 0.988-2.268 2.209-2.268 2.326 1.046 2.326 2.268z'/></svg>");
}
.mp-icon-tiktok {
--icon-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'><path fill='white' d='M56.397 36.63c-0.011 0-0.024 0-0.038 0-3.36 0-6.468-1.077-8.998-2.906l0.045 0.032v13.087c-0.003 6.571-5.331 11.898-11.903 11.898-6.574 0-11.903-5.328-11.903-11.903s5.328-11.903 11.903-11.903c0.577 0 1.144 0.040 1.697 0.12l-0.064-0.007v6.581c-0.49-0.16-1.054-0.252-1.639-0.252-3.018 0-5.464 2.446-5.464 5.464s2.446 5.464 5.464 5.464c3.018 0 5.464-2.446 5.464-5.464 0 0 0 0 0 0v0-25.583h6.443c0 0.022 0 0.047 0 0.073 0 0.548 0.049 1.084 0.144 1.605l-0.009-0.055c0.476 2.479 1.919 4.552 3.914 5.853l0.035 0.022c1.38 0.924 3.077 1.475 4.904 1.475 0 0 0.002 0 0.002 0v0z'/></svg>");
}
.mp-icon-facebook {
--icon-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'><path fill='white' d='M44.278 26.336h6.577v-7.854h-6.577c-5.044 0-9.194 4.086-9.194 9.194v3.959h-5.236v7.854h5.236v20.943h7.854v-21.007h6.577l1.341-7.854h-7.917v-3.959c0-0.702 0.575-1.277 1.341-1.277z'/></svg>");
}
/* Button END */

/* Navigation START */
.mp-navigation-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 6px;
margin: auto;
--icon-base-width: 90px;
--icon-max-width: 225px;
}

/* Responsive icon size */
@media screen and (min-width: 1500px) {
.mp-card-navigation {
--icon-base-width: 6vw;
}
}
@media screen and (max-width: 950px) {
.mp-navigation.mp-card-navigation {
--icon-base-width: 70px;
--icon-max-width: 100px;
}
}

.mp-card {
flex: 1 auto;
width: var(--icon-base-width);
max-width: var(--icon-max-width);
display: flex;
flex-direction: column;
background: var(--background-color-1);
border-radius: 10px;
}

.mp-card-text {
position: relative;
cursor: pointer;
user-select: none;
text-align: center;
background-color: var(--background-color-2);
color: var(--color-base);
border-radius: 0 0 10px 10px;
flex: 1;
font-size: 1em;
padding: 0.25em;
}

.mp-card-text a,
.mp-card-text a:hover {
text-decoration: none;
/* color: var(--color-base); */
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.mp-card-image {
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px 10px 0 0;
}

.mp-card:hover {
background-color: var(--background-color-1b);
}

.mp-card:hover .mp-card-image {
background-color: var(--background-color-2);
}

.mp-card:hover .mp-card-text {
background-color: var(--background-color-3);
}

.mp-card-image a {
padding: 12px 0;
}

.mp-card-image a,
.mp-card-image span {
display: block;
width: 100%;
height: 100%;
text-align: center;
}

.mp-card-image img {
max-width: unset !important;
width: 60px !important;
height: 60px !important;
object-fit: contain;
}

@media screen and (max-width: 950px) {
.mp-card-text {
font-size: 12px;
}

.mp-card-image a {
padding: 6px 0;
}

.mp-card-image img {
width: 50px !important;
height: 50px !important;
}
}
/* Navigation END */

/* Highlight START */
.mp-highlight-wrapper {
display: flex;
flex-wrap: wrap;
gap: 8px;
}

.mp-highlight {
flex: 1 1 0;
min-width: 300px;
min-height: calc(150px + 5vh);
max-height: 300px;
position: relative;
padding: 0;
}

.mp-highlight-image {
position: absolute;
inset: 0;
}

.mp-highlight-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 10px;
}
/* Highlight END */

MediaWiki:Vector-2022.css

2026-04-03T05:26:52Z

Stevium: Moved background image to only appear in the header. Fixed (hopefully all) menu and icon overflow issues on smaller window widths

/* CSS placed here will be loaded for the Vector-2022 skin.
* See [[MediaWiki:Common.css]] for CSS loaded for all skins.
* See [[MediaWiki:Citizen.css]] for CSS loaded for the mobile skin.
*/
/*=====================*
| CODEX DESIGN TOKENS |
*=====================*/
@media screen {
/* Day, Light */
:root,
.skin-invert,
.notheme {
/* Colors */
--color-base: #5a4a3c;
--color-base-fixed: #5a4a3c;
--color-base--hover: #6e6052;
--color-emphasized: #45392e;
--color-subtle: #705d4c;
--color-base--subtle: #705d4c; /* deprecated */
--color-placeholder: #82756a;
--color-disabled: #82756a;
--color-inverted: #fefff2;
--color-inverted-fixed: #f6f9dd;
--color-progressive: #21669a;
--color-progressive--hover: #4b77d6;
--color-progressive--active: #233566;
--color-progressive--focus: #21669a;
--color-destructive: #d73333;
--color-destructive--hover: #fc493b;
--color-destructive--active: #9f3526;
--color-destructive--focus: #21669a;
--color-visited: #6a60b0;
--color-destructive--visited: #9f5555;
--color-error: #d73333;
--color-warning: #eeb533;
--color-success: #177860;
--color-notice: #5a4a3c;
--color-content-added: #006400;
--color-content-removed: #d73333;
/* Filters */
--filter-invert-icon: 0;
--filter-invert-primary-button-icon: 1;
/* Box shadow colors */
--box-shadow-color-base: #0b0d19;
--box-shadow-color-progressive--active: #233566;
--box-shadow-color-progressive--focus: #21669a;
--box-shadow-color-progressive-selected: #21669a;
--box-shadow-color-progressive-selected--hover: #4b77d6;
--box-shadow-color-progressive-selected--active: #233566;
--box-shadow-color-destructive--focus: #21669a;
--box-shadow-color-inverted: #fffeef;
--box-shadow-color-transparent: transparent;
/* Background colors */
--background-color-base: #f6f9dd;
--background-color-base-fixed: #f6f9dd;
--background-color-neutral: #fefdde;
--background-color-neutral-subtle: #e8ebd0;
--background-color-interactive: #fefdde;
--background-color-interactive-subtle: #e8ebd0;
--background-color-disabled: #c4c4c4;
--background-color-disabled-subtle: #d5d5d5;
--background-color-inverted: #45392e;
--background-color-progressive: #21669a;
--background-color-progressive--hover: #4b77d6;
--background-color-progressive--active: #233566;
--background-color-progressive--focus: #21669a;
--background-color-progressive-subtle: #f1f4fd;
--background-color-destructive: #d73333;
--background-color-destructive--hover: #fc493b;
--background-color-destructive--active: #9f3526;
--background-color-destructive--focus: #21669a;
--background-color-destructive-subtle: #ffe9e5;
--background-color-error: #d73333;
--background-color-error--hover: #fc493b;
--background-color-error--active: #9f3526;
--background-color-error-subtle: #ffe9e5;
--background-color-warning-subtle: #fdf2d5;
--background-color-success-subtle: #dff2eb;
--background-color-notice-subtle: #fefdde;
--background-color-content-added: #a3d3ff;
--background-color-content-removed: #ffe49c;
--background-color-transparent: transparent;
--background-color-backdrop-light: rgba(255,255,255,0.65);
--background-color-backdrop-dark: rgba(0,0,0,0.65);
--background-color-button-quiet--hover: rgba(0,24,73,0.027);
--background-color-button-quiet--active: rgba(0,24,73,0.082);
--background-color-input-binary--checked: #21669a;
--background-color-tab-list-item-framed--hover: rgba(255,255,255,0.3);
--background-color-tab-list-item-framed--active: rgba(255,255,255,0.65);
--background-color-header: linear-gradient(90deg,rgba(222, 185, 78, 1) 0%, rgba(222, 185, 78, 1) 100%);
/* Opacity */
--opacity-icon-base: 0.87;
--opacity-icon-base--hover: 0.74;
--opacity-icon-base--selected: 1;
--opacity-icon-base--disabled: 0.51;
--opacity-icon-placeholder: 0.51;
--opacity-icon-subtle: 0.67;
/* Border colors */
--border-color-base: #aaa29c;
--border-color-subtle: #b6b0ab;
--border-color-muted: #d2cac4;
--border-color-interactive: #82756a;
--border-color-disabled: #b6b0ab;
--border-color-inverted: #f6f9dd;
--border-color-progressive: #21669a;
--border-color-progressive--hover: #4b77d6;
--border-color-progressive--active: #233566;
--border-color-progressive--focus: #21669a;
--border-color-destructive: #d73333;
--border-color-destructive--hover: #fc493b;
--border-color-destructive--active: #9f3526;
--border-color-destructive--focus: #21669a;
--border-color-error: #9f3526;
--border-color-error--hover: #fc493b;
--border-color-warning: #987027;
--border-color-success: #196551;
--border-color-notice: #705d4c;
--border-color-content-added: #a3d3ff;
--border-color-content-removed: #ffe49c;
--border-color-transparent: transparent;
--border-color-divider: #aaa29c;
--outline-color-progressive--focus: #21669a;
--border-color-input--hover: var(--border-color-interactive);
--border-color-input-binary: var(--border-color-interactive);
--border-color-input-binary--hover: var(--border-color-progressive--hover);
--border-color-input-binary--active: var(--border-color-progressive--active);
--border-color-input-binary--focus: var(--border-color-progressive--focus);
--border-color-input-binary--checked: var(--border-color-progressive);
/* Link colors */
--color-link-red: var(--color-destructive);
--color-link-red--hover: var(--color-destructive--hover);
--color-link-red--active: var(--color-destructive--active);
--color-link-red--focus: var(--color-destructive--focus);
--color-link-red--visited: var(--color-destructive--visited);
--external-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path fill='%2321669a' d='M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1Z M2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/></svg>");
}

/* Night, Dark */
:root.skin-theme-clientpref-night {
color-scheme: dark;
/* Colors */
--color-base: #fefdde;
--color-base-fixed: #fefdde;
--color-base--hover: #f8f7e3;
--color-emphasized: #f8f7e3;
--color-subtle: #fafaea;
--color-base--subtle: #fafaea; /* deprecated */
--color-placeholder: #656985;
--color-disabled: #656985;
--color-inverted: #0d0f1e;
--color-progressive: #71bed7;
--color-progressive--hover: #5689dc;
--color-progressive--active: #3e72c6;
--color-destructive: #fd7865;
--color-destructive--hover: #fea898;
--color-destructive--active: #ffc8bd;
--color-visited: #a799cd;
--color-destructive--visited: #c99391;
--color-error: #fd7865;
--color-warning: #fecc44;
--color-success: #2cb491;
--color-notice: #f8f7e3;
--color-content-added: #80cdb3;
--color-content-removed: #fd7865;
/* Box shadow colors */
--box-shadow-color-base: #fffeef;
--box-shadow-color-progressive--focus: #6b8edf;
--box-shadow-color-destructive--focus: #6b8edf;
--box-shadow-color-inverted: #0b0d19;
/* Background colors */
--background-color-base: #0d0f1e;
--background-color-neutral: #16192a;
--background-color-neutral-subtle: #1d1f2e;
--background-color-interactive: #16192a;
--background-color-interactive-subtle: #1d1f2e;
--background-color-disabled: #292c41;
--background-color-disabled-subtle: #2c2f3e;
--background-color-inverted: #f8f7e3;
--background-color-progressive--focus: #6b8edf;
--background-color-progressive-subtle: #233566;
--background-color-destructive--focus: #6b8edf;
--background-color-destructive-subtle: #612419;
--background-color-error: #fc493b;
--background-color-error--hover: #fd7865;
--background-color-error--active: #fea898;
--background-color-error-subtle: #612419;
--background-color-warning-subtle: #453217;
--background-color-success-subtle: #153d31;
--background-color-notice-subtle: #16192a;
--background-color-content-added: #233566;
--background-color-content-removed: #453217;
--background-color-backdrop-light: rgba(0,0,0,0.65);
--background-color-backdrop-dark: rgba(255,255,255,0.65);
--background-color-header: linear-gradient(90deg,rgba(18, 47, 65, 1) 0%, rgba(18, 47, 65, 1) 50%, rgba(18, 23, 53, 1) 51%, rgba(18, 23, 53, 1) 100%);
/* Border colors */
--border-color-base: #424663;
--border-color-subtle: #292c41;
--border-color-muted: #2c2f3e;
--border-color-interactive: #6f6f77;
--border-color-disabled: #292c41;
--border-color-inverted: #0d0f1e;
--border-color-progressive--focus: #6b8edf;
--border-color-destructive--focus: #6b8edf;
--border-color-error: #fc493b;
--border-color-error--hover: #fd7865;
--border-color-warning: #fecc44;
--border-color-success: #2cb491;
--border-color-notice: #c8ccd1;
--border-color-content-added: #233566;
--border-color-content-removed: #987027;
/* Link colors */
--external-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path fill='%2371bed7' d='M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1Z M2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/></svg>");
}
}

/* Auto, OS */
@media screen and (prefers-color-scheme: dark) {
:root.skin-theme-clientpref-os {
/* Colors */
--color-base: #fefdde;
--color-base-fixed: #fefdde;
--color-base--hover: #f8f7e3;
--color-emphasized: #f8f7e3;
--color-subtle: #fafaea;
--color-base--subtle: #fafaea; /* deprecated */
--color-placeholder: #656985;
--color-disabled: #656985;
--color-inverted: #0d0f1e;
--color-progressive: #71bed7;
--color-progressive--hover: #5689dc;
--color-progressive--active: #3e72c6;
--color-destructive: #fd7865;
--color-destructive--hover: #fea898;
--color-destructive--active: #ffc8bd;
--color-visited: #a799cd;
--color-destructive--visited: #c99391;
--color-error: #fd7865;
--color-warning: #fecc44;
--color-success: #2cb491;
--color-notice: #f8f7e3;
--color-content-added: #80cdb3;
--color-content-removed: #fd7865;
/* Box shadow colors */
--box-shadow-color-base: #fffeef;
--box-shadow-color-progressive--focus: #6b8edf;
--box-shadow-color-destructive--focus: #6b8edf;
--box-shadow-color-inverted: #0b0d19;
/* Background colors */
--background-color-base: #0d0f1e;
--background-color-neutral: #16192a;
--background-color-neutral-subtle: #1d1f2e;
--background-color-interactive: #16192a;
--background-color-interactive-subtle: #1d1f2e;
--background-color-disabled: #292c41;
--background-color-disabled-subtle: #2c2f3e;
--background-color-inverted: #f8f7e3;
--background-color-progressive--focus: #6b8edf;
--background-color-progressive-subtle: #233566;
--background-color-destructive--focus: #6b8edf;
--background-color-destructive-subtle: #612419;
--background-color-error: #fc493b;
--background-color-error--hover: #fd7865;
--background-color-error--active: #fea898;
--background-color-error-subtle: #612419;
--background-color-warning-subtle: #453217;
--background-color-success-subtle: #153d31;
--background-color-notice-subtle: #16192a;
--background-color-content-added: #233566;
--background-color-content-removed: #453217;
--background-color-backdrop-light: rgba(0,0,0,0.65);
--background-color-backdrop-dark: rgba(255,255,255,0.65);
--background-color-header: linear-gradient(90deg,rgba(18, 47, 65, 1) 0%, rgba(18, 47, 65, 1) 50%, rgba(18, 23, 53, 1) 51%, rgba(18, 23, 53, 1) 100%);
/* Border colors */
--border-color-base: #424663;
--border-color-subtle: #292c41;
--border-color-muted: #2c2f3e;
--border-color-interactive: #6f6f77;
--border-color-disabled: #292c41;
--border-color-inverted: #0d0f1e;
--border-color-progressive--focus: #6b8edf;
--border-color-destructive--focus: #6b8edf;
--border-color-error: #fc493b;
--border-color-error--hover: #fd7865;
--border-color-warning: #fecc44;
--border-color-success: #2cb491;
--border-color-notice: #c8ccd1;
--border-color-content-added: #233566;
--border-color-content-removed: #987027;
/* Link colors */
--external-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path fill='%2371bed7' d='M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1Z M2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/></svg>");
}
}

/*================*
| PAGE CONTAINER |
*================*/
.mw-page-container {
border-radius: 40px;
margin-top: 0.5rem;
}

.mw-footer-container {
padding-bottom: 2rem;
}

/*============*
| TYPOGRAPHY |
*============*/
/* Headings */
.mw-body h1 {
font-size: 2rem;
}

.mw-body h2 {
border-color: var(--border-color-base);
border-width: 2px;
}

.mw-body h3 {
font-weight: normal;
}

/* Code blocks */
pre {
border-radius: 10px;
border: none;
}

.mw-highlight {
border-radius: 10px;
}

/* Links */
a,
a:visited,
.vector-menu-tabs .mw-list-item a:visited,
.vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited,
.vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited {
color: var(--color-progressive);
}

.mw-parser-output a.external {
background-image: var(--external-icon);
}

/*========*
| HEADER |
*========*/
.mw-header {
margin-top: 0 !important;
grid-template: auto / 17rem minmax(0,1fr);
grid-template-areas: 'headerStart headerEnd';
}

.mw-header,
.vector-header-container .mw-header,
.vector-header-container .vector-sticky-header {
background: var(--background-image);
background-origin: border-box;
background-position: 100% 2%;
background-size: cover;
}

.vector-header-container {
background: var(--background-color-header);
}

.vector-header-container .vector-sticky-header {
border: 0;
}

.vector-sticky-header-context-bar {
border-color: var(--color-base);
}

@media screen and (max-width: 750px) {
.vector-header-start,
.vector-header-end {
width: 100%;
}
.vector-header {
flex-flow: column;
}
}

/*=================*
| HEADER CONTENTS |
*=================*/
/* Search bar */
@media screen and (min-width: 1120px) {
#p-search {
display: flex;
justify-content: center;
align-items: center
}
}

.cdx-search-input--has-end-button {
background-color: transparent;
border: none;
}

.cdx-text-input__input {
border-radius: 20px;
}

.ns-special .mw-body-content .cdx-text-input__input {
border-radius: 0;
}

.cdx-search-input__input-wrapper {
margin-right: 10px !important;
}

.cdx-typeahead-search {
.cdx-button:enabled,
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--color-accent);
color: var(--color-accent-text);
border-radius: 20px;
}

.skin-theme-clientpref-day & {
.cdx-button:enabled,
.cdx-button.cdx-button--fake-button--enabled {
background-color: #FFED76;
}
}
}

#searchform > div > button,
#searchform > button {
border: 1px solid var(--color-accent);

&:hover {
border-color: var(--color-progressive);
}
}

/* Language selector */
#ca-uls {
background: var(--background-color-2);
border-radius: 20px;

& > a {
border-radius: 20px;

&:hover {
border-color: var(--color-progressive);
}
}
}

@media screen and (max-width: 850px) {
#ca-uls {
display: none;
}
}

/* Buttons */
input:focus:not(:active) + .cdx-button:not(.cdx-button--action-progressive) {
box-shadow: none;
background: var(--background-color-2);
border-radius: 20px;
}

#pt-notifications-alert > a,
#pt-notifications-notice > a,
#pt-watchlist-2 > a {
border-radius: 20px !important;
}

/* Logged in */
#pt-userpage-2 a:not(.mw-selflink) {
color: var(--color-base);
font-weight: 700;
}

/* Logged out */
#pt-createaccount-2 > a,
#pt-login-2 > a {
color: var(--color-base);
font-weight: 700;
background: var(--background-color-2);
padding: 7px 14px;
border-radius: 20px;
border: 1px solid var(--background-color-2);

&:hover {
text-decoration: none;
background: var(--background-color-3);
border-color: var(--color-progressive);
}
}

/*=========*
| SIDEBAR |
*=========*/
/* Hide print and permalink links */
#t-print,
#t-permalink {
display: none;
}

/* Format Wiki Discord link */
/* Adapted from Runescape Wiki */
#n-Wiki-Discord a {
color: white;
font-size: 12px;
width: fit-content;
border-radius: 6px;
background: linear-gradient(to right, oklch(0.55 0.21 274) 0%, oklch(0.55 0.21 274) 27%, oklch(0.62 0.21 274) 27%, oklch(0.62 0.21 274) 100%);
display: block;
position: relative;
padding: 4px 7px 5px calc(17px + 10px * 2);
box-shadow: 0 2px 3px rgba(0,0,0,0.1);
transition: 0.2s ease;
}

#n-Wiki-Discord a::before {
content: '';
margin-left: 1px;
}

#n-Wiki-Discord a::after {
content: '';
background: url(https://runescape.wiki/images/Discord_logo_icon.svg?62c64) no-repeat;
background-size: 17px 13px;
filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));
position: absolute;
top: 5px;
left: 7px;
width: 17px;
height: 13px;
}

#n-Wiki-Discord a:hover {
text-decoration: none;
background: linear-gradient(to right, oklch(0.51 0.21 274) 0%, oklch(0.51 0.21 274) 27%, oklch(0.58 0.21 274) 27%, oklch(0.58 0.21 274) 100%);
}

/* Hide the Vector-2022 "switch back" link in sidebar */
.vector-main-menu-action-opt-out {
display: none;
}

/* Radio (binary input) buttons */
.cdx-radio__input:enabled:checked + .cdx-radio__icon {
border-color: var(--color-progressive);
}

.cdx-radio__icon {
background-color: var(--background-color-2);
}

/* Pinned containers */
.vector-pinned-container {
padding-top: 1rem;
padding-bottom: 1rem;
border-radius: 20px;
background: var(--background-color-1);
}

.vector-sticky-pinned-container::after {
background: none;
}

.vector-pinnable-header-label {
font-family: "Inter" !important;
font-weight: bold;
}

.vector-pinnable-header,
.vector-pinnable-element .vector-menu-heading {
border-bottom: 1px solid var(--border-color-base);
}

/*================*
| TOP NAVIGATION |
*================*/
/* Remove title bar */
.vector-page-titlebar::after {
height: 0;
}

/* Dropdowns */
.vector-dropdown-content {
border-radius: 20px;
border: 1px solid var(--border-color-base);
}

.vector-page-tools-dropdown {
background: var(--background-color-2);
border-radius: 20px;

&:hover {
background: var(--background-color-3);
}

#vector-page-tools-dropdown-label {
font-weight: 700;
padding: 0 14px;
border-radius: 20px;
}
}

.vector-pinnable-header-toggle-button {
background-color: var(--background-color-3);
border-radius: 10px;

&:hover {
background-color: var(--background-color-4);
}
}

/* Toolbar */
.vector-page-toolbar-container {
box-shadow: none;
align-items: center;
}

.vector-menu-tabs .mw-list-item.vector-tab-noicon,
.vector-page-toolbar-container .vector-dropdown {
margin: 0 5px;
}

#left-navigation,
#p-views {
.vector-menu-content-list li a {
color: var(--color-base);
background-color: var(--background-color-2);
padding: 7px 14px;
border-radius: 20px;
border: 0;
font-weight: 700;

&:hover {
background-color: var(--background-color-3);
text-decoration: none;
}
}

.vector-menu-tabs .mw-list-item.selected a,
.selected a {
background-color: var(--color-accent) !important;
color: var(--color-accent-text) !important;
}
}

#left-navigation {
min-width: 186px;
}

@media screen and (max-width: 685px) {
#ca-history {
display: none;
}
}

/* Watch button */
#p-views .vector-menu-content-list {
#ca-watch,
#ca-unwatch {
& > a {
margin: 0 5px;
padding: 0;
}
}
}

/*==============*
| CONTENT BODY |
*==============*/
/* Edit section buttons */
.mw-editsection {
.mw-editsection-bracket {
display: none !important;
}

a {
background-color: var(--background-color-2);
color: var(--color-base);
padding: 2px 8px;
border-radius: 10px;

&:hover {
text-decoration: none;
background-color: var(--background-color-3);
}
}
}

/* Categories */
.catlinks {
border-radius: 10px;
border: none;
background-color: var(--background-color-1);
padding: 10px 20px;
}

/*===============*
| MISCELLANEOUS |
*===============*/
/* Fix for UI widgets like "Search and replace" and "Insert table" */
body .ui-dialog .ui-widget-header {
font-size: 1rem;
color: var(--color-emphasized);
background: var(--background-color-3) !important;
border-color: var(--border-color-subtle);
}

.ui-widget-content {
color: var(--color-base);
border-color: var(--border-color-base);
background: var(--background-color-1);
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
color: var(--color-base);
background: var(--background-color-2) !important;
border-color: var(--border-color-base) !important;

&:hover {
color: var(--color-base);
background: var(--background-color-4) !important;
border-color: var(--border-color-base) !important;
}
}

input {
border-radius: 3px;
border: 1px solid var(--border-color-subtle);
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea {
padding: 0.25em 0.5em;
line-height: 100%;
color: var(--color-emphasized);
background-color: transparent;
border-color: var(--border-color-interactive);
}

.ui-widget input:focus,
.ui-widget select:focus,
.ui-widget textarea:focus {
outline: 0;
border-color: var(--color-progressive);
box-shadow: inset 0 0 0 1px var(--color-progressive);
}

.wikiEditor-toolbar-dialog .ui-dialog-buttonpane {
border-top-color: var(--border-color-base) !important;
}

/* Fix top links in Special:RecentChanges */
.client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {
padding-bottom: 1em;
}

MediaWiki:Common.css

2026-04-03T05:26:32Z

Stevium: Moved background image to only appear in the header

/* CSS placed here will be loaded for all skins.
* See [[MediaWiki:Vector-2022.css]] for CSS loaded for the desktop skin.
* See [[MediaWiki:Citizen.css]] for CSS loaded for the mobile skin.
*/
/*=========*
| IMPORTS |
*=========*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+KR:wght@400;700&family=Noto+Sans+SC:wght@400;700&family=Noto+Sans+TC:wght@400;700&family=Noto+Sans+Thai:wght@400;700&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Sans+Avestan:wght@400;700&family=El+Messiri:wght@400;700&family=Noto+Sans+Hebrew:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Stack+Sans+Text:wght@200..700&display=swap');

/*=====================*
| CODEX DESIGN TOKENS |
*=====================*/
@media screen {
/* Day, Light */
:root,
.skin-invert,
.notheme {
/* Background image */
--background-image: url("https://petitplanet.wiki/images/c/c3/Background_Light.jpg");
/* Additional colors */
--color-accent: #eac863;
--color-accent--rgb: 234, 200, 99;
--color-accent-text: #5a4a3c;
--color-buzz: #0075EB;
--color-event: #cc8000;
--color-menu: #937C6E;
--color-new: #317e2a;
--color-old: #932015;
--color-help: #BB8010;
--color-catch: #17744b;
/* Additional background colors */
--background-color-0: #f6f9dd;
--background-color-0b: oklch(0.965 0.04 107.5);
--background-color-1: oklch(0.94 0.04 107.5);
--background-color-1b: oklch(0.92 0.04 107.5);
--background-color-2: oklch(0.90 0.04 107.5);
--background-color-2b: oklch(0.88 0.04 107.5);
--background-color-3: oklch(0.85 0.04 107.5);
--background-color-4: oklch(0.80 0.04 107.5);
--background-color-5: oklch(0.75 0.04 107.5);
--background-color-6: oklch(0.70 0.04 107.5);
--background-color-8: oklch(0.65 0.04 107.5);
--background-color-9: oklch(0.60 0.04 107.5);
--background-color-10: oklch(0.55 0.04 107.5);
/* Miscellaneous */
--unknown-img: url("https://petitplanet.wiki/images/d/dd/Unknown.png");
}

/* Night, Dark */
:root.skin-theme-clientpref-night {
color-scheme: dark;
/* Background image */
--background-image: url("https://petitplanet.wiki/images/b/b4/Background_Dark.jpg");
/* Additional colors */
--color-accent: #ddbc5b;
--color-accent--rgb: 221, 188, 91;
--color-accent-text: #0d0f1e;
--color-buzz: #2095EF;
--color-event: #cc8000;
--color-menu: #D3BC8E;
--color-new: #41be3a;
--color-old: #ed6d59;
--color-help: #e0bb00;
--color-catch: #85cdae;
/* Additional background colors */
--background-color-0: #0d0f1e;
--background-color-0b: oklch(0.21 0.0278 277.52);
--background-color-1: oklch(0.24 0.0278 277.52);
--background-color-1b: oklch(0.27 0.0278 277.52);
--background-color-2: oklch(0.30 0.0278 277.52);
--background-color-2b: oklch(0.325 0.0278 277.52);
--background-color-3: oklch(0.35 0.0278 277.52);
--background-color-4: oklch(0.40 0.0278 277.52);
--background-color-5: oklch(0.45 0.0278 277.52);
--background-color-6: oklch(0.50 0.0278 277.52);
--background-color-7: oklch(0.55 0.0278 277.52);
--background-color-8: oklch(0.60 0.0278 277.52);
--background-color-9: oklch(0.65 0.0278 277.52);
--background-color-10: oklch(0.70 0.0278 277.52);
}
}

/* OS, Auto */
@media screen and (prefers-color-scheme: dark) {
:root.skin-theme-clientpref-os {
/* Background image */
--background-image: url("https://petitplanet.wiki/images/b/b4/Background_Dark.jpg");
/* Additional colors */
--color-accent: #ddbc5b;
--color-accent--rgb: 221, 188, 91;
--color-accent-text: #0d0f1e;
--color-buzz: #2095EF;
--color-event: #cc8000;
--color-menu: #D3BC8E;
--color-new: #41be3a;
--color-old: #ed6d59;
--color-help: #e0bb00;
--color-catch: #85cdae;
/* Additional background colors */
--background-color-0: #0d0f1e;
--background-color-0b: oklch(0.21 0.0278 277.52);
--background-color-1: oklch(0.24 0.0278 277.52);
--background-color-1b: oklch(0.27 0.0278 277.52);
--background-color-2: oklch(0.30 0.0278 277.52);
--background-color-2b: oklch(0.325 0.0278 277.52);
--background-color-3: oklch(0.35 0.0278 277.52);
--background-color-4: oklch(0.40 0.0278 277.52);
--background-color-5: oklch(0.45 0.0278 277.52);
--background-color-6: oklch(0.50 0.0278 277.52);
--background-color-7: oklch(0.55 0.0278 277.52);
--background-color-8: oklch(0.60 0.0278 277.52);
--background-color-9: oklch(0.65 0.0278 277.52);
--background-color-10: oklch(0.70 0.0278 277.52);
}
}

/* For [[Module:Mbox]] */
.mbox {
--type-important: 185, 102, 102;
--type-moderate: 228, 159, 109;
--type-minor: 231, 202, 95;

--stub: 235, 220, 150; /* softer warm yellow */
--cbt: 122, 160, 145; /* muted green-teal */
--mild: 225, 155, 130; /* gentle coral */
--removed: 160, 85, 105; /* dusty rose-wine */
--cleanup: 185, 105, 115; /* muted raspberry */
--construct: 235, 190, 145; /* peachy tan */
--upcoming: 150, 135, 175; /* soft lavender purple */
--unofficialtl: 115, 210, 205; /* calm aqua */
--lua: 135, 150, 220; /* muted periwinkle */
--css: 125, 160, 230; /* softened sky blue */
--js: 245, 230, 140; /* pastel golden yellow */
--sandbox: 185, 215, 205; /* pale misty mint */
--names: 190, 225, 225; /* very light cyan tint */
--changehistory: 135, 155, 200; /* softened steel blue */
--opacity: 0.15;
}

/*=======*
| FONTS |
*=======*/
/* Petit Planet font */
@font-face {
font-family: 'PetitPlanet';
font-style: normal;
font-weight: normal;
src: url('https://petitplanet.wiki/images/a/af/Petit_Planet_Font_Light.woff2') format('woff2');
font-display: swap;
}

/* Body font */
body {
font-family: 'Inter', sans-serif;
font-optical-sizing: auto;
}

/* Headings & page titles */
h1,
h2,
h3,
.mw-page-title-main,
.vector-sticky-header-context-bar-primary {
font-family: 'PetitPlanet', 'Montserrat', sans-serif !important;
font-weight: 500, 700;
}

*[lang='ja'],
*[lang='ko'],
*[lang='ru'],
*[lang='th'],
*[lang="vi"],
*[lang='yue'],
*[lang='zh'],
*[lang='zh-Hans'],
*[lang='zh-Hant'] {
h1,
h2,
h3,
.mw-page-title-main,
.vector-sticky-header-context-bar-primary {
font-family: 'Montserrat', sans-serif !important;
font-weight: 900 !important;
}
}

/* Language-specific fallbacks */
*[lang='ae'] {
font-family: 'Noto Sans Avestan', sans-serif !important;
}

*[lang='ain'],
*[lang='ja'],
*[lang='ojp'] {
font-family: 'Noto Sans JP', sans-serif !important;
}

*[lang='ar'],
*[lang='fa'] {
font-family: 'El Messiri', sans-serif !important;
}

*[lang='he'] {
font-family: 'Noto Sans Hebrew', sans-serif !important;
}

*[lang='ko'] {
font-family: 'Noto Sans KR', sans-serif !important;
}

*[lang='th'] {
font-family: 'Noto Sans', 'Noto Sans Thai', sans-serif !important;
}

*[lang='yue'],
*[lang='zh'],
*[lang='zh-Hans'] {
font-family: 'Noto Sans SC', sans-serif !important;
}

*[lang='zh-Hant'] {
font-family: 'Noto Sans TC', sans-serif !important;
}

/*============*
| FORMATTING |
*============*/
/* For [[Module:Formatting]] */
code,
.custom-formatting-code:not(.custom-formatting-plain) {
font-family: monospace;
line-height: 100%;
background-color: var(--background-color-neutral-subtle);
border: 1px solid var(--border-color-muted);
border-radius: 5px;
padding: 1px 4px;
}

.custom-formatting-code:not(.custom-formatting-plain) {
margin: 0 3px;
}

.custom-formatting-code { display: inline-block; }
.custom-formatting-code.code-block-table { display: table; }

span.variable { opacity: 0.65; }

span.variable::after {
opacity: 0.65;
content: ">";
}

span.variable::before {
opacity: 0.65;
content: "<";
}

.custom-formatting-nested { display: none; }
.custom-formatting-resulting { display: inline; }
.custom-formatting-code .custom-formatting-nested { display: inline-block; }
.custom-formatting-code .custom-formatting-resulting { display: none; }

/* For [[MediaWiki:Edittools]] */
.edittools div.mw-collapsible {
padding: 0;
display: inline;
}

.edittools .mw-collapsible-toggle-default::before,
.edittools .mw-collapsible-toggle-default::after {
content:'' !important;
}

.edittools .mw-collapsible-toggle-default span {
background-color: var(--background-color-4);
padding: 0 7px;
border-radius: 10px;
margin-left: 5px;
color: var(--color-base);

&:hover {
color: var(--color-base);
text-decoration: none;
background-color: var(--background-color-5);
}
}

.edittools .custom-formatting-code {
line-height: 125% !important;
margin: 3px !important;
background-color: var(--background-color-2b) !important;
border-color: transparent !important;
min-width: 1.5em;
text-align: center;

&:hover {
border-color: var(--color-progressive) !important;
}
}

.wikitable.edittools > tr:nth-child(even) > td,
.wikitable.edittools > * > tr:nth-child(even) > td {
background: var(--background-color-1);
}

.wikitable.edittools > tr > td a,
.wikitable.edittools > * > tr > td a {
min-width: 1.5em;
}

.wikitable.edittools > tr > td a:hover,
.wikitable.edittools > * > tr > td a:hover {
color: var(--color-progressive);
text-decoration: none;
}

.wikitable.edittools > tr:nth-child(even) > th,
.wikitable.edittools > * > tr:nth-child(even) > th {
background: var(--background-color-2);
}

/*==============*
| CONTENT BODY |
*==============*/
/* Background */
body {
background-color: var(--background-color-0) !important;
}

/* Wordmark */
.mw-logo-wordmark {
width: initial !important;
}

.skin-theme-clientpref-day .mp-header-wordmark img {
filter: invert(1) hue-rotate(180deg);
}

/* Hide mobile-only things on desktop (overridden in [[MediaWiki:Citizen.css]]) */
.mobileHide,
.mobile-only,
.no-desktop {
display: none;
}

/* Tables */
.wikitable {
display: block;
max-width: max-content;
overflow-x: auto;
overflow-y: hidden;
background: var(--background-color-0b);
border-collapse: separate;
border-spacing: 4px;
border-radius: 10px;
border-width: 0;
padding: 2px;
}

.ns-special .wikitable {
display: table;
}

.wikitable > tr > th,
.wikitable > tr > td,
.wikitable > * > tr > th,
.wikitable > * > tr > td,
.wikitable caption {
border-radius: 8px;
border-color: transparent;
padding: 0.25em 0.5em;
}

.wikitable > tr > th,
.wikitable > * > tr > th {
text-align: left;
background: var(--background-color-3);
}

.wikitable--stripe > tr:nth-child(even) > th,
.wikitable--stripe > * > tr:nth-child(even) > th {
background: var(--background-color-2b);
}

.wikitable > tr > td,
.wikitable > * > tr > td,
.wikitable.sortable > tr:nth-child(odd) > td,
.wikitable.sortable > * > tr:nth-child(odd) > td {
background-color: var(--background-color-1b);
}

.wikitable--stripe > tr:nth-child(odd) > td,
.wikitable--stripe > * > tr:nth-child(odd) > td,
.wikitable.sortable > tr > td,
.wikitable.sortable > * > tr > td {
background-color: var(--background-color-2b);
}

.wikitable caption {
background: var(--background-color-3);
margin: 4px 4px 0 4px;
}

.mw-collapsible-toggle-default::before,
.mw-collapsible-toggle-default::after {
display: none;
}

.mw-collapsible-toggle-default .mw-collapsible-text {
background-color: var(--color-accent);
color: var(--color-accent-text);
border-radius: 6px;
padding: 0.125em 0.375em;
margin-left: 0.5em;
}

.mw-collapsible-toggle-default .mw-collapsible-text:hover {
color: var(--color-accent-text);
}

/* Template data */
.mw-templatedata-doc-params caption {
background: var(--background-color-3);
}

.template-documentation-content > section > table > caption > p {
margin: 12px;
}

.mw-templatedata-doc-params .mw-editsection-bracket {
display: none;
}

.mw-templatedata-doc-params .mw-templatedata-caption .mw-editsection-like > a {
background: var(--background-color-4);
color: var(--color-base);
padding: 5px 10px;
border-radius: 20px;

&:hover {
text-decoration: none;
background: var(--background-color-5);
}
}

.mw-templatedata-doc-param-alias {
color: var(--color-base);
opacity: 0.65;
}

/* Hatnote */
.hatnote {
border-left: 3px solid var(--color-accent);
padding: 3px 10px;
border-radius: 3px;
background: linear-gradient(145deg, rgba(var(--color-accent--rgb),0.15) 0%, rgba(var(--color-accent--rgb),0) 100%);
margin: 5px 0;
}

/*===========*
| MAIN PAGE |
*===========*/
.mp-header-container {
background-color: var(--background-color-1);
border-radius: 20px;
padding: 1rem;
margin-bottom: 1rem;
}

/*===============*
| MISCELLANEOUS |
*===============*/
/* Pipe delimiter */
.mw-content-ltr ul.pipe_delimit {
margin: 0px;
}

.mw-content-ltr ul.pipe_delimit li {
display:inline;
}

.mw-content-ltr ul.pipe_delimit li + li::before {
content: " | ";
}

/*========*
| STYLES |
*========*/
/* For [[Template:Quote/styles.css]] */
blockquote.pull-quote:has(.pull-quote__source) {
margin-top: 25px !important;
}

.pull-quote__source {
width: fit-content;
}

Template:Terminology Infobox

2026-02-21T23:33:32Z

Stevium:

<includeonly>{{#invoke:Infobox|main
|kind = Terminology
|sep = ,
|title = {{{title|{{{name|{{PAGENAME}}}}}}}}
|subtitle = {{{subtitle|}}}
|image = {{#if:{{{image|}}}|{{Exists|File:{{{image}}}|[[File:{{{image}}}]]|<nowiki />}}}}
|images = {{#if:{{{images|}}}|{{Array|{{{images}}}|;|[[File:²{#explode:{item}¦:¦0}²]]|,|template=1}}}}
|tabs = {{#if:{{{images|}}}|{{Array|{{{images}}}|;|²{#explode:{item}¦:¦1}²|,|template=1}}}}
|sections = Information, Description

|Information_collapsible = Yes
|Information = Type, Group, Event
|Type = {{#if:{{#explode:{{{type}}}|;|1}}|{{Array|{{{type}}}|;|* [[{item}]]{newline} }}|{{#if:{{{type|}}}|[[{{{type}}}]]}}}}
|Group = {{#if:{{#explode:{{{group}}}|;|1}}|{{Array|{{{group}}}|;|* [[{item}]]{newline} }}|{{#if:{{{group|}}}|[[{{{group}}}]]}}}}
|Event = {{#if:{{#explode:{{{event}}}|;|1}}|{{Array|{{{event}}}|;|* [[{item}]]{newline} }}|{{#if:{{{event|}}}|[[{{{event}}}]]}}}}

|Description_collapsible = Yes
|Description = DescriptionText
|DescriptionText_wide = Yes
|DescriptionText = {{{description|}}}
}}{{Namespace|main=[[Category:Terminology]]{{#if:{{{type|}}}|{{Array|{{{type}}}|;|[[Category:{item}]]}}}}{{#if:{{{group|}}}|{{Array|{{{group}}}|;|[[Category:{item}]]}}}}{{#if:{{{event|}}}|[[Category:Event Terminology]]{{Array|{{{event}}}|;|[[Category:{item} Terminology]]}}}}}}</includeonly><noinclude>{{Documentation|type=Infobox}}</noinclude>

MediaWiki:Gadget-Infobox.css

2026-02-21T23:33:19Z

Stevium: Fixed styling when infobox has no image

:root,
.druid-container {
--druid-background-color: var(--background-color-0b);
--druid-secondary-background-color: var(--color-accent);
--druid-secondary-background-label-color: var(--color-accent-text);
--druid-tertiary-background-color: var(--background-color-3);
--druid-tertiary-background-label-color: var(--color-base);
--druid-quaternary-background-color: var(--background-color-2b);
--druid-quinary-background-color: var(--background-color-1b);
--druid-border-color: rgba(var(--color-accent--rgb), 0.5);
--druid-link-color: rgba(var(--color-accent--rgb), 0.5);
--druid-link-label-color: var(--color-base);
--druid-outer-border-radius: 10px;
--druid-inner-border-radius: 8px;
--druid-gap: 4px;
}

.druid-container {
border: 6px solid var(--druid-background-color);
border-radius: var(--druid-outer-border-radius);
background: var(--druid-background-color);
float: right;
clear: right;
margin: 5px 0 1em 1em;
width: 100%;
max-width: 340px;
box-sizing: border-box;
border-collapse: collapse;
font-size: 0.85em;
}

@media screen and (max-width: 720px) {
.druid-container {
float:none;
margin: 0.5rem auto;
width: max(100%, 340px);
max-width: max(100%, 340px);
}
}

.druid-main-images-file,
.druid-main-image {
text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-subtitle {
background: var(--druid-secondary-background-color);
color: var(--druid-secondary-background-label-color);
border-radius: var(--druid-inner-border-radius);
text-align: center;
font-size: 1.5em;
font-family: 'PetitPlanet', 'Montserrat', sans-serif;
padding: 0.15em 0.6em;
}

/* Only when subtitle is immediately after title */
.druid-infobox > div:has(> .druid-title):has(+ div > .druid-subtitle) > .druid-title {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

/* Only when no images */
.druid-infobox:not(:has(.druid-main-image, .druid-main-images)) .druid-title {
margin-bottom: var(--druid-gap);
}

.druid-infobox .druid-subtitle {
background: rgba(var(--color-accent--rgb), 0.8);
font-size: 1.2em;
border-top-left-radius: 0;
border-top-right-radius: 0;
}

.druid-infobox .druid-section {
background: var(--druid-tertiary-background-color);
color: var(--druid-tertiary-background-label-color);
text-align: center;
font-size: 1.35em;
font-family: 'PetitPlanet', 'Montserrat', sans-serif;
border-radius: var(--druid-inner-border-radius);
margin-bottom: var(--druid-gap);
padding: 0.15em 0.6em;
}

.druid-infobox .druid-collapsible .druid-section {
flex-grow: 1;
}

.druid-label {
font-weight: bold;
text-align: left;
box-sizing: border-box;
}

.druid-row > .druid-label {
width: 33%;
flex-shrink: 0;
margin-right: var(--druid-gap);
}

.druid-row > .druid-label,
.druid-row > .druid-data {
padding: 0.3em 0.6em;
}

.druid-main-image img,
.druid-main-images img {
max-width: 324px;
max-height: 500px;
width: auto;
height: auto;
margin: calc(1px + var(--druid-gap)) 0;
border-radius: var(--druid-inner-border-radius);
}

/* Only if no image */
.druid-infobox div.druid-main-image:not(:has(*)) {
height: var(--druid-gap);
}

.druid-main-images-labels {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
padding: calc(1px + var(--druid-gap)) 0 0 0;
gap: var(--druid-gap);
}

.druid-main-images-label {
cursor: pointer;
flex: 1 1 auto;
text-align: center;
border: 1px solid var(--druid-border-color);
border-radius: var(--druid-inner-border-radius);
padding: 2px 0;
}

.druid-main-images-label.focused {
background: var(--druid-link-color);
color: var(--druid-link-label-color);
border-color: transparent;
}

.druid-main-images-label:not(.focused):hover {
background: rgba(var(--color-accent--rgb), 0.15);
border-color: var(--druid-link-color);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused),
.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused),
.druid-grid-item:has(.druid-toggleable-data-empty.focused),
.druid-section:has(.druid-toggleable-heading-empty.focused),
.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
display: none;
border-color: var(--druid-border-color);
}

.druid-grid {
display: grid;
gap: var(--druid-gap);
}

.druid-grid-item {
background: var(--druid-quinary-background-color);
border-radius: var(--druid-inner-border-radius);
margin-bottom: var(--druid-gap);
padding: var(--druid-gap);
}

.druid-section-container:last-of-type .druid-grid:last-of-type .druid-grid-item {
margin-bottom: 0;
}

.druid-grid-item .druid-label,
.druid-grid-item .druid-data {
padding: 0.3em 0.6em;
text-align: center;
border-radius: calc(var(--druid-inner-border-radius) - (var(--druid-gap)/2));
}

.druid-grid-item .druid-label {
background: var(--druid-quaternary-background-color);
margin-bottom: var(--druid-gap);
}

.druid-grid-item .druid-data {
background: var(--druid-quinary-background-color);
}

.druid-data-wide {
width: 100%;
}

.druid-section-container > .druid-collapsible {
display: flex;
justify-content: space-between;
align-items: center;
}

.druid-collapsed {
display: none !important;
}

.druid-collapsible {
cursor: pointer;
position: relative;
}

.druid-collapsible::after {
content: "";
display: block;
position: absolute;
right: 10px;
width: 20px;
height: 20px;
--mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-up' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 15l6 -6l6 6'%3E%3C/path%3E%3C/svg%3E") no-repeat;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center center;
mask-position: center center;
background-color: var(--druid-tertiary-background-label-color);
}

.druid-collapsible-collapsed::after {
transform: rotate(180deg);
}

/*****************************************
Div support
*****************************************/

div.druid-row {
display: flex;
margin-bottom: var(--druid-gap);
background: var(--druid-background-color);
border-radius: var(--druid-inner-border-radius);
}

.druid-section-container:last-of-type .druid-row:last-of-type,
.druid-section-container:last-of-type .druid-collapsible-collapsed .druid-section {
margin-bottom: 0;
}

div.druid-row + div.druid-row {
margin-top: 0;
}

div.druid-row > .druid-label {
background: var(--druid-quaternary-background-color);
border-radius: var(--druid-inner-border-radius);
}

div.druid-data,
div.druid-row > div.druid-label + div.druid-data {
width: 100%;
background: var(--druid-quinary-background-color);
border-radius: var(--druid-inner-border-radius);
box-sizing: border-box;
}

.druid-infobox #toc {
display: none;
}

/*****************************************
Custom display classes
*****************************************/

div.druid-stacked.druid-row,
.druid-stacked div.druid-row {
flex-direction: column;
}

.druid-stacked.druid-row > .druid-label,
.druid-stacked .druid-row > .druid-label {
text-align: left;
width: 100%;
flex-basis: unset;
}

.druid-stacked.druid-row > .druid-data,
.druid-stacked .druid-row > .druid-data {
padding-left: 0.75em;
}

.archive-number {
padding: calc(var(--druid-gap)/4) var(--druid-gap);
border-radius: var(--druid-inner-border-radius);
outline: 1px solid rgba(128, 128, 128, 0.3);
margin-right: 0.25em;
}

.archive-number.quality-none { background: var(--druid-secondary-background-color); }
.archive-number.quality-gray { background: #C7CAB4; }
.archive-number.quality-green { background: #83D083; }
.archive-number.quality-blue { background: #95BFCC; }
.archive-number.quality-purple { background: #A680B1; }
.archive-number.quality-gold { background: #C79D39; }

.quality-label {
display: inline-flex;
align-items: center;
gap: 0.4rem;
border-radius: var(--druid-inner-border-radius);
line-height: 1;
vertical-align: middle;
}

.quality-label::before {
content: "";
width: 0.8rem;
height: 0.8rem;
border-radius: calc(var(--druid-inner-border-radius) - var(--druid-gap));
display: inline-block;
outline: 1px solid rgba(64, 64, 64, 0.3);
}

.quality-label.quality-none::before { background: var(--druid-quaternary-background-color); }
.quality-label.quality-gray::before { background: #C7CAB4; }
.quality-label.quality-green::before { background: #83D083; }
.quality-label.quality-blue::before { background: #95BFCC; }
.quality-label.quality-purple::before { background: #A680B1; }
.quality-label.quality-gold::before { background: #C79D39; }

/* Hide dummy infobox until extension is removed */
aside.pi-theme-dummy,
aside.pi-theme-dummy ~ aside.portable-infobox + p > br:first-child,
aside.pi-theme-dummy ~ aside.portable-infobox + p:empty + p > br:first-child {
display: none;
}

User:Stevium

2026-02-21T15:48:19Z

Stevium: /* To-do */

[[File:Striped Hermit Crab Icon.png|100px|link=]]

==To-do==
<table-progress-tracking table-id="1" unique-column-index="1">
{| class="wikitable"
|-
! Task
|-
| Update infobox template docs with DRUID syntax and examples
|-
| Fix {{T|Terminology Infobox}}
|}
</table-progress-tracking>

MediaWiki:Gadget-Infobox.css

2026-02-21T15:47:57Z

Stevium:

:root,
.druid-container {
--druid-background-color: var(--background-color-0b);
--druid-secondary-background-color: var(--color-accent);
--druid-secondary-background-label-color: var(--color-accent-text);
--druid-tertiary-background-color: var(--background-color-3);
--druid-tertiary-background-label-color: var(--color-base);
--druid-quaternary-background-color: var(--background-color-2b);
--druid-quinary-background-color: var(--background-color-1b);
--druid-border-color: rgba(var(--color-accent--rgb), 0.5);
--druid-link-color: rgba(var(--color-accent--rgb), 0.5);
--druid-link-label-color: var(--color-base);
--druid-outer-border-radius: 10px;
--druid-inner-border-radius: 8px;
--druid-gap: 4px;
}

.druid-container {
border: 6px solid var(--druid-background-color);
border-radius: var(--druid-outer-border-radius);
background: var(--druid-background-color);
float: right;
clear: right;
margin: 5px 0 1em 1em;
width: 100%;
max-width: 340px;
box-sizing: border-box;
border-collapse: collapse;
font-size: 0.85em;
}

@media screen and (max-width: 720px) {
.druid-container {
float:none;
margin: 0.5rem auto;
width: max(100%, 340px);
max-width: max(100%, 340px);
}
}

.druid-main-images-file,
.druid-main-image {
text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-subtitle {
background: var(--druid-secondary-background-color);
color: var(--druid-secondary-background-label-color);
border-radius: var(--druid-inner-border-radius);
text-align: center;
font-size: 1.5em;
font-family: 'PetitPlanet', 'Montserrat', sans-serif;
padding: 0.15em 0.6em;
}

/* Only when subtitle is immediately after title */
.druid-infobox > div:has(> .druid-title):has(+ div > .druid-subtitle) > .druid-title {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

/* Only when no images */
.druid-infobox:not(:has(.druid-main-image, .druid-main-images)) .druid-title {
margin-bottom: var(--druid-gap);
}

.druid-infobox .druid-subtitle {
background: rgba(var(--color-accent--rgb), 0.8);
font-size: 1.2em;
border-top-left-radius: 0;
border-top-right-radius: 0;
}

.druid-infobox .druid-section {
background: var(--druid-tertiary-background-color);
color: var(--druid-tertiary-background-label-color);
text-align: center;
font-size: 1.35em;
font-family: 'PetitPlanet', 'Montserrat', sans-serif;
border-radius: var(--druid-inner-border-radius);
margin-bottom: var(--druid-gap);
padding: 0.15em 0.6em;
}

.druid-infobox .druid-collapsible .druid-section {
flex-grow: 1;
}

.druid-label {
font-weight: bold;
text-align: left;
box-sizing: border-box;
}

.druid-row > .druid-label {
width: 33%;
flex-shrink: 0;
margin-right: var(--druid-gap);
}

.druid-row > .druid-label,
.druid-row > .druid-data {
padding: 0.3em 0.6em;
}

.druid-main-image img,
.druid-main-images img {
max-width: 324px;
max-height: 500px;
width: auto;
height: auto;
margin: calc(1px + var(--druid-gap)) 0;
border-radius: var(--druid-inner-border-radius);
}

.druid-main-images-labels {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
padding: calc(1px + var(--druid-gap)) 0 0 0;
gap: var(--druid-gap);
}

.druid-main-images-label {
cursor: pointer;
flex: 1 1 auto;
text-align: center;
border: 1px solid var(--druid-border-color);
border-radius: var(--druid-inner-border-radius);
padding: 2px 0;
}

.druid-main-images-label.focused {
background: var(--druid-link-color);
color: var(--druid-link-label-color);
border-color: transparent;
}

.druid-main-images-label:not(.focused):hover {
background: rgba(var(--color-accent--rgb), 0.15);
border-color: var(--druid-link-color);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused),
.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused),
.druid-grid-item:has(.druid-toggleable-data-empty.focused),
.druid-section:has(.druid-toggleable-heading-empty.focused),
.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
display: none;
border-color: var(--druid-border-color);
}

.druid-grid {
display: grid;
gap: var(--druid-gap);
}

.druid-grid-item {
background: var(--druid-quinary-background-color);
border-radius: var(--druid-inner-border-radius);
margin-bottom: var(--druid-gap);
padding: var(--druid-gap);
}

.druid-section-container:last-of-type .druid-grid:last-of-type .druid-grid-item {
margin-bottom: 0;
}

.druid-grid-item .druid-label,
.druid-grid-item .druid-data {
padding: 0.3em 0.6em;
text-align: center;
border-radius: calc(var(--druid-inner-border-radius) - (var(--druid-gap)/2));
}

.druid-grid-item .druid-label {
background: var(--druid-quaternary-background-color);
margin-bottom: var(--druid-gap);
}

.druid-grid-item .druid-data {
background: var(--druid-quinary-background-color);
}

.druid-data-wide {
width: 100%;
}

.druid-section-container > .druid-collapsible {
display: flex;
justify-content: space-between;
align-items: center;
}

.druid-collapsed {
display: none !important;
}

.druid-collapsible {
cursor: pointer;
position: relative;
}

.druid-collapsible::after {
content: "";
display: block;
position: absolute;
right: 10px;
width: 20px;
height: 20px;
--mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-up' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 15l6 -6l6 6'%3E%3C/path%3E%3C/svg%3E") no-repeat;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center center;
mask-position: center center;
background-color: var(--druid-tertiary-background-label-color);
}

.druid-collapsible-collapsed::after {
transform: rotate(180deg);
}

/*****************************************
Div support
*****************************************/

div.druid-row {
display: flex;
margin-bottom: var(--druid-gap);
background: var(--druid-background-color);
border-radius: var(--druid-inner-border-radius);
}

.druid-section-container:last-of-type .druid-row:last-of-type,
.druid-section-container:last-of-type .druid-collapsible-collapsed .druid-section {
margin-bottom: 0;
}

div.druid-row + div.druid-row {
margin-top: 0;
}

div.druid-row > .druid-label {
background: var(--druid-quaternary-background-color);
border-radius: var(--druid-inner-border-radius);
}

div.druid-data,
div.druid-row > div.druid-label + div.druid-data {
width: 100%;
background: var(--druid-quinary-background-color);
border-radius: var(--druid-inner-border-radius);
box-sizing: border-box;
}

.druid-infobox #toc {
display: none;
}

/*****************************************
Custom display classes
*****************************************/

div.druid-stacked.druid-row,
.druid-stacked div.druid-row {
flex-direction: column;
}

.druid-stacked.druid-row > .druid-label,
.druid-stacked .druid-row > .druid-label {
text-align: left;
width: 100%;
flex-basis: unset;
}

.druid-stacked.druid-row > .druid-data,
.druid-stacked .druid-row > .druid-data {
padding-left: 0.75em;
}

.archive-number {
padding: calc(var(--druid-gap)/4) var(--druid-gap);
border-radius: var(--druid-inner-border-radius);
outline: 1px solid rgba(128, 128, 128, 0.3);
margin-right: 0.25em;
}

.archive-number.quality-none { background: var(--druid-secondary-background-color); }
.archive-number.quality-gray { background: #C7CAB4; }
.archive-number.quality-green { background: #83D083; }
.archive-number.quality-blue { background: #95BFCC; }
.archive-number.quality-purple { background: #A680B1; }
.archive-number.quality-gold { background: #C79D39; }

.quality-label {
display: inline-flex;
align-items: center;
gap: 0.4rem;
border-radius: var(--druid-inner-border-radius);
line-height: 1;
vertical-align: middle;
}

.quality-label::before {
content: "";
width: 0.8rem;
height: 0.8rem;
border-radius: calc(var(--druid-inner-border-radius) - var(--druid-gap));
display: inline-block;
outline: 1px solid rgba(64, 64, 64, 0.3);
}

.quality-label.quality-none::before { background: var(--druid-quaternary-background-color); }
.quality-label.quality-gray::before { background: #C7CAB4; }
.quality-label.quality-green::before { background: #83D083; }
.quality-label.quality-blue::before { background: #95BFCC; }
.quality-label.quality-purple::before { background: #A680B1; }
.quality-label.quality-gold::before { background: #C79D39; }

/* Hide dummy infobox until extension is removed */
aside.pi-theme-dummy,
aside.pi-theme-dummy ~ aside.portable-infobox + p > br:first-child,
aside.pi-theme-dummy ~ aside.portable-infobox + p:empty + p > br:first-child {
display: none;
}

Template:Terminology Infobox

2026-02-21T15:31:48Z

Stevium:

<includeonly>{{#invoke:Infobox|main
|kind = Terminology
|sep = ,
|title = {{{title|{{{name|{{PAGENAME}}}}}}}}
|subtitle = {{{subtitle|}}}
|image = {{#if:{{{image|}}}|{{Exists|File:{{{image}}}|[[File:{{{image}}}]]|<nowiki></nowiki>}}}}
|images = {{#if:{{{images|}}}|{{Array|{{{images}}}|;|[[File:²{#explode:{item}¦:¦0}²]]|,|template=1}}}}
|tabs = {{#if:{{{images|}}}|{{Array|{{{images}}}|;|²{#explode:{item}¦:¦1}²|,|template=1}}}}
|sections = Information, Description

|Information_collapsible = Yes
|Information = Type, Group, Event
|Type = {{#if:{{#explode:{{{type}}}|;|1}}|{{Array|{{{type}}}|;|* [[{item}]]{newline} }}|{{#if:{{{type|}}}|[[{{{type}}}]]}}}}
|Group = {{#if:{{#explode:{{{group}}}|;|1}}|{{Array|{{{group}}}|;|* [[{item}]]{newline} }}|{{#if:{{{group|}}}|[[{{{group}}}]]}}}}
|Event = {{#if:{{#explode:{{{event}}}|;|1}}|{{Array|{{{event}}}|;|* [[{item}]]{newline} }}|{{#if:{{{event|}}}|[[{{{event}}}]]}}}}

|Description_collapsible = Yes
|Description = DescriptionText
|DescriptionText_wide = Yes
|DescriptionText = {{{description|}}}
}}{{Namespace|main=[[Category:Terminology]]{{#if:{{{type|}}}|{{Array|{{{type}}}|;|[[Category:{item}]]}}}}{{#if:{{{group|}}}|{{Array|{{{group}}}|;|[[Category:{item}]]}}}}{{#if:{{{event|}}}|[[Category:Event Terminology]]{{Array|{{{event}}}|;|[[Category:{item} Terminology]]}}}}}}</includeonly><noinclude>{{Documentation|type=Infobox}}</noinclude>

MediaWiki:Gadget-Infobox.css

2026-02-21T15:27:51Z

Stevium: Fixed styling for infoboxes with no images. Removed unused CSS for Portable Infobox

:root,
.druid-container {
--druid-background-color: var(--background-color-0b);
--druid-secondary-background-color: var(--color-accent);
--druid-secondary-background-label-color: var(--color-accent-text);
--druid-tertiary-background-color: var(--background-color-3);
--druid-tertiary-background-label-color: var(--color-base);
--druid-quaternary-background-color: var(--background-color-2b);
--druid-quinary-background-color: var(--background-color-1b);
--druid-border-color: rgba(var(--color-accent--rgb), 0.5);
--druid-link-color: rgba(var(--color-accent--rgb), 0.5);
--druid-link-label-color: var(--color-base);
--druid-outer-border-radius: 10px;
--druid-inner-border-radius: 8px;
--druid-gap: 4px;
}

.druid-container {
border: 6px solid var(--druid-background-color);
border-radius: var(--druid-outer-border-radius);
background: var(--druid-background-color);
float: right;
clear: right;
margin: 5px 0 1em 1em;
width: 100%;
max-width: 340px;
box-sizing: border-box;
border-collapse: collapse;
font-size: 0.85em;
}

@media screen and (max-width: 720px) {
.druid-container {
float:none;
margin: 0.5rem auto;
width: max(100%, 340px);
max-width: max(100%, 340px);
}
}

.druid-main-images-file,
.druid-main-image {
text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-subtitle {
background: var(--druid-secondary-background-color);
color: var(--druid-secondary-background-label-color);
border-radius: var(--druid-inner-border-radius);
text-align: center;
font-size: 1.5em;
font-family: 'PetitPlanet', 'Montserrat', sans-serif;
padding: 0.15em 0.6em;
}

/* Only when subtitle is immediately after title */
.druid-infobox > div:has(> .druid-title):has(+ div > .druid-subtitle) > .druid-title {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

/* Only when no images */
.druid-infobox:not(:has(.druid-main-image, .druid-main-images)) .druid-title {
margin-bottom: var(--druid-gap);
}

.druid-infobox .druid-subtitle {
background: rgba(var(--color-accent--rgb), 0.8);
font-size: 1.2em;
border-top-left-radius: 0;
border-top-right-radius: 0;
}

.druid-infobox .druid-section {
background: var(--druid-tertiary-background-color);
color: var(--druid-tertiary-background-label-color);
text-align: center;
font-size: 1.35em;
font-family: 'PetitPlanet', 'Montserrat', sans-serif;
border-radius: var(--druid-inner-border-radius);
margin-bottom: var(--druid-gap);
padding: 0.15em 0.6em;
}

.druid-infobox .druid-collapsible .druid-section {
flex-grow: 1;
}

.druid-label {
font-weight: bold;
text-align: left;
box-sizing: border-box;
}

.druid-row > .druid-label {
width: 33%;
flex-shrink: 0;
margin-right: var(--druid-gap);
}

.druid-row > .druid-label,
.druid-row > .druid-data {
padding: 0.3em 0.6em;
}

.druid-main-image img,
.druid-main-images img {
max-width: 324px;
max-height: 500px;
width: auto;
height: auto;
margin: calc(1px + var(--druid-gap)) 0;
border-radius: var(--druid-inner-border-radius);
}

.druid-main-images-labels {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
padding: calc(1px + var(--druid-gap)) 0 0 0;
gap: var(--druid-gap);
}

.druid-main-images-label {
cursor: pointer;
flex: 1 1 auto;
text-align: center;
border: 1px solid var(--druid-border-color);
border-radius: var(--druid-inner-border-radius);
padding: 2px 0;
}

.druid-main-images-label.focused {
background: var(--druid-link-color);
color: var(--druid-link-label-color);
border-color: transparent;
}

.druid-main-images-label:not(.focused):hover {
background: rgba(var(--color-accent--rgb), 0.15);
border-color: var(--druid-link-color);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused),
.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused),
.druid-grid-item:has(.druid-toggleable-data-empty.focused),
.druid-section:has(.druid-toggleable-heading-empty.focused),
.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
display: none;
border-color: var(--druid-border-color);
}

.druid-grid {
display: grid;
gap: var(--druid-gap);
}

.druid-grid-item {
background: var(--druid-quinary-background-color);
border-radius: var(--druid-inner-border-radius);
margin-bottom: var(--druid-gap);
padding: var(--druid-gap);
}

.druid-section-container:last-of-type .druid-grid:last-of-type .druid-grid-item {
margin-bottom: 0;
}

.druid-grid-item .druid-label,
.druid-grid-item .druid-data {
padding: 0.3em 0.6em;
text-align: center;
border-radius: calc(var(--druid-inner-border-radius) - (var(--druid-gap)/2));
}

.druid-grid-item .druid-label {
background: var(--druid-quaternary-background-color);
margin-bottom: var(--druid-gap);
}

.druid-grid-item .druid-data {
background: var(--druid-quinary-background-color);
}

.druid-data-wide {
width: 100%;
}

.druid-section-container > .druid-collapsible {
display: flex;
justify-content: space-between;
align-items: center;
}

.druid-collapsed {
display: none !important;
}

.druid-collapsible {
cursor: pointer;
position: relative;
}

.druid-collapsible::after {
content: "";
display: block;
position: absolute;
right: 10px;
width: 20px;
height: 20px;
--mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-up' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 15l6 -6l6 6'%3E%3C/path%3E%3C/svg%3E") no-repeat;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center center;
mask-position: center center;
background-color: var(--druid-tertiary-background-label-color);
}

.druid-collapsible-collapsed::after {
transform: rotate(180deg);
}

/*****************************************
Div support
*****************************************/

div.druid-row {
display: flex;
margin-bottom: var(--druid-gap);
background: var(--druid-background-color);
border-radius: var(--druid-inner-border-radius);
}

.druid-section-container:last-of-type .druid-row:last-of-type,
.druid-section-container:last-of-type .druid-collapsible-collapsed .druid-section {
margin-bottom: 0;
}

div.druid-row + div.druid-row {
margin-top: 0;
}

div.druid-row > .druid-label {
background: var(--druid-quaternary-background-color);
border-radius: var(--druid-inner-border-radius);
}

div.druid-data,
div.druid-row > div.druid-label + div.druid-data {
width: 100%;
background: var(--druid-quinary-background-color);
border-radius: var(--druid-inner-border-radius);
box-sizing: border-box;
}

.druid-infobox #toc {
display: none;
}

/*****************************************
Custom display classes
*****************************************/

div.druid-stacked.druid-row,
.druid-stacked div.druid-row {
flex-direction: column;
}

.druid-stacked.druid-row > .druid-label,
.druid-stacked .druid-row > .druid-label {
text-align: left;
width: 100%;
flex-basis: unset;
}

.druid-stacked.druid-row > .druid-data,
.druid-stacked .druid-row > .druid-data {
padding-left: 0.75em;
}

.archive-number {
padding: calc(var(--druid-gap)/4) var(--druid-gap);
border-radius: var(--druid-inner-border-radius);
outline: 1px solid rgba(128, 128, 128, 0.3);
margin-right: 0.25em;
}

.archive-number.quality-none { background: var(--druid-secondary-background-color); }
.archive-number.quality-gray { background: #C7CAB4; }
.archive-number.quality-green { background: #83D083; }
.archive-number.quality-blue { background: #95BFCC; }
.archive-number.quality-purple { background: #A680B1; }
.archive-number.quality-gold { background: #C79D39; }

.quality-label {
display: inline-flex;
align-items: center;
gap: 0.4rem;
border-radius: var(--druid-inner-border-radius);
line-height: 1;
vertical-align: middle;
}

.quality-label::before {
content: "";
width: 0.8rem;
height: 0.8rem;
border-radius: calc(var(--druid-inner-border-radius) - var(--druid-gap));
display: inline-block;
outline: 1px solid rgba(64, 64, 64, 0.3);
}

.quality-label.quality-none::before { background: var(--druid-quaternary-background-color); }
.quality-label.quality-gray::before { background: #C7CAB4; }
.quality-label.quality-green::before { background: #83D083; }
.quality-label.quality-blue::before { background: #95BFCC; }
.quality-label.quality-purple::before { background: #A680B1; }
.quality-label.quality-gold::before { background: #C79D39; }

Yunguo

2026-02-21T14:45:36Z

Stevium: Updated with DRUID syntax

{{Upcoming}}
{{Stub}}
{{Neighbor Tabs}}
{{Neighbor Infobox
|name = Yunguo
|subtitle = No Crop Comes Easy
|birthday = September 19
|role = Cultivator
|galaxy = Hexia
|loves = Gran'mama's Veggie Fried Rice;Bamboo Apple Slushie;Apple;Bamboo
|likes = Farm Decor;Green
|dislikes = Black
|about = Water crops across the planet to help them grow better.
}}

'''Yunguo''' is a [[Neighbor]] in ''[[Petit Planet]].''

==Profile==
Yunguo crouches in the field, carefully checking on each plant: Are they well-watered? Properly fed? No signs of pests? She wants them to grow strong, so everyone can enjoy a hearty harvest.

"Yeeek! Y-You scared me..." Once again, shy little Yunguo is caught off guard by a sudden visitor, throwing up her hands and blushing intensely.

==Other Languages==
{{Other Languages
|en = Yunguo
|zhs = 云果
|ja = ユンカ
}}

==Change History==
{{Change History|introduced=Pre-Release}}

==References==
{{Reflist}}

==Navigation==
{{Neighbor Navbox}}

Msafiri

2026-02-21T14:44:52Z

Stevium: Updated with DRUID syntax

{{Upcoming}}
{{Stub}}
{{Neighbor Tabs}}
{{Neighbor Infobox
|name = Msafiri
|subtitle =
|birthday = August 8
|role =
|galaxy = Taffeh
|loves = Grainharvester's Haystacks;Yellowbloom Potted Cactus
|likes = Roasted Dish;Brown
|dislikes = Orchard and Field Salad;Bathtub;Drink
|about =
}}

'''Msafiri''' is a [[Neighbor]] in ''[[Petit Planet]].''

==Other Languages==
{{Other Languages
|en = Msafiri
|zhs = 萨飞里
|ja = サフィール
}}

==Change History==
{{Change History|introduced=Coziness Test}}

==References==
{{Reflist}}

==Navigation==
{{Neighbor Navbox}}

Mors

2026-02-21T14:44:08Z

Stevium: Updated with DRUID syntax

{{Upcoming}}
{{Stub}}
{{Neighbor Tabs}}
{{Neighbor Infobox
|name = Mors
|subtitle =
|birthday = December 8
|role = Curator of the Omni-Gallery
|galaxy =
|loves =
|likes =
|dislikes =
|about =
}}
{{Quote|My memory fails me when it comes to that rainfall which lasted for over two million years without end...<br>but this reunion with you all, I shan't forget.}}
'''Mors''' is a [[Neighbor]] in ''[[Petit Planet]].''

==Profile==
Preparing feed, placing it on schedule, keeping habitats clean, conducting regular health checkups, and recording the daily observations of every creature...

Mors happily busies himself with all kinds of tasks around the [[Omni-Gallery]]. Little do people know that for him, this is but a long-overdue "reunion."

==Other Languages==
{{Other Languages
|en = Mors
|zhs = 墨尔斯
|ja = モルス
}}

==Change History==
{{Change History|introduced=Coziness Test}}

==Navigation==
{{Neighbor Navbox}}

Mobai

2026-02-21T14:43:32Z

Stevium: Updated with DRUID syntax

{{Upcoming}}
{{Stub}}
{{Neighbor Tabs}}
{{Neighbor Infobox
|name = Mobai
|subtitle =
|birthday = February 19
|role = Life Coordinator
|galaxy =
|loves =
|likes =
|dislikes =
|about =
}}
{{Quote|Hoho, mo rush. There's always time for a cup of tea<br>When the right time comes, things will effortlessly fall into place.}}
'''Mobai''' is a [[Neighbor]] in ''[[Petit Planet]].''

==Profile==
Whenever you're feeling down, upset, or angry, give Mobai a hug, and let it all pass with a pat on your head.

To him, life brews much like the delicate teaware in his hands. No matter how unexpected the flavor, there's always something new to savor.

==Gallery==
{{Files by Neighbor Gallery|Mobai}}

==Other Languages==
{{Other Languages
|en = Mobai
|zhs = 莫白
|ja = モーバ
}}

==Change History==
{{Change History|introduced=Coziness Test}}

==References==
{{Reflist}}

==Navigation==
{{Neighbor Navbox}}

Template:Neighbor Infobox

2026-02-21T14:42:47Z

Stevium:

<includeonly>{{#invoke:Infobox|main
|kind = Neighbor
|sep = ,
|title = {{{title|{{{name|{{PAGENAME}}}}}}}}
|subtitle = {{{subtitle|}}}
|image = {{#if:{{{image|}}}|[[File:{{{image}}}]]}}
|images = {{#if:{{{images|}}}|{{Array|{{{images}}}|;|[[File:²{#explode:{item}¦:¦0}²]]|,|template=1}}|{{Exists|File:{{{title|{{{name|{{PAGENAME}}}}}}}} Splash Art.png|[[File:{{{title|{{{name|{{PAGENAME}}}}}}}} Splash Art.png]],}}{{Exists|File:{{{title|{{{name|{{PAGENAME}}}}}}}} Render.png|[[File:{{{title|{{{name|{{PAGENAME}}}}}}}} Render.png]],}}{{Exists|File:{{{title|{{{name|{{PAGENAME}}}}}}}} In-Game.png|[[File:{{{title|{{{name|{{PAGENAME}}}}}}}} In-Game.png]],}}[[File:{{{title|{{{name|{{PAGENAME}}}}}}}} Icon.png]]}}
|tabs = {{#if:{{{images|}}}|{{Array|{{{images}}}|;|²{#explode:{item}¦:¦1}²|,|template=1}}|{{Exists|File:{{{title|{{{name|{{PAGENAME}}}}}}}} Splash Art.png|Splash Art,}}{{Exists|File:{{{title|{{{name|{{PAGENAME}}}}}}}} Render.png|Render,}}{{Exists|File:{{{title|{{{name|{{PAGENAME}}}}}}}} In-Game.png|In-Game,}}Icon}}
|sections = Profile, Voice Actors

|Profile_collapsible = Yes
|Profile = Birthday, Role, Galaxy, Loves, Likes, Dislikes, About
|Birthday = {{#if:{{{birthday|}}}|{{#formatdate:{{{birthday|}}}|mdy}}}}
|Role = {{{role|}}}
|Galaxy = {{#if:{{{galaxy|}}}|{{Item|{{{galaxy|}}}}}}}
|Loves = {{#if:{{#explode:{{{loves}}}|;|1}}|{{Item List|{{{loves}}}}}|{{{loves|}}}}}
|Likes = {{#if:{{#explode:{{{likes}}}|;|1}}|{{List|{{{likes}}}}}|{{{likes|}}}}}
|Dislikes = {{#if:{{#explode:{{{dislikes}}}|;|1}}|{{List|{{{dislikes}}}}}|{{{dislikes|}}}}}
|About = {{#if:{{#explode:{{{about}}}|;|1}}|{{List|{{{about}}}}}|{{{about|}}}}}

|Voice Actors_collapsible = Yes
|Voice Actors_collapsed = Yes
|Voice Actors = English, Chinese, Japanese, Korean
|English = {{{voice_en|}}}
|Chinese = {{{voice_zh|}}}
|Japanese = {{{voice_ja|}}}
|Korean = {{{voice_ko|}}}
}}{{Namespace|main=[[Category:Neighbors]]{{#if:{{{galaxy|}}}|[[Category:{{{galaxy}}} Neighbors]]}}{{#if:{{{loves|}}}|{{Array|{{{loves}}}|;|[[Category:Neighbors Loving {item}]]}}}}{{#if:{{{likes|}}}|{{Array|{{{likes}}}|;|[[Category:Neighbors Liking {item}]]}}}}{{#if:{{{dislikes|}}}|{{Array|{{{dislikes}}}|;|[[Category:Neighbors Disliking {item}]]}}}}}}</includeonly><noinclude>{{Documentation|type=Infobox}}</noinclude>

Medowlyn

2026-02-21T14:41:53Z

Stevium: Updated with DRUID syntax

{{Upcoming}}
{{Stub}}
{{Neighbor Tabs}}
{{Neighbor Infobox
|name = Medowlyn
|subtitle = Floofy Plushies Crafted from Wholesome Memories
|birthday = July 5
|role = Plushie Designer
|galaxy = Norvanya
|loves = Wildgrass;Sleepymoon Nightgown;Tomato & Bamboo Shoot Stew;Fluffy Clouds Plushie
|likes = Plushie;Blue;White;Flower
|dislikes = Metal;Shore-Dweller
|about = Picks wild grass around the planet and places it in a chest in front of her home.
}}
'''Medowlyn''' is a [[Neighbor]] in ''[[Petit Planet]].''

==Profile==
With a twinkle in her eye, Medowlyn places a fluffy hat on the cake she's decorating...

Upon closer inspection, this little slice of cake is actually a cute plushie, stitched from a moment of joy.

==Gallery==
{{Files by Neighbor Gallery|Mobai}}

==Other Languages==
{{Other Languages
|en = Medowlyn
|zhs = 绵朵莉
|ja = メードリン
}}

==Change History==
{{Change History|introduced=Pre-Release}}

==References==
{{Reflist}}

==Navigation==
{{Neighbor Navbox}}

Isaki

2026-02-21T14:41:16Z

Stevium: Updated with DRUID syntax

{{Upcoming}}
{{Stub}}
{{Neighbor Tabs}}
{{Neighbor Infobox
|name = Isaki
|subtitle = Never Surrender!
|birthday = July 22
|role = Battle Beetle Trainer
|galaxy = Hexia
|loves = Kabuto Beetle;Golden Daikabutomaru Statue
|likes = Beetle;Yellow;Outdoor Decor;Wood
|dislikes =
|about =
}}
[[Isaki]] is a [[Neighbor]] in ''[[Petit Planet]]''.

==Profile==
Whoosh! As a beetle zips by, Isaki dives headfirst into the grass.

Thud! Another tumble. He's narrowly missed his prized beetle again.

But with a grin, he brushes the grass from his head and takes off once more. Failure? It means nothing to him. He's got the courage it takes to keep going.

==Gallery==
{{Files by Neighbor Gallery|Isaki}}

==Other Languages==
{{Other Languages
|en = Isaki
|zhs = 伊佐奇
|ja = イサキ
}}

==Change History==
{{Change History|introduced=Pre-Release}}

==References==
{{Reflist}}

==Navigation==
{{Neighbor Navbox}}