new migration in apps.applets to seed wallet applet models; many expanded styles in wallet.js, chiefly concerned w. wallet-oriented FTs tbh; some intermittent Windows cache errors quashed in dash view ITs; apps.dash.views & .urls now support wallet applets; apps.lyric.models now discerns tithe coins (available for purchase soon); new styles across many scss files, again many concerning wallet applets but also applets more generally and also unorthodox media query parameters to make UX more usable; a slew of new wallet partials

src/static_src/scss/_applets.scss

@@ -72,8 +72,9 @@
     }
 }
 
-#id_dash_applet_menu  { @extend %applet-menu; }
-#id_game_applet_menu  { @extend %applet-menu; }
+#id_dash_applet_menu    { @extend %applet-menu; }
+#id_game_applet_menu    { @extend %applet-menu; }
+#id_wallet_applet_menu  { @extend %applet-menu; }
 
 // ── Applets grid (shared across all boards) ────────────────
 %applets-grid {
@@ -101,7 +102,7 @@
             0.2rem solid rgba(var(--secUser), 0.5),
         ;
         box-shadow:
-            inset -1px -1px 0 rgba(255, 255, 255, 0.125),
+            inset -0.125rem -0.125rem 0 rgba(var(--ninUser), 0.125),
             inset 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.8)
         ;
         border-radius: 0.75rem;
@@ -119,3 +120,4 @@
 
 #id_applets_container      { @extend %applets-grid; }
 #id_game_applets_container { @extend %applets-grid; }
+#id_wallet_applets_container { @extend %applets-grid; }

src/static_src/scss/_base.scss

@@ -193,7 +193,7 @@ body {
             padding: 0.5rem 0;
 
             .col-lg-6 h2 {
-                font-size: 2.1rem;
+                font-size: 2rem;
                 margin-bottom: 0.5rem;
                 // text-justify: inter-character is Firefox-only; approximate for Safari/Chrome
                 letter-spacing: 1em;
@@ -234,7 +234,7 @@ body {
             text-align-last: center;
             letter-spacing: 0.25em;
             margin: 0 0 0.5rem;
-            font-size: 2.2rem;
+            font-size: 2rem;
         }
     }
 }

src/static_src/scss/_gameboard.scss

@@ -40,6 +40,10 @@ body.page-gameboard {
     .gameboard-page {
         min-width: 666px;
     }
+
+    body.page-gameboard .container {
+        overflow: visible;
+    }
 }
 
 #id_applet_game_kit {

src/static_src/scss/_wallet-tokens.scss

@@ -51,6 +51,58 @@
     }
 }
 
+.token--empty {
+    cursor: help;
+
+    > i { opacity: 0.4; }
+}
+
+html:has(body.page-wallet) {
+    overflow: hidden;
+}
+
+body.page-wallet {
+    overflow: hidden;
+
+    .container {
+        overflow: hidden;
+        display: flex;
+        flex-direction: column;
+        flex: 1;
+        min-height: 0;
+    }
+
+    .row {
+        flex-shrink: 0;
+    }
+}
+
+.wallet-page {
+    position: relative;
+    flex: 1;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+}
+
+.wallet-tokens {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-evenly;
+    overflow: visible;
+
+    .token {
+        font-size: 1.5rem;
+    }
+
+    .token:hover .token-tooltip { display: none; }
+}
+
+#id_payment_methods {
+    overflow-y: auto;
+}
+
 @media (max-width: 768px) {
     .token .token-tooltip {
         width: 13rem;
@@ -58,4 +110,9 @@
         left: 0;
         transform: none;
     }
+
+    .wallet-tokens .token-tooltip {
+        left: 50%;
+        transform: translateX(-50%);
+    }
 }