refactor: extract placement styles to separate stylesheet

[ElectricalBoy]

Summary

This PR:

• suppresses wrapping in placement boxes (reported on discord: https://discord.com/channels/93055209017729024/250978264460427264/1516041347172143185)
• extracts placement styles to a separate stylesheet
• removes uses of deprecated length() and nth() scss functions

How did you test this change?

local compilation + difftools

[hjpalpha]

seems reasonable on phone

[Copilot]

Pull request overview

Refactors placement-number styling by moving it out of the general “Miscellaneous” stylesheet into a dedicated Placement stylesheet, and updates the Sass implementation to avoid deprecated length() / nth() usage while keeping theme-specific colors.

Changes:

• Added a new stylesheets/commons/Placement.scss containing placement box/text styles and placement color rules.
• Wired the new stylesheet into the build by adding @use "commons/Placement"; in stylesheets/Main.scss.
• Removed the previous placement styling block from stylesheets/commons/Miscellaneous.scss.

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated no comments.

File	Description
stylesheets/Main.scss	Imports the new placement stylesheet so the extracted rules are included in the main build.
stylesheets/commons/Placement.scss	New dedicated stylesheet for placement text/box styles and theme-aware placement colors.
stylesheets/commons/Miscellaneous.scss	Removes the extracted placement styling block to avoid duplication and reduce misc stylesheet scope.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.