diff --git a/.css/root.css b/.styles/root.css
similarity index 91%
rename from .css/root.css
rename to .styles/root.css
index bcf9c00..d74992a 100644
--- a/.css/root.css
+++ b/.styles/root.css
@@ -131,7 +131,7 @@
   aspect-ratio: 1/1;
 }
 
-@container (max-width: 550px) {
+@container (max-width: 620px) {
   .dotdungeon .actor--pc {
     grid-template-columns: repeat(2, minmax(0, 1fr));
     grid-template-rows: repeat(15, minmax(0, 1fr));
@@ -147,11 +147,16 @@
 @container (max-width: 400px) {
   .dotdungeon .actor--pc {
     grid-template-columns: 1fr;
-    grid-template-areas: "stats" "skills";
+    grid-template-rows: repeat(12, min-content);
+    grid-template-areas: "avatar" "stats" "sync" "skills" "aspect" "roles" "backpack" "weapons" "spells" "mounts" "summons" "storage";
   }
   .dotdungeon .panel {
     background: blueviolet;
   }
+  .dotdungeon .panel__header .icon {
+    display: none;
+    visibility: hidden;
+  }
 }
 
-/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../styles/root.scss%22,%22../styles/mixins/_foundry.scss%22,%22../styles/vars.scss%22,%22../styles/sheets/partials/stat.scss%22,%22../styles/sheets/partials/skill.scss%22,%22../styles/sheets/actor/mvp.scss%22,%22../styles/mixins/_breakpoints.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAGQ;AAIP;ECNA;EDQC;EACA,aEVW;EFWX;;AAGD;ECbA;EDeC;EACA;;AAGD;EACC;;;AAKF;EACC;;AAEA;EACC;EACA,YE9BW;;;ACDb;EACC;EACA;EACA;;ACHD;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;;ACdF;EACC;EACA,qBACC;EASD;EACA;EACA;EACA;;AAGC;EACC;;AAED;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;;AAGF;EACC;;AAEA;EACC;EACA;EACA;;AAGF;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAKH;EACC;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA,aH5FS;EG6FT;;AAGD;EAEC,QADO;EAEP,OAFO;EAGP;;;AC7FH;EDsGC;IACC;IACA;IACA,qBACC;;EAiBF;IACC;;EAGC;IACC;;;AC1HJ;EDmIC;IACC;IACA,qBACC;;EAGF;IACC%22,%22file%22:%22root.css%22%7D */
+/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../styles/root.scss%22,%22../styles/mixins/_foundry.scss%22,%22../styles/vars.scss%22,%22../styles/sheets/partials/stat.scss%22,%22../styles/sheets/partials/skill.scss%22,%22../styles/sheets/actor/mvp.scss%22,%22../styles/mixins/_breakpoints.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAGQ;AAIP;ECNA;EDQC;EACA,aEVW;EFWX;;AAGD;ECbA;EDeC;EACA;;AAGD;EACC;;;AAKF;EACC;;AAEA;EACC;EACA,YE9BW;;;ACDb;EACC;EACA;EACA;;ACHD;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;;ACdF;EACC;EACA,qBACC;EASD;EACA;EACA;EACA;;AAGC;EACC;;AAED;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;;AAGF;EACC;;AAEA;EACC;EACA;EACA;;AAGF;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAKH;EACC;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA,aH5FS;EG6FT;;AAGD;EAEC,QADO;EAEP,OAFO;EAGP;;;ACnGH;ED4GC;IACC;IACA;IACA,qBACC;;EAiBF;IACC;;EAGC;IACC;;;AChIJ;EDyIC;IACC;IACA;IACA,qBACC;;EAaF;IACC;;EAGC;IACC;IACA%22,%22file%22:%22root.css%22%7D */
diff --git a/.css/sheets/actor/mvp.css b/.styles/sheets/actor/mvp.css
similarity index 88%
rename from .css/sheets/actor/mvp.css
rename to .styles/sheets/actor/mvp.css
index 82c4208..51b1163 100644
--- a/.css/sheets/actor/mvp.css
+++ b/.styles/sheets/actor/mvp.css
@@ -81,7 +81,7 @@
   aspect-ratio: 1/1;
 }
 
-@container (max-width: 550px) {
+@container (max-width: 620px) {
   .dotdungeon .actor--pc {
     grid-template-columns: repeat(2, minmax(0, 1fr));
     grid-template-rows: repeat(15, minmax(0, 1fr));
@@ -97,11 +97,16 @@
 @container (max-width: 400px) {
   .dotdungeon .actor--pc {
     grid-template-columns: 1fr;
-    grid-template-areas: "stats" "skills";
+    grid-template-rows: repeat(12, min-content);
+    grid-template-areas: "avatar" "stats" "sync" "skills" "aspect" "roles" "backpack" "weapons" "spells" "mounts" "summons" "storage";
   }
   .dotdungeon .panel {
     background: blueviolet;
   }
+  .dotdungeon .panel__header .icon {
+    display: none;
+    visibility: hidden;
+  }
 }
 
-/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../../../styles/sheets/actor/mvp.scss%22,%22../../../styles/vars.scss%22,%22../../../styles/mixins/_breakpoints.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAIC;EACC;EACA,qBACC;EASD;EACA;EACA;EACA;;AAGC;EACC;;AAED;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;;AAGF;EACC;;AAEA;EACC;EACA;EACA;;AAGF;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAKH;EACC;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA,aC5FS;ED6FT;;AAGD;EAEC,QADO;EAEP,OAFO;EAGP;;;AE7FH;EFsGC;IACC;IACA;IACA,qBACC;;EAiBF;IACC;;EAGC;IACC;;;AE1HJ;EFmIC;IACC;IACA,qBACC;;EAGF;IACC%22,%22file%22:%22mvp.css%22%7D */
+/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../../../styles/sheets/actor/mvp.scss%22,%22../../../styles/vars.scss%22,%22../../../styles/mixins/_breakpoints.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAIC;EACC;EACA,qBACC;EASD;EACA;EACA;EACA;;AAGC;EACC;;AAED;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;;AAGF;EACC;;AAEA;EACC;EACA;EACA;;AAGF;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAKH;EACC;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA,aC5FS;ED6FT;;AAGD;EAEC,QADO;EAEP,OAFO;EAGP;;;AEnGH;EF4GC;IACC;IACA;IACA,qBACC;;EAiBF;IACC;;EAGC;IACC;;;AEhIJ;EFyIC;IACC;IACA;IACA,qBACC;;EAaF;IACC;;EAGC;IACC;IACA%22,%22file%22:%22mvp.css%22%7D */
diff --git a/.css/sheets/partials/skill.css b/.styles/sheets/partials/skill.css
similarity index 100%
rename from .css/sheets/partials/skill.css
rename to .styles/sheets/partials/skill.css
diff --git a/.css/sheets/partials/stat.css b/.styles/sheets/partials/stat.css
similarity index 100%
rename from .css/sheets/partials/stat.css
rename to .styles/sheets/partials/stat.css
diff --git a/.css/vars.css b/.styles/vars.css
similarity index 100%
rename from .css/vars.css
rename to .styles/vars.css
diff --git a/README.md b/README.md
index 4875c55..2b81d76 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,10 @@
 # foundry.dungeon
 A Foundry VTT game system for the .dungeon TTRPG
+
+## Development:
+
+> Note : Any folder that contains a `.`-suffixed name should not be edited
+> manually, as they are compiled from their respective non-`.`-suffixed folder.
+> (Example: To edit a file in `/.langs`, edit the correct file in `/langs`).
+> The **ONLY** exception to this is the `.vscode` folder which editing anything
+> in it will almost definitely get your PR rejected until the changes are undone.
\ No newline at end of file
diff --git a/package.json b/package.json
index 0c38d08..7c5937b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "scripts": {
-    "css": "sass --watch --embed-source-map --no-error-css styles/:.css/"
+    "css": "sass --watch --embed-source-map --no-error-css styles/:.styles/"
   },
   "devDependencies": {
     "sass": "^1.69.5"
diff --git a/system.json b/system.json
index ba4703d..97f7a62 100644
--- a/system.json
+++ b/system.json
@@ -19,7 +19,7 @@
 		"module/dotdungeon.js"
 	],
 	"styles": [
-		".css/root.css"
+		".styles/root.css"
 	],
 	"languages": [
 		{
@@ -31,7 +31,7 @@
 	"flags": {
 		"hotReload": {
 			"extensions": ["css", "hbs", "json", "js", "mjs"],
-			"paths": ["templates", "langs", ".css", "module"]
+			"paths": ["templates", "langs", ".styles", "module"]
 		}
 	}
 }
\ No newline at end of file