1 files changed, 103 insertions, 0 deletions
diff --git a/2026/games/gbjk/src/src/style.css b/2026/games/gbjk/src/src/style.css
new file mode 100644
index 0000000..56e07d1
--- /dev/null
+++ b/2026/games/gbjk/src/src/style.css
@@ -0,0 +1,103 @@
+* {
+  box-sizing: border-box;
+}
+
+html,
+body,
+#app {
+  min-height: 100%;
+}
+
+body {
+  margin: 0;
+  color: darksalmon;
+  background-color: #2e2e2e;
+  font-family: monospace;
+  overflow-x: hidden;
+}
+
+button {
+  min-width: 0;
+  font: inherit;
+  font-size: .4rem;
+  line-height: 1.1;
+  padding: .15rem;
+  color: darksalmon;
+  background-color: #2e2e2e;
+  border-color: salmon;
+  cursor: pointer;
+  white-space: normal;
+  overflow-wrap: anywhere;
+
+  z-index: 9999;
+}
+
+button:hover {
+  background-color: darkslategray;
+}
+
+button:active {
+  background-color: slategray;
+}
+
+.layout {
+  margin: auto;
+  display: flex;
+  min-height: 100dvh;
+  width: 100%;
+  padding: .15rem;
+  gap: .2rem;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+}
+
+.game {
+  min-width: 0;
+}
+
+.title-bar {
+  display: flex;
+  align-items: baseline;
+  gap: .25rem;
+  margin-bottom: .2rem;
+}
+
+h1,
+p {
+  margin: 0;
+}
+
+h1 {
+  font-size: .6rem;
+  line-height: 1;
+}
+
+p {
+  font-size: .4rem;
+  line-height: 1.1;
+}
+
+canvas {
+  display: block;
+  aspect-ratio: 2 / 3;
+  border-radius: 6px;
+  border: 1px solid darksalmon;
+  box-shadow: 0px 0px 4px darksalmon;
+  height: 80vmin;
+  width: auto;
+
+  transition: transform 100ms;
+  margin: auto;
+}
+
+ul {
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  gap: .15rem;
+  width: min(6rem, 42vw);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}