Split app into subpages, persist ingame time, and add 14-month dashboard calendar

static/styles.css

@@ -24,6 +24,29 @@ body {
 .top h1 { margin: 0; }
 .top p { margin: .35rem 0 0; opacity: .9; }
 
+.tabs {
+  display: flex;
+  gap: .5rem;
+  flex-wrap: wrap;
+  padding: .7rem 1rem;
+  max-width: 1280px;
+  margin: 0 auto;
+}
+.tabs a {
+  text-decoration: none;
+  color: #234020;
+  background: #e7efdf;
+  border: 1px solid #cbd8c3;
+  border-radius: 999px;
+  padding: .35rem .75rem;
+  font-weight: 600;
+}
+.tabs a.active {
+  color: #fff;
+  background: var(--accent);
+  border-color: var(--accent);
+}
+
 .layout {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
@@ -44,6 +67,7 @@ body {
   margin-top: 0;
   font-size: 1.05rem;
 }
+.full-width { grid-column: 1 / -1; }
 
 .grid {
   display: grid;
@@ -109,6 +133,34 @@ button:hover { background: #2d5124; }
   padding-left: 1.1rem;
 }
 .tasks li { margin: .35rem 0; }
+.task-sublist {
+  margin: .3rem 0 0;
+  padding-left: 1rem;
+}
+.muted { color: var(--muted); }
+
+.calendar-grid {
+  display: grid;
+  gap: .75rem;
+  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+}
+.month-card {
+  border: 1px solid #dbe6d5;
+  border-radius: 10px;
+  padding: .6rem;
+  background: #f9fbf7;
+}
+.month-card h3 {
+  margin: 0 0 .4rem;
+  font-size: .98rem;
+}
+.month-days {
+  margin: 0;
+  padding-left: 1rem;
+  max-height: 260px;
+  overflow: auto;
+}
+.month-days li { margin: .25rem 0; }
 
 .table-wrap { overflow: auto; }
 table {