@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:400 800;src:url(/umagrid/fonts/baloo-2-latin-ext-wght.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:400 800;src:url(/umagrid/fonts/baloo-2-latin-wght.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--text:#7a6a55;--text-h:#6b3f1d;--bg-top:#eaf6ff;--bg-bottom:#fff6e4;--bg:#fff8ec;--border:#e3cfa8;--correct:#4caf50;--panel-bg:#fffdf7;--panel-border:#d9b98a;--accent-green-1:#a8e063;--accent-green-2:#56ab2f;--accent-pink-1:#ff9ec7;--accent-pink-2:#f2609a;--accent-blue-1:#8ecbff;--accent-blue-2:#4a90d9;--accent-gold-1:#ffe27a;--accent-gold-2:#f5a623;--radius-pill:999px;--radius-panel:14px;--shadow-panel:0 4px 10px #785a2826;--shadow-button:0 3px 0 #0000002e;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--font-display:"Baloo 2", var(--sans);font:18px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 45%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--text:#d8c7a8;--text-h:#ffe4b8;--bg-top:#1c2430;--bg-bottom:#2b2013;--bg:#241c12;--border:#4a3a24;--panel-bg:#2c2317;--panel-border:#5c4a2c;--accent-green-1:#7bc94b;--accent-green-2:#3f7a20;--accent-pink-1:#e07fac;--accent-pink-2:#c94c81;--accent-blue-1:#6badea;--accent-blue-2:#3670ad;--accent-gold-1:#e0bb52;--accent-gold-2:#b9821c;--shadow-panel:0 4px 10px #0006}}:root[data-theme=dark]{--text:#d8c7a8;--text-h:#ffe4b8;--bg-top:#1c2430;--bg-bottom:#2b2013;--bg:#241c12;--border:#4a3a24;--panel-bg:#2c2317;--panel-border:#5c4a2c;--accent-green-1:#7bc94b;--accent-green-2:#3f7a20;--accent-pink-1:#e07fac;--accent-pink-2:#c94c81;--accent-blue-1:#6badea;--accent-blue-2:#3670ad;--accent-gold-1:#e0bb52;--accent-gold-2:#b9821c;--shadow-panel:0 4px 10px #0006}body{margin:0}#root{box-sizing:border-box;flex-direction:column;max-width:700px;min-height:100svh;margin:0 auto;padding:16px;display:flex}@media (width<=480px){#root{padding:10px}}h1{font-family:var(--font-display);color:var(--text-h);text-shadow:0 2px #ffffff80,0 1px 3px #00000026;letter-spacing:.5px;margin:8px 0 0;font-size:36px;font-weight:800}p{margin:0}:focus-visible{outline:3px solid var(--accent-blue-2);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{text-align:center;flex-direction:column;flex-grow:1;align-items:center;gap:20px;display:flex}header{width:100%;position:relative}.theme-toggle{background:var(--panel-bg);border:none;border:2px solid var(--panel-border);width:36px;height:36px;box-shadow:var(--shadow-panel);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex;position:absolute;top:4px;right:4px}.theme-toggle:active{transform:translateY(1px)}.how-to-play-toggle{width:36px;height:36px;font-family:var(--font-display);color:var(--text-h);background:var(--panel-bg);border:2px solid var(--panel-border);box-shadow:var(--shadow-panel);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;line-height:1;display:flex;position:absolute;top:4px;left:4px}.how-to-play-toggle:active{transform:translateY(1px)}.how-to-play-modal{max-width:420px}.how-to-play-modal ul{text-align:left;margin:16px 20px 0;padding-left:20px}.how-to-play-modal li{color:var(--text);margin-bottom:10px;font-size:14px;line-height:1.5}.how-to-play-modal li:last-child{margin-bottom:0}.subtitle{color:var(--text);margin-top:4px;font-size:14px;font-weight:600}.error{color:#c0392b}.loading-gif{border-radius:var(--radius-panel);border:2px solid var(--panel-border);width:100%;max-width:280px;box-shadow:var(--shadow-panel);margin-top:40px}.toast{background:var(--panel-bg);color:var(--text-h);border:2px solid var(--panel-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);padding:10px 18px;font-size:14px;font-weight:600}.banner-message{color:var(--text-h);font-weight:700}.banner-stats{color:var(--text);margin-top:4px;font-size:13px;font-weight:600}.umagrid{grid-template-columns:minmax(90px,1fr) repeat(3,minmax(90px,1fr));gap:4px;width:100%;display:grid}@media (width<=480px){.umagrid{grid-template-columns:minmax(60px,1fr) repeat(3,minmax(60px,1fr));gap:3px}}.umagrid-corner{background:0 0}.category-header{text-align:center;font-size:12px;font-weight:700;font-family:var(--font-display);letter-spacing:.2px;color:#fff;text-shadow:0 1px 2px #00000059;border-radius:var(--radius-panel);cursor:pointer;width:100%;min-height:48px;box-shadow:inset 0 1px 0 #fff6, var(--shadow-button);border:none;justify-content:center;align-items:center;padding:8px 6px;transition:transform .1s,box-shadow .1s;display:flex}.category-header-row{background:linear-gradient(160deg, var(--accent-pink-1), var(--accent-pink-2))}.category-header-col{background:linear-gradient(160deg, var(--accent-blue-1), var(--accent-blue-2))}.category-header:hover{transform:translateY(-1px)}.category-header:active{transform:translateY(1px);box-shadow:inset 0 1px #fff6,0 1px #0000002e}.category-modal-backdrop{z-index:50;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.category-modal{background:var(--panel-bg);border:2px solid var(--panel-border);border-radius:var(--radius-panel);text-align:left;width:100%;max-width:320px;padding:0 0 20px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.category-modal:focus{outline:none}.category-modal h3{font-family:var(--font-display);color:#fff;text-shadow:0 1px 2px #00000059;background:linear-gradient(120deg, var(--accent-green-1), var(--accent-green-2));margin:0;padding:14px 20px;font-size:16px;font-weight:700}.category-modal p{color:var(--text);margin:16px 20px 0;font-size:14px;line-height:1.5}.category-modal-close{font-family:var(--font-display);border-radius:var(--radius-pill);background:linear-gradient(160deg, var(--accent-green-1), var(--accent-green-2));color:#fff;text-shadow:0 1px 2px #0000004d;box-shadow:inset 0 1px 0 #fff6, var(--shadow-button);cursor:pointer;border:none;margin:16px 20px 0;padding:8px 18px;font-size:13px;font-weight:700;display:block}.category-modal-close:active{transform:translateY(1px);box-shadow:inset 0 1px #fff6,0 1px #0000002e}.category-modal-close:disabled{opacity:.5;cursor:default}.umagrid-cell{aspect-ratio:1;border:2px solid var(--panel-border);border-radius:var(--radius-panel);background:var(--panel-bg);box-shadow:var(--shadow-panel);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;padding:4px;display:flex;position:relative}.umagrid-cell-button{border-radius:inherit;width:100%;height:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex}.umagrid-cell-empty{color:var(--border);font-size:26px;font-weight:700}.cell-result{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.cell-character-image{aspect-ratio:1;object-fit:cover;object-position:top;border:3px solid var(--accent-green-2);width:100%;max-width:56px;box-shadow:0 0 0 2px var(--accent-green-1);background:var(--code-bg,#7878781a);border-radius:50%}.cell-character-name{color:var(--text-h);text-align:center;font-size:12px;font-weight:700}.cell-score{font-family:var(--font-display);color:#fff;text-shadow:0 1px 1px #0000004d;background:linear-gradient(160deg, var(--accent-gold-1), var(--accent-gold-2));border-radius:var(--radius-pill);padding:1px 8px;font-size:12px;font-weight:700;display:inline-block}.cell-correct .cell-score{color:#fff}.cell-incorrect .cell-score{background:linear-gradient(160deg,#e88b8b,#c0392b)}.autocomplete{z-index:20;background:var(--panel-bg);border:2px solid var(--panel-border);border-radius:var(--radius-panel);box-sizing:border-box;flex-direction:column;gap:4px;width:190px;max-width:calc(100vw - 24px);padding:8px;display:flex;position:absolute;top:0;box-shadow:0 8px 20px #0003}.autocomplete-align-center{left:50%;transform:translate(-50%)}.autocomplete-align-start{left:0}.autocomplete-align-end{right:0}.autocomplete input{box-sizing:border-box;border:2px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);width:100%;color:var(--text-h);padding:8px 12px;font-size:16px;box-shadow:inset 0 1px 3px #0000001a}.autocomplete input:focus{border-color:var(--accent-blue-2);outline:none}.autocomplete-results{text-align:left;max-height:180px;margin:0;padding:0;list-style:none;overflow-y:auto}.autocomplete-results button{text-align:left;width:100%;color:var(--text-h);cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:none;align-items:center;gap:8px;padding:6px 8px;font-size:13px;font-weight:600;display:flex}.autocomplete-results button:hover{background:linear-gradient(160deg, var(--accent-blue-1), var(--accent-blue-2));color:#fff}.autocomplete-result-image{object-fit:cover;object-position:top;background:var(--code-bg,#7878781a);border-radius:50%;flex-shrink:0;width:28px;height:28px}.autocomplete-cancel{color:var(--text);cursor:pointer;background:0 0;border:none;padding:6px 4px;font-size:12px;font-weight:700}.grid-summary{text-align:center}.grid-total-score{font-family:var(--font-display);color:#fff;text-shadow:0 1px 2px #0000004d;background:linear-gradient(160deg, var(--accent-gold-1), var(--accent-gold-2));border-radius:var(--radius-pill);box-shadow:inset 0 1px 0 #fff6, var(--shadow-button);padding:4px 18px;font-size:16px;font-weight:700;display:inline-block}.guess-budget{color:var(--text);margin-top:6px;font-size:13px;font-weight:600}.cell-wrong-count{color:#fff;background:linear-gradient(160deg, var(--accent-pink-1), var(--accent-pink-2));border-radius:var(--radius-pill);margin-top:4px;padding:1px 8px;font-size:10px;font-weight:700;display:inline-block}.infinite-mode-toggle{font-family:var(--font-display);border-radius:var(--radius-pill);color:#fff;text-shadow:0 1px 1px #0003;box-shadow:inset 0 1px 0 #fff6, var(--shadow-button);cursor:pointer;background:linear-gradient(160deg,#d8d3e0,#a89cba);border:none;margin-top:10px;padding:7px 16px;font-size:12px;font-weight:700}.infinite-mode-toggle:active{transform:translateY(1px);box-shadow:inset 0 1px #fff6,0 1px #0000002e}.infinite-mode-toggle:disabled{opacity:.5;cursor:default}.share-button{font-family:var(--font-display);border-radius:var(--radius-pill);background:linear-gradient(160deg, var(--accent-gold-1), var(--accent-gold-2));color:#fff;text-shadow:0 1px 2px #0000004d;box-shadow:inset 0 1px 0 #fff6, var(--shadow-button);cursor:pointer;border:none;margin:10px auto 0;padding:8px 20px;font-size:13px;font-weight:700;display:block}.share-button:active{transform:translateY(1px);box-shadow:inset 0 1px #fff6,0 1px #0000002e}.site-footer{color:var(--text);justify-content:center;gap:8px;margin-top:auto;padding-top:24px;font-size:12px;display:flex}.site-footer>:not(.kofi-link){opacity:.75}.site-footer a{color:var(--text)}.site-footer a:hover{color:var(--text-h)}.site-footer .kofi-link{align-items:center;gap:4px;font-weight:700;display:inline-flex}.kofi-icon{fill:#ff5e5b;flex-shrink:0;width:14px;height:14px}.footer-link-button{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.footer-link-button:hover{color:var(--text-h)}.feedback-textarea{box-sizing:border-box;width:100%;min-height:100px;font:inherit;color:var(--text-h);background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-panel);resize:vertical;margin-top:16px;padding:10px 12px;font-size:16px}.feedback-textarea:focus{border-color:var(--accent-blue-2);outline:none}