:root{--bg:#f7f3e7;--panel:#fff;--panel-2:#efe8d6;--border:#cfc7b4;--text-h:#2a2520;--text:#6f665a;--accent:#7a7167;--base:#6aaa64;--mult:#c9b458;--gold:#b59f3b;--accent-bg:#7a716724;--accent-border:#7a716773;--shadow:#0000001a 0 8px 18px -10px, #0000000f 0 2px 6px -4px;--bg-image:none;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--display:system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, Consolas, monospace;font:17px/145% var(--sans);letter-spacing:.1px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}:root[data-theme=twilight],:root[data-theme=ember],:root[data-theme=deepsea]{--display:"Lilita One", system-ui, sans-serif;--shadow:#00000073 0 10px 22px -8px, #0000004d 0 4px 8px -4px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=twilight]{--bg:#0f0c18;--panel:#1d1730;--panel-2:#271f3f;--border:#3a2f56;--text-h:#f1ecff;--text:#a99fc4;--accent:#a855f7;--base:#22d3ee;--mult:#fb5a76;--gold:#f5c542;--accent-bg:#a855f729;--accent-border:#a855f78c;--bg-image:radial-gradient(1200px 600px at 18% -10%, #a855f733, transparent 60%), radial-gradient(1000px 700px at 100% 0%, #22d3ee1a, transparent 55%), radial-gradient(900px 700px at 50% 120%, #fb5a761f, transparent 55%)}:root[data-theme=ember]{--bg:#140f0c;--panel:#221813;--panel-2:#2e2017;--border:#4a3322;--text-h:#fff3e8;--text:#c9b3a1;--accent:#f97316;--base:#fbbf24;--mult:#ef4444;--gold:#fde68a;--accent-bg:#f9731629;--accent-border:#f973168c;--bg-image:radial-gradient(1200px 600px at 18% -10%, #f9731633, transparent 60%), radial-gradient(1000px 700px at 100% 0%, #f59e0b1a, transparent 55%), radial-gradient(900px 700px at 50% 120%, #ef44441f, transparent 55%)}:root[data-theme=deepsea]{--bg:#07171a;--panel:#0e2329;--panel-2:#143038;--border:#1f4651;--text-h:#e7fbff;--text:#94c0c9;--accent:#2dd4bf;--base:#38bdf8;--mult:#f472b6;--gold:#facc15;--accent-bg:#2dd4bf29;--accent-border:#2dd4bf8c;--bg-image:radial-gradient(1200px 600px at 18% -10%, #2dd4bf2e, transparent 60%), radial-gradient(1000px 700px at 100% 0%, #38bdf81a, transparent 55%), radial-gradient(900px 700px at 50% 120%, #f472b61f, transparent 55%)}body{color:var(--text);background:var(--bg-image), var(--bg);background-attachment:fixed;min-height:100svh;margin:0}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--display);color:var(--text-h);letter-spacing:.4px;font-weight:700}h1{margin:18px 0;font-size:40px}@media (width<=1024px){h1{margin:14px 0;font-size:30px}}h2{margin:0 0 8px;font-size:23px;line-height:120%}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h)}code{background:var(--panel-2);border-radius:4px;padding:3px 7px;font-size:14px}.panel,.card{background:linear-gradient(160deg, var(--panel-2), var(--panel));border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px}button{font:inherit;color:var(--text-h);background:var(--accent-bg);border:1px solid var(--accent-border);cursor:pointer;border-radius:10px;padding:.55rem 1rem;font-weight:600;transition:background .15s,color .15s,transform 50ms,box-shadow .15s}button:hover{background:var(--accent);color:#fff;box-shadow:0 0 0 1px var(--accent-border), 0 6px 18px -6px var(--accent)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button:disabled:hover{background:var(--accent-bg);color:var(--text-h);box-shadow:none}input{font:inherit;color:var(--text-h);background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:.55rem .75rem}input::placeholder{color:var(--text);opacity:.7}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.theme-select{font:inherit;color:var(--text-h);background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:.3rem .5rem;font-size:.85rem;font-weight:600}.theme-select:hover{border-color:var(--accent)}.theme-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.settings{position:relative}.settings-btn{background:var(--panel);border:1px solid var(--border);padding:.3rem .5rem;font-size:1rem;line-height:1}.settings-panel{z-index:50;text-align:left;background:var(--panel);border:1px solid var(--border);width:240px;max-width:calc(100vw - 16px);box-shadow:var(--shadow);border-radius:12px;gap:.6rem;padding:.85rem;display:grid;position:fixed;right:8px}.settings-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.settings-row .theme-select{flex:auto;min-width:0}.settings-label{letter-spacing:.4px;text-transform:uppercase;color:var(--text);font-size:.8rem;font-weight:700}.nav{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1.25rem;display:flex}.nav-brand{color:var(--text-h);align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;display:inline-flex}.nav-brand:hover{text-decoration:none}.nav-beta{letter-spacing:.5px;background:var(--accent);color:#fff;border-radius:999px;padding:2px 7px;font-size:.6rem;font-weight:700}.nav-links{flex-wrap:wrap;gap:.25rem;display:flex}.nav-link{color:var(--text);border-radius:8px;padding:.35rem .7rem;font-weight:500}.nav-link:hover{background:var(--accent-bg);text-decoration:none}.nav-link.active{color:var(--text-h);background:var(--accent-bg)}.sound-toggle{background:var(--panel);border:1px solid var(--border);padding:.3rem .5rem;font-size:.95rem;line-height:1}.tile{text-transform:uppercase;color:var(--text-h);border:2px solid var(--border);box-sizing:border-box;background:#ffffff08;border-radius:8px;place-items:center;font-size:1.5rem;font-weight:700;display:grid}.tile.revealed{color:#fff;transform-origin:50%;will-change:transform;backface-visibility:hidden;border-color:#0000;animation:.38s ease-in-out tile-flip}.tile.correct{background:#6aaa64}.tile.present{background:#c9b458}.tile.absent{background:#787c7e}@keyframes tile-flip{0%{transform:perspective(600px)rotateX(0)}50%{transform:perspective(600px)rotateX(-88deg)}to{transform:perspective(600px)rotateX(0)}}@media (prefers-reduced-motion:reduce){.tile.revealed{animation:none}}.mod-card{background:linear-gradient(160deg, var(--panel-2), var(--panel));border:1px solid var(--border);box-shadow:var(--shadow);cursor:help;border-radius:10px;place-items:center;display:grid;overflow:hidden}.mod-sm{width:48px;height:64px}.mod-md{width:72px;height:96px}.mod-art{object-fit:cover;width:100%;height:100%}.mod-fallback{text-align:center;color:var(--text-h);text-transform:uppercase;letter-spacing:.3px;padding:4px;font-size:.62rem;font-weight:700;line-height:1.1}