@mideind/netskrafl-react 1.0.0-beta.6 → 1.0.0-beta.7

package/dist/esm/index.js

@@ -2206,9 +2206,9 @@ const requestMoves = (options) => {
 
   i8n.ts
 
-  Single page UI for Explo using the Mithril library
+  Single page UI for Netskrafl/Explo using the Mithril library
 
-  Copyright (C) 2023 Miðeind ehf.
+  Copyright (C) 2025 Miðeind ehf.
   Author: Vilhjálmur Þorsteinsson
 
   The Creative Commons Attribution-NonCommercial 4.0
@@ -2374,7 +2374,7 @@ function interpolate_string(message, ips) {
 
   Common type definitions for the Explo/Netskrafl user interface
 
-  Copyright (C) 2024 Miðeind ehf.
+  Copyright (C) 2025 Miðeind ehf.
   Author: Vilhjalmur Thorsteinsson
 
   The Creative Commons Attribution-NonCommercial 4.0
@@ -2420,7 +2420,7 @@ const ERROR_MESSAGES = {
 
     Utility functions for the Explo/Netskrafl user interface
 
-  Copyright (C) 2024 Miðeind ehf.
+  Copyright (C) 2025 Miðeind ehf.
   Author: Vilhjálmur Þorsteinsson
 
   The Creative Commons Attribution-NonCommercial 4.0
@@ -28124,6 +28124,11 @@ class Game {
         return r;
     }
     ;
+    allowDragDrop() {
+        // Return true if the game allows drag-and-drop of tiles
+        return !this.over && !this.showingDialog && !this.moveInProgress;
+    }
+    ;
     async sendMove(moves) {
         // Send a move to the server
         this.moveInProgress = true;
@@ -28620,9 +28625,9 @@ class Game {
 
   Model.ts
 
-  Single page UI for Explo/Netskrafl using the Mithril library
+  Single page UI for Netskrafl/Explo using the Mithril library
 
-  Copyright (C) 2024 Miðeind ehf.
+  Copyright (C) 2025 Miðeind ehf.
   Author: Vilhjálmur Þorsteinsson
 
   The Creative Commons Attribution-NonCommercial 4.0
@@ -29420,9 +29425,9 @@ class Model {
 
   Actions.ts
 
-  Single page UI for Explo using the Mithril library
+  Single page UI for Netskrafl/Explo using the Mithril library
 
-  Copyright (C) 2024 Miðeind ehf.
+  Copyright (C) 2025 Miðeind ehf.
   Author: Vilhjálmur Þorsteinsson
 
   The Creative Commons Attribution-NonCommercial 4.0
@@ -29694,7 +29699,7 @@ function createRouteResolver(actions) {
 
   Logo.ts
 
-  Animated Explo / Netskrafl logo & legend component
+  Animated Netskrafl logo & legend component
 
   Copyright (C) 2025 Miðeind ehf.
   Original author: Vilhjálmur Þorsteinsson
@@ -29704,42 +29709,9 @@ function createRouteResolver(actions) {
   For further information, see https://github.com/mideind/Netskrafl
 
 */
-// SVG code for Explo logo
-const headerLogo = `<svg width="134" height="134" viewBox="-32 -8 134 134" fill="none" xmlns="http://www.w3.org/2000/svg">`;
-const circle = `<circle class="shadow" cx="35" cy="59" r="63" fill="#ffffff"/>`;
-const pieces = [
-    // Orange box on top
-    [
-        `<path d="M65.2672 12.542L54.3998 18.813L43.5323 25.146L32.6649 18.813L21.7354 12.542L43.5323 0L65.2672 12.542Z" fill="#FDC12C"/>`,
-        `<path d="M43.5323 25.1457V37.6877L21.7354 25.1457V12.5416L43.5323 25.1457Z" fill="#E69419"/>`,
-        `<path d="M65.2661 12.5416V25.1457L43.5312 37.6877V25.1457L65.2661 12.5416Z" fill="#F8DA95"/>`
-    ],
-    // Red box
-    [
-        `<path d="M43.5318 37.6847L32.6644 43.9557L21.7349 50.2267L10.8674 43.9557L0 37.6847L21.7349 25.1427L43.5318 37.6847Z" fill="#AA3731"/>`,
-        `<path d="M21.7349 50.23V62.7719L0 50.23V37.688L21.7349 50.23Z" fill="#721D19"/>`
-    ],
-    // Green box
-    [
-        `<path d="M65.2672 50.23L54.3998 56.501L43.5323 62.7719L32.6028 56.501L21.7354 50.23L43.5323 37.688L65.2672 50.23Z" fill="#669256"/>`,
-        `<path d="M43.5323 62.7716V75.3756L21.7354 62.7716V50.2296L43.5323 62.7716Z" fill="#496A38"/>`,
-        `<path d="M65.2661 50.2296V62.7716L43.5312 75.3756V62.7716L65.2661 50.2296Z" fill="#B7C7AD"/>`
-    ],
-    // Light blue box
-    [
-        `<path d="M43.5318 75.3754L32.6644 81.6464L21.7349 87.9174L10.8674 81.6464L0 75.3754L21.7349 62.7714L43.5318 75.3754Z" fill="#83C8CE"/>`,
-        `<path d="M21.7349 87.918V100.46L0 87.918V75.376L21.7349 87.918Z" fill="#5699A5"/>`
-    ],
-    // Pink box at the bottom
-    [
-        `<path d="M65.2672 87.918L54.3998 94.1889L43.5323 100.46L32.6649 94.1889L21.7354 87.918L43.5323 75.376L65.2672 87.918Z" fill="#E39FA5"/>`,
-        `<path d="M43.5323 100.46V113.002L21.7354 100.46V87.9177L43.5323 100.46Z" fill="#B6676D"/>`,
-        `<path d="M65.2661 87.9177V100.46L43.5312 113.002V100.46L65.2661 87.9177Z" fill="#EACFD1"/>`
-    ]
-];
 // SVG code for the letters 'netskrafl'
-const headerLetters = `<svg viewBox="0 0 992.73 323.47" fill="none" xmlns="http://www.w3.org/2000/svg">`;
-const letters = [
+const HEADER_LETTERS = `<svg viewBox="0 0 992.73 323.47" fill="none" xmlns="http://www.w3.org/2000/svg">`;
+const LETTERS = [
     [`<path fill="#514c4c"`,
         `    d="M1728.66,1133.94a1.85,1.85,0,0,1-2-2v-54.59c0-10.41-4.91-17.28-14.73-17.28-9.43,0-14.93,6.87-14.93,17.28V1132a1.85,1.85,0,0,1-2,2h-23.56a1.86,1.86,0,0,1-2-2v-91.12a1.86,1.86,0,0,1,2-2h23.56a1.85,1.85,0,0,1,2,2v6.68h.2c4.32-5.89,12.37-10.8,24.55-10.8,21,0,32.4,14.53,32.4,35.34V1132a1.86,1.86,0,0,1-2,2Z"`,
         `    transform="translate(-1401.69 -918.27)"/>`],
@@ -29765,76 +29737,53 @@ const letters = [
         `    d="M2291.92,1133.94a1.86,1.86,0,0,1-2-2V1060.3a1,1,0,0,0-1.17-1.18h-5.89a1.86,1.86,0,0,1-2-2v-16.3a1.86,1.86,0,0,1,2-2h5.89a1,1,0,0,0,1.17-1.18v-4.51c0-23.18,10.8-32.8,33.39-32.8h10.8a1.86,1.86,0,0,1,2,2v18.45a1.86,1.86,0,0,1-2,2h-6.09c-8.64,0-10.8,2.16-10.8,10.21v4.71a1,1,0,0,0,1.18,1.18h15.51a1.85,1.85,0,0,1,2,2v16.3a1.85,1.85,0,0,1-2,2h-15.51a1,1,0,0,0-1.18,1.18V1132a1.85,1.85,0,0,1-2,2Zm90.13,1.18c-21,0-29.46-9.23-29.46-30.24v-102.5a1.86,1.86,0,0,1,2-2h23.56a1.86,1.86,0,0,1,2,2v100.34c0,6.48,2.55,9,8.24,9h4.13a1.85,1.85,0,0,1,2,2v19.45a1.85,1.85,0,0,1-2,2Z"`,
         `    transform="translate(-1401.69 -918.27)"/>`]
 ];
-const footer = `</svg>`;
-const WIDTH = 134;
-const NUM_STEPS = pieces.length;
-const AnimatedExploLogo = (initialVnode) => {
-    // Animation step time in milliseconds
-    const msStepTime = initialVnode.attrs.msStepTime || 0;
-    const width = initialVnode.attrs.width;
-    const scale = width / WIDTH;
-    const withCircle = initialVnode.attrs.withCircle || false;
-    const once = initialVnode.attrs.once ? true : false;
-    const className = initialVnode.attrs.className;
-    let delta = 1;
-    let step = msStepTime ? 0 : NUM_STEPS;
-    let ival = 0;
-    function doStep() {
-        // Check whether we're still in the delay period
-        // Check if we need to reverse direction
-        if (delta < 0 && step == 0) {
-            delta = 1;
-        }
-        else if (delta > 0 && step == NUM_STEPS) {
-            // All steps completed; should we reverse direction
-            // or stop the animation (if once == true)?
-            if (once) {
-                // We're done
-                delta = 0;
-                clearInterval(ival);
-                ival = 0;
-            }
-            else
-                // Reverse direction
-                delta = -1;
-        }
-        step += delta;
-        m.redraw();
-    }
-    return {
-        oninit: () => {
-            if (msStepTime)
-                ival = setInterval(doStep, msStepTime);
-        },
-        onremove: () => {
-            if (ival != 0) {
-                clearInterval(ival);
-                ival = 0;
-            }
-        },
-        view: () => {
-            let r = [headerLogo];
-            if (withCircle)
-                // Include white background circle, with drop shadow
-                r.push(circle);
-            for (let i = 0; i < step; i++)
-                for (let piece of pieces[i])
-                    r.push(piece);
-            r.push(footer);
-            let attribs = {
-                style: {
-                    "transform": `scale(${scale})`,
-                    "transform-origin": "left top"
-                }
-            };
-            if (className !== undefined && className !== null)
-                attribs.class = className;
-            return m("div", attribs, m.trust(r.join("\n")));
-        }
-    };
-};
+const FOOTER = `</svg>`;
+// Netskrafl logo SVG components
+const LOGO_WIDTH = 182;
+const LOGO_HEIGHT = 210;
+const NETSKRAFL_LOGO_ARRAY = [
+    `<path d="M50.0335 81.1768V58.6393C50.0335 56.9025 48.7821 54.7618 47.2876 53.8732L27.7859 42.6044C26.2932 41.7158 23.7887 41.7158 22.296 42.6044L2.75319 53.8732C1.2587 54.7618 0.00732422 56.9025 0.00732422 58.6393V81.1768C0.00732422 82.9136 1.2587 85.0543 2.75319 85.9428L16.3591 93.7785C18.6617 95.0306 20.2366 97.4944 20.2366 100.322V115.145C20.2366 117.972 18.6617 120.436 16.3591 121.688L7.35643 126.898L2.79251 129.524C1.29981 130.412 0.0484453 132.553 0.0484453 134.29V156.827C0.0484453 158.564 1.29981 160.705 2.79251 161.593L22.296 172.862C23.7887 173.751 26.2932 173.751 27.7859 172.862L47.2876 161.593C48.7821 160.705 50.0335 158.564 50.0335 156.827V134.29C50.0335 132.553 48.7821 130.412 47.2876 129.524L33.6817 121.688C31.3791 120.436 29.806 117.972 29.806 115.145V100.322C29.806 97.4944 31.3791 95.0306 33.6817 93.7785L47.2876 85.9428C48.8232 85.0543 50.0335 82.9136 50.0335 81.1768Z" fill="#F17736"/>`,
+    `<path d="M25.0401 73.1002C25.0401 71.3633 23.7887 69.2227 22.296 68.3341L2.75319 57.0653C1.2587 56.1767 0.00732422 56.9037 0.00732422 58.6404V81.1782C0.00732422 82.9149 1.2587 85.0556 2.75319 85.9441L22.2549 97.2129C23.7494 98.1015 25.0007 97.3745 25.0007 95.6377L25.0401 73.1002Z" fill="#FFAA88"/>`,
+    `<path d="M73.9793 88.4472L68.2856 91.7188C66.9126 92.5267 65.7417 94.3846 65.5397 96.0405V96.0809V96.2021V96.4848V103.028C65.4986 100.524 64.1668 98.0601 61.7838 96.6868L48.9859 89.2954C46.5225 87.8818 43.6157 88.003 41.3543 89.3762L27.7466 97.2118C26.2539 98.0601 25.0007 97.3734 25.0007 95.6367V73.0989C25.0007 71.3622 26.2539 69.2217 27.7466 68.333L47.2483 57.0642C47.6934 56.8219 48.0974 56.7007 48.4603 56.7007C49.3488 56.7007 49.9941 57.4277 49.9941 58.6393V74.351C49.9137 76.9764 51.2866 79.6018 53.7089 81.0155L66.5086 88.4068C68.972 89.7801 71.7572 89.6993 73.9793 88.4472Z" fill="#C94314"/>`,
+    `<path d="M25.0401 148.791C25.0401 147.054 23.7887 144.913 22.296 144.024L2.75319 132.756C1.2587 131.867 0.00732422 132.594 0.00732422 134.331V156.869C0.00732422 158.605 1.2587 160.746 2.75319 161.634L22.2549 172.903C23.7494 173.792 25.0007 173.065 25.0007 171.328L25.0401 148.791Z" fill="#FFAA88"/>`,
+    `<path d="M50.035 156.869C50.035 158.605 48.7837 160.746 47.2892 161.634L27.7875 172.903C26.293 173.792 25.0416 173.065 25.0416 171.328V148.791C25.0416 147.054 26.293 144.913 27.7875 144.024L47.2892 132.756C48.7837 131.867 50.035 132.594 50.035 134.331V156.869Z" fill="#C94314"/>`,
+    `<path d="M115.566 96.4844V119.022C115.566 120.759 114.313 122.899 112.821 123.788L93.3189 135.057C91.9853 135.824 89.9258 135.905 88.392 135.34C88.3116 135.299 88.2311 135.299 88.1507 135.259C88.1096 135.218 88.0685 135.218 87.988 135.178C87.9487 135.138 87.8665 135.138 87.8271 135.097L68.3254 123.828C68.1234 123.707 67.9608 123.586 67.7587 123.424C67.5979 123.263 67.3959 123.101 67.235 122.94C66.266 121.89 65.5385 120.355 65.5385 119.062V103.351C65.5385 103.229 65.5385 103.149 65.5385 103.028V96.4844C65.5385 96.4036 65.5385 96.3228 65.5385 96.2018C65.5385 96.1614 65.5385 96.121 65.5385 96.0806V96.0402C65.7011 94.3843 66.872 92.5261 68.2843 91.7185L73.9781 88.4468L87.786 80.4497C89.3198 79.561 91.7832 79.561 93.2777 80.4497L112.779 91.7185C114.354 92.6069 115.566 94.7477 115.566 96.4844Z" fill="#F17736"/>`,
+    `<path d="M90.573 133.482C90.573 135.097 89.5218 135.824 88.1489 135.259C88.1096 135.219 88.0684 135.219 87.988 135.178C87.9487 135.138 87.8664 135.138 87.8271 135.097L68.3254 123.829C68.1234 123.707 67.9608 123.586 67.7587 123.425C67.5979 123.263 67.3958 123.102 67.235 122.94C66.266 121.89 65.5385 120.355 65.5385 119.063V103.351C65.5385 103.23 65.5385 103.149 65.5385 103.028V96.4847C65.5385 96.4039 65.5385 96.3231 65.5385 96.2019C65.5385 96.1615 65.5385 96.1211 65.5385 96.0807V96.0403C65.7405 94.6268 66.872 94.1016 68.2843 94.9094L76.6828 99.7561L87.8271 106.178C89.3609 107.067 90.573 109.207 90.573 110.944V133.482Z" fill="#FFAA88"/>`,
+    `<path d="M115.566 16.7012V39.2388C115.566 40.9757 114.313 43.1162 112.821 44.0049L93.3189 55.2737C91.9853 56.0411 89.9258 56.1219 88.392 55.5563C88.3116 55.5159 88.2311 55.5159 88.1507 55.4757C88.1096 55.4353 88.0685 55.4353 87.988 55.3949C87.9487 55.3545 87.8665 55.3545 87.8271 55.3141L68.3254 44.0453C68.1234 43.9241 67.9608 43.8029 67.7587 43.6413C67.5979 43.4798 67.3959 43.3182 67.235 43.1566C66.266 42.1066 65.5385 40.5717 65.5385 39.2792V23.5675C65.5385 23.4463 65.5385 23.3657 65.5385 23.2444V16.7012C65.5385 16.6204 65.5385 16.5396 65.5385 16.4186C65.5385 16.3782 65.5385 16.3378 65.5385 16.2974V16.257C65.7011 14.601 66.872 12.7429 68.2843 11.9353L73.9781 8.66365L87.786 0.666489C89.3198 -0.222163 91.7832 -0.222163 93.2777 0.666489L112.779 11.9353C114.354 12.8237 115.566 14.9645 115.566 16.7012Z" fill="#F17736"/>`,
+    `<path d="M89.6624 31.5736C89.6624 29.9159 88.4316 27.8729 86.9616 27.0247L67.7803 16.2696C66.3104 15.4216 65.0796 16.1154 65.0796 17.773V39.2833C65.0796 40.9409 66.3104 42.9841 67.7803 43.832L86.9616 54.5871C88.4316 55.4353 89.6624 54.7414 89.6624 53.0838V31.5736Z" fill="#FFAA88"/>`,
+    `<path d="M115.691 38.9886C115.691 40.7689 114.388 42.9634 112.831 43.8742L92.5219 55.426C90.9673 56.3369 89.6622 55.5916 89.6622 53.8113V30.7077C89.6622 28.9272 90.9673 26.7329 92.5219 25.8219L112.831 14.2702C114.388 13.3593 115.691 14.1045 115.691 15.8848V38.9886Z" fill="#C94314"/>`,
+    `<path d="M115.566 169.984V192.521C115.566 194.258 114.313 196.399 112.821 197.288L93.3189 208.556C91.9853 209.324 89.9258 209.405 88.392 208.839C88.3116 208.799 88.2311 208.799 88.1507 208.758C88.1096 208.718 88.0685 208.718 87.988 208.678C87.9487 208.637 87.8665 208.637 87.8271 208.597L68.3254 197.328C68.1234 197.207 67.9608 197.086 67.7587 196.924C67.5979 196.763 67.3959 196.601 67.235 196.439C66.266 195.389 65.5385 193.854 65.5385 192.562V176.85C65.5385 176.729 65.5385 176.648 65.5385 176.527V169.984C65.5385 169.903 65.5385 169.822 65.5385 169.701C65.5385 169.661 65.5385 169.62 65.5385 169.58V169.54C65.7011 167.884 66.872 166.026 68.2843 165.218L73.9781 161.946L87.786 153.949C89.3198 153.061 91.7832 153.061 93.2777 153.949L112.779 165.218C114.354 166.106 115.566 168.247 115.566 169.984Z" fill="#F17736"/>`,
+    `<path d="M90.573 206.981C90.573 208.596 89.5218 209.323 88.1489 208.758C88.1096 208.718 88.0684 208.718 87.988 208.677C87.9487 208.637 87.8664 208.637 87.8271 208.596L68.3254 197.328C68.1234 197.206 67.9608 197.085 67.7587 196.924C67.5979 196.762 67.3958 196.601 67.235 196.439C66.266 195.389 65.5385 193.854 65.5385 192.562V176.85C65.5385 176.729 65.5385 176.648 65.5385 176.527V169.984C65.5385 169.903 65.5385 169.822 65.5385 169.701C65.5385 169.661 65.5385 169.62 65.5385 169.58V169.539C65.7405 168.126 66.872 167.601 68.2843 168.408L76.6828 173.255L87.8271 179.677C89.3609 180.566 90.573 182.706 90.573 184.443V206.981Z" fill="#FFAA88"/>`,
+    `<path d="M116.102 192.239C116.102 193.975 114.851 196.116 113.356 197.005L93.8544 208.273C92.3617 209.162 91.1085 208.435 91.1085 206.698V184.161C91.1085 182.424 92.3617 180.283 93.8544 179.395L113.356 168.126C114.851 167.237 116.102 167.964 116.102 169.701V192.239Z" fill="#C94314"/>`,
+    `<path d="M139.467 126.291L138.418 126.896L133.855 129.522C132.482 130.33 131.312 132.188 131.11 133.844V134.005V134.248V140.791C131.068 138.286 129.737 135.823 127.354 134.449L114.554 127.058C112.092 125.644 109.184 125.766 106.924 127.139L93.3164 134.974C91.7826 135.823 90.5706 135.136 90.5706 133.359V110.821C90.5706 109.084 91.8219 106.944 93.3164 106.055L112.818 94.7864C114.313 93.898 115.564 94.6248 115.564 96.3617V112.073C115.484 114.699 116.856 117.324 119.279 118.738L132.078 126.129C134.46 127.583 137.247 127.543 139.467 126.291Z" fill="#C94314"/>`,
+    `<path d="M160.869 100.362V115.145C160.869 117.972 162.444 120.436 164.745 121.688L178.353 129.524C179.845 130.412 181.099 132.553 181.099 134.29V156.827C181.099 158.564 179.845 160.705 178.353 161.593L158.851 172.862C157.478 173.629 155.338 173.71 153.844 173.104C153.763 173.064 153.722 173.064 153.642 173.024C153.561 172.983 153.44 172.943 153.359 172.862L133.858 161.593C133.493 161.391 133.13 161.068 132.808 160.745C131.837 159.695 131.112 158.16 131.112 156.827V141.156C131.112 141.035 131.112 140.954 131.112 140.833V134.29C131.112 134.209 131.112 134.128 131.112 134.047C131.112 134.007 131.112 133.926 131.112 133.886C131.273 132.23 132.444 130.331 133.858 129.564L138.42 126.939L139.469 126.333L140.803 125.565L147.424 121.728C147.585 121.647 147.707 121.567 147.868 121.486C149.927 120.153 151.3 117.851 151.3 115.185V100.402C151.3 97.5752 149.725 95.1114 147.424 93.8593L133.858 86.0236C132.363 85.135 131.112 82.9944 131.112 81.2577V58.6393C131.112 56.9025 132.363 54.7618 133.858 53.8732L153.359 42.6044C154.893 41.7158 157.356 41.7158 158.851 42.6044L178.353 53.8732C179.886 54.7618 181.099 56.9025 181.099 58.6393V81.1769C181.099 82.0653 180.775 83.0348 180.291 83.8829C179.806 84.7311 179.12 85.4986 178.353 85.9428L164.745 93.7785C162.444 95.071 160.869 97.5348 160.869 100.362Z" fill="#F17736"/>`,
+    `<path d="M156.105 73.1002C156.105 71.3633 154.854 69.2227 153.359 68.3341L133.858 57.0653C132.363 56.1767 131.112 56.9037 131.112 58.6404V81.1782C131.112 82.9149 132.363 85.0556 133.858 85.9441L153.359 97.2129C154.854 98.1015 156.105 97.3745 156.105 95.6377V73.1002Z" fill="#FFAA88"/>`,
+    `<path d="M181.096 81.1782C181.096 82.9149 179.845 85.0556 178.35 85.9441L158.849 97.2129C157.356 98.1015 156.103 97.3745 156.103 95.6377V73.1002C156.103 71.3633 157.356 69.2227 158.849 68.3341L178.35 57.0653C179.845 56.1767 181.096 56.9037 181.096 58.6404V81.1782Z" fill="#C94314"/>`,
+    `<path d="M156.105 171.328C156.105 172.903 155.136 173.63 153.844 173.145C153.763 173.105 153.722 173.105 153.642 173.064C153.561 173.024 153.44 172.984 153.359 172.903L133.857 161.634C133.493 161.432 133.13 161.109 132.808 160.786C131.837 159.736 131.112 158.201 131.112 156.868V141.197C131.112 141.076 131.112 140.995 131.112 140.874V134.331C131.112 134.25 131.112 134.169 131.112 134.088C131.112 134.048 131.112 133.967 131.112 133.927C131.314 132.513 132.443 131.988 133.857 132.796L142.215 137.642L153.359 144.064C154.893 144.953 156.105 147.094 156.105 148.83V171.328Z" fill="#FFAA88"/>`,
+    `<path d="M181.096 156.869C181.096 158.605 179.845 160.746 178.35 161.634L158.849 172.903C157.356 173.792 156.103 173.065 156.103 171.328V148.791C156.103 147.054 157.356 144.913 158.849 144.024L178.35 132.756C179.845 131.867 181.096 132.594 181.096 134.331V156.869Z" fill="#C94314"/>`,
+];
+const NETSKRAFL_LOGO = `
+<svg preserveAspectRatio="xMidYMid meet" width="100%" height="100%" viewBox="0 0 ${LOGO_WIDTH} ${LOGO_HEIGHT}" fill="none" xmlns="http://www.w3.org/2000/svg">
+${NETSKRAFL_LOGO_ARRAY.join("\n")}
+</svg>`;
+const NETSKRAFL_LOGO_HTML = m.trust(NETSKRAFL_LOGO);
+// Calculate dimensions for the background circle
+const PADDING = 20; // 10px margin on each side
+const SQUARE_SIZE = Math.max(LOGO_WIDTH, LOGO_HEIGHT) + (PADDING * 2);
+const CIRCLE_RADIUS = SQUARE_SIZE / 2 - 5; // Slightly smaller than container
+// Updated circle with proper size and positioning
+const CIRCLE = `<circle cx="${SQUARE_SIZE / 2}" cy="${SQUARE_SIZE / 2}" r="${CIRCLE_RADIUS}" fill="#ffffff"/>`;
+// Create container SVG with the logo properly centered
+const NETSKRAFL_LOGO_WITH_CIRCLE = `
+<svg preserveAspectRatio="xMidYMid meet" width="100%" height="100%" viewBox="0 0 ${SQUARE_SIZE} ${SQUARE_SIZE}" fill="none" xmlns="http://www.w3.org/2000/svg">
+  ${CIRCLE}
+  <svg x="${(SQUARE_SIZE - LOGO_WIDTH) / 2}" y="${(SQUARE_SIZE - LOGO_HEIGHT) / 2}" width="${LOGO_WIDTH}" height="${LOGO_HEIGHT}" viewBox="0 0 ${LOGO_WIDTH} ${LOGO_HEIGHT}">
+    ${NETSKRAFL_LOGO_ARRAY.join("\n")}
+  </svg>
+</svg>`;
+const NETSKRAFL_LOGO_WITH_CIRCLE_HTML = m.trust(NETSKRAFL_LOGO_WITH_CIRCLE);
 const LETTER_WIDTH = 992.73;
-const NUM_LETTER_STEPS = letters.length;
+const NUM_LETTER_STEPS = LETTERS.length;
 const NetskraflLegend = (initialVnode) => {
     // Animation step time in milliseconds
     const msStepTime = initialVnode.attrs.msStepTime || 0;
@@ -29847,30 +29796,31 @@ const NetskraflLegend = (initialVnode) => {
     function doStep() {
         // Check whether we're still in the delay period
         // Check if we need to reverse direction
-        if (delta < 0 && step == 0)
+        if (delta < 0 && step === 0)
             delta = 1;
-        else if (delta > 0 && step == NUM_LETTER_STEPS)
+        else if (delta > 0 && step === NUM_LETTER_STEPS)
             delta = -1;
         step += delta;
         m.redraw();
     }
     return {
-        oninit: () => {
-            if (msStepTime)
+        oncreate: () => {
+            if (msStepTime && ival === 0) {
                 ival = setInterval(doStep, msStepTime);
+            }
         },
         onremove: () => {
-            if (ival != 0) {
+            if (ival !== 0) {
                 clearInterval(ival);
                 ival = 0;
             }
         },
         view: () => {
-            let r = [headerLetters];
+            let r = [HEADER_LETTERS];
             for (let i = 0; i < step; i++)
-                for (let letter of letters[i])
+                for (let letter of LETTERS[i])
                     r.push(letter);
-            r.push(footer);
+            r.push(FOOTER);
             const attribs = {
                 style: {
                     "transform": `scale(${scale})`,
@@ -29883,52 +29833,28 @@ const NetskraflLegend = (initialVnode) => {
         }
     };
 };
-const NETSKRAFL_LOGO = `
-<svg width="182" height="210" viewBox="0 0 182 210" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M50.0335 81.1768V58.6393C50.0335 56.9025 48.7821 54.7618 47.2876 53.8732L27.7859 42.6044C26.2932 41.7158 23.7887 41.7158 22.296 42.6044L2.75319 53.8732C1.2587 54.7618 0.00732422 56.9025 0.00732422 58.6393V81.1768C0.00732422 82.9136 1.2587 85.0543 2.75319 85.9428L16.3591 93.7785C18.6617 95.0306 20.2366 97.4944 20.2366 100.322V115.145C20.2366 117.972 18.6617 120.436 16.3591 121.688L7.35643 126.898L2.79251 129.524C1.29981 130.412 0.0484453 132.553 0.0484453 134.29V156.827C0.0484453 158.564 1.29981 160.705 2.79251 161.593L22.296 172.862C23.7887 173.751 26.2932 173.751 27.7859 172.862L47.2876 161.593C48.7821 160.705 50.0335 158.564 50.0335 156.827V134.29C50.0335 132.553 48.7821 130.412 47.2876 129.524L33.6817 121.688C31.3791 120.436 29.806 117.972 29.806 115.145V100.322C29.806 97.4944 31.3791 95.0306 33.6817 93.7785L47.2876 85.9428C48.8232 85.0543 50.0335 82.9136 50.0335 81.1768Z" fill="#F17736"/>
-<path d="M25.0401 73.1002C25.0401 71.3633 23.7887 69.2227 22.296 68.3341L2.75319 57.0653C1.2587 56.1767 0.00732422 56.9037 0.00732422 58.6404V81.1782C0.00732422 82.9149 1.2587 85.0556 2.75319 85.9441L22.2549 97.2129C23.7494 98.1015 25.0007 97.3745 25.0007 95.6377L25.0401 73.1002Z" fill="#FFAA88"/>
-<path d="M73.9793 88.4472L68.2856 91.7188C66.9126 92.5267 65.7417 94.3846 65.5397 96.0405V96.0809V96.2021V96.4848V103.028C65.4986 100.524 64.1668 98.0601 61.7838 96.6868L48.9859 89.2954C46.5225 87.8818 43.6157 88.003 41.3543 89.3762L27.7466 97.2118C26.2539 98.0601 25.0007 97.3734 25.0007 95.6367V73.0989C25.0007 71.3622 26.2539 69.2217 27.7466 68.333L47.2483 57.0642C47.6934 56.8219 48.0974 56.7007 48.4603 56.7007C49.3488 56.7007 49.9941 57.4277 49.9941 58.6393V74.351C49.9137 76.9764 51.2866 79.6018 53.7089 81.0155L66.5086 88.4068C68.972 89.7801 71.7572 89.6993 73.9793 88.4472Z" fill="#C94314"/>
-<path d="M25.0401 148.791C25.0401 147.054 23.7887 144.913 22.296 144.024L2.75319 132.756C1.2587 131.867 0.00732422 132.594 0.00732422 134.331V156.869C0.00732422 158.605 1.2587 160.746 2.75319 161.634L22.2549 172.903C23.7494 173.792 25.0007 173.065 25.0007 171.328L25.0401 148.791Z" fill="#FFAA88"/>
-<path d="M50.035 156.869C50.035 158.605 48.7837 160.746 47.2892 161.634L27.7875 172.903C26.293 173.792 25.0416 173.065 25.0416 171.328V148.791C25.0416 147.054 26.293 144.913 27.7875 144.024L47.2892 132.756C48.7837 131.867 50.035 132.594 50.035 134.331V156.869Z" fill="#C94314"/>
-<path d="M115.566 96.4844V119.022C115.566 120.759 114.313 122.899 112.821 123.788L93.3189 135.057C91.9853 135.824 89.9258 135.905 88.392 135.34C88.3116 135.299 88.2311 135.299 88.1507 135.259C88.1096 135.218 88.0685 135.218 87.988 135.178C87.9487 135.138 87.8665 135.138 87.8271 135.097L68.3254 123.828C68.1234 123.707 67.9608 123.586 67.7587 123.424C67.5979 123.263 67.3959 123.101 67.235 122.94C66.266 121.89 65.5385 120.355 65.5385 119.062V103.351C65.5385 103.229 65.5385 103.149 65.5385 103.028V96.4844C65.5385 96.4036 65.5385 96.3228 65.5385 96.2018C65.5385 96.1614 65.5385 96.121 65.5385 96.0806V96.0402C65.7011 94.3843 66.872 92.5261 68.2843 91.7185L73.9781 88.4468L87.786 80.4497C89.3198 79.561 91.7832 79.561 93.2777 80.4497L112.779 91.7185C114.354 92.6069 115.566 94.7477 115.566 96.4844Z" fill="#F17736"/>
-<path d="M90.573 133.482C90.573 135.097 89.5218 135.824 88.1489 135.259C88.1096 135.219 88.0684 135.219 87.988 135.178C87.9487 135.138 87.8664 135.138 87.8271 135.097L68.3254 123.829C68.1234 123.707 67.9608 123.586 67.7587 123.425C67.5979 123.263 67.3958 123.102 67.235 122.94C66.266 121.89 65.5385 120.355 65.5385 119.063V103.351C65.5385 103.23 65.5385 103.149 65.5385 103.028V96.4847C65.5385 96.4039 65.5385 96.3231 65.5385 96.2019C65.5385 96.1615 65.5385 96.1211 65.5385 96.0807V96.0403C65.7405 94.6268 66.872 94.1016 68.2843 94.9094L76.6828 99.7561L87.8271 106.178C89.3609 107.067 90.573 109.207 90.573 110.944V133.482Z" fill="#FFAA88"/>
-<path d="M139.467 126.291L138.418 126.896L133.855 129.522C132.482 130.33 131.312 132.188 131.11 133.844V134.005V134.248V140.791C131.068 138.286 129.737 135.823 127.354 134.449L114.554 127.058C112.092 125.644 109.184 125.766 106.924 127.139L93.3164 134.974C91.7826 135.823 90.5706 135.136 90.5706 133.359V110.821C90.5706 109.084 91.8219 106.944 93.3164 106.055L112.818 94.7864C114.313 93.898 115.564 94.6248 115.564 96.3617V112.073C115.484 114.699 116.856 117.324 119.279 118.738L132.078 126.129C134.46 127.583 137.247 127.543 139.467 126.291Z" fill="#C94314"/>
-<path d="M160.869 100.362V115.145C160.869 117.972 162.444 120.436 164.745 121.688L178.353 129.524C179.845 130.412 181.099 132.553 181.099 134.29V156.827C181.099 158.564 179.845 160.705 178.353 161.593L158.851 172.862C157.478 173.629 155.338 173.71 153.844 173.104C153.763 173.064 153.722 173.064 153.642 173.024C153.561 172.983 153.44 172.943 153.359 172.862L133.858 161.593C133.493 161.391 133.13 161.068 132.808 160.745C131.837 159.695 131.112 158.16 131.112 156.827V141.156C131.112 141.035 131.112 140.954 131.112 140.833V134.29C131.112 134.209 131.112 134.128 131.112 134.047C131.112 134.007 131.112 133.926 131.112 133.886C131.273 132.23 132.444 130.331 133.858 129.564L138.42 126.939L139.469 126.333L140.803 125.565L147.424 121.728C147.585 121.647 147.707 121.567 147.868 121.486C149.927 120.153 151.3 117.851 151.3 115.185V100.402C151.3 97.5752 149.725 95.1114 147.424 93.8593L133.858 86.0236C132.363 85.135 131.112 82.9944 131.112 81.2577V58.6393C131.112 56.9025 132.363 54.7618 133.858 53.8732L153.359 42.6044C154.893 41.7158 157.356 41.7158 158.851 42.6044L178.353 53.8732C179.886 54.7618 181.099 56.9025 181.099 58.6393V81.1769C181.099 82.0653 180.775 83.0348 180.291 83.8829C179.806 84.7311 179.12 85.4986 178.353 85.9428L164.745 93.7785C162.444 95.071 160.869 97.5348 160.869 100.362Z" fill="#F17736"/>
-<path d="M156.105 73.1002C156.105 71.3633 154.854 69.2227 153.359 68.3341L133.858 57.0653C132.363 56.1767 131.112 56.9037 131.112 58.6404V81.1782C131.112 82.9149 132.363 85.0556 133.858 85.9441L153.359 97.2129C154.854 98.1015 156.105 97.3745 156.105 95.6377V73.1002Z" fill="#FFAA88"/>
-<path d="M181.096 81.1782C181.096 82.9149 179.845 85.0556 178.35 85.9441L158.849 97.2129C157.356 98.1015 156.103 97.3745 156.103 95.6377V73.1002C156.103 71.3633 157.356 69.2227 158.849 68.3341L178.35 57.0653C179.845 56.1767 181.096 56.9037 181.096 58.6404V81.1782Z" fill="#C94314"/>
-<path d="M156.105 171.328C156.105 172.903 155.136 173.63 153.844 173.145C153.763 173.105 153.722 173.105 153.642 173.064C153.561 173.024 153.44 172.984 153.359 172.903L133.857 161.634C133.493 161.432 133.13 161.109 132.808 160.786C131.837 159.736 131.112 158.201 131.112 156.868V141.197C131.112 141.076 131.112 140.995 131.112 140.874V134.331C131.112 134.25 131.112 134.169 131.112 134.088C131.112 134.048 131.112 133.967 131.112 133.927C131.314 132.513 132.443 131.988 133.857 132.796L142.215 137.642L153.359 144.064C154.893 144.953 156.105 147.094 156.105 148.83V171.328Z" fill="#FFAA88"/>
-<path d="M181.096 156.869C181.096 158.605 179.845 160.746 178.35 161.634L158.849 172.903C157.356 173.792 156.103 173.065 156.103 171.328V148.791C156.103 147.054 157.356 144.913 158.849 144.024L178.35 132.756C179.845 131.867 181.096 132.594 181.096 134.331V156.869Z" fill="#C94314"/>
-<path d="M50.0335 81.1768V58.6393C50.0335 56.9025 48.7821 54.7618 47.2876 53.8732L27.7859 42.6044C26.2932 41.7158 23.7887 41.7158 22.296 42.6044L2.75319 53.8732C1.2587 54.7618 0.00732422 56.9025 0.00732422 58.6393V81.1768C0.00732422 82.9136 1.2587 85.0543 2.75319 85.9428L16.3591 93.7785C18.6617 95.0306 20.2366 97.4944 20.2366 100.322V115.145C20.2366 117.972 18.6617 120.436 16.3591 121.688L7.35643 126.898L2.79251 129.524C1.29981 130.412 0.0484453 132.553 0.0484453 134.29V156.827C0.0484453 158.564 1.29981 160.705 2.79251 161.593L22.296 172.862C23.7887 173.751 26.2932 173.751 27.7859 172.862L47.2876 161.593C48.7821 160.705 50.0335 158.564 50.0335 156.827V134.29C50.0335 132.553 48.7821 130.412 47.2876 129.524L33.6817 121.688C31.3791 120.436 29.806 117.972 29.806 115.145V100.322C29.806 97.4944 31.3791 95.0306 33.6817 93.7785L47.2876 85.9428C48.8232 85.0543 50.0335 82.9136 50.0335 81.1768Z" fill="#F17736"/>
-<path d="M25.0401 73.1002C25.0401 71.3633 23.7887 69.2227 22.296 68.3341L2.75319 57.0653C1.2587 56.1767 0.00732422 56.9037 0.00732422 58.6404V81.1782C0.00732422 82.9149 1.2587 85.0556 2.75319 85.9441L22.2549 97.2129C23.7494 98.1015 25.0007 97.3745 25.0007 95.6377L25.0401 73.1002Z" fill="#FFAA88"/>
-<path d="M73.9793 88.4472L68.2856 91.7188C66.9126 92.5267 65.7417 94.3846 65.5397 96.0405V96.0809V96.2021V96.4848V103.028C65.4986 100.524 64.1668 98.0601 61.7838 96.6868L48.9859 89.2954C46.5225 87.8818 43.6157 88.003 41.3543 89.3762L27.7466 97.2118C26.2539 98.0601 25.0007 97.3734 25.0007 95.6367V73.0989C25.0007 71.3622 26.2539 69.2217 27.7466 68.333L47.2483 57.0642C47.6934 56.8219 48.0974 56.7007 48.4603 56.7007C49.3488 56.7007 49.9941 57.4277 49.9941 58.6393V74.351C49.9137 76.9764 51.2866 79.6018 53.7089 81.0155L66.5086 88.4068C68.972 89.7801 71.7572 89.6993 73.9793 88.4472Z" fill="#C94314"/>
-<path d="M25.0401 148.791C25.0401 147.054 23.7887 144.913 22.296 144.024L2.75319 132.756C1.2587 131.867 0.00732422 132.594 0.00732422 134.331V156.869C0.00732422 158.605 1.2587 160.746 2.75319 161.634L22.2549 172.903C23.7494 173.792 25.0007 173.065 25.0007 171.328L25.0401 148.791Z" fill="#FFAA88"/>
-<path d="M50.035 156.869C50.035 158.605 48.7837 160.746 47.2892 161.634L27.7875 172.903C26.293 173.792 25.0416 173.065 25.0416 171.328V148.791C25.0416 147.054 26.293 144.913 27.7875 144.024L47.2892 132.756C48.7837 131.867 50.035 132.594 50.035 134.331V156.869Z" fill="#C94314"/>
-<path d="M115.566 96.4844V119.022C115.566 120.759 114.313 122.899 112.821 123.788L93.3189 135.057C91.9853 135.824 89.9258 135.905 88.392 135.34C88.3116 135.299 88.2311 135.299 88.1507 135.259C88.1096 135.218 88.0685 135.218 87.988 135.178C87.9487 135.138 87.8665 135.138 87.8271 135.097L68.3254 123.828C68.1234 123.707 67.9608 123.586 67.7587 123.424C67.5979 123.263 67.3959 123.101 67.235 122.94C66.266 121.89 65.5385 120.355 65.5385 119.062V103.351C65.5385 103.229 65.5385 103.149 65.5385 103.028V96.4844C65.5385 96.4036 65.5385 96.3228 65.5385 96.2018C65.5385 96.1614 65.5385 96.121 65.5385 96.0806V96.0402C65.7011 94.3843 66.872 92.5261 68.2843 91.7185L73.9781 88.4468L87.786 80.4497C89.3198 79.561 91.7832 79.561 93.2777 80.4497L112.779 91.7185C114.354 92.6069 115.566 94.7477 115.566 96.4844Z" fill="#F17736"/>
-<path d="M90.573 133.482C90.573 135.097 89.5218 135.824 88.1489 135.259C88.1096 135.219 88.0684 135.219 87.988 135.178C87.9487 135.138 87.8664 135.138 87.8271 135.097L68.3254 123.829C68.1234 123.707 67.9608 123.586 67.7587 123.425C67.5979 123.263 67.3958 123.102 67.235 122.94C66.266 121.89 65.5385 120.355 65.5385 119.063V103.351C65.5385 103.23 65.5385 103.149 65.5385 103.028V96.4847C65.5385 96.4039 65.5385 96.3231 65.5385 96.2019C65.5385 96.1615 65.5385 96.1211 65.5385 96.0807V96.0403C65.7405 94.6268 66.872 94.1016 68.2843 94.9094L76.6828 99.7561L87.8271 106.178C89.3609 107.067 90.573 109.207 90.573 110.944V133.482Z" fill="#FFAA88"/>
-<path d="M115.566 16.7012V39.2388C115.566 40.9757 114.313 43.1162 112.821 44.0049L93.3189 55.2737C91.9853 56.0411 89.9258 56.1219 88.392 55.5563C88.3116 55.5159 88.2311 55.5159 88.1507 55.4757C88.1096 55.4353 88.0685 55.4353 87.988 55.3949C87.9487 55.3545 87.8665 55.3545 87.8271 55.3141L68.3254 44.0453C68.1234 43.9241 67.9608 43.8029 67.7587 43.6413C67.5979 43.4798 67.3959 43.3182 67.235 43.1566C66.266 42.1066 65.5385 40.5717 65.5385 39.2792V23.5675C65.5385 23.4463 65.5385 23.3657 65.5385 23.2444V16.7012C65.5385 16.6204 65.5385 16.5396 65.5385 16.4186C65.5385 16.3782 65.5385 16.3378 65.5385 16.2974V16.257C65.7011 14.601 66.872 12.7429 68.2843 11.9353L73.9781 8.66365L87.786 0.666489C89.3198 -0.222163 91.7832 -0.222163 93.2777 0.666489L112.779 11.9353C114.354 12.8237 115.566 14.9645 115.566 16.7012Z" fill="#F17736"/>
-<path d="M89.6624 31.5736C89.6624 29.9159 88.4316 27.8729 86.9616 27.0247L67.7803 16.2696C66.3104 15.4216 65.0796 16.1154 65.0796 17.773V39.2833C65.0796 40.9409 66.3104 42.9841 67.7803 43.832L86.9616 54.5871C88.4316 55.4353 89.6624 54.7414 89.6624 53.0838V31.5736Z" fill="#FFAA88"/>
-<path d="M115.691 38.9886C115.691 40.7689 114.388 42.9634 112.831 43.8742L92.5219 55.426C90.9673 56.3369 89.6622 55.5916 89.6622 53.8113V30.7077C89.6622 28.9272 90.9673 26.7329 92.5219 25.8219L112.831 14.2702C114.388 13.3593 115.691 14.1045 115.691 15.8848V38.9886Z" fill="#C94314"/>
-<path d="M115.566 169.984V192.521C115.566 194.258 114.313 196.399 112.821 197.288L93.3189 208.556C91.9853 209.324 89.9258 209.405 88.392 208.839C88.3116 208.799 88.2311 208.799 88.1507 208.758C88.1096 208.718 88.0685 208.718 87.988 208.678C87.9487 208.637 87.8665 208.637 87.8271 208.597L68.3254 197.328C68.1234 197.207 67.9608 197.086 67.7587 196.924C67.5979 196.763 67.3959 196.601 67.235 196.439C66.266 195.389 65.5385 193.854 65.5385 192.562V176.85C65.5385 176.729 65.5385 176.648 65.5385 176.527V169.984C65.5385 169.903 65.5385 169.822 65.5385 169.701C65.5385 169.661 65.5385 169.62 65.5385 169.58V169.54C65.7011 167.884 66.872 166.026 68.2843 165.218L73.9781 161.946L87.786 153.949C89.3198 153.061 91.7832 153.061 93.2777 153.949L112.779 165.218C114.354 166.106 115.566 168.247 115.566 169.984Z" fill="#F17736"/>
-<path d="M90.573 206.981C90.573 208.596 89.5218 209.323 88.1489 208.758C88.1096 208.718 88.0684 208.718 87.988 208.677C87.9487 208.637 87.8664 208.637 87.8271 208.596L68.3254 197.328C68.1234 197.206 67.9608 197.085 67.7587 196.924C67.5979 196.762 67.3958 196.601 67.235 196.439C66.266 195.389 65.5385 193.854 65.5385 192.562V176.85C65.5385 176.729 65.5385 176.648 65.5385 176.527V169.984C65.5385 169.903 65.5385 169.822 65.5385 169.701C65.5385 169.661 65.5385 169.62 65.5385 169.58V169.539C65.7405 168.126 66.872 167.601 68.2843 168.408L76.6828 173.255L87.8271 179.677C89.3609 180.566 90.573 182.706 90.573 184.443V206.981Z" fill="#FFAA88"/>
-<path d="M116.102 192.239C116.102 193.975 114.851 196.116 113.356 197.005L93.8544 208.273C92.3617 209.162 91.1085 208.435 91.1085 206.698V184.161C91.1085 182.424 92.3617 180.283 93.8544 179.395L113.356 168.126C114.851 167.237 116.102 167.964 116.102 169.701V192.239Z" fill="#C94314"/>
-<path d="M139.467 126.291L138.418 126.896L133.855 129.522C132.482 130.33 131.312 132.188 131.11 133.844V134.005V134.248V140.791C131.068 138.286 129.737 135.823 127.354 134.449L114.554 127.058C112.092 125.644 109.184 125.766 106.924 127.139L93.3164 134.974C91.7826 135.823 90.5706 135.136 90.5706 133.359V110.821C90.5706 109.084 91.8219 106.944 93.3164 106.055L112.818 94.7864C114.313 93.898 115.564 94.6248 115.564 96.3617V112.073C115.484 114.699 116.856 117.324 119.279 118.738L132.078 126.129C134.46 127.583 137.247 127.543 139.467 126.291Z" fill="#C94314"/>
-<path d="M160.869 100.362V115.145C160.869 117.972 162.444 120.436 164.745 121.688L178.353 129.524C179.845 130.412 181.099 132.553 181.099 134.29V156.827C181.099 158.564 179.845 160.705 178.353 161.593L158.851 172.862C157.478 173.629 155.338 173.71 153.844 173.104C153.763 173.064 153.722 173.064 153.642 173.024C153.561 172.983 153.44 172.943 153.359 172.862L133.858 161.593C133.493 161.391 133.13 161.068 132.808 160.745C131.837 159.695 131.112 158.16 131.112 156.827V141.156C131.112 141.035 131.112 140.954 131.112 140.833V134.29C131.112 134.209 131.112 134.128 131.112 134.047C131.112 134.007 131.112 133.926 131.112 133.886C131.273 132.23 132.444 130.331 133.858 129.564L138.42 126.939L139.469 126.333L140.803 125.565L147.424 121.728C147.585 121.647 147.707 121.567 147.868 121.486C149.927 120.153 151.3 117.851 151.3 115.185V100.402C151.3 97.5752 149.725 95.1114 147.424 93.8593L133.858 86.0236C132.363 85.135 131.112 82.9944 131.112 81.2577V58.6393C131.112 56.9025 132.363 54.7618 133.858 53.8732L153.359 42.6044C154.893 41.7158 157.356 41.7158 158.851 42.6044L178.353 53.8732C179.886 54.7618 181.099 56.9025 181.099 58.6393V81.1769C181.099 82.0653 180.775 83.0348 180.291 83.8829C179.806 84.7311 179.12 85.4986 178.353 85.9428L164.745 93.7785C162.444 95.071 160.869 97.5348 160.869 100.362Z" fill="#F17736"/>
-<path d="M156.105 73.1002C156.105 71.3633 154.854 69.2227 153.359 68.3341L133.858 57.0653C132.363 56.1767 131.112 56.9037 131.112 58.6404V81.1782C131.112 82.9149 132.363 85.0556 133.858 85.9441L153.359 97.2129C154.854 98.1015 156.105 97.3745 156.105 95.6377V73.1002Z" fill="#FFAA88"/>
-<path d="M181.096 81.1782C181.096 82.9149 179.845 85.0556 178.35 85.9441L158.849 97.2129C157.356 98.1015 156.103 97.3745 156.103 95.6377V73.1002C156.103 71.3633 157.356 69.2227 158.849 68.3341L178.35 57.0653C179.845 56.1767 181.096 56.9037 181.096 58.6404V81.1782Z" fill="#C94314"/>
-<path d="M156.105 171.328C156.105 172.903 155.136 173.63 153.844 173.145C153.763 173.105 153.722 173.105 153.642 173.064C153.561 173.024 153.44 172.984 153.359 172.903L133.857 161.634C133.493 161.432 133.13 161.109 132.808 160.786C131.837 159.736 131.112 158.201 131.112 156.868V141.197C131.112 141.076 131.112 140.995 131.112 140.874V134.331C131.112 134.25 131.112 134.169 131.112 134.088C131.112 134.048 131.112 133.967 131.112 133.927C131.314 132.513 132.443 131.988 133.857 132.796L142.215 137.642L153.359 144.064C154.893 144.953 156.105 147.094 156.105 148.83V171.328Z" fill="#FFAA88"/>
-<path d="M181.096 156.869C181.096 158.605 179.845 160.746 178.35 161.634L158.849 172.903C157.356 173.792 156.103 173.065 156.103 171.328V148.791C156.103 147.054 157.356 144.913 158.849 144.024L178.35 132.756C179.845 131.867 181.096 132.594 181.096 134.331V156.869Z" fill="#C94314"/>
-</svg>
-`;
 const NetskraflLogoOnly = () => {
     // The Netskrafl logo
     return {
         view: (vnode) => {
-            const { width, height } = vnode.attrs;
+            const { width, height, className } = vnode.attrs;
             const style = [
                 width ? `width: ${width}px;` : '',
                 height ? `height: ${height}px;` : ''
             ].filter(Boolean).join(' ');
-            return m(".netskrafl-logo", { style }, m.trust(NETSKRAFL_LOGO));
+            return m(`.${className || "netskrafl-logo"}`, { style }, NETSKRAFL_LOGO_HTML);
+        }
+    };
+};
+const AnimatedNetskraflLogo = (initialVnode) => {
+    const { attrs } = initialVnode;
+    const { width, withCircle } = attrs;
+    return {
+        view: () => {
+            const divStyle = {};
+            if (width !== undefined)
+                divStyle.width = `${width}px`;
+            return m(".animated-netskrafl-logo", { style: divStyle }, withCircle ? NETSKRAFL_LOGO_WITH_CIRCLE_HTML : NETSKRAFL_LOGO_HTML);
         }
     };
 };
@@ -29936,7 +29862,7 @@ const NetskraflLogoOnly = () => {
 const SPINNER_INITIAL_DELAY = 800; // milliseconds
 const Spinner = {
     // Show a spinner wait box, after an initial delay
-    oninit: (vnode) => {
+    oncreate: (vnode) => {
         vnode.state.show = false;
         vnode.state.ival = setTimeout(() => {
             vnode.state.show = true;
@@ -29952,7 +29878,7 @@ const Spinner = {
     view: (vnode) => {
         if (!vnode.state.show)
             return undefined;
-        return m(".modal-dialog", { id: 'spinner-dialog', style: { visibility: 'visible' } }, m("div.animated-spinner", m(AnimatedExploLogo, { msStepTime: 200, width: 120, withCircle: true })));
+        return m(".modal-dialog", { id: 'spinner-dialog', style: { visibility: 'visible' } }, m(".animated-spinner", m(AnimatedNetskraflLogo, { withCircle: true })));
     }
 };
 const TextInput = () => {
@@ -30049,18 +29975,21 @@ const OnlinePresence = (initialVnode) => {
     const askServer = attrs.online === undefined;
     const id = attrs.id;
     const userId = attrs.userId;
+    let loading = false;
     async function _update() {
-        if (askServer) {
+        if (askServer && !loading) {
+            loading = true;
             const json = await request({
                 method: "POST",
                 url: "/onlinecheck",
                 body: { user: userId }
             });
             online = json && json.online;
+            loading = false;
         }
     }
     return {
-        oninit: _update,
+        oncreate: _update,
         view: (vnode) => {
             var _a, _b;
             if (!askServer)
@@ -30337,6 +30266,7 @@ const WaitDialog = (initialVnode) => {
     const path = 'user/' + userId + "/wait/" + oppId;
     // Flag set when the new game has been initiated
     let pointOfNoReturn = false;
+    let initialized = false;
     async function updateOnline() {
         // Initiate an online check on the opponent
         try {
@@ -30372,24 +30302,26 @@ const WaitDialog = (initialVnode) => {
         catch (e) {
         }
     }
+    const oncreate = async () => {
+        if (!userId || !oppId || initialized)
+            return; // Should not happen
+        initialized = true;
+        updateOnline();
+        // Attach a Firebase listener to the wait path
+        attachFirebaseListener(path, (json) => {
+            if (json !== true && json.game) {
+                // A new game has been created and initiated by the server
+                pointOfNoReturn = true;
+                detachFirebaseListener(path);
+                // We don't need to pop the dialog; that is done automatically
+                // by the route resolver upon m.route.set()
+                // Navigate to the newly initiated game
+                m.route.set("/game/" + json.game);
+            }
+        });
+    };
     return {
-        oninit: () => {
-            if (!userId || !oppId)
-                return; // Should not happen
-            updateOnline();
-            // Attach a Firebase listener to the wait path
-            attachFirebaseListener(path, (json) => {
-                if (json !== true && json.game) {
-                    // A new game has been created and initiated by the server
-                    pointOfNoReturn = true;
-                    detachFirebaseListener(path);
-                    // We don't need to pop the dialog; that is done automatically
-                    // by the route resolver upon m.route.set()
-                    // Navigate to the newly initiated game
-                    m.route.set("/game/" + json.game);
-                }
-            });
-        },
+        oncreate,
         view: () => {
             return m(".modal-dialog", { id: "wait-dialog", style: { visibility: "visible" } }, m(".ui-widget.ui-widget-content.ui-corner-all", { "id": "wait-form" }, [
                 m(".chall-hdr", m("table", m("tbody", m("tr", [
@@ -30443,8 +30375,12 @@ const AcceptDialog = (initialVnode) => {
     const key = attrs.challengeKey;
     let oppNick = attrs.oppNick;
     let oppReady = true;
+    let loading = false;
     async function waitCheck() {
         // Initiate a wait status check on the opponent
+        if (loading)
+            return; // Already checking
+        loading = true;
         try {
             const json = await request({
                 method: "POST",
@@ -30464,9 +30400,12 @@ const AcceptDialog = (initialVnode) => {
         }
         catch (e) {
         }
+        finally {
+            loading = false;
+        }
     }
     return {
-        oninit: () => waitCheck(),
+        oncreate: waitCheck,
         view: () => {
             return m(".modal-dialog", { id: "accept-dialog", style: { visibility: "visible" } }, m(".ui-widget.ui-widget-content.ui-corner-all", { id: "accept-form" }, [
                 m(".chall-hdr", m("table", m("tbody", m("tr", [
@@ -30655,7 +30594,7 @@ const FriendCancelConfirmDialog = (initialVnode) => {
 
   Login.ts
 
-  Login UI for Explo using the Mithril library
+  Login UI for Metskrafl using the Mithril library
 
   Copyright (C) 2025 Miðeind ehf.
   Author: Vilhjálmur Þorsteinsson
@@ -30698,12 +30637,9 @@ const LoginForm = (initialVnode) => {
             return m.fragment({}, [
                 // This is visible on large screens
                 m("div.loginform-large", [
-                    m(AnimatedExploLogo, {
+                    m(NetskraflLogoOnly, {
                         className: "login-logo",
                         width: 200,
-                        withCircle: false,
-                        msStepTime: 150,
-                        once: true
                     }),
                     m(NetskraflLegend, {
                         className: "login-legend",
@@ -30719,12 +30655,9 @@ const LoginForm = (initialVnode) => {
                 ]),
                 // This is visible on small screens
                 m("div.loginform-small", [
-                    m(AnimatedExploLogo, {
+                    m(NetskraflLogoOnly, {
                         className: "login-logo",
                         width: 160,
-                        withCircle: false,
-                        msStepTime: 150,
-                        once: true
                     }),
                     m(NetskraflLegend, {
                         className: "login-legend",
@@ -31701,7 +31634,7 @@ const Main = () => {
                             glyph("thumbs-down", { title: ts("Hafna") })
                             :
                                 glyph("hand-right", { title: ts("Afturkalla") })),
-                        m(clickable ? "a" : "span", clickable ? {
+                        m(clickable ? "a.flex" : "span.flex", clickable ? {
                             href: "#",
                             onclick: clickChallenge,
                             class: oppReady ? "opp-ready" : ""
@@ -32051,9 +31984,13 @@ const PromoDialog = (initialVnode) => {
     const view = initialVnode.attrs.view;
     const model = view.model;
     let html = "";
+    let loading = false;
     function _fetchContent(vnode) {
         // Fetch the content
-        model.loadPromoContent(vnode.attrs.kind, (contentHtml) => { html = contentHtml; });
+        if (html !== "" || loading)
+            return; // Already fetching or fetched
+        loading = true;
+        model.loadPromoContent(vnode.attrs.kind, (contentHtml) => { html = contentHtml; loading = false; });
     }
     function _onUpdate(vnode, initFunc) {
         var noButtons = vnode.dom.getElementsByClassName("btn-promo-no");
@@ -32074,7 +32011,7 @@ const PromoDialog = (initialVnode) => {
             initFunc();
     }
     return {
-        oninit: _fetchContent,
+        oncreate: _fetchContent,
         view: (vnode) => {
             let initFunc = vnode.attrs.initFunc;
             return m(".modal-dialog", { id: "promo-dialog", style: { visibility: "visible" } }, m(".ui-widget.ui-widget-content.ui-corner-all", { id: "promo-form", className: "promo-" + vnode.attrs.kind }, m("div", {
@@ -32107,33 +32044,46 @@ const UserInfoDialog = (initialVnode) => {
     let stats = {};
     let recentList = [];
     let versusAll = true; // Show games against all opponents or just the current user?
+    let loadingStats = false;
+    let loadingRecentList = false;
     function _updateStats(vnode) {
         // Fetch the statistics of the given user
+        if (loadingStats)
+            return;
+        loadingStats = true;
         model.loadUserStats(vnode.attrs.userid, (json) => {
             if (json && json.result === 0)
                 stats = json;
             else
                 stats = {};
+            loadingStats = false;
+            m.redraw();
         });
     }
     function _updateRecentList(vnode) {
         var _a, _b;
         // Fetch the recent game list of the given user
+        if (loadingRecentList)
+            return;
+        loadingRecentList = true;
         model.loadUserRecentList(vnode.attrs.userid, versusAll ? null : (_b = (_a = model.state) === null || _a === void 0 ? void 0 : _a.userId) !== null && _b !== void 0 ? _b : "", (json) => {
             if (json && json.result === 0)
                 recentList = json.recentlist;
             else
                 recentList = [];
+            loadingRecentList = false;
+            m.redraw();
         });
     }
     function _setVersus(vnode, vsState) {
         if (versusAll != vsState) {
             versusAll = vsState;
+            loadingRecentList = false;
             _updateRecentList(vnode);
         }
     }
     return {
-        oninit: (vnode) => {
+        oncreate: (vnode) => {
             _updateRecentList(vnode);
             _updateStats(vnode);
         },
@@ -32406,8 +32356,8 @@ const Buttons = (initialVnode) => {
     const model = view.model;
     return {
         view: () => {
-            // The set of buttons below the game board, alongside the rack (fullscreen view)
-            // or below the rack (mobile view)
+            // The set of buttons below the game board, alongside the rack
+            // (fullscreen view) or below the rack (mobile view)
             const game = model.game;
             let r = [];
             if (!game)
@@ -32434,7 +32384,8 @@ const Buttons = (initialVnode) => {
             if (s.showMove) {
                 // "Plain" move button for fullscreen
                 const submit_move = ts("submit_move"); // 'Move' or 'Leika'
-                r.push(makeButton("submitmove", !s.tilesPlaced || s.showingDialog, () => { game.submitMove(); view.updateScale(); }, submit_move, [submit_move, glyph("play")]));
+                const disabled = !s.tilesPlaced || s.showingDialog;
+                r.push(makeButton("submitmove", disabled, () => { game.submitMove(); view.updateScale(); }, submit_move, [submit_move, glyph("play")]));
             }
             if (s.showMoveMobile) {
                 // Submit-Move button on mobile, which also shows the score
@@ -32489,12 +32440,14 @@ const Buttons = (initialVnode) => {
                 // Pass move: shown if no tiles have been placed
                 // and we're not showing a dialog, or if this is
                 // the last move by the opponent in a manual game
-                r.push(makeButton("submitpass", (s.tilesPlaced || s.showingDialog) && !s.lastChallenge, () => game.submitPass(), // Note: plain game.submitPass doesn't work here
+                const disabled = (s.tilesPlaced || s.showingDialog) && !s.lastChallenge;
+                r.push(makeButton("submitpass", disabled, () => game.submitPass(), // Note: plain game.submitPass doesn't work here
                 ts("Pass"), glyph("forward")));
             }
             if (s.showExchange) {
                 // Exchange tiles from the rack
-                r.push(makeButton("submitexchange", s.tilesPlaced || s.showingDialog || !s.exchangeAllowed, () => game.submitExchange(), // Note: plain game.submitExchange doesn't work here
+                const disabled = (s.tilesPlaced || s.showingDialog) && !s.exchangeAllowed;
+                r.push(makeButton("submitexchange", disabled, () => game.submitExchange(), // Note: plain game.submitExchange doesn't work here
                 ts("Skipta stöfum"), glyph("refresh")));
             }
             if (s.showResign) {
@@ -32532,7 +32485,9 @@ const Buttons = (initialVnode) => {
             }
             // Is the server processing a move?
             if (game === null || game === void 0 ? void 0 : game.moveInProgress) {
-                r.push(m(".waitmove", m(".animated-waitmove", m(AnimatedExploLogo, { msStepTime: 100, width: 38, withCircle: false }))));
+                r.push(m(".waitmove", m(".animated-waitmove", m(AnimatedNetskraflLogo, {
+                    withCircle: false,
+                }))));
             }
             return m(".buttons", r);
         }
@@ -32543,7 +32498,7 @@ const Buttons = (initialVnode) => {
 
   Dragdrop.ts
 
-  Single page UI for Explo using the Mithril library
+  Single page UI for Netskrafl/Explo using the Mithril library
 
   Copyright (C) 2025 Miðeind ehf.
   Author: Vilhjálmur Þorsteinsson
@@ -32843,23 +32798,21 @@ const Tile = (initialVnode) => {
                   classes.push("dim");
                 */
             }
-            if (game.showingDialog === null && !game.over) {
-                if (t.draggable) {
-                    attrs.onmousedown = dragHandler;
-                    attrs.ontouchstart = dragHandler;
-                    /*
-                    attrs.onclick = (ev: MouseEvent) => {
-                      // When clicking a tile, make it selected (blinking)
-                      if (coord === game.selectedSq)
-                        // Clicking again: deselect
-                        game.selectedSq = null;
-                      else
-                        game.selectedSq = coord;
-                      ev.stopPropagation();
-                      return false;
-                    };
-                    */
-                }
+            if (t.draggable && game.allowDragDrop()) {
+                attrs.onmousedown = dragHandler;
+                attrs.ontouchstart = dragHandler;
+                /*
+                attrs.onclick = (ev: MouseEvent) => {
+                  // When clicking a tile, make it selected (blinking)
+                  if (coord === game.selectedSq)
+                    // Clicking again: deselect
+                    game.selectedSq = null;
+                  else
+                    game.selectedSq = coord;
+                  ev.stopPropagation();
+                  return false;
+                };
+                */
             }
             return m(classes.join("."), attrs, [t.letter === " " ? nbsp() : t.letter, m(".letterscore", t.score)]);
         }
@@ -33985,7 +33938,7 @@ const GameView = () => {
 
   Review.ts
 
-  Single page UI for Explo using the Mithril library
+  Single page UI for Netskrafl/Explo using the Mithril library
 
   Copyright (C) 2025 Miðeind ehf.
   Author: Vilhjálmur Þorsteinsson
@@ -34478,9 +34431,9 @@ const BoardReview = (initialVnode) => {
 
   Page.ts
 
-  Single page UI for Explo using the Mithril library
+  Single page UI for Netskrafl/Explo using the Mithril library
 
-  Copyright (C) 2024 Miðeind ehf.
+  Copyright (C) 2025 Miðeind ehf.
   Author: Vilhjálmur Þorsteinsson
 
   The Creative Commons Attribution-NonCommercial 4.0
@@ -34494,51 +34447,6 @@ const BoardReview = (initialVnode) => {
   cf. https://github.com/pakx/the-mithril-diaries/wiki/Basic-App-Structure
 
 */
-/*
-// EXPERIMENTAL
-function insertStyleSheet(url: string) {
-  // Insert a link rel="stylesheet" element into the document head,
-  // if it isn't there already
-  const head = document.head;
-  if (!head) return;
-  const links = head.getElementsByTagName("link");
-  for (const link of links) {
-    if (link.href === url) return;
-  }
-  const link = document.createElement("link");
-  link.rel = "stylesheet";
-  link.href = url;
-  head.appendChild(link);
-}
-*/
-function updateFontFaceUrls(serverUrl) {
-    // Get all stylesheets in the document
-    try {
-        const styleSheets = document.styleSheets;
-        // Iterate through each stylesheet
-        for (const styleSheet of styleSheets) {
-            // Iterate through each CSS rule in the stylesheet
-            for (const rule of styleSheet.cssRules) {
-                // Check if the rule is a @font-face rule
-                if (rule instanceof CSSFontFaceRule) {
-                    // Update the src property with new URLs
-                    const src = rule.style.getPropertyValue("src");
-                    if (src.includes("glyphicons-")) {
-                        rule.style.setProperty("src", `
-              url('${serverUrl}/static/glyphicons-regular.eot') format('embedded-opentype'),
-              url('${serverUrl}/static/glyphicons-regular.woff') format('woff'),
-              url('${serverUrl}/static/glyphicons-regular.ttf') format('truetype')
-            `);
-                    }
-                }
-            }
-        }
-    }
-    catch (e) {
-        // Handle any errors that occur while accessing stylesheets
-        console.error("Error when updating font face URLs: ", e);
-    }
-}
 async function main(state, container) {
     // The main UI entry point, called from page.html
     if (!container) {
@@ -34547,10 +34455,6 @@ async function main(state, container) {
     }
     // Set up Netskrafl backend server URLs
     setServerUrl(state.serverUrl, state.movesUrl, state.movesAccessKey);
-    // Insert the Explo CSS stylesheet
-    // insertStyleSheet("./index.css");
-    // Update font URLs to point to the backend server
-    updateFontFaceUrls(state.serverUrl);
     try {
         const loginData = await loginUserByEmail(state.userEmail, state.userNick, state.userFullname, state.token);
         if (loginData.status === "expired") {
@@ -34560,6 +34464,8 @@ async function main(state, container) {
         }
         if (loginData.status === "success") {
             state.userId = loginData.user_id;
+            // Use the nickname from the server, if available
+            state.userNick = loginData.nickname || state.userNick;
             // Log in to Firebase with the token passed from the server
             await loginFirebase(state, loginData.firebase_token);
             // Everything looks OK:
@@ -34823,8 +34729,8 @@ class View {
         if (!html)
             return "";
         return m("div.help-tabs", {
+            oncreate: (vnode) => { makeTabs(this, id, createFunc, true, vnode); },
             oninit: (vnode) => { vnode.state.selected = tabNumber || 1; },
-            oncreate: (vnode) => { makeTabs(this, id, createFunc, true, vnode); }
             /* onupdate: updateSelection */
         }, m.trust(html));
     }
@@ -35037,13 +34943,14 @@ class View {
         // they can be invoked while the last_chall dialog is being
         // displayed. We therefore allow them to cover the last_chall
         // dialog. On mobile, both dialogs are displayed simultaneously.
-        if (game.last_chall)
+        if (game.last_chall) {
             r.push(m(".chall-info", { style: { visibility: "visible" } }, [
                 glyph("info-sign"), nbsp(),
                 // "Your opponent emptied the rack - you can challenge or pass"
                 mt("span.pass-explain", "opponent_emptied_rack")
             ]));
-        if (game.showingDialog == "resign")
+        }
+        if (game.showingDialog == "resign") {
             r.push(m(".resign", { style: { visibility: "visible" } }, [
                 glyph("exclamation-sign"), nbsp(), ts("Viltu gefa leikinn?"), nbsp(),
                 m("span.mobile-break", m("br")),
@@ -35051,8 +34958,9 @@ class View {
                 m("span.mobile-space"),
                 m("span.yesnobutton", { onclick: () => game.confirmResign(false) }, [glyph("remove"), ts(" Nei")])
             ]));
+        }
         if (game.showingDialog == "pass") {
-            if (game.last_chall)
+            if (game.last_chall) {
                 r.push(m(".pass-last", { style: { visibility: "visible" } }, [
                     glyph("forward"), nbsp(), ts("Segja pass?"),
                     mt("span.pass-explain", "Viðureign lýkur þar með"),
@@ -35062,7 +34970,8 @@ class View {
                     m("span.mobile-space"),
                     m("span.yesnobutton", { onclick: () => game.confirmPass(false) }, [glyph("remove"), ts(" Nei")])
                 ]));
-            else
+            }
+            else {
                 r.push(m(".pass", { style: { visibility: "visible" } }, [
                     glyph("forward"), nbsp(), ts("Segja pass?"),
                     mt("span.pass-explain", "2x3 pöss í röð ljúka viðureign"),
@@ -35071,8 +34980,9 @@ class View {
                     m("span.mobile-space"),
                     m("span.yesnobutton", { onclick: () => game.confirmPass(false) }, [glyph("remove"), ts(" Nei")])
                 ]));
+            }
         }
-        if (game.showingDialog == "exchange")
+        if (game.showingDialog == "exchange") {
             r.push(m(".exchange", { style: { visibility: "visible" } }, [
                 glyph("refresh"), nbsp(),
                 ts("Smelltu á flísarnar sem þú vilt skipta"), nbsp(),
@@ -35081,7 +34991,8 @@ class View {
                 m("span.mobile-space"),
                 m("span.yesnobutton", { title: ts('Hætta við'), onclick: () => game.confirmExchange(false) }, glyph("remove"))
             ]));
-        if (game.showingDialog == "chall")
+        }
+        if (game.showingDialog == "chall") {
             r.push(m(".chall", { style: { visibility: "visible" } }, [
                 glyph("ban-circle"), nbsp(), ts("Véfengja lögn?"),
                 mt("span.pass-explain", "Röng véfenging kostar 10 stig"), nbsp(),
@@ -35090,6 +35001,7 @@ class View {
                 m("span.mobile-space"),
                 m("span.yesnobutton", { onclick: () => game.confirmChallenge(false) }, [glyph("remove"), ts(" Nei")])
             ]));
+        }
         return r;
     }
 } // class View
@@ -35107,7 +35019,7 @@ View.dialogViews = {
     accept: (view, args) => view.vwAccept(args)
 };
 
-const CSS_LINK_ID = "netskrafl-styles";
+// const CSS_LINK_ID = "netskrafl-styles";
 const DEFAULT_STATE = {
     projectId: "netskrafl",
     firebaseAPIKey: "",
@@ -35179,28 +35091,24 @@ const NetskraflImpl = ({ state, tokenExpired }) => {
     const ref = React.createRef();
     const completeState = { ...DEFAULT_STATE, ...state };
     const { userEmail } = completeState;
+    /*
     useEffect(() => {
-        // Check if the stylesheet is already added by another instance
-        if (document.getElementById(CSS_LINK_ID)) {
-            // Optionally, you might want to increment a usage counter
-            // and only remove the link when the counter is zero.
-            // For simplicity, we'll assume one global link is fine.
-            return;
-        }
-        const link = document.createElement("link");
-        const styleUrl = `${window.location.origin}/static/css/netskrafl.css`;
-        link.id = CSS_LINK_ID;
-        link.rel = "stylesheet";
-        link.type = "text/css";
-        link.href = styleUrl;
-        // Optional: for CORS, though if it's the same base domain, it might not be needed
-        // link.crossOrigin = "anonymous";
-        document.head.appendChild(link);
+      // Check whether the stylesheet is already present
+      if (document.getElementById(CSS_LINK_ID)) return;
+      // Load and link the stylesheet into the document head
+      const link = document.createElement("link");
+      const styleUrl = `${window.location.origin}/static/css/netskrafl.css`;
+      link.id = CSS_LINK_ID;
+      link.rel = "stylesheet";
+      link.type = "text/css";
+      link.href = styleUrl;
+      document.head.appendChild(link);
+      // We don't bother to remove the stylesheet when the component is unmounted
     }, []);
+    */
     useEffect(() => {
         var _a;
         // Load the Netskrafl (Mithril) UI for a new user
-        // console.log("Mounting Netskrafl UI for user", userEmail);
         if (!userEmail)
             return;
         const container = ref.current;
@@ -35210,8 +35118,7 @@ const NetskraflImpl = ({ state, tokenExpired }) => {
         }
         const elemId = `netskrafl-user-${userEmail}`;
         if (((_a = container.firstElementChild) === null || _a === void 0 ? void 0 : _a.id) === elemId) {
-            // Already exists and correctly mounted
-            // console.log("Netskrafl UI already mounted with elemId", elemId);
+            // The Netskrafl UI is already correctly mounted
             return;
         }
         try {
@@ -35232,9 +35139,9 @@ const NetskraflImpl = ({ state, tokenExpired }) => {
                 container.innerHTML = "";
         }
         return () => {
-            // console.log("Dismounting Netskrafl UI for user", userEmail);
             // Move the Netskrafl UI to a hidden div under the body element
             // when the component is unmounted
+            // console.log("Dismounting Netskrafl UI for user", userEmail);
             const container = document.getElementById("netskrafl-container");
             const div = container === null || container === void 0 ? void 0 : container.firstElementChild;
             if ((div === null || div === void 0 ? void 0 : div.id) === elemId) {