:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}body{min-height:100svh;margin:0}.game{flex-direction:column;align-items:center;gap:1.5rem;padding:1rem;display:flex}.hud{gap:2rem;font-size:1.25rem;display:flex}.belt{background:#1b2430;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:640px;height:180px;display:flex;overflow:hidden}.plate{color:#1b2430;text-align:center;background:#f6efe0;border-radius:999px;padding:1.5rem 2rem;box-shadow:0 6px #cbb994}.plate .glyph{font-size:3.5rem;line-height:1}.plate .reading{opacity:.7;margin-top:.25rem;font-size:1rem}.pads{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.pad{color:#f6efe0;cursor:pointer;background:#24303d;border:2px solid #3a4a5a;border-radius:12px;min-width:100px;padding:1rem 1.75rem;font-size:1.5rem}.pad:hover{background:#30414f}.grid{grid-template-columns:repeat(10,1fr);gap:4px;max-width:640px;display:grid}.cell{aspect-ratio:1;border-radius:6px;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.cell.new{color:#6b7a89;background:#2a3542}.cell.learning{color:#1b2430;background:#b8863b}.cell.mastered{color:#06210f;background:#4a9d6b}.trend{color:inherit;gap:.25rem;display:grid}.trend-label{opacity:.7;font-size:.8rem}.trend-svg{color:currentColor;opacity:.85}.trend-empty{opacity:.6;font-size:.85rem}.app{color:#f6efe0;max-width:760px;margin:0 auto;padding:1.5rem;font-family:system-ui,sans-serif}header{justify-content:space-between;align-items:center;display:flex}nav button{margin-left:.5rem}.home{justify-items:center;gap:1.5rem;margin-top:2rem;display:grid}.play,.home button{cursor:pointer;color:#06210f;background:#4a9d6b;border:none;border-radius:12px;padding:1rem 2.5rem;font-size:1.5rem}body{background:#12181f;margin:0}