:root{--color-paper-bg:#f8f6f0;--color-paper-grid:#e2e8f0;--color-ink-primary:#1e293b;--color-ink-secondary:#475569;--color-ink-accent:#e11d48;--color-ink-correct:#10b981;--color-ink-error:#ef4444;--color-ui-bg:#fff;--color-ui-text:#0f172a;--color-ui-border:#cbd5e1;--color-ui-overlay:#0f172a66;--font-family-game:"Comic Sans MS", "Chalkboard SE", "Marker Felt", sans-serif;--font-family-ui:system-ui, -apple-system, sans-serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-ui);background-color:var(--color-paper-bg);color:var(--color-ui-text);touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}.btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;font-weight:600;transition:transform .1s,box-shadow .1s;display:inline-flex}.btn:active{transform:scale(.95)}.btn--primary{background-color:var(--color-ink-primary);color:#fff;box-shadow:var(--shadow-md)}.btn--secondary{background-color:var(--color-ui-bg);color:var(--color-ink-primary);border:2px solid var(--color-ui-border)}.btn--icon{padding:var(--spacing-sm);border-radius:var(--radius-full)}.overlay{background-color:var(--color-ui-overlay);z-index:100;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}.card{background-color:var(--color-ui-bg);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);gap:var(--spacing-md);flex-direction:column;display:flex}